starting-point-ui 0.7.0 → 0.9.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.
- package/dist/index.css +1 -1
- package/dist/index.d.ts +37 -18
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
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-accent [&:is(a)]:hover:text-accent-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-accent hover:text-accent-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-accent hover:text-accent-foreground dark:hover:bg-accent/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-sm;}@utility card-outline{@apply bg-card border;}@utility card-muted{@apply bg-muted;}@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 p-6 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 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-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-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; @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 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 p-6 [animation-fill-mode:forwards]!; @apply [&:where(&:not(.sheet-left,.sheet-right,.sheet-top,.sheet-bottom))]:sheet-left;}@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 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; @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(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0)}.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(.269 0 0);--accent-foreground: oklch(.985 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)}@theme inline{ --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); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); }@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,.dark{@apply bg-background 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{@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-accent [&:is(a)]:hover:text-accent-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-accent hover:text-accent-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-accent hover:text-accent-foreground dark:hover:bg-accent/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-sm;}@utility card-outline{@apply bg-card border;}@utility card-muted{@apply bg-muted;}@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-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-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; @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; @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(.97 0 0);--accent-foreground: oklch(.205 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(.269 0 0);--accent-foreground: oklch(.985 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); }@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,.dark{@apply bg-background text-foreground;}}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,36 +1,53 @@
|
|
|
1
|
+
declare function open$4(target: HTMLElement): void;
|
|
2
|
+
declare function close$4(target: HTMLElement): Promise<void>;
|
|
3
|
+
declare function toggle$4(target: HTMLElement): void;
|
|
4
|
+
|
|
5
|
+
declare namespace accordion {
|
|
6
|
+
export { close$4 as close, open$4 as open, toggle$4 as toggle };
|
|
7
|
+
}
|
|
8
|
+
|
|
1
9
|
declare function open$3(target: HTMLElement): void;
|
|
2
10
|
declare function close$3(target: HTMLElement): Promise<void>;
|
|
3
11
|
declare function toggle$3(target: HTMLElement): void;
|
|
4
12
|
|
|
5
|
-
declare namespace
|
|
13
|
+
declare namespace collapsible {
|
|
6
14
|
export { close$3 as close, open$3 as open, toggle$3 as toggle };
|
|
7
15
|
}
|
|
8
16
|
|
|
9
|
-
declare function open$2(
|
|
10
|
-
declare function close$2(
|
|
11
|
-
declare function toggle$2(
|
|
17
|
+
declare function open$2(dialog: HTMLDialogElement): void;
|
|
18
|
+
declare function close$2(dialog: HTMLDialogElement): Promise<void>;
|
|
19
|
+
declare function toggle$2(dialog: HTMLDialogElement): void;
|
|
12
20
|
|
|
13
|
-
declare namespace
|
|
21
|
+
declare namespace dialog {
|
|
14
22
|
export { close$2 as close, open$2 as open, toggle$2 as toggle };
|
|
15
23
|
}
|
|
16
24
|
|
|
17
|
-
declare function open$1(
|
|
18
|
-
declare function close$1(
|
|
19
|
-
declare function toggle$1(
|
|
25
|
+
declare function open$1(dropdown: HTMLElement): void;
|
|
26
|
+
declare function close$1(dropdown: HTMLElement): Promise<void>;
|
|
27
|
+
declare function toggle$1(dropdown: HTMLElement): void;
|
|
20
28
|
|
|
21
|
-
declare namespace
|
|
29
|
+
declare namespace dropdown {
|
|
22
30
|
export { close$1 as close, open$1 as open, toggle$1 as toggle };
|
|
23
31
|
}
|
|
24
32
|
|
|
25
|
-
declare function
|
|
26
|
-
declare function
|
|
27
|
-
declare function toggle(dropdown: HTMLElement): void;
|
|
33
|
+
declare function setSizes(container: HTMLElement, sizes: number[]): void;
|
|
34
|
+
declare function getSizes(container: HTMLElement): number[];
|
|
28
35
|
|
|
29
|
-
declare const
|
|
30
|
-
declare const
|
|
31
|
-
declare
|
|
32
|
-
|
|
33
|
-
|
|
36
|
+
declare const resizable_getSizes: typeof getSizes;
|
|
37
|
+
declare const resizable_setSizes: typeof setSizes;
|
|
38
|
+
declare namespace resizable {
|
|
39
|
+
export { resizable_getSizes as getSizes, resizable_setSizes as setSizes };
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
declare function open(sidebarPanel: HTMLElement): void;
|
|
43
|
+
declare function close(sidebarPanel: HTMLElement): Promise<void>;
|
|
44
|
+
declare function toggle(sidebarPanel: HTMLElement): void;
|
|
45
|
+
|
|
46
|
+
declare const sidebar_close: typeof close;
|
|
47
|
+
declare const sidebar_open: typeof open;
|
|
48
|
+
declare const sidebar_toggle: typeof toggle;
|
|
49
|
+
declare namespace sidebar {
|
|
50
|
+
export { sidebar_close as close, sidebar_open as open, sidebar_toggle as toggle };
|
|
34
51
|
}
|
|
35
52
|
|
|
36
53
|
declare function select(tab: HTMLElement): void;
|
|
@@ -47,9 +64,11 @@ declare global {
|
|
|
47
64
|
collapsible: typeof collapsible;
|
|
48
65
|
dialog: typeof dialog;
|
|
49
66
|
dropdown: typeof dropdown;
|
|
67
|
+
resizable: typeof resizable;
|
|
68
|
+
sidebar: typeof sidebar;
|
|
50
69
|
tabs: typeof tabs;
|
|
51
70
|
};
|
|
52
71
|
}
|
|
53
72
|
}
|
|
54
73
|
|
|
55
|
-
export { accordion, collapsible, dialog, dropdown, tabs };
|
|
74
|
+
export { accordion, collapsible, dialog, dropdown, resizable, sidebar, tabs };
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var Pe=Object.defineProperty;var X=(t,e)=>{for(var n in e)Pe(t,n,{get:e[n],enumerable:true});};var bt={};X(bt,{close:()=>st,open:()=>yt,toggle:()=>Fe});var ke=["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 wt(t){return [...t.querySelectorAll(ke)].filter(e=>e.offsetParent!==null)}async function k(t){let e=t.flatMap(n=>n.getAnimations());e.length!==0&&await Promise.all(e.map(n=>n.finished));}function b(t){return t.hasAttribute("disabled")||t.getAttribute("aria-disabled")==="true"}function R(t,e,n){let o=t.length;for(let i=1;i<=o;i++){let s=(e+i*n+o)%o;if(!b(t[s]))return t[s]}return null}function xt(t){return t.classList.contains("accordion-panel")?t:t.querySelector(".accordion-panel")}function zt(t){return document.querySelector(`[data-sp-target="#${t}"]`)}function _t(t){let e=`${t.scrollHeight}px`;t.style.setProperty("--radix-accordion-content-height",e);}function yt(t){let e=xt(t);!e||e.classList.contains("open")||(e.id&&zt(e.id)?.setAttribute("aria-expanded","true"),_t(e),e.classList.add("open"),e.setAttribute("data-state","open"));}async function st(t){let e=xt(t);!e||!e.classList.contains("open")||(e.id&&zt(e.id)?.setAttribute("aria-expanded","false"),_t(e),e.setAttribute("data-state","closed"),await k([e]),e.classList.remove("open"),e.removeAttribute("data-state"));}function Fe(t){let e=xt(t);e&&(e.classList.contains("open")?st(t):yt(t));}function Be(t){let n=t.target.closest("[data-sp-toggle='accordion']");if(!n||b(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&&st(c);}r?st(i):yt(i);}function Ne(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=R(i,s,1);break;case "ArrowUp":r=R(i,s,-1);break;case "Home":r=i.find(l=>!b(l))??null;break;case "End":r=[...i].reverse().find(l=>!b(l))??null;break}r&&(t.preventDefault(),r.focus());}var Vt=false;(function(){typeof document>"u"||Vt||(Vt=true,document.addEventListener("click",Be),document.addEventListener("keydown",Ne));})();var Et={};X(Et,{close:()=>Yt,open:()=>Xt,toggle:()=>Ut});function vt(t){return t.classList.contains("collapsible-panel")?t:t.querySelector(".collapsible-panel")}function Kt(t){return document.querySelector(`[data-sp-target="#${t}"]`)}function jt(t){let e=`${t.scrollHeight}px`;t.style.setProperty("--radix-collapsible-content-height",e);}function Xt(t){let e=vt(t);!e||e.classList.contains("open")||(e.id&&Kt(e.id)?.setAttribute("aria-expanded","true"),jt(e),e.classList.add("open"),e.setAttribute("data-state","open"));}async function Yt(t){let e=vt(t);!e||!e.classList.contains("open")||(e.id&&Kt(e.id)?.setAttribute("aria-expanded","false"),jt(e),e.setAttribute("data-state","closed"),await k([e]),e.classList.remove("open"),e.removeAttribute("data-state"));}function Ut(t){let e=vt(t);e&&(e.classList.contains("open")?Yt(t):Xt(t));}function $e(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&&Ut(i);}var It=false;(function(){typeof document>"u"||It||(It=true,document.addEventListener("click",$e));})();var Mt={};X(Mt,{close:()=>Y,open:()=>At,toggle:()=>qe});var Tt=".dialog-backdrop, .sheet-backdrop",We=".dialog-panel, .sheet-panel";function Jt(t){return [...t.querySelectorAll(`${Tt}, ${We}`)]}function Lt(t,e){for(let n of t)e===null?n.removeAttribute("data-state"):n.setAttribute("data-state",e);}function Qt(t){return t.querySelector(Tt)!==null}function At(t){t.show();let e=Jt(t);if(Lt(e,"open"),Qt(t)){let n=wt(t);n.length>0&&n[0].focus();}}async function Y(t){let e=Jt(t);Lt(e,"closed"),await k(e),t.close(),Lt(e,null);}function qe(t){t.open?Y(t):At(t);}function Ve(t){let e=t.target.closest("dialog");if(e?.open){if(t.key==="Escape"){t.preventDefault(),e.dataset.spBackdrop==="static"||Y(e);return}if(t.key==="Tab"&&Qt(e)){let n=wt(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 ze(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&&At(r);}return}let o=e.closest("[data-sp-dismiss='dialog']");if(o){let s=o.closest("dialog");s&&Y(s);return}let i=e.closest(Tt);if(i){let s=i.closest("dialog");s&&(s.dataset.spBackdrop==="static"||Y(s));}}var Gt=false;(function(){typeof document>"u"||Gt||(Gt=true,document.addEventListener("click",ze),document.addEventListener("keydown",Ve));})();var kt={};X(kt,{close:()=>z,open:()=>Oe,toggle:()=>Pt});var G=Math.min,F=Math.max,J=Math.round;var H=t=>({x:t,y:t}),_e={left:"right",right:"left",bottom:"top",top:"bottom"},Ie={start:"end",end:"start"};function Ht(t,e,n){return F(t,G(e,n))}function Q(t,e){return typeof t=="function"?t(e):t}function B(t){return t.split("-")[0]}function Z(t){return t.split("-")[1]}function St(t){return t==="x"?"y":"x"}function Ot(t){return t==="y"?"height":"width"}var Ke=new Set(["top","bottom"]);function C(t){return Ke.has(B(t))?"y":"x"}function Rt(t){return St(C(t))}function ee(t,e,n){n===void 0&&(n=false);let o=Z(t),i=Rt(t),s=Ot(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 ne(t){let e=U(t);return [rt(t),e,rt(e)]}function rt(t){return t.replace(/start|end/g,e=>Ie[e])}var Zt=["left","right"],te=["right","left"],je=["top","bottom"],Xe=["bottom","top"];function Ye(t,e,n){switch(t){case "top":case "bottom":return n?e?te:Zt:e?Zt:te;case "left":case "right":return e?je:Xe;default:return []}}function oe(t,e,n,o){let i=Z(t),s=Ye(B(t),n==="start",o);return i&&(s=s.map(r=>r+"-"+i),e&&(s=s.concat(s.map(rt)))),s}function U(t){return t.replace(/left|right|bottom|top/g,e=>_e[e])}function Ue(t){return {top:0,right:0,bottom:0,left:0,...t}}function ie(t){return typeof t!="number"?Ue(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 se(t,e,n){let{reference:o,floating:i}=t,s=C(e),r=Rt(e),l=Ot(r),c=B(e),a=s==="y",u=o.x+o.width/2-i.width/2,f=o.y+o.height/2-i.height/2,m=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:f};break;case "left":d={x:o.x-i.width,y:f};break;default:d={x:o.x,y:o.y};}switch(Z(e)){case "start":d[r]-=m*(n&&a?-1:1);break;case "end":d[r]+=m*(n&&a?-1:1);break}return d}var re=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)),a=await r.getElementRects({reference:t,floating:e,strategy:i}),{x:u,y:f}=se(a,o,c),m=o,d={},g=0;for(let p=0;p<l.length;p++){let{name:h,fn:x}=l[p],{x:w,y:v,data:A,reset:y}=await x({x:u,y:f,initialPlacement:o,placement:m,strategy:i,middlewareData:d,rects:a,platform:r,elements:{reference:t,floating:e}});u=w??u,f=v??f,d={...d,[h]:{...d[h],...A}},y&&g<=50&&(g++,typeof y=="object"&&(y.placement&&(m=y.placement),y.rects&&(a=y.rects===true?await r.getElementRects({reference:t,floating:e,strategy:i}):y.rects),{x:u,y:f}=se(a,m,c)),p=-1);}return {x:u,y:f,placement:m,strategy:i,middlewareData:d}};async function Ct(t,e){var n;e===void 0&&(e={});let{x:o,y:i,platform:s,rects:r,elements:l,strategy:c}=t,{boundary:a="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:m=false,padding:d=0}=Q(e,t),g=ie(d),h=l[m?f==="floating"?"reference":"floating":f],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:a,rootBoundary:u,strategy:c})),w=f==="floating"?{x:o,y:i,width:r.floating.width,height:r.floating.height}:r.reference,v=await(s.getOffsetParent==null?void 0:s.getOffsetParent(l.floating)),A=await(s.isElement==null?void 0:s.isElement(v))?await(s.getScale==null?void 0:s.getScale(v))||{x:1,y:1}:{x:1,y:1},y=W(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:w,offsetParent:v,strategy:c}):w);return {top:(x.top-y.top+g.top)/A.y,bottom:(y.bottom-x.bottom+g.bottom)/A.y,left:(x.left-y.left+g.left)/A.x,right:(y.right-x.right+g.right)/A.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:a}=e,{mainAxis:u=true,crossAxis:f=true,fallbackPlacements:m,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:p=true,...h}=Q(t,e);if((n=s.arrow)!=null&&n.alignmentOffset)return {};let x=B(i),w=C(l),v=B(l)===l,A=await(c.isRTL==null?void 0:c.isRTL(a.floating)),y=m||(v||!p?[U(l)]:ne(l)),Nt=g!=="none";!m&&Nt&&y.push(...oe(l,p,g,A));let Ce=[l,...y],pt=await Ct(e,h),it=[],_=((o=s.flip)==null?void 0:o.overflows)||[];if(u&&it.push(pt[x]),f){let N=ee(i,r,A);it.push(pt[N[0]],pt[N[1]]);}if(_=[..._,{placement:i,overflows:it}],!it.every(N=>N<=0)){var $t,Wt;let N=((($t=s.flip)==null?void 0:$t.index)||0)+1,ht=Ce[N];if(ht&&(!(f==="alignment"?w!==C(ht):false)||_.every(M=>C(M.placement)===w?M.overflows[0]>0:true)))return {data:{index:N,overflows:_},reset:{placement:ht}};let j=(Wt=_.filter($=>$.overflows[0]<=0).sort(($,M)=>$.overflows[1]-M.overflows[1])[0])==null?void 0:Wt.placement;if(!j)switch(d){case "bestFit":{var qt;let $=(qt=_.filter(M=>{if(Nt){let P=C(M.placement);return P===w||P==="y"}return true}).map(M=>[M.placement,M.overflows.filter(P=>P>0).reduce((P,De)=>P+De,0)]).sort((M,P)=>M[1]-P[1])[0])==null?void 0:qt[0];$&&(j=$);break}case "initialPlacement":j=l;break}if(i!==j)return {reset:{placement:j}}}return {}}}};var Ge=new Set(["left","top"]);async function Je(t,e){let{placement:n,platform:o,elements:i}=t,s=await(o.isRTL==null?void 0:o.isRTL(i.floating)),r=B(n),l=Z(n),c=C(n)==="y",a=Ge.has(r)?-1:1,u=s&&c?-1:1,f=Q(e,t),{mainAxis:m,crossAxis:d,alignmentAxis:g}=typeof f=="number"?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:f.mainAxis||0,crossAxis:f.crossAxis||0,alignmentAxis:f.alignmentAxis};return l&&typeof g=="number"&&(d=l==="end"?g*-1:g),c?{x:d*u,y:m*a}:{x:m*a,y:d*u}}var ce=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 Je(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}}}}},ae=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),a={x:n,y:o},u=await Ct(e,c),f=C(B(i)),m=St(f),d=a[m],g=a[f];if(s){let h=m==="y"?"top":"left",x=m==="y"?"bottom":"right",w=d+u[h],v=d-u[x];d=Ht(w,d,v);}if(r){let h=f==="y"?"top":"left",x=f==="y"?"bottom":"right",w=g+u[h],v=g-u[x];g=Ht(w,g,v);}let p=l.fn({...e,[m]:d,[f]:g});return {...p,data:{x:p.x-n,y:p.y-o,enabled:{[m]:s,[f]:r}}}}}};function ct(){return typeof window<"u"}function q(t){return ue(t)?(t.nodeName||"").toLowerCase():"#document"}function E(t){var e;return (t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function O(t){var e;return (e=(ue(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function ue(t){return ct()?t instanceof Node||t instanceof E(t).Node:false}function L(t){return ct()?t instanceof Element||t instanceof E(t).Element:false}function S(t){return ct()?t instanceof HTMLElement||t instanceof E(t).HTMLElement:false}function fe(t){return !ct()||typeof ShadowRoot>"u"?false:t instanceof ShadowRoot||t instanceof E(t).ShadowRoot}var Qe=new Set(["inline","contents"]);function I(t){let{overflow:e,overflowX:n,overflowY:o,display:i}=T(t);return /auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!Qe.has(i)}var Ze=new Set(["table","td","th"]);function de(t){return Ze.has(q(t))}var tn=[":popover-open",":modal"];function tt(t){return tn.some(e=>{try{return t.matches(e)}catch{return false}})}var en=["transform","translate","scale","rotate","perspective"],nn=["transform","translate","scale","rotate","perspective","filter"],on=["paint","layout","strict","content"];function at(t){let e=ft(),n=L(t)?T(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)||nn.some(o=>(n.willChange||"").includes(o))||on.some(o=>(n.contain||"").includes(o))}function me(t){let e=D(t);for(;S(e)&&!V(e);){if(at(e))return e;if(tt(e))return null;e=D(e);}return null}function ft(){return typeof CSS>"u"||!CSS.supports?false:CSS.supports("-webkit-backdrop-filter","none")}var sn=new Set(["html","body","#document"]);function V(t){return sn.has(q(t))}function T(t){return E(t).getComputedStyle(t)}function et(t){return L(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||fe(t)&&t.host||O(t);return fe(e)?e.host:e}function ge(t){let e=D(t);return V(e)?t.ownerDocument?t.ownerDocument.body:t.body:S(e)&&I(e)?e:ge(e)}function lt(t,e,n){var o;e===void 0&&(e=[]);let i=ge(t),s=i===((o=t.ownerDocument)==null?void 0:o.body),r=E(i);if(s){ut(r);return e.concat(r,r.visualViewport||[],I(i)?i:[],[])}return e.concat(i,lt(i,[]))}function ut(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function xe(t){let e=T(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 ye(t){return L(t)?t:t.contextElement}function K(t){let e=ye(t);if(!S(e))return H(1);let n=e.getBoundingClientRect(),{width:o,height:i,$:s}=xe(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 rn=H(0);function be(t){let e=E(t);return !ft()||!e.visualViewport?rn:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function ln(t,e,n){return e===void 0&&(e=false),!n||e&&n!==E(t)?false:e}function nt(t,e,n,o){e===void 0&&(e=false),n===void 0&&(n=false);let i=t.getBoundingClientRect(),s=ye(t),r=H(1);e&&(o?L(o)&&(r=K(o)):r=K(t));let l=ln(s,n,o)?be(s):H(0),c=(i.left+l.x)/r.x,a=(i.top+l.y)/r.y,u=i.width/r.x,f=i.height/r.y;if(s){let m=E(s),d=o&&L(o)?E(o):o,g=m,p=ut(g);for(;p&&o&&d!==g;){let h=K(p),x=p.getBoundingClientRect(),w=T(p),v=x.left+(p.clientLeft+parseFloat(w.paddingLeft))*h.x,A=x.top+(p.clientTop+parseFloat(w.paddingTop))*h.y;c*=h.x,a*=h.y,u*=h.x,f*=h.y,c+=v,a+=A,g=E(p),p=ut(g);}}return W({width:u,height:f,x:c,y:a})}function dt(t,e){let n=et(t).scrollLeft;return e?e.left+n:nt(O(t)).left+n}function ve(t,e){let n=t.getBoundingClientRect(),o=n.left+e.scrollLeft-dt(t,n),i=n.top+e.scrollTop;return {x:o,y:i}}function cn(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t,s=i==="fixed",r=O(o),l=e?tt(e.floating):false;if(o===r||l&&s)return n;let c={scrollLeft:0,scrollTop:0},a=H(1),u=H(0),f=S(o);if((f||!f&&!s)&&((q(o)!=="body"||I(r))&&(c=et(o)),S(o))){let d=nt(o);a=K(o),u.x=d.x+o.clientLeft,u.y=d.y+o.clientTop;}let m=r&&!f&&!s?ve(r,c):H(0);return {width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-c.scrollLeft*a.x+u.x+m.x,y:n.y*a.y-c.scrollTop*a.y+u.y+m.y}}function an(t){return Array.from(t.getClientRects())}function fn(t){let e=O(t),n=et(t),o=t.ownerDocument.body,i=F(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),s=F(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),r=-n.scrollLeft+dt(t),l=-n.scrollTop;return T(o).direction==="rtl"&&(r+=F(e.clientWidth,o.clientWidth)-i),{width:i,height:s,x:r,y:l}}var pe=25;function un(t,e){let n=E(t),o=O(t),i=n.visualViewport,s=o.clientWidth,r=o.clientHeight,l=0,c=0;if(i){s=i.width,r=i.height;let u=ft();(!u||u&&e==="fixed")&&(l=i.offsetLeft,c=i.offsetTop);}let a=dt(o);if(a<=0){let u=o.ownerDocument,f=u.body,m=getComputedStyle(f),d=u.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,g=Math.abs(o.clientWidth-f.clientWidth-d);g<=pe&&(s-=g);}else a<=pe&&(s+=a);return {width:s,height:r,x:l,y:c}}var dn=new Set(["absolute","fixed"]);function mn(t,e){let n=nt(t,true,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,s=S(t)?K(t):H(1),r=t.clientWidth*s.x,l=t.clientHeight*s.y,c=i*s.x,a=o*s.y;return {width:r,height:l,x:c,y:a}}function he(t,e,n){let o;if(e==="viewport")o=un(t,n);else if(e==="document")o=fn(O(t));else if(L(e))o=mn(e,n);else {let i=be(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height};}return W(o)}function Ee(t,e){let n=D(t);return n===e||!L(n)||V(n)?false:T(n).position==="fixed"||Ee(n,e)}function gn(t,e){let n=e.get(t);if(n)return n;let o=lt(t,[]).filter(l=>L(l)&&q(l)!=="body"),i=null,s=T(t).position==="fixed",r=s?D(t):t;for(;L(r)&&!V(r);){let l=T(r),c=at(r);!c&&l.position==="fixed"&&(i=null),(s?!c&&!i:!c&&l.position==="static"&&!!i&&dn.has(i.position)||I(r)&&!c&&Ee(t,r))?o=o.filter(u=>u!==r):i=l,r=D(r);}return e.set(t,o),o}function pn(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t,r=[...n==="clippingAncestors"?tt(e)?[]:gn(e,this._c):[].concat(n),o],l=r[0],c=r.reduce((a,u)=>{let f=he(e,u,i);return a.top=F(f.top,a.top),a.right=G(f.right,a.right),a.bottom=G(f.bottom,a.bottom),a.left=F(f.left,a.left),a},he(e,l,i));return {width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function hn(t){let{width:e,height:n}=xe(t);return {width:e,height:n}}function wn(t,e,n){let o=S(e),i=O(e),s=n==="fixed",r=nt(t,true,s,e),l={scrollLeft:0,scrollTop:0},c=H(0);function a(){c.x=dt(i);}if(o||!o&&!s)if((q(e)!=="body"||I(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&&a();s&&!o&&i&&a();let u=i&&!o&&!s?ve(i,l):H(0),f=r.left+l.scrollLeft-c.x-u.x,m=r.top+l.scrollTop-c.y-u.y;return {x:f,y:m,width:r.width,height:r.height}}function Dt(t){return T(t).position==="static"}function we(t,e){if(!S(t)||T(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return O(t)===n&&(n=n.ownerDocument.body),n}function Le(t,e){let n=E(t);if(tt(t))return n;if(!S(t)){let i=D(t);for(;i&&!V(i);){if(L(i)&&!Dt(i))return i;i=D(i);}return n}let o=we(t,e);for(;o&&de(o)&&Dt(o);)o=we(o,e);return o&&V(o)&&Dt(o)&&!at(o)?n:o||me(t)||n}var xn=async function(t){let e=this.getOffsetParent||Le,n=this.getDimensions,o=await n(t.floating);return {reference:wn(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function yn(t){return T(t).direction==="rtl"}var bn={convertOffsetParentRelativeRectToViewportRelativeRect:cn,getDocumentElement:O,getClippingRect:pn,getOffsetParent:Le,getElementRects:xn,getClientRects:an,getDimensions:hn,getScale:K,isElement:L,isRTL:yn};var Te=ce;var Ae=ae,Me=le;var He=(t,e,n)=>{let o=new Map,i={platform:bn,...n},s={...i.platform,_c:o};return re(t,e,{...i,platform:s})};function ot(t){return t.querySelector(".dropdown-menu")}function mt(t){return t.querySelector("[data-sp-toggle='dropdown']")}function gt(){return document.querySelector(".dropdown-menu.open")?.closest(".dropdown")??null}async function vn(t){let e=mt(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 He(e,n,{placement:o,middleware:[Te(i),Me(),Ae({padding:8})]});Object.assign(n.style,{left:`${s}px`,top:`${r}px`});}function Oe(t){let e=ot(t);if(!e||e.classList.contains("open"))return;let n=gt();n&&z(n);let o=mt(t);e.classList.add("open"),o?.setAttribute("aria-expanded","true"),e.setAttribute("data-state","open"),vn(t);}async function z(t){let e=ot(t);if(!e||!e.classList.contains("open"))return;mt(t)?.setAttribute("aria-expanded","false"),e.setAttribute("data-state","closed"),await k([e]),e.classList.remove("open"),e.removeAttribute("data-state");}function Pt(t){ot(t)?.classList.contains("open")?z(t):Oe(t);}function En(t){let e=t.target,n=e.closest("[data-sp-toggle='dropdown']");if(n){let s=n.closest(".dropdown");s&&(t.preventDefault(),Pt(s));return}let o=e.closest(".dropdown-item");if(o){if(b(o)){t.preventDefault();return}let s=o.closest(".dropdown");s&&z(s);return}let i=gt();i&&!i.contains(e)&&z(i);}function Ln(t){let e=t.target,n=e.closest(".dropdown"),o=gt();if(t.key==="Escape"&&o){t.preventDefault();let c=mt(o);z(o),c?.focus();return}if((t.key==="Enter"||t.key===" ")&&e.matches("[data-sp-toggle='dropdown']")){t.preventDefault(),n&&Pt(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=>!b(c))??null:l=R(s,r,1);break;case "ArrowUp":t.preventDefault(),r<0?l=[...s].reverse().find(c=>!b(c))??null:l=R(s,r,-1);break;case "Home":t.preventDefault(),l=s.find(c=>!b(c))??null;break;case "End":t.preventDefault(),l=[...s].reverse().find(c=>!b(c))??null;break}l&&l.focus();}function Tn(t){let e=gt();if(!e)return;let n=t.relatedTarget;(!n||!e.contains(n))&&z(e);}var Se=false;(function(){typeof document>"u"||Se||(Se=true,document.addEventListener("click",En),document.addEventListener("keydown",Ln),document.addEventListener("focusout",Tn));})();var Bt={};X(Bt,{select:()=>Ft});function Ft(t){if(b(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 An(t){let n=t.target.closest("[data-sp-toggle='tab']");n&&Ft(n);}function Mn(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=R(o,i,-1);break;case "ArrowRight":s=R(o,i,1);break;case "Home":s=o.find(r=>!b(r))??null;break;case "End":s=[...o].reverse().find(r=>!b(r))??null;break}s&&(t.preventDefault(),s.focus(),Ft(s));}var Re=false;(function(){typeof document>"u"||Re||(Re=true,document.addEventListener("click",An),document.addEventListener("keydown",Mn));})();typeof window<"u"&&(window.sp={accordion:bt,collapsible:Et,dialog:Mt,dropdown:kt,tabs:Bt});export{bt as accordion,Et as collapsible,Mt as dialog,kt as dropdown,Bt as tabs};//# sourceMappingURL=index.js.map
|
|
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&<(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
|
|
2
2
|
//# sourceMappingURL=index.js.map
|