starting-point-ui 0.10.3 → 0.12.0

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 (7) hide show
  1. package/README.md +0 -4
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +19 -7
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/package.json +4 -5
  7. package/LICENSE +0 -21
package/README.md CHANGED
@@ -10,10 +10,6 @@ Visit [startingpointui.com](https://www.startingpointui.com) for full documentat
10
10
 
11
11
  Visit [startingpointui.com/docs/guides/installation](https://www.startingpointui.com/docs/guides/installation) to get started.
12
12
 
13
- ## Changelog
14
-
15
- Visit [startingpointui.com/docs/resources/changelog](https://www.startingpointui.com/docs/resources/changelog) to see what's new.
16
-
17
13
  ## Development
18
14
 
19
15
  ```sh
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px) ; --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px) ; --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility accordion{@apply w-full divide-y;}@utility accordion-trigger{@apply flex w-full flex-1 items-center gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50; @apply [&:where(&:not(.accordion-trigger-icon-arrow,.accordion-trigger-icon-plus,.accordion-trigger-icon-none))]:accordion-trigger-icon-arrow; @apply [&:where(&:not(.accordion-trigger-icon-start,.accordion-trigger-icon-end))]:accordion-trigger-icon-end; &::after {@apply shrink-0 size-4 transition-transform duration-200; content: ""; background-size: 100%; background-repeat: no-repeat;}}@utility accordion-trigger-icon-arrow{&::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m6 9 6 6 6-6'/%3e%3c/svg%3e");} &[aria-expanded="true"]::after {@apply rotate-180;}}@utility accordion-trigger-icon-plus{&::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M5 12h14'/%3e%3cpath d='M12 5v14'/%3e%3c/svg%3e");} &[aria-expanded="true"]::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M5 12h14'/%3e%3c/svg%3e");}}@utility accordion-trigger-icon-none{&::after {@apply hidden;}}@utility accordion-trigger-icon-end{@apply justify-between;}@utility accordion-trigger-icon-start{@apply flex-row-reverse justify-end;}@utility accordion-panel{@apply invisible h-0 overflow-hidden; @apply [&:not(.no-animation)]:data-[state=open]:animate-accordion-down; @apply [&:not(.no-animation)]:data-[state=closed]:animate-accordion-up; &.open {@apply visible h-auto;}}@utility accordion-content{@apply pb-4 text-sm/6 text-muted-foreground;}@utility avatar{@apply aspect-square shrink-0 rounded-full object-cover; @apply [&:where(&:not(.avatar-sm,.avatar-base,.avatar-lg))]:avatar-base;}@utility avatar-fallback{@apply inline-flex items-center justify-center rounded-full bg-muted text-muted-foreground font-medium; @apply [&:where(&:not(.avatar-sm,.avatar-base,.avatar-lg))]:avatar-base;}@utility avatar-sm{@apply size-8 text-xs;}@utility avatar-base{@apply size-9 text-sm;}@utility avatar-lg{@apply size-10 text-base;}@utility avatar-group{@apply flex -space-x-2;}@utility avatar-group-item{@apply ring-2 ring-background;}@utility badge{@apply inline-flex items-center justify-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 overflow-hidden transition-[color,box-shadow] [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-3 [&_svg]:shrink-0; @apply outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply [&:where(&:not(.badge-default,.badge-secondary,.badge-destructive,.badge-outline))]:badge-default;}@utility badge-default{@apply border-transparent bg-primary text-primary-foreground [&:is(a)]:hover:bg-primary/90;}@utility badge-secondary{@apply border-transparent bg-secondary text-secondary-foreground [&:is(a)]:hover:bg-secondary/90;}@utility badge-destructive{@apply border-transparent bg-destructive text-white dark:bg-destructive/60 [&:is(a)]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40;}@utility badge-outline{@apply text-foreground [&:is(a)]:hover:bg-secondary [&:is(a)]:hover:text-secondary-foreground;}@utility breadcrumb{@apply text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5;}@utility breadcrumb-link{@apply inline-flex items-center gap-1.5 text-foreground; @apply hover:text-foreground transition-colors;}@utility breadcrumb-page{@apply inline-flex items-center gap-1.5 text-foreground;}@utility breadcrumb-separator{@apply [&>svg]:size-3.5;}@utility breadcrumb-collapsed{@apply flex size-9 items-center justify-center;}@utility btn{@apply inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive; @apply [&:where(&:not(.btn-default,.btn-destructive,.btn-outline,.btn-secondary,.btn-ghost,.btn-link))]:btn-default; @apply [&:where(&:not(.btn-base,.btn-sm,.btn-lg,.btn-icon,.btn-icon-sm,.btn-icon-lg))]:btn-base;}@utility btn-default{@apply bg-primary text-primary-foreground hover:bg-primary/90;}@utility btn-destructive{@apply bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60;}@utility btn-outline{@apply border bg-background shadow-xs hover:bg-secondary hover:text-secondary-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50;}@utility btn-secondary{@apply bg-secondary text-secondary-foreground hover:bg-secondary/80;}@utility btn-ghost{@apply hover:bg-secondary hover:text-secondary-foreground dark:hover:bg-secondary/50;}@utility btn-link{@apply text-primary underline-offset-4 hover:underline;}@utility btn-sm{@apply h-8 gap-1.5 px-3 has-[>svg]:px-2.5;}@utility btn-base{@apply h-9 px-4 py-2 has-[>svg]:px-3;}@utility btn-lg{@apply h-10 px-6 has-[>svg]:px-4;}@utility btn-icon-sm{@apply size-8;}@utility btn-icon{@apply size-9;}@utility btn-icon-lg{@apply size-10;}@utility btn-group{@apply flex w-fit items-stretch; @apply [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative; @apply [&:where(&:not(.btn-group-horizontal,.btn-group-vertical))]:btn-group-horizontal;}@utility btn-group-horizontal{@apply [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0; @apply [&>*:not(:last-child)]:rounded-r-none; @apply [&>.btn-group-separator]:h-auto [&>.btn-group-separator]:w-px;}@utility btn-group-vertical{@apply flex-col; @apply [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0; @apply [&>*:not(:last-child)]:rounded-b-none; @apply [&>.btn-group-separator]:w-auto [&>.btn-group-separator]:h-px;}@utility btn-group-text{@apply bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4;}@utility btn-group-separator{@apply bg-input relative self-stretch;}@utility card{@apply text-card-foreground rounded-xl; @apply [&:where(&:not(.card-default,.card-outline,.card-muted))]:card-default;}@utility card-default{@apply bg-card border shadow-xs;}@utility card-outline{@apply bg-card border;}@utility card-muted{@apply bg-muted/50;}@utility card-content{@apply [&:where(&:not(.card-content-sm,.card-content-base,.card-content-lg))]:card-content-base;}@utility card-content-sm{@apply p-4;}@utility card-content-base{@apply p-6;}@utility card-content-lg{@apply p-12;}@utility checkbox{@apply border-input size-4 shrink-0 rounded-[4px] border shadow-xs transition-[box-shadow,background-color,border-color] outline-none appearance-none cursor-pointer; @apply dark:bg-input/30; @apply checked:bg-primary checked:border-primary; @apply disabled:cursor-not-allowed disabled:opacity-50; @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive; &:checked {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;} :is(.dark *) &:checked {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");}}@utility collapsible-panel{@apply invisible h-0 overflow-hidden; @apply [&:not(.no-animation)]:data-[state=open]:animate-collapsible-down; @apply [&:not(.no-animation)]:data-[state=closed]:animate-collapsible-up; &.open {@apply visible h-auto;}}@utility collapsible-content{@apply flex flex-col gap-2;}@utility container{@apply px-6 w-full max-w-3xl lg:max-w-7xl mx-auto;}@utility container-wide{@apply px-6 w-full max-w-7xl mx-auto;}@utility container-fluid{@apply px-6 w-full;}@utility dialog{@apply isolate pointer-events-none fixed inset-0 z-999 w-full h-dvh p-0 bg-transparent border-none max-w-none max-h-none overflow-hidden; &::backdrop {@apply hidden;}}@utility dialog-backdrop{@apply fixed inset-0 bg-black/50 -z-1 pointer-events-auto [animation-fill-mode:forwards]!; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:fade-in-0 [&:not(.no-animation)]:data-[state=closed]:fade-out-0;}@utility dialog-panel{@apply fixed pointer-events-auto top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-background rounded-lg shadow-lg max-w-md w-[calc(100%-2rem)] max-h-[calc(100%-2rem)] overflow-y-auto [animation-fill-mode:forwards]!; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:fade-in-0 [&:not(.no-animation)]:data-[state=open]:zoom-in-95 [&:not(.no-animation)]:data-[state=closed]:fade-out-0 [&:not(.no-animation)]:data-[state=closed]:zoom-out-95 [&:not(.no-animation)]:duration-200;}@utility dialog-content{@apply p-6;}@utility dropdown{@apply relative inline-block;}@utility dropdown-menu{@apply absolute z-998 hidden min-w-40 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md whitespace-nowrap; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=open]:fade-in-0 [&:not(.no-animation)]:data-[state=open]:zoom-in-95; &.open {@apply block;}}@utility dropdown-item{@apply relative flex cursor-default select-none items-center gap-2.5 rounded-sm px-2.5 py-1.5 text-sm outline-none transition-colors; @apply hover:bg-secondary hover:text-secondary-foreground focus:bg-secondary focus:text-secondary-foreground; @apply [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4; &[aria-disabled="true"] {@apply pointer-events-none opacity-50;}}@utility dropdown-label{@apply px-2.5 py-1.5 text-sm font-medium;}@utility dropdown-separator{@apply -mx-1 my-1 h-px bg-border;}@utility input{@apply border-input w-full min-w-0 rounded-md border bg-transparent px-3 text-sm shadow-xs transition-[color,box-shadow] outline-none appearance-none; @apply placeholder:text-muted-foreground; @apply dark:bg-input/30; @apply file:text-foreground file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium; @apply selection:bg-primary selection:text-primary-foreground; @apply disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50; @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive; @apply [&:where(&:not(.input-sm,.input-base,.input-lg))]:input-base;}@utility input-sm{@apply h-8 file:h-8;}@utility input-base{@apply h-9 file:h-9;}@utility input-lg{@apply h-10 file:h-10;}@utility input-group{@apply relative flex w-full items-center rounded-md border border-input bg-transparent shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30; @apply has-[:focus-visible]:border-ring has-[:focus-visible]:ring-ring/50 has-[:focus-visible]:ring-[3px]; @apply has-[[aria-invalid=true]]:ring-destructive/20 has-[[aria-invalid=true]]:border-destructive dark:has-[[aria-invalid=true]]:ring-destructive/40; @apply has-[:disabled]:opacity-50; @apply [&>.input]:flex-1 [&>.input]:min-w-0 [&>.input]:border-0 [&>.input]:shadow-none [&>.input]:rounded-none [&>.input]:focus-visible:ring-0 [&>.input]:dark:bg-transparent; @apply has-[>.input-group-addon:first-child]:[&>.input]:pl-0 has-[>.input-group-addon:last-child]:[&>.input]:pr-0; @apply [&:where(&:not(.input-group-sm,.input-group-base,.input-group-lg))]:input-group-base;}@utility input-group-sm{@apply h-8;}@utility input-group-base{@apply h-9;}@utility input-group-lg{@apply h-10;}@utility input-group-addon{@apply flex items-center justify-center gap-2 px-3 shrink-0 text-sm text-muted-foreground select-none cursor-text; @apply [&_svg:not([class*="size-"])]:size-4;}@utility label{@apply flex items-center gap-2 text-sm leading-none font-medium select-none; @apply group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50; @apply peer-disabled:cursor-not-allowed peer-disabled:opacity-50;}@utility radio{@apply border-input text-primary size-4 shrink-0 rounded-full border shadow-xs outline-none appearance-none cursor-pointer; @apply transition-[color,box-shadow]; @apply dark:bg-input/30; @apply disabled:cursor-not-allowed disabled:opacity-50; @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive; &:checked {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3' fill='%23171717'/%3e%3c/svg%3e"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;} :is(.dark *) &:checked {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3' fill='%23fafafa'/%3e%3c/svg%3e");}}@utility resizable{@apply flex h-full w-full isolate; &[data-direction="vertical"] {@apply flex-col;}}@utility resizable-panel{@apply relative overflow-hidden;}@utility resizable-handle{@apply relative flex shrink-0 items-center justify-center overflow-visible bg-border transition-colors outline-none; @apply hover:bg-ring/50 active:bg-ring/70 data-[dragging]:bg-ring/70; @apply w-px cursor-col-resize after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2; @apply [[data-direction=vertical]_&]:h-px [[data-direction=vertical]_&]:w-full [[data-direction=vertical]_&]:cursor-row-resize; @apply [[data-direction=vertical]_&]:after:left-0 [[data-direction=vertical]_&]:after:h-1 [[data-direction=vertical]_&]:after:w-full [[data-direction=vertical]_&]:after:translate-x-0 [[data-direction=vertical]_&]:after:-translate-y-1/2 [[data-direction=vertical]_&]:after:inset-y-auto [[data-direction=vertical]_&]:after:inset-x-0;}@utility resizable-handle-icon{@apply z-10 h-8 w-1.5 shrink-0 rounded-full bg-border [[data-direction=vertical]_&]:h-1.5 [[data-direction=vertical]_&]:w-8;}@utility select{@apply border-input w-full min-w-0 appearance-none rounded-md border bg-transparent text-sm shadow-xs transition-[color,box-shadow] outline-none; @apply placeholder:text-muted-foreground; @apply selection:bg-primary selection:text-primary-foreground; @apply dark:bg-input/30 dark:hover:bg-input/50; @apply disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50; @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive; @apply [&:where(&:not(.select-sm,.select-base,.select-lg))]:select-base; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m6 9 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 1rem;}@utility select-sm{@apply h-8 px-3 pr-9;}@utility select-base{@apply h-9 px-3 pr-9;}@utility select-lg{@apply h-10 px-3 pr-9;}@utility separator{@apply bg-border shrink-0; @apply [&:where(&:not(.separator-horizontal,.separator-vertical))]:separator-horizontal;}@utility separator-horizontal{@apply h-px w-full;}@utility separator-vertical{@apply h-full self-stretch w-px;}@utility sheet-backdrop{@apply fixed inset-0 bg-black/50 -z-1 pointer-events-auto [animation-fill-mode:forwards]!; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:fade-in-0 [&:not(.no-animation)]:data-[state=closed]:fade-out-0;}@utility sheet-panel{@apply fixed pointer-events-auto bg-background shadow-lg [animation-fill-mode:forwards]!; @apply [&:where(&:not(.sheet-left,.sheet-right,.sheet-top,.sheet-bottom))]:sheet-left;}@utility sheet-content{@apply p-6;}@utility sheet-left{@apply top-0 bottom-0 left-0 h-full w-3/4 max-w-sm border-r; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:slide-in-from-left [&:not(.no-animation)]:data-[state=closed]:slide-out-to-left [&:not(.no-animation)]:duration-300;}@utility sheet-right{@apply top-0 bottom-0 right-0 h-full w-3/4 max-w-sm border-l; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:slide-in-from-right [&:not(.no-animation)]:data-[state=closed]:slide-out-to-right [&:not(.no-animation)]:duration-300;}@utility sheet-top{@apply top-0 left-0 right-0 w-full border-b; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:slide-in-from-top [&:not(.no-animation)]:data-[state=closed]:slide-out-to-top [&:not(.no-animation)]:duration-300;}@utility sheet-bottom{@apply bottom-0 left-0 right-0 w-full border-t; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:slide-in-from-bottom [&:not(.no-animation)]:data-[state=closed]:slide-out-to-bottom [&:not(.no-animation)]:duration-300;}@utility sidebar{@apply flex min-h-dvh w-full overflow-x-clip;}@utility sidebar-panel{@apply bg-sidebar text-sidebar-foreground fixed inset-y-0 z-50 w-(--sidebar-width) hidden; @apply sidebar:relative sidebar:z-auto sidebar:block sidebar:shrink-0; @apply [&:not(.no-animation)]:sidebar:transition-[margin] [&:not(.no-animation)]:sidebar:duration-200 [&:not(.no-animation)]:sidebar:ease-linear; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:duration-300 [&:not(.no-animation)]:data-[state]:[animation-fill-mode:forwards]!; @apply sidebar:translate-x-0 sidebar:animate-none!; @apply [&:where(&:not(.sidebar-left,.sidebar-right))]:sidebar-left; &.open {@apply block;}}@utility sidebar-left{@apply left-0 border-r; @apply [&:not(.no-animation)]:data-[state=open]:slide-in-from-left [&:not(.no-animation)]:data-[state=closed]:slide-out-to-left; &.collapsed {@apply sidebar:-ml-(--sidebar-width);}}@utility sidebar-right{@apply right-0 border-l; @apply [&:not(.no-animation)]:data-[state=open]:slide-in-from-right [&:not(.no-animation)]:data-[state=closed]:slide-out-to-right; &.collapsed {@apply sidebar:-mr-(--sidebar-width);}}@utility sidebar-content{@apply p-4 h-full overflow-y-auto sidebar:h-auto sidebar:sticky sidebar:top-0 sidebar:max-h-dvh;}@utility sidebar-backdrop{@apply fixed inset-0 z-40 bg-black/50 hidden sidebar:hidden; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:fade-in-0 [&:not(.no-animation)]:data-[state=closed]:fade-out-0 [&:not(.no-animation)]:duration-300 [&:not(.no-animation)]:data-[state]:[animation-fill-mode:forwards]!; &.open {@apply block pointer-events-auto;}}@utility switch{@apply h-[1.15rem] w-8 shrink-0 rounded-full border border-transparent shadow-xs outline-none appearance-none cursor-pointer; @apply transition-[color,box-shadow,background-color]; @apply bg-input dark:bg-input/80; @apply checked:bg-primary; @apply disabled:cursor-not-allowed disabled:opacity-50; @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive; &::before {content: ""; @apply block size-4 rounded-full shadow-xs transition-transform; @apply bg-background dark:bg-foreground;} &:checked::before {@apply translate-x-[calc(100%-2px)] bg-background dark:bg-primary-foreground;}}@utility table{@apply w-max min-w-full caption-bottom text-sm;}@utility table-header{@apply [&_tr]:border-b;}@utility table-body{@apply [&_tr:last-child]:border-0;}@utility table-footer{@apply bg-muted/50 border-t font-medium [&>tr]:last:border-b-0;}@utility table-row{@apply border-b transition-colors hover:bg-muted/50;}@utility table-head{@apply px-4 py-3 text-left align-middle font-medium text-foreground whitespace-nowrap;}@utility table-cell{@apply px-4 py-3 align-middle whitespace-nowrap;}@utility tab-list{@apply bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px];}@utility tab{@apply text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4; @apply outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-1 focus-visible:outline-ring; &.active {@apply bg-background shadow-sm dark:text-foreground dark:border-input dark:bg-input/30;}}@utility tab-panel{@apply hidden w-full min-w-0 outline-none; &.active {@apply block;}}@utility textarea{@apply border-input w-full rounded-md border bg-transparent shadow-xs transition-[color,box-shadow] outline-none appearance-none; @apply placeholder:text-muted-foreground; @apply dark:bg-input/30; @apply field-sizing-content min-h-16 px-3 py-2 text-sm; @apply disabled:cursor-not-allowed disabled:opacity-50; @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive;}@custom-variant dark (&:is(.dark *));:root{--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.556 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--sidebar-width: 16rem}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.922 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.708 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.556 0 0);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.922 0 0);--sidebar-primary-foreground: oklch(.205 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0)}@theme inline{ --breakpoint-sidebar: 1024px; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --breakpoint-xs: 540px; }@layer base{*{@apply border-border outline-ring/50;}html{scrollbar-gutter:stable}html:has(dialog[open] :is(.dialog-backdrop,.sheet-backdrop)){@apply overflow-hidden;}body{@apply bg-background text-foreground;}.dark{@apply text-foreground;}}
1
+ @property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px) ; --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px) ; --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility accordion{@layer l1.l2 {@apply w-full divide-y;}}@utility accordion-trigger{@layer l1.l2 {@apply flex w-full flex-1 items-center justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50; @apply [&_svg:not([class*="size-"])]:size-4 [&_svg]:shrink-0; @apply [&_i[class*="ri-"]]:text-[1.125rem] [&_i[class*="ri-"]]:leading-none [&_i[class*="ri-"]]:shrink-0; @apply [&:not(.no-animation)_svg]:transition-transform [&:not(.no-animation)_svg]:duration-200; @apply [&:not(.no-animation)_i[class*="ri-"]]:transition-transform [&:not(.no-animation)_i[class*="ri-"]]:duration-200;}}@utility accordion-panel{@layer l1.l2 {@apply invisible h-0 overflow-hidden; @apply [&:not(.no-animation)]:data-[state=open]:animate-accordion-down; @apply [&:not(.no-animation)]:data-[state=closed]:animate-accordion-up; &.open {@apply visible h-auto;}}}@utility accordion-content{@layer l1.l2 {@apply pb-4 text-sm/6 text-muted-foreground;}}@utility avatar{@layer l1.l2 {@apply aspect-square shrink-0 rounded-full object-cover; @apply [&:where(&:not(.avatar-sm,.avatar-base,.avatar-lg))]:avatar-base;}}@utility avatar-fallback{@layer l1.l2 {@apply inline-flex items-center justify-center rounded-full bg-muted text-muted-foreground font-medium; @apply [&_svg:not([class*="size-"])]:size-5 [&_i[class*="ri-"]]:text-[1.125rem] [&_i[class*="ri-"]]:leading-none; @apply [&:where(&:not(.avatar-sm,.avatar-base,.avatar-lg))]:avatar-base;}}@utility avatar-sm{@layer l1 {@apply size-8 text-xs;}}@utility avatar-base{@layer l1 {@apply size-9 text-sm;}}@utility avatar-lg{@layer l1 {@apply size-10 text-base;}}@utility avatar-group{@apply flex -space-x-2;}@utility avatar-group-item{@apply ring-2 ring-background;}@utility badge{@layer l1.l2 {@apply inline-flex items-center justify-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 overflow-hidden transition-[color,box-shadow]; @apply [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-3 [&_svg]:shrink-0; @apply [&_i[class*="ri-"]]:text-sm [&_i[class*="ri-"]]:leading-none [&_i[class*="ri-"]]:shrink-0; @apply outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply [&:where(&:not(.badge-default,.badge-secondary,.badge-destructive,.badge-outline))]:badge-default;}}@utility badge-default{@layer l1 {@apply border-transparent bg-primary text-primary-foreground [&:is(a)]:hover:bg-primary/90;}}@utility badge-secondary{@layer l1 {@apply border-transparent bg-secondary text-secondary-foreground [&:is(a)]:hover:bg-secondary/90;}}@utility badge-destructive{@layer l1 {@apply border-transparent bg-destructive text-white dark:bg-destructive/60 [&:is(a)]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40;}}@utility badge-outline{@layer l1 {@apply text-foreground [&:is(a)]:hover:bg-secondary [&:is(a)]:hover:text-secondary-foreground;}}@utility breadcrumb{@layer l1.l2 {@apply text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5;}}@utility breadcrumb-link{@layer l1.l2 {@apply inline-flex items-center gap-1.5 transition-colors; @apply hover:text-foreground; @apply [&_svg:not([class*="size-"])]:size-3.5 [&_svg]:shrink-0; @apply [&_i[class*="ri-"]]:text-base [&_i[class*="ri-"]]:leading-none [&_i[class*="ri-"]]:shrink-0;}}@utility breadcrumb-page{@layer l1.l2 {@apply inline-flex items-center gap-1.5 text-foreground; @apply [&_svg:not([class*="size-"])]:size-3.5 [&_svg]:shrink-0; @apply [&_i[class*="ri-"]]:text-base [&_i[class*="ri-"]]:leading-none [&_i[class*="ri-"]]:shrink-0;}}@utility breadcrumb-separator{@layer l1.l2 {@apply [&>svg]:size-3.5 [&>svg]:shrink-0; @apply [&>i[class*="ri-"]]:text-base [&>i[class*="ri-"]]:leading-none [&>i[class*="ri-"]]:shrink-0;}}@utility breadcrumb-collapsed{@layer l1.l2 {@apply flex size-9 items-center justify-center;}}@utility btn{@layer l1.l2 {@apply inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive; @apply [&_i[class*="ri-"]]:text-[1.125rem] [&_i[class*="ri-"]]:leading-none [&_i[class*="ri-"]]:shrink-0; @apply [&:where(&:not(.btn-default,.btn-destructive,.btn-outline,.btn-secondary,.btn-ghost,.btn-link))]:btn-default; @apply [&:where(&:not(.btn-base,.btn-sm,.btn-lg,.btn-icon,.btn-icon-sm,.btn-icon-lg))]:btn-base;}}@utility btn-default{@layer l1 {@apply bg-primary text-primary-foreground hover:bg-primary/90;}}@utility btn-destructive{@layer l1 {@apply bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60;}}@utility btn-outline{@layer l1 {@apply border bg-background shadow-xs hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50;}}@utility btn-secondary{@layer l1 {@apply bg-secondary text-secondary-foreground hover:bg-secondary/80;}}@utility btn-ghost{@layer l1 {@apply hover:bg-muted hover:text-foreground dark:hover:bg-muted/50;}}@utility btn-link{@layer l1 {@apply text-primary underline-offset-4 hover:underline;}}@utility btn-sm{@layer l1 {@apply h-8 gap-1.5 px-3 has-[>svg]:px-2.5;}}@utility btn-base{@layer l1 {@apply h-9 px-4 py-2 has-[>svg]:px-3;}}@utility btn-lg{@layer l1 {@apply h-10 px-6 has-[>svg]:px-4;}}@utility btn-icon-sm{@layer l1 {@apply size-8;}}@utility btn-icon{@layer l1 {@apply size-9;}}@utility btn-icon-lg{@layer l1 {@apply size-10;}}@utility btn-group{@apply flex w-fit items-stretch; @apply [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative; @apply [&:where(&:not(.btn-group-horizontal,.btn-group-vertical))]:btn-group-horizontal;}@utility btn-group-horizontal{@apply [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0; @apply [&>*:not(:last-child)]:rounded-r-none; @apply [&>.btn-group-separator]:h-auto [&>.btn-group-separator]:w-px;}@utility btn-group-vertical{@apply flex-col; @apply [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0; @apply [&>*:not(:last-child)]:rounded-b-none; @apply [&>.btn-group-separator]:w-auto [&>.btn-group-separator]:h-px;}@utility btn-group-text{@apply bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs; @apply [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 [&_svg]:shrink-0; @apply [&_i[class*="ri-"]]:text-[1.125rem] [&_i[class*="ri-"]]:leading-none [&_i[class*="ri-"]]:shrink-0;}@utility btn-group-separator{@apply bg-input relative self-stretch;}@utility card{@layer l1.l2 {@apply text-card-foreground rounded-xl; @apply [&:where(&:not(.card-default,.card-muted))]:card-default;}}@utility card-default{@layer l1 {@apply bg-card border;}}@utility card-muted{@layer l1 {@apply bg-muted/50;}}@utility card-content{@layer l1.l2 {@apply [&:where(&:not(.card-content-sm,.card-content-base,.card-content-lg))]:card-content-base;}}@utility card-content-sm{@layer l1 {@apply p-4;}}@utility card-content-base{@layer l1 {@apply p-6;}}@utility card-content-lg{@layer l1 {@apply p-8;}}@utility checkbox{@layer l1.l2 {@apply border-input size-4 shrink-0 rounded-[4px] border shadow-xs transition-[box-shadow,background-color,border-color] outline-none appearance-none cursor-pointer; @apply dark:bg-input/30; @apply checked:bg-primary checked:border-primary; @apply disabled:cursor-not-allowed disabled:opacity-50; @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive; &:checked {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;} :is(.dark *) &:checked {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");}}}@utility collapsible-panel{@layer l1.l2 {@apply invisible h-0 overflow-hidden; @apply [&:not(.no-animation)]:data-[state=open]:animate-collapsible-down; @apply [&:not(.no-animation)]:data-[state=closed]:animate-collapsible-up; &.open {@apply visible h-auto;}}}@utility collapsible-content{@layer l1.l2 {@apply flex flex-col gap-2;}}@utility combobox{@layer l1.l2 {@apply relative inline-block;}}@utility combobox-trigger{@layer l1.l2 {@apply border-input inline-flex w-full cursor-pointer items-center justify-between gap-2 rounded-md border bg-transparent text-sm shadow-xs transition-[color,box-shadow] outline-none; @apply dark:bg-input/30 dark:hover:bg-input/50; @apply disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50; @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive; @apply [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4; @apply [&:where(&:not(.combobox-trigger-sm,.combobox-trigger-base,.combobox-trigger-lg))]:combobox-trigger-base;}}@utility combobox-trigger-sm{@layer l1 {@apply h-8 px-3;}}@utility combobox-trigger-base{@layer l1 {@apply h-9 px-3;}}@utility combobox-trigger-lg{@layer l1 {@apply h-10 px-3;}}@utility combobox-value{@layer l1.l2 {@apply flex-1 truncate text-left; &:not([data-placeholder]) {@apply text-muted-foreground;}}}@utility combobox-menu{@layer l1.l2 {@apply absolute z-998 hidden min-w-40 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=open]:fade-in-0 [&:not(.no-animation)]:data-[state=open]:zoom-in-95; &.open {@apply block;}}}@utility combobox-search{@layer l1.l2 {@apply flex items-center gap-2 border-b px-3; @apply [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4 [&_svg]:text-muted-foreground;}}@utility combobox-input{@layer l1.l2 {@apply h-9 w-full min-w-0 bg-transparent py-2 text-sm outline-none placeholder:text-muted-foreground; @apply disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50;}}@utility combobox-list{@layer l1.l2 {@apply max-h-60 overflow-y-auto p-1;}}@utility combobox-item{@layer l1.l2 {@apply relative flex cursor-default select-none items-center gap-2.5 rounded-sm py-1.5 pr-2.5 pl-8 text-sm outline-none transition-colors; @apply hover:bg-secondary hover:text-secondary-foreground focus:bg-secondary focus:text-secondary-foreground; @apply [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4; &[aria-disabled="true"] {@apply pointer-events-none opacity-50;} &::before {@apply absolute left-2 size-4 opacity-0 content-[""]; background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); background-size: 100% 100%; background-repeat: no-repeat;} &:has(input:checked)::before {@apply opacity-100;}}}@utility combobox-label{@layer l1.l2 {@apply px-2.5 py-1.5 text-sm font-medium text-muted-foreground;}}@utility combobox-separator{@layer l1.l2 {@apply -mx-1 my-1 h-px bg-border;}}@utility combobox-empty{@layer l1.l2 {@apply hidden py-6 text-center text-sm text-muted-foreground; &.visible {@apply block;}}}@utility dialog{@layer l1.l2 {@apply isolate pointer-events-none fixed inset-0 z-999 w-full h-dvh p-0 bg-transparent border-none max-w-none max-h-none overflow-hidden; &::backdrop {@apply hidden;}}}@utility dialog-backdrop{@layer l1.l2 {@apply fixed inset-0 bg-black/10 backdrop-blur-xs -z-1 pointer-events-auto [animation-fill-mode:forwards]!; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:fade-in-0 [&:not(.no-animation)]:data-[state=closed]:fade-out-0;}}@utility dialog-panel{@layer l1.l2 {@apply fixed pointer-events-auto top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-background rounded-lg shadow-lg max-w-md w-[calc(100%-2rem)] max-h-[calc(100%-2rem)] overflow-y-auto [animation-fill-mode:forwards]!; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:fade-in-0 [&:not(.no-animation)]:data-[state=open]:zoom-in-95 [&:not(.no-animation)]:data-[state=closed]:fade-out-0 [&:not(.no-animation)]:data-[state=closed]:zoom-out-95 [&:not(.no-animation)]:duration-200;}}@utility dialog-content{@layer l1.l2 {@apply p-6;}}@utility dropdown{@layer l1.l2 {@apply relative inline-block;}}@utility dropdown-menu{@layer l1.l2 {@apply absolute z-998 hidden min-w-40 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md whitespace-nowrap; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=open]:fade-in-0 [&:not(.no-animation)]:data-[state=open]:zoom-in-95; &.open {@apply block;}}}@utility dropdown-item{@layer l1.l2 {@apply relative flex cursor-default select-none items-center gap-2.5 rounded-sm px-2.5 py-1.5 text-sm outline-none transition-colors; @apply hover:bg-secondary hover:text-secondary-foreground focus:bg-secondary focus:text-secondary-foreground; @apply [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4; @apply [&_i[class*="ri-"]]:text-[1.125rem] [&_i[class*="ri-"]]:leading-none [&_i[class*="ri-"]]:shrink-0; &[aria-disabled="true"] {@apply pointer-events-none opacity-50;}}}@utility dropdown-label{@layer l1.l2 {@apply px-2.5 py-1.5 text-sm font-medium;}}@utility dropdown-separator{@layer l1.l2 {@apply -mx-1 my-1 h-px bg-border;}}@utility input{@layer l1.l2 {@apply border-input w-full min-w-0 rounded-md border bg-transparent px-3 text-sm shadow-xs transition-[color,box-shadow] outline-none appearance-none; @apply placeholder:text-muted-foreground; @apply dark:bg-input/30; @apply file:text-foreground file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium; @apply selection:bg-primary selection:text-primary-foreground; @apply disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50; @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive; @apply [&:where(&:not(.input-sm,.input-base,.input-lg))]:input-base;}}@utility input-sm{@layer l1 {@apply h-8 file:h-8;}}@utility input-base{@layer l1 {@apply h-9 file:h-9;}}@utility input-lg{@layer l1 {@apply h-10 file:h-10;}}@utility input-group{@layer l1.l2 {@apply relative flex w-full items-center rounded-md border border-input bg-transparent shadow-xs transition-[color,box-shadow] outline-none dark:bg-input/30; @apply has-[:focus-visible]:border-ring has-[:focus-visible]:ring-ring/50 has-[:focus-visible]:ring-[3px]; @apply has-[[aria-invalid=true]]:ring-destructive/20 has-[[aria-invalid=true]]:border-destructive dark:has-[[aria-invalid=true]]:ring-destructive/40; @apply has-[:disabled]:opacity-50; @apply [&>.input]:flex-1 [&>.input]:min-w-0 [&>.input]:border-0 [&>.input]:shadow-none [&>.input]:rounded-none [&>.input]:focus-visible:ring-0 [&>.input]:dark:bg-transparent; @apply has-[>.input-group-addon:first-child]:[&>.input]:pl-0 has-[>.input-group-addon:last-child]:[&>.input]:pr-0; @apply [&:where(&:not(.input-group-sm,.input-group-base,.input-group-lg))]:input-group-base;}}@utility input-group-sm{@layer l1 {@apply h-8;}}@utility input-group-base{@layer l1 {@apply h-9;}}@utility input-group-lg{@layer l1 {@apply h-10;}}@utility input-group-addon{@layer l1.l2 {@apply flex items-center justify-center gap-2 px-3 shrink-0 text-sm text-muted-foreground select-none cursor-text; @apply [&_svg:not([class*="size-"])]:size-4 [&_svg]:shrink-0; @apply [&_i[class*="ri-"]]:text-[1.125rem] [&_i[class*="ri-"]]:leading-none [&_i[class*="ri-"]]:shrink-0;}}@utility label{@layer l1.l2 {@apply flex items-center gap-2 text-sm leading-none font-medium select-none; @apply group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50; @apply peer-disabled:cursor-not-allowed peer-disabled:opacity-50;}}@utility radio{@layer l1.l2 {@apply border-input text-primary size-4 shrink-0 rounded-full border shadow-xs outline-none appearance-none cursor-pointer; @apply transition-[color,box-shadow]; @apply dark:bg-input/30; @apply disabled:cursor-not-allowed disabled:opacity-50; @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive; &:checked {@apply bg-primary border-primary; background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='4' fill='white'/%3e%3c/svg%3e"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat;} :is(.dark *) &:checked {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='4' fill='%23171717'/%3e%3c/svg%3e");}}}@utility resizable{@layer l1.l2 {@apply flex h-full w-full isolate; &[data-direction="vertical"] {@apply flex-col;}}}@utility resizable-panel{@layer l1.l2 {@apply relative overflow-hidden;}}@utility resizable-handle{@layer l1.l2 {@apply relative flex shrink-0 items-center justify-center overflow-visible bg-border transition-colors outline-none; @apply hover:bg-ring/50 active:bg-ring/70 data-[dragging]:bg-ring/70; @apply w-px cursor-col-resize after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2; @apply [[data-direction=vertical]_&]:h-px [[data-direction=vertical]_&]:w-full [[data-direction=vertical]_&]:cursor-row-resize; @apply [[data-direction=vertical]_&]:after:left-0 [[data-direction=vertical]_&]:after:h-1 [[data-direction=vertical]_&]:after:w-full [[data-direction=vertical]_&]:after:translate-x-0 [[data-direction=vertical]_&]:after:-translate-y-1/2 [[data-direction=vertical]_&]:after:inset-y-auto [[data-direction=vertical]_&]:after:inset-x-0;}}@utility resizable-handle-icon{@layer l1.l2 {@apply z-10 h-8 w-1.5 shrink-0 rounded-full bg-border [[data-direction=vertical]_&]:h-1.5 [[data-direction=vertical]_&]:w-8;}}@utility select{@layer l1.l2 {@apply border-input w-full min-w-0 appearance-none rounded-md border bg-transparent text-sm shadow-xs transition-[color,box-shadow] outline-none; @apply placeholder:text-muted-foreground; @apply selection:bg-primary selection:text-primary-foreground; @apply dark:bg-input/30 dark:hover:bg-input/50; @apply disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50; @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive; @apply [&:where(&:not(.select-sm,.select-base,.select-lg))]:select-base; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m6 9 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 1rem;}}@utility select-sm{@layer l1 {@apply h-8 px-3 pr-9;}}@utility select-base{@layer l1 {@apply h-9 px-3 pr-9;}}@utility select-lg{@layer l1 {@apply h-10 px-3 pr-9;}}@utility separator{@layer l1.l2 {@apply bg-border shrink-0; @apply [&:where(&:not(.separator-horizontal,.separator-vertical))]:separator-horizontal;}}@utility separator-horizontal{@layer l1 {@apply h-px w-full;}}@utility separator-vertical{@layer l1 {@apply h-full self-stretch w-px;}}@utility sheet-backdrop{@layer l1.l2 {@apply fixed inset-0 bg-black/10 backdrop-blur-xs -z-1 pointer-events-auto [animation-fill-mode:forwards]!; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:fade-in-0 [&:not(.no-animation)]:data-[state=closed]:fade-out-0;}}@utility sheet-panel{@layer l1.l2 {@apply fixed pointer-events-auto bg-background shadow-lg [animation-fill-mode:forwards]!; @apply [&:where(&:not(.sheet-left,.sheet-right,.sheet-top,.sheet-bottom))]:sheet-left;}}@utility sheet-content{@layer l1.l2 {@apply p-6;}}@utility sheet-left{@layer l1 {@apply top-0 bottom-0 left-0 h-full w-3/4 max-w-sm border-r; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:slide-in-from-left [&:not(.no-animation)]:data-[state=closed]:slide-out-to-left [&:not(.no-animation)]:duration-300;}}@utility sheet-right{@layer l1 {@apply top-0 bottom-0 right-0 h-full w-3/4 max-w-sm border-l; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:slide-in-from-right [&:not(.no-animation)]:data-[state=closed]:slide-out-to-right [&:not(.no-animation)]:duration-300;}}@utility sheet-top{@layer l1 {@apply top-0 left-0 right-0 w-full border-b; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:slide-in-from-top [&:not(.no-animation)]:data-[state=closed]:slide-out-to-top [&:not(.no-animation)]:duration-300;}}@utility sheet-bottom{@layer l1 {@apply bottom-0 left-0 right-0 w-full border-t; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:slide-in-from-bottom [&:not(.no-animation)]:data-[state=closed]:slide-out-to-bottom [&:not(.no-animation)]:duration-300;}}@utility sidebar{@layer l1.l2 {@apply flex min-h-dvh w-full overflow-x-clip bg-sidebar;}}@utility sidebar-panel{@layer l1.l2 {@apply max-sidebar:bg-background text-sidebar-foreground fixed inset-y-0 z-50 w-(--sidebar-width) hidden; @apply sidebar:relative sidebar:z-auto sidebar:block sidebar:shrink-0; @apply [&:not(.no-animation)]:sidebar:transition-[margin] [&:not(.no-animation)]:sidebar:duration-200 [&:not(.no-animation)]:sidebar:ease-linear; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:duration-300 [&:not(.no-animation)]:data-[state]:[animation-fill-mode:forwards]!; @apply sidebar:translate-x-0 sidebar:animate-none!; @apply [&:where(&:not(.sidebar-left,.sidebar-right))]:sidebar-left; &.open {@apply block;}}}@utility sidebar-left{@layer l1 {@apply left-0 border-r in-[.sidebar-inset]:border-r-0; @apply [&:not(.no-animation)]:data-[state=open]:slide-in-from-left [&:not(.no-animation)]:data-[state=closed]:slide-out-to-left; &.collapsed {@apply sidebar:-ml-(--sidebar-width);}}}@utility sidebar-right{@layer l1 {@apply right-0 border-l in-[.sidebar-inset]:border-l-0; @apply [&:not(.no-animation)]:data-[state=open]:slide-in-from-right [&:not(.no-animation)]:data-[state=closed]:slide-out-to-right; &.collapsed {@apply sidebar:-mr-(--sidebar-width);}}}@utility sidebar-page{@layer l1.l2 {@apply flex-1 bg-background; @apply sidebar:in-[.sidebar-inset]:m-2 sidebar:in-[.sidebar-inset]:shadow-sm sidebar:in-[.sidebar-inset]:rounded-xl;}}@utility sidebar-content{@layer l1.l2 {@apply flex flex-col h-dvh sticky top-0;}}@utility sidebar-header{@layer l1.l2 {@apply flex flex-col gap-2 p-2;}}@utility sidebar-footer{@layer l1.l2 {@apply flex flex-col gap-2 p-2 mt-auto;}}@utility sidebar-menu{@layer l1.l2 {@apply flex-1 flex flex-col overflow-y-auto;}}@utility menu-group{@layer l1.l2 {@apply relative flex w-full min-w-0 flex-col gap-1 p-2;}}@utility menu-subgroup{@layer l1.l2 {@apply border-l border-sidebar-border mx-3.5 px-2.5 flex flex-col gap-1 py-0.5;}}@utility menu-btn{@layer l1.l2 {@apply flex items-center gap-2 overflow-hidden rounded-md px-2 text-sm w-full; @apply hover:bg-sidebar-accent hover:text-sidebar-accent-foreground; @apply [&.active]:bg-sidebar-accent [&.active]:font-medium [&.active]:text-sidebar-accent-foreground; @apply [&_svg:not([class*="size-"])]:size-4 [&_svg]:shrink-0; @apply [&_i[class*="ri-"]]:text-[1.125rem] [&_i[class*="ri-"]]:leading-none [&_i[class*="ri-"]]:shrink-0; @apply [&:where(&:not(.menu-btn-sm,.menu-btn-lg))]:menu-btn-base;}}@utility menu-item{@layer l1.l2 {@apply flex items-center gap-2 overflow-hidden rounded-md px-2 text-sm w-full h-8; @apply [&_svg:not([class*="size-"])]:size-4 [&_svg]:shrink-0; @apply [&_i[class*="ri-"]]:text-[1.125rem] [&_i[class*="ri-"]]:leading-none [&_i[class*="ri-"]]:shrink-0;}}@utility menu-item-sm{@layer l1 {@apply h-7;}}@utility menu-item-lg{@layer l1 {@apply h-12;}}@utility menu-btn-sm{@layer l1 {@apply h-7 -translate-x-px;}}@utility menu-btn-base{@layer l1 {@apply h-8;}}@utility menu-btn-lg{@layer l1 {@apply h-12;}}@utility menu-label{@layer l1.l2 {@apply text-sidebar-foreground/70 h-8 shrink-0 rounded-md px-2 text-xs font-medium flex items-center;}}@utility sidebar-backdrop{@layer l1.l2 {@apply fixed inset-0 z-40 bg-black/10 backdrop-blur-xs hidden sidebar:hidden; @apply [&:not(.no-animation)]:data-[state=open]:animate-in [&:not(.no-animation)]:data-[state=closed]:animate-out [&:not(.no-animation)]:data-[state=open]:fade-in-0 [&:not(.no-animation)]:data-[state=closed]:fade-out-0 [&:not(.no-animation)]:duration-300 [&:not(.no-animation)]:data-[state]:[animation-fill-mode:forwards]!; &.open {@apply block pointer-events-auto;}}}@utility switch{@layer l1.l2 {@apply h-[1.15rem] w-8 shrink-0 rounded-full border border-transparent shadow-xs outline-none appearance-none cursor-pointer; @apply transition-[color,box-shadow,background-color]; @apply bg-input dark:bg-input/80; @apply checked:bg-primary; @apply disabled:cursor-not-allowed disabled:opacity-50; @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive; &::before {content: ""; @apply block size-4 rounded-full shadow-xs transition-transform; @apply bg-background dark:bg-foreground;} &:checked::before {@apply translate-x-[calc(100%-2px)] bg-background dark:bg-primary-foreground;}}}@utility table{@layer l1.l2 {@apply w-max min-w-full caption-bottom text-sm;}}@utility table-header{@layer l1.l2 {@apply [&_tr]:border-b;}}@utility table-body{@layer l1.l2 {@apply [&_tr:last-child]:border-0;}}@utility table-footer{@layer l1.l2 {@apply bg-muted/50 border-t font-medium [&>tr]:last:border-b-0;}}@utility table-row{@layer l1.l2 {@apply border-b transition-colors hover:bg-muted/50;}}@utility table-head{@layer l1.l2 {@apply px-4 py-3 text-left align-middle font-medium text-foreground whitespace-nowrap;}}@utility table-cell{@layer l1.l2 {@apply px-4 py-3 align-middle whitespace-nowrap;}}@utility tab-list{@layer l1.l2 {@apply bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px];}}@utility tab{@layer l1.l2 {@apply text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50; @apply [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4; @apply [&_i[class*="ri-"]]:text-[1.125rem] [&_i[class*="ri-"]]:leading-none [&_i[class*="ri-"]]:shrink-0; @apply outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-1 focus-visible:outline-ring; &.active {@apply bg-background shadow-sm dark:text-foreground dark:border-input dark:bg-input/30;}}}@utility tab-panel{@layer l1.l2 {@apply hidden w-full min-w-0 outline-none; &.active {@apply block;}}}@utility textarea{@layer l1.l2 {@apply border-input w-full rounded-md border bg-transparent shadow-xs transition-[color,box-shadow] outline-none appearance-none; @apply placeholder:text-muted-foreground; @apply dark:bg-input/30; @apply field-sizing-content min-h-16 px-3 py-2 text-sm; @apply disabled:cursor-not-allowed disabled:opacity-50; @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]; @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive;}}@custom-variant dark (&:is(.dark *));:root{--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.556 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--sidebar-width: 16rem}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.922 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.708 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.556 0 0);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.922 0 0);--sidebar-primary-foreground: oklch(.205 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0)}@theme inline{ --breakpoint-sidebar: 1024px; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --breakpoint-xs: 540px; }@layer base{*{@apply border-border outline-ring/50;}html{scrollbar-gutter:stable}html:has(dialog[open] :is(.dialog-backdrop,.sheet-backdrop)){@apply overflow-hidden;}body{@apply bg-background text-foreground;}.dark{@apply text-foreground;}}
package/dist/index.d.ts CHANGED
@@ -1,17 +1,28 @@
1
+ declare function open$5(target: HTMLElement): void;
2
+ declare function close$5(target: HTMLElement): Promise<void>;
3
+ declare function toggle$5(target: HTMLElement): void;
4
+
5
+ declare namespace accordion {
6
+ export { close$5 as close, open$5 as open, toggle$5 as toggle };
7
+ }
8
+
1
9
  declare function open$4(target: HTMLElement): void;
2
10
  declare function close$4(target: HTMLElement): Promise<void>;
3
11
  declare function toggle$4(target: HTMLElement): void;
4
12
 
5
- declare namespace accordion {
13
+ declare namespace collapsible {
6
14
  export { close$4 as close, open$4 as open, toggle$4 as toggle };
7
15
  }
8
16
 
9
- declare function open$3(target: HTMLElement): void;
10
- declare function close$3(target: HTMLElement): Promise<void>;
11
- declare function toggle$3(target: HTMLElement): void;
17
+ declare function open$3(combobox: HTMLElement): Promise<void>;
18
+ declare function close$3(combobox: HTMLElement): Promise<void>;
19
+ declare function toggle$3(combobox: HTMLElement): void;
20
+ declare function select$1(combobox: HTMLElement, item: HTMLElement): void;
21
+ declare function filter(combobox: HTMLElement, query: string): void;
12
22
 
13
- declare namespace collapsible {
14
- export { close$3 as close, open$3 as open, toggle$3 as toggle };
23
+ declare const combobox_filter: typeof filter;
24
+ declare namespace combobox {
25
+ export { close$3 as close, combobox_filter as filter, open$3 as open, select$1 as select, toggle$3 as toggle };
15
26
  }
16
27
 
17
28
  declare function open$2(dialog: HTMLDialogElement): void;
@@ -62,6 +73,7 @@ declare global {
62
73
  sp: {
63
74
  accordion: typeof accordion;
64
75
  collapsible: typeof collapsible;
76
+ combobox: typeof combobox;
65
77
  dialog: typeof dialog;
66
78
  dropdown: typeof dropdown;
67
79
  resizable: typeof resizable;
@@ -71,4 +83,4 @@ declare global {
71
83
  }
72
84
  }
73
85
 
74
- export { accordion, collapsible, dialog, dropdown, resizable, sidebar, tabs };
86
+ export { accordion, collapsible, combobox, dialog, dropdown, resizable, sidebar, tabs };
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Ze=Object.defineProperty;var N=(t,e)=>{for(var n in e)Ze(t,n,{get:e[n],enumerable:true});};var Ot={};N(Ot,{close:()=>lt,open:()=>St,toggle:()=>en});var tn=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","[tabindex]:not([tabindex='-1'])","[contenteditable]:not([contenteditable='false'])","audio[controls]","video[controls]","details > summary","iframe"].join(", ");function At(t){return [...t.querySelectorAll(tn)].filter(e=>e.offsetParent!==null)}async function O(t){let e=t.flatMap(n=>n.getAnimations());e.length!==0&&await Promise.all(e.map(n=>n.finished));}function E(t){return t.hasAttribute("disabled")||t.getAttribute("aria-disabled")==="true"}function P(t,e,n){let o=t.length;for(let i=1;i<=o;i++){let s=(e+i*n+o)%o;if(!E(t[s]))return t[s]}return null}function Ht(t){return t.classList.contains("accordion-panel")?t:t.querySelector(".accordion-panel")}function ie(t){return document.querySelector(`[data-sp-target="#${t}"]`)}function se(t){let e=`${t.scrollHeight}px`;t.style.setProperty("--radix-accordion-content-height",e);}function St(t){let e=Ht(t);!e||e.classList.contains("open")||(e.id&&ie(e.id)?.setAttribute("aria-expanded","true"),se(e),e.classList.add("open"),e.setAttribute("data-state","open"));}async function lt(t){let e=Ht(t);!e||!e.classList.contains("open")||(e.id&&ie(e.id)?.setAttribute("aria-expanded","false"),se(e),e.setAttribute("data-state","closed"),await O([e]),e.classList.remove("open"),e.removeAttribute("data-state"));}function en(t){let e=Ht(t);e&&(e.classList.contains("open")?lt(t):St(t));}function nn(t){let n=t.target.closest("[data-sp-toggle='accordion']");if(!n||E(n))return;let o=n.dataset.spTarget;if(!o)return;let i=document.querySelector(o);if(!i)return;let s=n.closest(".accordion"),r=i.classList.contains("open");if(s&&!s.hasAttribute("data-sp-multiple")){let l=s.querySelectorAll(".accordion-panel.open");for(let c of l)c!==i&&lt(c);}r?lt(i):St(i);}function on(t){let n=t.target.closest("[data-sp-toggle='accordion']");if(!n)return;let o=n.closest(".accordion");if(!o)return;let i=[...o.querySelectorAll("[data-sp-toggle='accordion']")],s=i.indexOf(n),r=null;switch(t.key){case "ArrowDown":r=P(i,s,1);break;case "ArrowUp":r=P(i,s,-1);break;case "Home":r=i.find(l=>!E(l))??null;break;case "End":r=[...i].reverse().find(l=>!E(l))??null;break}r&&(t.preventDefault(),r.focus());}var oe=false;(function(){typeof document>"u"||oe||(oe=true,document.addEventListener("click",nn),document.addEventListener("keydown",on));})();var Pt={};N(Pt,{close:()=>fe,open:()=>ae,toggle:()=>ue});function Ct(t){return t.classList.contains("collapsible-panel")?t:t.querySelector(".collapsible-panel")}function le(t){return document.querySelector(`[data-sp-target="#${t}"]`)}function ce(t){let e=`${t.scrollHeight}px`;t.style.setProperty("--radix-collapsible-content-height",e);}function ae(t){let e=Ct(t);!e||e.classList.contains("open")||(e.id&&le(e.id)?.setAttribute("aria-expanded","true"),ce(e),e.classList.add("open"),e.setAttribute("data-state","open"));}async function fe(t){let e=Ct(t);!e||!e.classList.contains("open")||(e.id&&le(e.id)?.setAttribute("aria-expanded","false"),ce(e),e.setAttribute("data-state","closed"),await O([e]),e.classList.remove("open"),e.removeAttribute("data-state"));}function ue(t){let e=Ct(t);e&&(e.classList.contains("open")?fe(t):ae(t));}function sn(t){let n=t.target.closest("[data-sp-toggle='collapsible']");if(!n)return;let o=n.dataset.spTarget;if(!o)return;let i=document.querySelector(o);i&&ue(i);}var re=false;(function(){typeof document>"u"||re||(re=true,document.addEventListener("click",sn));})();var zt={};N(zt,{close:()=>j,open:()=>kt,toggle:()=>ln});var Dt=".dialog-backdrop, .sheet-backdrop",rn=".dialog-panel, .sheet-panel";function me(t){return [...t.querySelectorAll(`${Dt}, ${rn}`)]}function Rt(t,e){for(let n of t)e===null?n.removeAttribute("data-state"):n.setAttribute("data-state",e);}function pe(t){return t.querySelector(Dt)!==null}function kt(t){t.show();let e=me(t);if(Rt(e,"open"),pe(t)){let n=At(t);n.length>0&&n[0].focus();}}async function j(t){let e=me(t);Rt(e,"closed"),await O(e),t.close(),Rt(e,null);}function ln(t){t.open?j(t):kt(t);}function cn(t){let e=t.target.closest("dialog");if(e?.open){if(t.key==="Escape"){t.preventDefault(),e.dataset.spBackdrop==="static"||j(e);return}if(t.key==="Tab"&&pe(e)){let n=At(e);if(n.length===0)return;let o=n[0],i=n[n.length-1];t.shiftKey&&document.activeElement===o?(t.preventDefault(),i.focus()):!t.shiftKey&&document.activeElement===i&&(t.preventDefault(),o.focus());}}}function an(t){let e=t.target,n=e.closest("[data-sp-toggle='dialog']");if(n){let s=n.dataset.spTarget;if(s){let r=document.querySelector(s);r&&kt(r);}return}let o=e.closest("[data-sp-dismiss='dialog']");if(o){let s=o.closest("dialog");s&&j(s);return}let i=e.closest(Dt);if(i){let s=i.closest("dialog");s&&(s.dataset.spBackdrop==="static"||j(s));}}var de=false;(function(){typeof document>"u"||de||(de=true,document.addEventListener("click",an),document.addEventListener("keydown",cn));})();var Vt={};N(Vt,{close:()=>V,open:()=>Ke,toggle:()=>It});var G=Math.min,z=Math.max,J=Math.round;var H=t=>({x:t,y:t}),fn={left:"right",right:"left",bottom:"top",top:"bottom"},un={start:"end",end:"start"};function Ft(t,e,n){return z(t,G(e,n))}function Q(t,e){return typeof t=="function"?t(e):t}function F(t){return t.split("-")[0]}function Z(t){return t.split("-")[1]}function Bt(t){return t==="x"?"y":"x"}function $t(t){return t==="y"?"height":"width"}var dn=new Set(["top","bottom"]);function R(t){return dn.has(F(t))?"y":"x"}function Nt(t){return Bt(R(t))}function we(t,e,n){n===void 0&&(n=false);let o=Z(t),i=Nt(t),s=$t(i),r=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[s]>e.floating[s]&&(r=U(r)),[r,U(r)]}function xe(t){let e=U(t);return [ct(t),e,ct(e)]}function ct(t){return t.replace(/start|end/g,e=>un[e])}var ge=["left","right"],he=["right","left"],mn=["top","bottom"],pn=["bottom","top"];function gn(t,e,n){switch(t){case "top":case "bottom":return n?e?he:ge:e?ge:he;case "left":case "right":return e?mn:pn;default:return []}}function ye(t,e,n,o){let i=Z(t),s=gn(F(t),n==="start",o);return i&&(s=s.map(r=>r+"-"+i),e&&(s=s.concat(s.map(ct)))),s}function U(t){return t.replace(/left|right|bottom|top/g,e=>fn[e])}function hn(t){return {top:0,right:0,bottom:0,left:0,...t}}function be(t){return typeof t!="number"?hn(t):{top:t,right:t,bottom:t,left:t}}function W(t){let{x:e,y:n,width:o,height:i}=t;return {width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function ve(t,e,n){let{reference:o,floating:i}=t,s=R(e),r=Nt(e),l=$t(r),c=F(e),f=s==="y",u=o.x+o.width/2-i.width/2,a=o.y+o.height/2-i.height/2,p=o[l]/2-i[l]/2,d;switch(c){case "top":d={x:u,y:o.y-i.height};break;case "bottom":d={x:u,y:o.y+o.height};break;case "right":d={x:o.x+o.width,y:a};break;case "left":d={x:o.x-i.width,y:a};break;default:d={x:o.x,y:o.y};}switch(Z(e)){case "start":d[r]-=p*(n&&f?-1:1);break;case "end":d[r]+=p*(n&&f?-1:1);break}return d}var Ee=async(t,e,n)=>{let{placement:o="bottom",strategy:i="absolute",middleware:s=[],platform:r}=n,l=s.filter(Boolean),c=await(r.isRTL==null?void 0:r.isRTL(e)),f=await r.getElementRects({reference:t,floating:e,strategy:i}),{x:u,y:a}=ve(f,o,c),p=o,d={},m=0;for(let g=0;g<l.length;g++){let{name:h,fn:x}=l[g],{x:w,y,data:b,reset:v}=await x({x:u,y:a,initialPlacement:o,placement:p,strategy:i,middlewareData:d,rects:f,platform:r,elements:{reference:t,floating:e}});u=w??u,a=y??a,d={...d,[h]:{...d[h],...b}},v&&m<=50&&(m++,typeof v=="object"&&(v.placement&&(p=v.placement),v.rects&&(f=v.rects===true?await r.getElementRects({reference:t,floating:e,strategy:i}):v.rects),{x:u,y:a}=ve(f,p,c)),g=-1);}return {x:u,y:a,placement:p,strategy:i,middlewareData:d}};async function Wt(t,e){var n;e===void 0&&(e={});let{x:o,y:i,platform:s,rects:r,elements:l,strategy:c}=t,{boundary:f="clippingAncestors",rootBoundary:u="viewport",elementContext:a="floating",altBoundary:p=false,padding:d=0}=Q(e,t),m=be(d),h=l[p?a==="floating"?"reference":"floating":a],x=W(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement(h)))==null||n?h:h.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(l.floating)),boundary:f,rootBoundary:u,strategy:c})),w=a==="floating"?{x:o,y:i,width:r.floating.width,height:r.floating.height}:r.reference,y=await(s.getOffsetParent==null?void 0:s.getOffsetParent(l.floating)),b=await(s.isElement==null?void 0:s.isElement(y))?await(s.getScale==null?void 0:s.getScale(y))||{x:1,y:1}:{x:1,y:1},v=W(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:w,offsetParent:y,strategy:c}):w);return {top:(x.top-v.top+m.top)/b.y,bottom:(v.bottom-x.bottom+m.bottom)/b.y,left:(x.left-v.left+m.left)/b.x,right:(v.right-x.right+m.right)/b.x}}var Le=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;let{placement:i,middlewareData:s,rects:r,initialPlacement:l,platform:c,elements:f}=e,{mainAxis:u=true,crossAxis:a=true,fallbackPlacements:p,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:g=true,...h}=Q(t,e);if((n=s.arrow)!=null&&n.alignmentOffset)return {};let x=F(i),w=R(l),y=F(l)===l,b=await(c.isRTL==null?void 0:c.isRTL(f.floating)),v=p||(y||!g?[U(l)]:xe(l)),Zt=m!=="none";!p&&Zt&&v.push(...ye(l,g,m,b));let Je=[l,...v],Tt=await Wt(e,h),rt=[],_=((o=s.flip)==null?void 0:o.overflows)||[];if(u&&rt.push(Tt[x]),a){let B=we(i,r,b);rt.push(Tt[B[0]],Tt[B[1]]);}if(_=[..._,{placement:i,overflows:rt}],!rt.every(B=>B<=0)){var te,ee;let B=(((te=s.flip)==null?void 0:te.index)||0)+1,Mt=Je[B];if(Mt&&(!(a==="alignment"?w!==R(Mt):false)||_.every(A=>R(A.placement)===w?A.overflows[0]>0:true)))return {data:{index:B,overflows:_},reset:{placement:Mt}};let Y=(ee=_.filter($=>$.overflows[0]<=0).sort(($,A)=>$.overflows[1]-A.overflows[1])[0])==null?void 0:ee.placement;if(!Y)switch(d){case "bestFit":{var ne;let $=(ne=_.filter(A=>{if(Zt){let k=R(A.placement);return k===w||k==="y"}return true}).map(A=>[A.placement,A.overflows.filter(k=>k>0).reduce((k,Qe)=>k+Qe,0)]).sort((A,k)=>A[1]-k[1])[0])==null?void 0:ne[0];$&&(Y=$);break}case "initialPlacement":Y=l;break}if(i!==Y)return {reset:{placement:Y}}}return {}}}};var wn=new Set(["left","top"]);async function xn(t,e){let{placement:n,platform:o,elements:i}=t,s=await(o.isRTL==null?void 0:o.isRTL(i.floating)),r=F(n),l=Z(n),c=R(n)==="y",f=wn.has(r)?-1:1,u=s&&c?-1:1,a=Q(e,t),{mainAxis:p,crossAxis:d,alignmentAxis:m}=typeof a=="number"?{mainAxis:a,crossAxis:0,alignmentAxis:null}:{mainAxis:a.mainAxis||0,crossAxis:a.crossAxis||0,alignmentAxis:a.alignmentAxis};return l&&typeof m=="number"&&(d=l==="end"?m*-1:m),c?{x:d*u,y:p*f}:{x:p*f,y:d*u}}var Te=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;let{x:i,y:s,placement:r,middlewareData:l}=e,c=await xn(e,t);return r===((n=l.offset)==null?void 0:n.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:i+c.x,y:s+c.y,data:{...c,placement:r}}}}},Me=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:o,placement:i}=e,{mainAxis:s=true,crossAxis:r=false,limiter:l={fn:h=>{let{x,y:w}=h;return {x,y:w}}},...c}=Q(t,e),f={x:n,y:o},u=await Wt(e,c),a=R(F(i)),p=Bt(a),d=f[p],m=f[a];if(s){let h=p==="y"?"top":"left",x=p==="y"?"bottom":"right",w=d+u[h],y=d-u[x];d=Ft(w,d,y);}if(r){let h=a==="y"?"top":"left",x=a==="y"?"bottom":"right",w=m+u[h],y=m-u[x];m=Ft(w,m,y);}let g=l.fn({...e,[p]:d,[a]:m});return {...g,data:{x:g.x-n,y:g.y-o,enabled:{[p]:s,[a]:r}}}}}};function ft(){return typeof window<"u"}function q(t){return He(t)?(t.nodeName||"").toLowerCase():"#document"}function L(t){var e;return (t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function C(t){var e;return (e=(He(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function He(t){return ft()?t instanceof Node||t instanceof L(t).Node:false}function T(t){return ft()?t instanceof Element||t instanceof L(t).Element:false}function S(t){return ft()?t instanceof HTMLElement||t instanceof L(t).HTMLElement:false}function Ae(t){return !ft()||typeof ShadowRoot>"u"?false:t instanceof ShadowRoot||t instanceof L(t).ShadowRoot}var yn=new Set(["inline","contents"]);function K(t){let{overflow:e,overflowX:n,overflowY:o,display:i}=M(t);return /auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!yn.has(i)}var bn=new Set(["table","td","th"]);function Se(t){return bn.has(q(t))}var vn=[":popover-open",":modal"];function tt(t){return vn.some(e=>{try{return t.matches(e)}catch{return false}})}var En=["transform","translate","scale","rotate","perspective"],Ln=["transform","translate","scale","rotate","perspective","filter"],Tn=["paint","layout","strict","content"];function ut(t){let e=dt(),n=T(t)?M(t):t;return En.some(o=>n[o]?n[o]!=="none":false)||(n.containerType?n.containerType!=="normal":false)||!e&&(n.backdropFilter?n.backdropFilter!=="none":false)||!e&&(n.filter?n.filter!=="none":false)||Ln.some(o=>(n.willChange||"").includes(o))||Tn.some(o=>(n.contain||"").includes(o))}function Oe(t){let e=D(t);for(;S(e)&&!I(e);){if(ut(e))return e;if(tt(e))return null;e=D(e);}return null}function dt(){return typeof CSS>"u"||!CSS.supports?false:CSS.supports("-webkit-backdrop-filter","none")}var Mn=new Set(["html","body","#document"]);function I(t){return Mn.has(q(t))}function M(t){return L(t).getComputedStyle(t)}function et(t){return T(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function D(t){if(q(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Ae(t)&&t.host||C(t);return Ae(e)?e.host:e}function Ce(t){let e=D(t);return I(e)?t.ownerDocument?t.ownerDocument.body:t.body:S(e)&&K(e)?e:Ce(e)}function at(t,e,n){var o;e===void 0&&(e=[]);let i=Ce(t),s=i===((o=t.ownerDocument)==null?void 0:o.body),r=L(i);if(s){mt(r);return e.concat(r,r.visualViewport||[],K(i)?i:[],[])}return e.concat(i,at(i,[]))}function mt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function ke(t){let e=M(t),n=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=S(t),s=i?t.offsetWidth:n,r=i?t.offsetHeight:o,l=J(n)!==s||J(o)!==r;return l&&(n=s,o=r),{width:n,height:o,$:l}}function ze(t){return T(t)?t:t.contextElement}function X(t){let e=ze(t);if(!S(e))return H(1);let n=e.getBoundingClientRect(),{width:o,height:i,$:s}=ke(e),r=(s?J(n.width):n.width)/o,l=(s?J(n.height):n.height)/i;return (!r||!Number.isFinite(r))&&(r=1),(!l||!Number.isFinite(l))&&(l=1),{x:r,y:l}}var An=H(0);function Fe(t){let e=L(t);return !dt()||!e.visualViewport?An:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Hn(t,e,n){return e===void 0&&(e=false),!n||e&&n!==L(t)?false:e}function nt(t,e,n,o){e===void 0&&(e=false),n===void 0&&(n=false);let i=t.getBoundingClientRect(),s=ze(t),r=H(1);e&&(o?T(o)&&(r=X(o)):r=X(t));let l=Hn(s,n,o)?Fe(s):H(0),c=(i.left+l.x)/r.x,f=(i.top+l.y)/r.y,u=i.width/r.x,a=i.height/r.y;if(s){let p=L(s),d=o&&T(o)?L(o):o,m=p,g=mt(m);for(;g&&o&&d!==m;){let h=X(g),x=g.getBoundingClientRect(),w=M(g),y=x.left+(g.clientLeft+parseFloat(w.paddingLeft))*h.x,b=x.top+(g.clientTop+parseFloat(w.paddingTop))*h.y;c*=h.x,f*=h.y,u*=h.x,a*=h.y,c+=y,f+=b,m=L(g),g=mt(m);}}return W({width:u,height:a,x:c,y:f})}function pt(t,e){let n=et(t).scrollLeft;return e?e.left+n:nt(C(t)).left+n}function Be(t,e){let n=t.getBoundingClientRect(),o=n.left+e.scrollLeft-pt(t,n),i=n.top+e.scrollTop;return {x:o,y:i}}function Sn(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t,s=i==="fixed",r=C(o),l=e?tt(e.floating):false;if(o===r||l&&s)return n;let c={scrollLeft:0,scrollTop:0},f=H(1),u=H(0),a=S(o);if((a||!a&&!s)&&((q(o)!=="body"||K(r))&&(c=et(o)),S(o))){let d=nt(o);f=X(o),u.x=d.x+o.clientLeft,u.y=d.y+o.clientTop;}let p=r&&!a&&!s?Be(r,c):H(0);return {width:n.width*f.x,height:n.height*f.y,x:n.x*f.x-c.scrollLeft*f.x+u.x+p.x,y:n.y*f.y-c.scrollTop*f.y+u.y+p.y}}function On(t){return Array.from(t.getClientRects())}function Cn(t){let e=C(t),n=et(t),o=t.ownerDocument.body,i=z(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),s=z(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),r=-n.scrollLeft+pt(t),l=-n.scrollTop;return M(o).direction==="rtl"&&(r+=z(e.clientWidth,o.clientWidth)-i),{width:i,height:s,x:r,y:l}}var Pe=25;function Pn(t,e){let n=L(t),o=C(t),i=n.visualViewport,s=o.clientWidth,r=o.clientHeight,l=0,c=0;if(i){s=i.width,r=i.height;let u=dt();(!u||u&&e==="fixed")&&(l=i.offsetLeft,c=i.offsetTop);}let f=pt(o);if(f<=0){let u=o.ownerDocument,a=u.body,p=getComputedStyle(a),d=u.compatMode==="CSS1Compat"&&parseFloat(p.marginLeft)+parseFloat(p.marginRight)||0,m=Math.abs(o.clientWidth-a.clientWidth-d);m<=Pe&&(s-=m);}else f<=Pe&&(s+=f);return {width:s,height:r,x:l,y:c}}var Rn=new Set(["absolute","fixed"]);function Dn(t,e){let n=nt(t,true,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,s=S(t)?X(t):H(1),r=t.clientWidth*s.x,l=t.clientHeight*s.y,c=i*s.x,f=o*s.y;return {width:r,height:l,x:c,y:f}}function Re(t,e,n){let o;if(e==="viewport")o=Pn(t,n);else if(e==="document")o=Cn(C(t));else if(T(e))o=Dn(e,n);else {let i=Fe(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height};}return W(o)}function $e(t,e){let n=D(t);return n===e||!T(n)||I(n)?false:M(n).position==="fixed"||$e(n,e)}function kn(t,e){let n=e.get(t);if(n)return n;let o=at(t,[]).filter(l=>T(l)&&q(l)!=="body"),i=null,s=M(t).position==="fixed",r=s?D(t):t;for(;T(r)&&!I(r);){let l=M(r),c=ut(r);!c&&l.position==="fixed"&&(i=null),(s?!c&&!i:!c&&l.position==="static"&&!!i&&Rn.has(i.position)||K(r)&&!c&&$e(t,r))?o=o.filter(u=>u!==r):i=l,r=D(r);}return e.set(t,o),o}function zn(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t,r=[...n==="clippingAncestors"?tt(e)?[]:kn(e,this._c):[].concat(n),o],l=r[0],c=r.reduce((f,u)=>{let a=Re(e,u,i);return f.top=z(a.top,f.top),f.right=G(a.right,f.right),f.bottom=G(a.bottom,f.bottom),f.left=z(a.left,f.left),f},Re(e,l,i));return {width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function Fn(t){let{width:e,height:n}=ke(t);return {width:e,height:n}}function Bn(t,e,n){let o=S(e),i=C(e),s=n==="fixed",r=nt(t,true,s,e),l={scrollLeft:0,scrollTop:0},c=H(0);function f(){c.x=pt(i);}if(o||!o&&!s)if((q(e)!=="body"||K(i))&&(l=et(e)),o){let d=nt(e,true,s,e);c.x=d.x+e.clientLeft,c.y=d.y+e.clientTop;}else i&&f();s&&!o&&i&&f();let u=i&&!o&&!s?Be(i,l):H(0),a=r.left+l.scrollLeft-c.x-u.x,p=r.top+l.scrollTop-c.y-u.y;return {x:a,y:p,width:r.width,height:r.height}}function qt(t){return M(t).position==="static"}function De(t,e){if(!S(t)||M(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return C(t)===n&&(n=n.ownerDocument.body),n}function Ne(t,e){let n=L(t);if(tt(t))return n;if(!S(t)){let i=D(t);for(;i&&!I(i);){if(T(i)&&!qt(i))return i;i=D(i);}return n}let o=De(t,e);for(;o&&Se(o)&&qt(o);)o=De(o,e);return o&&I(o)&&qt(o)&&!ut(o)?n:o||Oe(t)||n}var $n=async function(t){let e=this.getOffsetParent||Ne,n=this.getDimensions,o=await n(t.floating);return {reference:Bn(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Nn(t){return M(t).direction==="rtl"}var Wn={convertOffsetParentRelativeRectToViewportRelativeRect:Sn,getDocumentElement:C,getClippingRect:zn,getOffsetParent:Ne,getElementRects:$n,getClientRects:On,getDimensions:Fn,getScale:X,isElement:T,isRTL:Nn};var We=Te;var qe=Me,Ie=Le;var Ve=(t,e,n)=>{let o=new Map,i={platform:Wn,...n},s={...i.platform,_c:o};return Ee(t,e,{...i,platform:s})};function ot(t){return t.querySelector(".dropdown-menu")}function gt(t){return t.querySelector("[data-sp-toggle='dropdown']")}function ht(){return document.querySelector(".dropdown-menu.open")?.closest(".dropdown")??null}async function qn(t){let e=gt(t),n=ot(t);if(!e||!n)return;let o=t.dataset.spPlacement||"bottom-end",i=parseInt(t.dataset.spOffset||"4",10),{x:s,y:r}=await Ve(e,n,{placement:o,middleware:[We(i),Ie(),qe({padding:8})]});Object.assign(n.style,{left:`${s}px`,top:`${r}px`});}function Ke(t){let e=ot(t);if(!e||e.classList.contains("open"))return;let n=ht();n&&V(n);let o=gt(t);e.classList.add("open"),o?.setAttribute("aria-expanded","true"),e.setAttribute("data-state","open"),qn(t);}async function V(t){let e=ot(t);if(!e||!e.classList.contains("open"))return;gt(t)?.setAttribute("aria-expanded","false"),e.setAttribute("data-state","closed"),await O([e]),e.classList.remove("open"),e.removeAttribute("data-state");}function It(t){ot(t)?.classList.contains("open")?V(t):Ke(t);}function In(t){let e=t.target,n=e.closest("[data-sp-toggle='dropdown']");if(n){let s=n.closest(".dropdown");s&&(t.preventDefault(),It(s));return}let o=e.closest(".dropdown-item");if(o){if(E(o)){t.preventDefault();return}let s=o.closest(".dropdown");s&&V(s);return}let i=ht();i&&!i.contains(e)&&V(i);}function Vn(t){let e=t.target,n=e.closest(".dropdown"),o=ht();if(t.key==="Escape"&&o){t.preventDefault();let c=gt(o);V(o),c?.focus();return}if((t.key==="Enter"||t.key===" ")&&e.matches("[data-sp-toggle='dropdown']")){t.preventDefault(),n&&It(n);return}let i=n?ot(n):null;if(!i?.classList.contains("open"))return;let s=[...i.querySelectorAll(".dropdown-item")],r=s.indexOf(e),l=null;switch(t.key){case "ArrowDown":t.preventDefault(),r<0?l=s.find(c=>!E(c))??null:l=P(s,r,1);break;case "ArrowUp":t.preventDefault(),r<0?l=[...s].reverse().find(c=>!E(c))??null:l=P(s,r,-1);break;case "Home":t.preventDefault(),l=s.find(c=>!E(c))??null;break;case "End":t.preventDefault(),l=[...s].reverse().find(c=>!E(c))??null;break}l&&l.focus();}function _n(t){let e=ht();if(!e)return;let n=t.relatedTarget;(!n||!e.contains(n))&&V(e);}var _e=false;(function(){typeof document>"u"||_e||(_e=true,document.addEventListener("click",In),document.addEventListener("keydown",Vn),document.addEventListener("focusout",_n));})();var Xt={};N(Xt,{getSizes:()=>Xn,setSizes:()=>Kn});var it=null;function yt(t){return t.dataset.direction==="vertical"?"vertical":"horizontal"}function bt(t){return [...t.querySelectorAll(":scope > .resizable-panel")]}function Ye(t){return [...t.querySelectorAll(":scope > .resizable-handle")]}function _t(t,e){return t.map(n=>{let o=n.getBoundingClientRect();return e==="horizontal"?o.width:o.height})}function vt(t,e){let n=t.getBoundingClientRect();return e==="horizontal"?n.width:n.height}function wt(t,e){let n=getComputedStyle(t),o=e==="horizontal"?n.minWidth:n.minHeight;return o==="none"||o==="auto"?0:parseFloat(o)}function xt(t,e){let n=getComputedStyle(t),o=e==="horizontal"?n.maxWidth:n.maxHeight;return o==="none"||o==="auto"?1/0:parseFloat(o)}function Kt(t,e){let n=e.reduce((o,i)=>o+i,0);for(let o=0;o<t.length;o++){let i=e[o]/n*100;t[o].style.flexBasis=`${i}%`,t[o].style.flexGrow="0",t[o].style.flexShrink="0";}}function Kn(t,e){let n=bt(t),o=yt(t),i=vt(t,o);if(e.length!==n.length){console.warn("Resizable: sizes array length must match panel count");return}let s=e.map(r=>r/100*i);Kt(n,s);}function Xn(t){let e=bt(t),n=yt(t),o=vt(t,n);return _t(e,n).map(s=>s/o*100)}function Yn(t){let n=t.target.closest(".resizable-handle");if(!n)return;let o=n.closest(".resizable");if(!o)return;t.preventDefault(),n.setPointerCapture(t.pointerId),n.focus();let i=yt(o),s=bt(o),l=Ye(o).indexOf(n);if(l<0||l>=s.length-1)return;let c=_t(s,i);it={startX:t.clientX,startY:t.clientY,startSizes:c,panels:s,handleIndex:l,direction:i,container:o},n.setAttribute("data-dragging","true"),document.body.style.cursor=i==="horizontal"?"col-resize":"row-resize",document.body.style.userSelect="none";}function jn(t){if(!it)return;let{startX:e,startY:n,startSizes:o,panels:i,handleIndex:s,direction:r,container:l}=it,c=r==="horizontal"?t.clientX-e:t.clientY-n,f=vt(l,r),u=s,a=s+1,p=o[u]+o[a],d=o[u]+c,m=o[a]-c,g=wt(i[u],r),h=xt(i[u],r),x=wt(i[a],r),w=xt(i[a],r);d=Math.max(g,Math.min(h,d)),m=p-d,m<x&&(m=x,d=p-m),m>w&&(m=w,d=p-m);let y=[...o];y[u]=d,y[a]=m,Kt(i,y),l.dispatchEvent(new CustomEvent("sp:resize",{detail:{sizes:y.map(b=>b/f*100)}}));}function Un(t){if(!it)return;let n=t.target.closest(".resizable-handle");n&&(n.releasePointerCapture(t.pointerId),n.removeAttribute("data-dragging")),document.body.style.cursor="",document.body.style.userSelect="",it=null;}function Gn(t){let e=t.target;if(!e.classList.contains("resizable-handle"))return;let n=e.closest(".resizable");if(!n)return;let o=yt(n),i=bt(n),r=Ye(n).indexOf(e);if(r<0||r>=i.length-1)return;let l=t.shiftKey?10:1,c=0;if(o==="horizontal"?t.key==="ArrowLeft"?c=-l:t.key==="ArrowRight"&&(c=l):t.key==="ArrowUp"?c=-l:t.key==="ArrowDown"&&(c=l),c===0)return;t.preventDefault();let f=vt(n,o),u=_t(i,o),a=r,p=r+1,d=c/100*f,m=u[a]+d,g=u[p]-d,h=wt(i[a],o),x=xt(i[a],o),w=wt(i[p],o),y=xt(i[p],o);if(m<h||g<w||m>x||g>y)return;let b=[...u];b[a]=m,b[p]=g,Kt(i,b),n.dispatchEvent(new CustomEvent("sp:resize",{detail:{sizes:b.map(v=>v/f*100)}}));}var Xe=false;(function(){typeof document>"u"||Xe||(Xe=true,document.addEventListener("pointerdown",Yn),document.addEventListener("pointermove",jn),document.addEventListener("pointerup",Un),document.addEventListener("keydown",Gn));})();var Gt={};N(Gt,{close:()=>st,open:()=>Yt,toggle:()=>Ue});function Jn(){let t=getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-sidebar");return parseInt(t,10)||1024}function Lt(){return window.innerWidth<Jn()}function Qn(t){return t.closest(".sidebar")?.querySelector(".sidebar-backdrop")??null}function jt(t){let e=[t],n=Qn(t);return n&&e.push(n),e}function Ut(t,e){for(let n of t)e?n.classList.add("open"):n.classList.remove("open");}function Et(t,e){for(let n of t)e===null?n.removeAttribute("data-state"):n.setAttribute("data-state",e);}function Yt(t){if(Lt()){let e=jt(t);Ut(e,true),Et(e,"open");}else t.classList.remove("collapsed");}async function st(t){if(Lt()){let e=jt(t);Et(e,"closed"),await O(e),Ut(e,false),Et(e,null);}else t.classList.add("collapsed");}function Ue(t){Lt()?t.classList.contains("open")?st(t):Yt(t):t.classList.contains("collapsed")?Yt(t):st(t);}function Zn(t){let e=t.target,n=e.closest("[data-sp-toggle='sidebar']");if(n){let o=n.dataset.spTarget;if(o){let i=document.querySelector(o);i&&Ue(i);}return}if(e.classList.contains("sidebar-backdrop")){let i=e.closest(".sidebar")?.querySelector(".sidebar-panel.open");i&&st(i);}}function to(t){if(t.key==="Escape"){let e=document.querySelector(".sidebar-panel.open");e&&(t.preventDefault(),st(e));}}function eo(){Lt()||document.querySelectorAll(".sidebar-panel.open").forEach(e=>{let n=jt(e);Ut(n,false),Et(n,null);});}var je=false;(function(){typeof document>"u"||je||(je=true,document.addEventListener("click",Zn),document.addEventListener("keydown",to),window.addEventListener("resize",eo));})();var Qt={};N(Qt,{select:()=>Jt});function Jt(t){if(E(t))return;let e=t.closest(".tab-list");if(!e)return;let n=e.querySelectorAll(".tab");for(let i of n){i.classList.remove("active"),i.setAttribute("aria-selected","false"),i.setAttribute("tabindex","-1");let s=i.dataset.spTarget;s&&document.querySelector(s)?.classList.remove("active");}t.classList.add("active"),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0");let o=t.dataset.spTarget;o&&document.querySelector(o)?.classList.add("active");}function no(t){let n=t.target.closest("[data-sp-toggle='tab']");n&&Jt(n);}function oo(t){let e=t.target;if(!e.classList.contains("tab"))return;let n=e.closest(".tab-list");if(!n)return;let o=[...n.querySelectorAll(".tab")],i=o.indexOf(e),s=null;switch(t.key){case "ArrowLeft":s=P(o,i,-1);break;case "ArrowRight":s=P(o,i,1);break;case "Home":s=o.find(r=>!E(r))??null;break;case "End":s=[...o].reverse().find(r=>!E(r))??null;break}s&&(t.preventDefault(),s.focus(),Jt(s));}var Ge=false;(function(){typeof document>"u"||Ge||(Ge=true,document.addEventListener("click",no),document.addEventListener("keydown",oo));})();typeof window<"u"&&(window.sp={accordion:Ot,collapsible:Pt,dialog:zt,dropdown:Vt,resizable:Xt,sidebar:Gt,tabs:Qt});export{Ot as accordion,Pt as collapsible,zt as dialog,Vt as dropdown,Xt as resizable,Gt as sidebar,Qt as tabs};//# sourceMappingURL=index.js.map
1
+ var pn=Object.defineProperty;var B=(t,e)=>{for(var n in e)pn(t,n,{get:e[n],enumerable:true});};var $t={};B($t,{close:()=>ut,open:()=>qt,toggle:()=>hn});var gn=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","[tabindex]:not([tabindex='-1'])","[contenteditable]:not([contenteditable='false'])","audio[controls]","video[controls]","details > summary","iframe"].join(", ");function Ft(t){return [...t.querySelectorAll(gn)].filter(e=>e.offsetParent!==null)}async function v(t){let e=t.flatMap(n=>n.getAnimations());e.length!==0&&await Promise.all(e.map(n=>n.finished));}function E(t){return t.hasAttribute("disabled")||t.getAttribute("aria-disabled")==="true"}function P(t,e,n){let o=t.length;for(let i=1;i<=o;i++){let s=(e+i*n+o)%o;if(!E(t[s]))return t[s]}return null}function Bt(t){return t.classList.contains("accordion-panel")?t:t.querySelector(".accordion-panel")}function be(t){return document.querySelector(`[data-sp-target="#${t}"]`)}function xe(t){let e=`${t.scrollHeight}px`;t.style.setProperty("--radix-accordion-content-height",e);}function qt(t){let e=Bt(t);!e||e.classList.contains("open")||(e.id&&be(e.id)?.setAttribute("aria-expanded","true"),xe(e),e.classList.add("open"),e.setAttribute("data-state","open"));}async function ut(t){let e=Bt(t);!e||!e.classList.contains("open")||(e.id&&be(e.id)?.setAttribute("aria-expanded","false"),xe(e),e.setAttribute("data-state","closed"),await v([e]),e.classList.remove("open"),e.removeAttribute("data-state"));}function hn(t){let e=Bt(t);e&&(e.classList.contains("open")?ut(t):qt(t));}function bn(t){let n=t.target.closest("[data-sp-toggle='accordion']");if(!n||E(n))return;let o=n.dataset.spTarget;if(!o)return;let i=document.querySelector(o);if(!i)return;let s=n.closest(".accordion"),r=i.classList.contains("open");if(s&&!s.hasAttribute("data-sp-multiple")){let l=s.querySelectorAll(".accordion-panel.open");for(let c of l)c!==i&&ut(c);}r?ut(i):qt(i);}function xn(t){let n=t.target.closest("[data-sp-toggle='accordion']");if(!n)return;let o=n.closest(".accordion");if(!o)return;let i=[...o.querySelectorAll("[data-sp-toggle='accordion']")],s=i.indexOf(n),r=null;switch(t.key){case "ArrowDown":r=P(i,s,1);break;case "ArrowUp":r=P(i,s,-1);break;case "Home":r=i.find(l=>!E(l))??null;break;case "End":r=[...i].reverse().find(l=>!E(l))??null;break}r&&(t.preventDefault(),r.focus());}var he=false;(function(){typeof document>"u"||he||(he=true,document.addEventListener("click",bn),document.addEventListener("keydown",xn));})();var Wt={};B(Wt,{close:()=>ve,open:()=>Le,toggle:()=>Te});function It(t){return t.classList.contains("collapsible-panel")?t:t.querySelector(".collapsible-panel")}function we(t){return document.querySelector(`[data-sp-target="#${t}"]`)}function Ee(t){let e=`${t.scrollHeight}px`;t.style.setProperty("--radix-collapsible-content-height",e);}function Le(t){let e=It(t);!e||e.classList.contains("open")||(e.id&&we(e.id)?.setAttribute("aria-expanded","true"),Ee(e),e.classList.add("open"),e.setAttribute("data-state","open"));}async function ve(t){let e=It(t);!e||!e.classList.contains("open")||(e.id&&we(e.id)?.setAttribute("aria-expanded","false"),Ee(e),e.setAttribute("data-state","closed"),await v([e]),e.classList.remove("open"),e.removeAttribute("data-state"));}function Te(t){let e=It(t);e&&(e.classList.contains("open")?ve(t):Le(t));}function yn(t){let n=t.target.closest("[data-sp-toggle='collapsible']");if(!n)return;let o=n.dataset.spTarget;if(!o)return;let i=document.querySelector(o);i&&Te(i);}var ye=false;(function(){typeof document>"u"||ye||(ye=true,document.addEventListener("click",yn));})();var Qt={};B(Qt,{close:()=>X,filter:()=>Gt,open:()=>tn,select:()=>Ut,toggle:()=>jt});var Z=Math.min,q=Math.max,tt=Math.round;var S=t=>({x:t,y:t}),wn={left:"right",right:"left",bottom:"top",top:"bottom"};function Nt(t,e,n){return q(t,Z(e,n))}function et(t,e){return typeof t=="function"?t(e):t}function $(t){return t.split("-")[0]}function nt(t){return t.split("-")[1]}function Vt(t){return t==="x"?"y":"x"}function _t(t){return t==="y"?"height":"width"}function D(t){let e=t[0];return e==="t"||e==="b"?"y":"x"}function Kt(t){return Vt(D(t))}function Ae(t,e,n){n===void 0&&(n=false);let o=nt(t),i=Kt(t),s=_t(i),r=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[s]>e.floating[s]&&(r=J(r)),[r,J(r)]}function Se(t){let e=J(t);return [dt(t),e,dt(e)]}function dt(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}var Me=["left","right"],He=["right","left"],En=["top","bottom"],Ln=["bottom","top"];function vn(t,e,n){switch(t){case "top":case "bottom":return n?e?He:Me:e?Me:He;case "left":case "right":return e?En:Ln;default:return []}}function Oe(t,e,n,o){let i=nt(t),s=vn($(t),n==="start",o);return i&&(s=s.map(r=>r+"-"+i),e&&(s=s.concat(s.map(dt)))),s}function J(t){let e=$(t);return wn[e]+t.slice(e.length)}function Tn(t){return {top:0,right:0,bottom:0,left:0,...t}}function Ce(t){return typeof t!="number"?Tn(t):{top:t,right:t,bottom:t,left:t}}function N(t){let{x:e,y:n,width:o,height:i}=t;return {width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function Re(t,e,n){let{reference:o,floating:i}=t,s=D(e),r=Kt(e),l=_t(r),c=$(e),u=s==="y",f=o.x+o.width/2-i.width/2,a=o.y+o.height/2-i.height/2,m=o[l]/2-i[l]/2,d;switch(c){case "top":d={x:f,y:o.y-i.height};break;case "bottom":d={x:f,y:o.y+o.height};break;case "right":d={x:o.x+o.width,y:a};break;case "left":d={x:o.x-i.width,y:a};break;default:d={x:o.x,y:o.y};}switch(nt(e)){case "start":d[r]-=m*(n&&u?-1:1);break;case "end":d[r]+=m*(n&&u?-1:1);break}return d}async function ke(t,e){var n;e===void 0&&(e={});let{x:o,y:i,platform:s,rects:r,elements:l,strategy:c}=t,{boundary:u="clippingAncestors",rootBoundary:f="viewport",elementContext:a="floating",altBoundary:m=false,padding:d=0}=et(e,t),p=Ce(d),h=l[m?a==="floating"?"reference":"floating":a],b=N(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement(h)))==null||n?h:h.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(l.floating)),boundary:u,rootBoundary:f,strategy:c})),w=a==="floating"?{x:o,y:i,width:r.floating.width,height:r.floating.height}:r.reference,x=await(s.getOffsetParent==null?void 0:s.getOffsetParent(l.floating)),y=await(s.isElement==null?void 0:s.isElement(x))?await(s.getScale==null?void 0:s.getScale(x))||{x:1,y:1}:{x:1,y:1},H=N(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:w,offsetParent:x,strategy:c}):w);return {top:(b.top-H.top+p.top)/y.y,bottom:(H.bottom-b.bottom+p.bottom)/y.y,left:(b.left-H.left+p.left)/y.x,right:(H.right-b.right+p.right)/y.x}}var Mn=50,Pe=async(t,e,n)=>{let{placement:o="bottom",strategy:i="absolute",middleware:s=[],platform:r}=n,l=r.detectOverflow?r:{...r,detectOverflow:ke},c=await(r.isRTL==null?void 0:r.isRTL(e)),u=await r.getElementRects({reference:t,floating:e,strategy:i}),{x:f,y:a}=Re(u,o,c),m=o,d=0,p={};for(let g=0;g<s.length;g++){let h=s[g];if(!h)continue;let{name:b,fn:w}=h,{x,y,data:H,reset:O}=await w({x:f,y:a,initialPlacement:o,placement:m,strategy:i,middlewareData:p,rects:u,platform:l,elements:{reference:t,floating:e}});f=x??f,a=y??a,p[b]={...p[b],...H},O&&d<Mn&&(d++,typeof O=="object"&&(O.placement&&(m=O.placement),O.rects&&(u=O.rects===true?await r.getElementRects({reference:t,floating:e,strategy:i}):O.rects),{x:f,y:a}=Re(u,m,c)),g=-1);}return {x:f,y:a,placement:m,strategy:i,middlewareData:p}};var De=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;let{placement:i,middlewareData:s,rects:r,initialPlacement:l,platform:c,elements:u}=e,{mainAxis:f=true,crossAxis:a=true,fallbackPlacements:m,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:g=true,...h}=et(t,e);if((n=s.arrow)!=null&&n.alignmentOffset)return {};let b=$(i),w=D(l),x=$(l)===l,y=await(c.isRTL==null?void 0:c.isRTL(u.floating)),H=m||(x||!g?[J(l)]:Se(l)),O=p!=="none";!m&&O&&H.push(...Oe(l,g,p,y));let dn=[l,...H],Dt=await c.detectOverflow(e,h),ft=[],j=((o=s.flip)==null?void 0:o.overflows)||[];if(f&&ft.push(Dt[b]),a){let I=Ae(i,r,y);ft.push(Dt[I[0]],Dt[I[1]]);}if(j=[...j,{placement:i,overflows:ft}],!ft.every(I=>I<=0)){var me,pe;let I=(((me=s.flip)==null?void 0:me.index)||0)+1,zt=dn[I];if(zt&&(!(a==="alignment"?w!==D(zt):false)||j.every(A=>D(A.placement)===w?A.overflows[0]>0:true)))return {data:{index:I,overflows:j},reset:{placement:zt}};let Q=(pe=j.filter(W=>W.overflows[0]<=0).sort((W,A)=>W.overflows[1]-A.overflows[1])[0])==null?void 0:pe.placement;if(!Q)switch(d){case "bestFit":{var ge;let W=(ge=j.filter(A=>{if(O){let F=D(A.placement);return F===w||F==="y"}return true}).map(A=>[A.placement,A.overflows.filter(F=>F>0).reduce((F,mn)=>F+mn,0)]).sort((A,F)=>A[1]-F[1])[0])==null?void 0:ge[0];W&&(Q=W);break}case "initialPlacement":Q=l;break}if(i!==Q)return {reset:{placement:Q}}}return {}}}};var Hn=new Set(["left","top"]);async function An(t,e){let{placement:n,platform:o,elements:i}=t,s=await(o.isRTL==null?void 0:o.isRTL(i.floating)),r=$(n),l=nt(n),c=D(n)==="y",u=Hn.has(r)?-1:1,f=s&&c?-1:1,a=et(e,t),{mainAxis:m,crossAxis:d,alignmentAxis:p}=typeof a=="number"?{mainAxis:a,crossAxis:0,alignmentAxis:null}:{mainAxis:a.mainAxis||0,crossAxis:a.crossAxis||0,alignmentAxis:a.alignmentAxis};return l&&typeof p=="number"&&(d=l==="end"?p*-1:p),c?{x:d*f,y:m*u}:{x:m*u,y:d*f}}var ze=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;let{x:i,y:s,placement:r,middlewareData:l}=e,c=await An(e,t);return r===((n=l.offset)==null?void 0:n.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:i+c.x,y:s+c.y,data:{...c,placement:r}}}}},Fe=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:o,placement:i,platform:s}=e,{mainAxis:r=true,crossAxis:l=false,limiter:c={fn:b=>{let{x:w,y:x}=b;return {x:w,y:x}}},...u}=et(t,e),f={x:n,y:o},a=await s.detectOverflow(e,u),m=D($(i)),d=Vt(m),p=f[d],g=f[m];if(r){let b=d==="y"?"top":"left",w=d==="y"?"bottom":"right",x=p+a[b],y=p-a[w];p=Nt(x,p,y);}if(l){let b=m==="y"?"top":"left",w=m==="y"?"bottom":"right",x=g+a[b],y=g-a[w];g=Nt(x,g,y);}let h=c.fn({...e,[d]:p,[m]:g});return {...h,data:{x:h.x-n,y:h.y-o,enabled:{[d]:r,[m]:l}}}}}};function pt(){return typeof window<"u"}function _(t){return qe(t)?(t.nodeName||"").toLowerCase():"#document"}function L(t){var e;return (t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function C(t){var e;return (e=(qe(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function qe(t){return pt()?t instanceof Node||t instanceof L(t).Node:false}function T(t){return pt()?t instanceof Element||t instanceof L(t).Element:false}function R(t){return pt()?t instanceof HTMLElement||t instanceof L(t).HTMLElement:false}function Be(t){return !pt()||typeof ShadowRoot>"u"?false:t instanceof ShadowRoot||t instanceof L(t).ShadowRoot}function U(t){let{overflow:e,overflowX:n,overflowY:o,display:i}=M(t);return /auto|scroll|overlay|hidden|clip/.test(e+o+n)&&i!=="inline"&&i!=="contents"}function $e(t){return /^(table|td|th)$/.test(_(t))}function ot(t){try{if(t.matches(":popover-open"))return !0}catch{}try{return t.matches(":modal")}catch{return false}}var Sn=/transform|translate|scale|rotate|perspective|filter/,On=/paint|layout|strict|content/,V=t=>!!t&&t!=="none",Xt;function gt(t){let e=T(t)?M(t):t;return V(e.transform)||V(e.translate)||V(e.scale)||V(e.rotate)||V(e.perspective)||!ht()&&(V(e.backdropFilter)||V(e.filter))||Sn.test(e.willChange||"")||On.test(e.contain||"")}function Ie(t){let e=z(t);for(;R(e)&&!K(e);){if(gt(e))return e;if(ot(e))return null;e=z(e);}return null}function ht(){return Xt==null&&(Xt=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),Xt}function K(t){return /^(html|body|#document)$/.test(_(t))}function M(t){return L(t).getComputedStyle(t)}function it(t){return T(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function z(t){if(_(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Be(t)&&t.host||C(t);return Be(e)?e.host:e}function We(t){let e=z(t);return K(e)?t.ownerDocument?t.ownerDocument.body:t.body:R(e)&&U(e)?e:We(e)}function mt(t,e,n){var o;e===void 0&&(e=[]);let i=We(t),s=i===((o=t.ownerDocument)==null?void 0:o.body),r=L(i);if(s){bt(r);return e.concat(r,r.visualViewport||[],U(i)?i:[],[])}else return e.concat(i,mt(i,[]))}function bt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Ke(t){let e=M(t),n=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=R(t),s=i?t.offsetWidth:n,r=i?t.offsetHeight:o,l=tt(n)!==s||tt(o)!==r;return l&&(n=s,o=r),{width:n,height:o,$:l}}function Xe(t){return T(t)?t:t.contextElement}function G(t){let e=Xe(t);if(!R(e))return S(1);let n=e.getBoundingClientRect(),{width:o,height:i,$:s}=Ke(e),r=(s?tt(n.width):n.width)/o,l=(s?tt(n.height):n.height)/i;return (!r||!Number.isFinite(r))&&(r=1),(!l||!Number.isFinite(l))&&(l=1),{x:r,y:l}}var Cn=S(0);function Ye(t){let e=L(t);return !ht()||!e.visualViewport?Cn:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Rn(t,e,n){return e===void 0&&(e=false),!n||e&&n!==L(t)?false:e}function st(t,e,n,o){e===void 0&&(e=false),n===void 0&&(n=false);let i=t.getBoundingClientRect(),s=Xe(t),r=S(1);e&&(o?T(o)&&(r=G(o)):r=G(t));let l=Rn(s,n,o)?Ye(s):S(0),c=(i.left+l.x)/r.x,u=(i.top+l.y)/r.y,f=i.width/r.x,a=i.height/r.y;if(s){let m=L(s),d=o&&T(o)?L(o):o,p=m,g=bt(p);for(;g&&o&&d!==p;){let h=G(g),b=g.getBoundingClientRect(),w=M(g),x=b.left+(g.clientLeft+parseFloat(w.paddingLeft))*h.x,y=b.top+(g.clientTop+parseFloat(w.paddingTop))*h.y;c*=h.x,u*=h.y,f*=h.x,a*=h.y,c+=x,u+=y,p=L(g),g=bt(p);}}return N({width:f,height:a,x:c,y:u})}function xt(t,e){let n=it(t).scrollLeft;return e?e.left+n:st(C(t)).left+n}function je(t,e){let n=t.getBoundingClientRect(),o=n.left+e.scrollLeft-xt(t,n),i=n.top+e.scrollTop;return {x:o,y:i}}function kn(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t,s=i==="fixed",r=C(o),l=e?ot(e.floating):false;if(o===r||l&&s)return n;let c={scrollLeft:0,scrollTop:0},u=S(1),f=S(0),a=R(o);if((a||!a&&!s)&&((_(o)!=="body"||U(r))&&(c=it(o)),a)){let d=st(o);u=G(o),f.x=d.x+o.clientLeft,f.y=d.y+o.clientTop;}let m=r&&!a&&!s?je(r,c):S(0);return {width:n.width*u.x,height:n.height*u.y,x:n.x*u.x-c.scrollLeft*u.x+f.x+m.x,y:n.y*u.y-c.scrollTop*u.y+f.y+m.y}}function Pn(t){return Array.from(t.getClientRects())}function Dn(t){let e=C(t),n=it(t),o=t.ownerDocument.body,i=q(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),s=q(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),r=-n.scrollLeft+xt(t),l=-n.scrollTop;return M(o).direction==="rtl"&&(r+=q(e.clientWidth,o.clientWidth)-i),{width:i,height:s,x:r,y:l}}var Ne=25;function zn(t,e){let n=L(t),o=C(t),i=n.visualViewport,s=o.clientWidth,r=o.clientHeight,l=0,c=0;if(i){s=i.width,r=i.height;let f=ht();(!f||f&&e==="fixed")&&(l=i.offsetLeft,c=i.offsetTop);}let u=xt(o);if(u<=0){let f=o.ownerDocument,a=f.body,m=getComputedStyle(a),d=f.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,p=Math.abs(o.clientWidth-a.clientWidth-d);p<=Ne&&(s-=p);}else u<=Ne&&(s+=u);return {width:s,height:r,x:l,y:c}}function Fn(t,e){let n=st(t,true,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,s=R(t)?G(t):S(1),r=t.clientWidth*s.x,l=t.clientHeight*s.y,c=i*s.x,u=o*s.y;return {width:r,height:l,x:c,y:u}}function Ve(t,e,n){let o;if(e==="viewport")o=zn(t,n);else if(e==="document")o=Dn(C(t));else if(T(e))o=Fn(e,n);else {let i=Ye(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height};}return N(o)}function Ue(t,e){let n=z(t);return n===e||!T(n)||K(n)?false:M(n).position==="fixed"||Ue(n,e)}function Bn(t,e){let n=e.get(t);if(n)return n;let o=mt(t,[]).filter(l=>T(l)&&_(l)!=="body"),i=null,s=M(t).position==="fixed",r=s?z(t):t;for(;T(r)&&!K(r);){let l=M(r),c=gt(r);!c&&l.position==="fixed"&&(i=null),(s?!c&&!i:!c&&l.position==="static"&&!!i&&(i.position==="absolute"||i.position==="fixed")||U(r)&&!c&&Ue(t,r))?o=o.filter(f=>f!==r):i=l,r=z(r);}return e.set(t,o),o}function qn(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t,r=[...n==="clippingAncestors"?ot(e)?[]:Bn(e,this._c):[].concat(n),o],l=Ve(e,r[0],i),c=l.top,u=l.right,f=l.bottom,a=l.left;for(let m=1;m<r.length;m++){let d=Ve(e,r[m],i);c=q(d.top,c),u=Z(d.right,u),f=Z(d.bottom,f),a=q(d.left,a);}return {width:u-a,height:f-c,x:a,y:c}}function $n(t){let{width:e,height:n}=Ke(t);return {width:e,height:n}}function In(t,e,n){let o=R(e),i=C(e),s=n==="fixed",r=st(t,true,s,e),l={scrollLeft:0,scrollTop:0},c=S(0);function u(){c.x=xt(i);}if(o||!o&&!s)if((_(e)!=="body"||U(i))&&(l=it(e)),o){let d=st(e,true,s,e);c.x=d.x+e.clientLeft,c.y=d.y+e.clientTop;}else i&&u();s&&!o&&i&&u();let f=i&&!o&&!s?je(i,l):S(0),a=r.left+l.scrollLeft-c.x-f.x,m=r.top+l.scrollTop-c.y-f.y;return {x:a,y:m,width:r.width,height:r.height}}function Yt(t){return M(t).position==="static"}function _e(t,e){if(!R(t)||M(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return C(t)===n&&(n=n.ownerDocument.body),n}function Ge(t,e){let n=L(t);if(ot(t))return n;if(!R(t)){let i=z(t);for(;i&&!K(i);){if(T(i)&&!Yt(i))return i;i=z(i);}return n}let o=_e(t,e);for(;o&&$e(o)&&Yt(o);)o=_e(o,e);return o&&K(o)&&Yt(o)&&!gt(o)?n:o||Ie(t)||n}var Wn=async function(t){let e=this.getOffsetParent||Ge,n=this.getDimensions,o=await n(t.floating);return {reference:In(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Nn(t){return M(t).direction==="rtl"}var Vn={convertOffsetParentRelativeRectToViewportRelativeRect:kn,getDocumentElement:C,getClippingRect:qn,getOffsetParent:Ge,getElementRects:Wn,getClientRects:Pn,getDimensions:$n,getScale:G,isElement:T,isRTL:Nn};var yt=ze;var wt=Fe,Et=De;var Lt=(t,e,n)=>{let o=new Map,i={platform:Vn,...n},s={...i.platform,_c:o};return Pe(t,e,{...i,platform:s})};function k(t){return t.querySelector(".combobox-menu")}function vt(t){return t.querySelector("[data-sp-toggle='combobox']")}function Ze(t){return t.querySelector(".combobox-input")}function Tt(){return document.querySelector(".combobox-menu.open")?.closest(".combobox")??null}function _n(t){return [...t.querySelectorAll(".combobox-item")].filter(e=>!e.hidden&&!E(e))}async function Kn(t){let e=vt(t),n=k(t);if(!e||!n)return;let o=t.dataset.spPlacement||"bottom-start",i=parseInt(t.dataset.spOffset||"4",10),{x:s,y:r}=await Lt(e,n,{placement:o,middleware:[yt(i),Et(),wt({padding:8})]});Object.assign(n.style,{left:`${s}px`,top:`${r}px`});}async function tn(t){let e=k(t);if(!e||e.classList.contains("open"))return;let n=Tt();n&&n!==t&&X(n);let o=vt(t);e.classList.add("open"),o?.setAttribute("aria-expanded","true"),e.setAttribute("data-state","open"),Kn(t),Ze(t)?.focus();}async function X(t){let e=k(t);if(!e||!e.classList.contains("open"))return;vt(t)?.setAttribute("aria-expanded","false"),e.setAttribute("data-state","closed"),await v([e]),e.classList.remove("open"),e.removeAttribute("data-state"),Gt(t,"");let o=Ze(t);o&&(o.value="");}function jt(t){k(t)?.classList.contains("open")?X(t):tn(t);}function Qe(t){let e=k(t);if(!e)return;let n=e.querySelectorAll(".combobox-item input:checked"),o=t.querySelector(".combobox-value");if(o)if(n.length===0)o.dataset.placeholder&&(o.textContent=o.dataset.placeholder,o.removeAttribute("data-placeholder"));else if(o.dataset.placeholder||(o.dataset.placeholder=o.textContent??""),n.length===1)o.textContent=n[0].closest(".combobox-item")?.textContent?.trim()??"";else {let i=n[0].name??"items";o.textContent=`${n.length} ${i} selected`;}}function Ut(t,e){let n=e.querySelector("input");n?.type==="checkbox"?(n&&(n.checked=!n.checked,n.dispatchEvent(new Event("change",{bubbles:true}))),e.setAttribute("aria-selected",String(n?.checked??false)),Qe(t)):(k(t)?.querySelectorAll(".combobox-item").forEach(s=>{s.setAttribute("aria-selected","false");}),n&&(n.checked=true,n.dispatchEvent(new Event("change",{bubbles:true}))),e.setAttribute("aria-selected","true"),Qe(t),X(t));}function Gt(t,e){let n=k(t);if(!n)return;let o=e.trim().toLowerCase(),i=n.querySelectorAll(".combobox-item"),s=0;i.forEach(l=>{let c=(l.dataset.label??l.textContent??"").trim().toLowerCase(),u=!o||c.includes(o);l.hidden=!u,u&&s++;});let r=n.querySelector(".combobox-empty");r&&r.classList.toggle("visible",s===0);}function Xn(t){let e=t.target,n=e.closest("[data-sp-toggle='combobox']");if(n){let s=n.closest(".combobox");s&&(t.preventDefault(),jt(s));return}let o=e.closest(".combobox-item");if(o){if(E(o)){t.preventDefault();return}let s=o.closest(".combobox");s&&Ut(s,o);return}let i=Tt();i&&k(i)&&!i.contains(e)&&X(i);}function Yn(t){let e=t.target,n=e.closest(".combobox"),o=Tt();if(t.key==="Escape"&&o){t.preventDefault();let s=vt(o);X(o),s?.focus();return}if((t.key==="Enter"||t.key===" ")&&e.matches("[data-sp-toggle='combobox']")){t.preventDefault(),n&&jt(n);return}if(!n)return;let i=k(n);if(i?.classList.contains("open")){if((t.key==="Enter"||t.key===" ")&&e.matches(".combobox-item")){t.preventDefault(),E(e)||Ut(n,e);return}if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){t.preventDefault();let s=_n(i);if(!s.length)return;let r=s.indexOf(e),l=null;switch(t.key){case "ArrowDown":l=r<0?s[0]:s[r+1]??s[0];break;case "ArrowUp":l=r<0?s[s.length-1]:s[r-1]??s[s.length-1];break;case "Home":l=s[0];break;case "End":l=s[s.length-1];break}l?.focus();}}}function jn(t){let e=Tt();if(!e)return;let n=t.relatedTarget,o=k(e);(!n||!e.contains(n)&&!o?.contains(n))&&X(e);}function Un(t){let e=t.target;if(!e.matches(".combobox-input"))return;let n=e.closest(".combobox");n&&Gt(n,e.value);}var Je=false;(function(){typeof document>"u"||Je||(Je=true,document.addEventListener("click",Xn),document.addEventListener("keydown",Yn),document.addEventListener("focusout",jn),document.addEventListener("input",Un));})();var ee={};B(ee,{close:()=>rt,open:()=>te,toggle:()=>Qn});var Zt=".dialog-backdrop, .sheet-backdrop",Gn=".dialog-panel, .sheet-panel";function nn(t){return [...t.querySelectorAll(`${Zt}, ${Gn}`)]}function Jt(t,e){for(let n of t)e===null?n.removeAttribute("data-state"):n.setAttribute("data-state",e);}function on(t){return t.querySelector(Zt)!==null}function te(t){t.show();let e=nn(t);if(Jt(e,"open"),on(t)){let n=Ft(t);n.length>0&&n[0].focus();}}async function rt(t){let e=nn(t);Jt(e,"closed"),await v(e),t.close(),Jt(e,null);}function Qn(t){t.open?rt(t):te(t);}function Jn(t){let e=t.target.closest("dialog");if(e?.open){if(t.key==="Escape"){t.preventDefault(),e.dataset.spBackdrop==="static"||rt(e);return}if(t.key==="Tab"&&on(e)){let n=Ft(e);if(n.length===0)return;let o=n[0],i=n[n.length-1];t.shiftKey&&document.activeElement===o?(t.preventDefault(),i.focus()):!t.shiftKey&&document.activeElement===i&&(t.preventDefault(),o.focus());}}}function Zn(t){let e=t.target,n=e.closest("[data-sp-toggle='dialog']");if(n){let s=n.dataset.spTarget;if(s){let r=document.querySelector(s);r&&te(r);}return}let o=e.closest("[data-sp-dismiss='dialog']");if(o){let s=o.closest("dialog");s&&rt(s);return}let i=e.closest(Zt);if(i){let s=i.closest("dialog");s&&(s.dataset.spBackdrop==="static"||rt(s));}}var en=false;(function(){typeof document>"u"||en||(en=true,document.addEventListener("click",Zn),document.addEventListener("keydown",Jn));})();var oe={};B(oe,{close:()=>Y,open:()=>rn,toggle:()=>ne});function lt(t){return t.querySelector(".dropdown-menu")}function Mt(t){return t.querySelector("[data-sp-toggle='dropdown']")}function Ht(){return document.querySelector(".dropdown-menu.open")?.closest(".dropdown")??null}async function to(t){let e=Mt(t),n=lt(t);if(!e||!n)return;let o=t.dataset.spPlacement||"bottom-end",i=parseInt(t.dataset.spOffset||"4",10),{x:s,y:r}=await Lt(e,n,{placement:o,middleware:[yt(i),Et(),wt({padding:8})]});Object.assign(n.style,{left:`${s}px`,top:`${r}px`});}function rn(t){let e=lt(t);if(!e||e.classList.contains("open"))return;let n=Ht();n&&Y(n);let o=Mt(t);e.classList.add("open"),o?.setAttribute("aria-expanded","true"),e.setAttribute("data-state","open"),to(t);}async function Y(t){let e=lt(t);if(!e||!e.classList.contains("open"))return;Mt(t)?.setAttribute("aria-expanded","false"),e.setAttribute("data-state","closed"),await v([e]),e.classList.remove("open"),e.removeAttribute("data-state");}function ne(t){lt(t)?.classList.contains("open")?Y(t):rn(t);}function eo(t){let e=t.target,n=e.closest("[data-sp-toggle='dropdown']");if(n){let s=n.closest(".dropdown");s&&(t.preventDefault(),ne(s));return}let o=e.closest(".dropdown-item");if(o){if(E(o)){t.preventDefault();return}let s=o.closest(".dropdown");s&&Y(s);return}let i=Ht();i&&!i.contains(e)&&Y(i);}function no(t){let e=t.target,n=e.closest(".dropdown"),o=Ht();if(t.key==="Escape"&&o){t.preventDefault();let c=Mt(o);Y(o),c?.focus();return}if((t.key==="Enter"||t.key===" ")&&e.matches("[data-sp-toggle='dropdown']")){t.preventDefault(),n&&ne(n);return}let i=n?lt(n):null;if(!i?.classList.contains("open"))return;let s=[...i.querySelectorAll(".dropdown-item")],r=s.indexOf(e),l=null;switch(t.key){case "ArrowDown":t.preventDefault(),r<0?l=s.find(c=>!E(c))??null:l=P(s,r,1);break;case "ArrowUp":t.preventDefault(),r<0?l=[...s].reverse().find(c=>!E(c))??null:l=P(s,r,-1);break;case "Home":t.preventDefault(),l=s.find(c=>!E(c))??null;break;case "End":t.preventDefault(),l=[...s].reverse().find(c=>!E(c))??null;break}l&&l.focus();}function oo(t){let e=Ht();if(!e)return;let n=t.relatedTarget;(!n||!e.contains(n))&&Y(e);}var sn=false;(function(){typeof document>"u"||sn||(sn=true,document.addEventListener("click",eo),document.addEventListener("keydown",no),document.addEventListener("focusout",oo));})();var re={};B(re,{getSizes:()=>so,setSizes:()=>io});var ct=null;function Ot(t){return t.dataset.direction==="vertical"?"vertical":"horizontal"}function Ct(t){return [...t.querySelectorAll(":scope > .resizable-panel")]}function cn(t){return [...t.querySelectorAll(":scope > .resizable-handle")]}function ie(t,e){return t.map(n=>{let o=n.getBoundingClientRect();return e==="horizontal"?o.width:o.height})}function Rt(t,e){let n=t.getBoundingClientRect();return e==="horizontal"?n.width:n.height}function At(t,e){let n=getComputedStyle(t),o=e==="horizontal"?n.minWidth:n.minHeight;return o==="none"||o==="auto"?0:parseFloat(o)}function St(t,e){let n=getComputedStyle(t),o=e==="horizontal"?n.maxWidth:n.maxHeight;return o==="none"||o==="auto"?1/0:parseFloat(o)}function se(t,e){let n=e.reduce((o,i)=>o+i,0);for(let o=0;o<t.length;o++){let i=e[o]/n*100;t[o].style.flexBasis=`${i}%`,t[o].style.flexGrow="0",t[o].style.flexShrink="0";}}function io(t,e){let n=Ct(t),o=Ot(t),i=Rt(t,o);if(e.length!==n.length){console.warn("Resizable: sizes array length must match panel count");return}let s=e.map(r=>r/100*i);se(n,s);}function so(t){let e=Ct(t),n=Ot(t),o=Rt(t,n);return ie(e,n).map(s=>s/o*100)}function ro(t){let n=t.target.closest(".resizable-handle");if(!n)return;let o=n.closest(".resizable");if(!o)return;t.preventDefault(),n.setPointerCapture(t.pointerId),n.focus();let i=Ot(o),s=Ct(o),l=cn(o).indexOf(n);if(l<0||l>=s.length-1)return;let c=ie(s,i);ct={startX:t.clientX,startY:t.clientY,startSizes:c,panels:s,handleIndex:l,direction:i,container:o},n.setAttribute("data-dragging","true"),document.body.style.cursor=i==="horizontal"?"col-resize":"row-resize",document.body.style.userSelect="none";}function lo(t){if(!ct)return;let{startX:e,startY:n,startSizes:o,panels:i,handleIndex:s,direction:r,container:l}=ct,c=r==="horizontal"?t.clientX-e:t.clientY-n,u=Rt(l,r),f=s,a=s+1,m=o[f]+o[a],d=o[f]+c,p=o[a]-c,g=At(i[f],r),h=St(i[f],r),b=At(i[a],r),w=St(i[a],r);d=Math.max(g,Math.min(h,d)),p=m-d,p<b&&(p=b,d=m-p),p>w&&(p=w,d=m-p);let x=[...o];x[f]=d,x[a]=p,se(i,x),l.dispatchEvent(new CustomEvent("sp:resize",{detail:{sizes:x.map(y=>y/u*100)}}));}function co(t){if(!ct)return;let n=t.target.closest(".resizable-handle");n&&(n.releasePointerCapture(t.pointerId),n.removeAttribute("data-dragging")),document.body.style.cursor="",document.body.style.userSelect="",ct=null;}function ao(t){let e=t.target;if(!e.classList.contains("resizable-handle"))return;let n=e.closest(".resizable");if(!n)return;let o=Ot(n),i=Ct(n),r=cn(n).indexOf(e);if(r<0||r>=i.length-1)return;let l=t.shiftKey?10:1,c=0;if(o==="horizontal"?t.key==="ArrowLeft"?c=-l:t.key==="ArrowRight"&&(c=l):t.key==="ArrowUp"?c=-l:t.key==="ArrowDown"&&(c=l),c===0)return;t.preventDefault();let u=Rt(n,o),f=ie(i,o),a=r,m=r+1,d=c/100*u,p=f[a]+d,g=f[m]-d,h=At(i[a],o),b=St(i[a],o),w=At(i[m],o),x=St(i[m],o);if(p<h||g<w||p>b||g>x)return;let y=[...f];y[a]=p,y[m]=g,se(i,y),n.dispatchEvent(new CustomEvent("sp:resize",{detail:{sizes:y.map(H=>H/u*100)}}));}var ln=false;(function(){typeof document>"u"||ln||(ln=true,document.addEventListener("pointerdown",ro),document.addEventListener("pointermove",lo),document.addEventListener("pointerup",co),document.addEventListener("keydown",ao));})();var fe={};B(fe,{close:()=>at,open:()=>le,toggle:()=>fn});function fo(){let t=getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-sidebar");return parseInt(t,10)||1024}function Pt(){return window.innerWidth<fo()}function uo(t){return t.closest(".sidebar")?.querySelector(".sidebar-backdrop")??null}function ce(t){let e=[t],n=uo(t);return n&&e.push(n),e}function ae(t,e){for(let n of t)e?n.classList.add("open"):n.classList.remove("open");}function kt(t,e){for(let n of t)e===null?n.removeAttribute("data-state"):n.setAttribute("data-state",e);}function le(t){if(Pt()){let e=ce(t);ae(e,true),kt(e,"open");}else t.classList.remove("collapsed");}async function at(t){if(Pt()){let e=ce(t);kt(e,"closed"),await v(e),ae(e,false),kt(e,null);}else t.classList.add("collapsed");}function fn(t){Pt()?t.classList.contains("open")?at(t):le(t):t.classList.contains("collapsed")?le(t):at(t);}function mo(t){let e=t.target,n=e.closest("[data-sp-toggle='sidebar']");if(n){let o=n.dataset.spTarget;if(o){let i=document.querySelector(o);i&&fn(i);}return}if(e.classList.contains("sidebar-backdrop")){let i=e.closest(".sidebar")?.querySelector(".sidebar-panel.open");i&&at(i);}}function po(t){if(t.key==="Escape"){let e=document.querySelector(".sidebar-panel.open");e&&(t.preventDefault(),at(e));}}function go(){Pt()||document.querySelectorAll(".sidebar-panel.open").forEach(e=>{let n=ce(e);ae(n,false),kt(n,null);});}var an=false;(function(){typeof document>"u"||an||(an=true,document.addEventListener("click",mo),document.addEventListener("keydown",po),window.addEventListener("resize",go));})();var de={};B(de,{select:()=>ue});function ue(t){if(E(t))return;let e=t.closest(".tab-list");if(!e)return;let n=e.querySelectorAll(".tab");for(let i of n){i.classList.remove("active"),i.setAttribute("aria-selected","false"),i.setAttribute("tabindex","-1");let s=i.dataset.spTarget;s&&document.querySelector(s)?.classList.remove("active");}t.classList.add("active"),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0");let o=t.dataset.spTarget;o&&document.querySelector(o)?.classList.add("active");}function ho(t){let n=t.target.closest("[data-sp-toggle='tab']");n&&ue(n);}function bo(t){let e=t.target;if(!e.classList.contains("tab"))return;let n=e.closest(".tab-list");if(!n)return;let o=[...n.querySelectorAll(".tab")],i=o.indexOf(e),s=null;switch(t.key){case "ArrowLeft":s=P(o,i,-1);break;case "ArrowRight":s=P(o,i,1);break;case "Home":s=o.find(r=>!E(r))??null;break;case "End":s=[...o].reverse().find(r=>!E(r))??null;break}s&&(t.preventDefault(),s.focus(),ue(s));}var un=false;(function(){typeof document>"u"||un||(un=true,document.addEventListener("click",ho),document.addEventListener("keydown",bo));})();typeof window<"u"&&(window.sp={accordion:$t,collapsible:Wt,combobox:Qt,dialog:ee,dropdown:oe,resizable:re,sidebar:fe,tabs:de});export{$t as accordion,Wt as collapsible,Qt as combobox,ee as dialog,oe as dropdown,re as resizable,fe as sidebar,de as tabs};//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map