starting-point-ui 0.3.0 → 0.4.0

package/README.md

@@ -1,14 +1,18 @@
 # Starting Point UI
 
-A component library built on top of Tailwind CSS. Framework agnostic, easy to customize, open source, and works in any project. Inspired by [shadcn/ui](https://ui.shadcn.com).
+An open-source component library built for Tailwind CSS. Inspired by [Shadcn UI](https://ui.shadcn.com).
+
+## Documentation
+
+Visit [startingpointui.com](https://www.startingpointui.com) for full documentation, component examples, and guides.
 
 ## Getting Started
 
 Visit [startingpointui.com/docs/guides/installation](https://www.startingpointui.com/docs/guides/installation) to get started.
 
-## Documentation
+## Changelog
 
-Visit [startingpointui.com](https://www.startingpointui.com) for full documentation, component examples, and guides.
+Visit [startingpointui.com/docs/resources/changelog](https://www.startingpointui.com/docs/resources/changelog) to see what's new.
 
 ## Community
 

package/dist/index.css

@@ -1 +1 @@
-@layer components{.avatar{@apply aspect-square shrink-0 rounded-full object-cover;@apply [&:where(&:not(.avatar-sm,.avatar-base,.avatar-lg))]:avatar-base;}.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;}@layer components{.avatar-group{@apply flex -space-x-2;}.avatar-group .avatar,.avatar-group .avatar-fallback{@apply ring-2 ring-background;}}@layer components{.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;}@layer components{.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 rounded-md 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 rounded-md 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;}@layer components{.card{@apply text-card-foreground rounded-xl;@apply [&:where(&:not(.card-default,.card-outline,.card-muted))]:card-default;}.card-content{@apply [&:where(&:not(.card-content-sm,.card-content-base,.card-content-lg))]:card-content-base;}}@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-sm{@apply p-4;}@utility card-content-base{@apply p-6;}@utility card-content-lg{@apply p-12;}@layer components{.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;}.checkbox: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}.dark .checkbox: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 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;}@layer components{.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;}.dialog::backdrop{@apply hidden;}.dialog-backdrop{@apply fixed inset-0 bg-black/50 -z-1 pointer-events-auto [animation-fill-mode:forwards]!;}.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]!;}}@layer components{.dropdown{@apply relative inline-block;}.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;}.dropdown-menu.open{@apply block;}.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;}.dropdown-item[aria-disabled=true]{@apply pointer-events-none opacity-50;}.dropdown-label{@apply px-2.5 py-1.5 text-sm font-medium;}.dropdown-separator{@apply -mx-1 my-1 h-px bg-border;}}@layer components{.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;}@layer components{.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;}}@layer components{.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;}@layer components{.sheet-backdrop{@apply fixed inset-0 bg-black/50 -z-1 pointer-events-auto [animation-fill-mode:forwards]!;}.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;}@utility sheet-right{@apply top-0 bottom-0 right-0 h-full w-3/4 max-w-sm border-l;}@utility sheet-top{@apply top-0 left-0 right-0 w-full border-b;}@utility sheet-bottom{@apply bottom-0 left-0 right-0 w-full border-t;}@layer components{.table{@apply w-max min-w-full caption-bottom text-sm;}.table-header{@apply [&_tr]:border-b;}.table-body{@apply [&_tr:last-child]:border-0;}.table-footer{@apply bg-muted/50 border-t font-medium [&>tr]:last:border-b-0;}.table-row{@apply border-b transition-colors hover:bg-muted/50;}.table-head{@apply px-4 py-3 text-left align-middle font-medium text-foreground whitespace-nowrap;}.table-cell{@apply px-4 py-3 align-middle whitespace-nowrap;}}@layer components{.tab-list{@apply bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px];}.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;}.tab.active{@apply bg-background shadow-sm dark:text-foreground dark:border-input dark:bg-input/30;}.tab-panel{@apply hidden w-full min-w-0 outline-none;}.tab-panel.active{@apply block;}}@layer components{.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;}}
+@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) ; }}@layer components{.avatar{@apply aspect-square shrink-0 rounded-full object-cover;@apply [&:where(&:not(.avatar-sm,.avatar-base,.avatar-lg))]:avatar-base;}.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;}@layer components{.avatar-group{@apply flex -space-x-2;}.avatar-group .avatar,.avatar-group .avatar-fallback{@apply ring-2 ring-background;}}@layer components{.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;}@layer components{.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 rounded-md 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 rounded-md 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;}@layer components{.card{@apply text-card-foreground rounded-xl;@apply [&:where(&:not(.card-default,.card-outline,.card-muted))]:card-default;}.card-content{@apply [&:where(&:not(.card-content-sm,.card-content-base,.card-content-lg))]:card-content-base;}}@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-sm{@apply p-4;}@utility card-content-base{@apply p-6;}@utility card-content-lg{@apply p-12;}@layer components{.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;}.checkbox: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}.dark .checkbox: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 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;}@layer components{.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;}.dialog::backdrop{@apply hidden;}.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;}.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;}}@layer components{.dropdown{@apply relative inline-block;}.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;}.dropdown-menu.open{@apply block;}.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;}.dropdown-item[aria-disabled=true]{@apply pointer-events-none opacity-50;}.dropdown-label{@apply px-2.5 py-1.5 text-sm font-medium;}.dropdown-separator{@apply -mx-1 my-1 h-px bg-border;}}@layer components{.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;}@layer components{.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;}}@layer components{.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;}@layer components{.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;}.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;}@layer components{.table{@apply w-max min-w-full caption-bottom text-sm;}.table-header{@apply [&_tr]:border-b;}.table-body{@apply [&_tr:last-child]:border-0;}.table-footer{@apply bg-muted/50 border-t font-medium [&>tr]:last:border-b-0;}.table-row{@apply border-b transition-colors hover:bg-muted/50;}.table-head{@apply px-4 py-3 text-left align-middle font-medium text-foreground whitespace-nowrap;}.table-cell{@apply px-4 py-3 align-middle whitespace-nowrap;}}@layer components{.tab-list{@apply bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px];}.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;}.tab.active{@apply bg-background shadow-sm dark:text-foreground dark:border-input dark:bg-input/30;}.tab-panel{@apply hidden w-full min-w-0 outline-none;}.tab-panel.active{@apply block;}}@layer components{.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;}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "starting-point-ui",
-  "version": "0.3.0",
-  "description": "A component library built on top of Tailwind CSS. Framework agnostic, easy to customize, open source, and works in any project.",
+  "version": "0.4.0",
+  "description": "An open-source component library built for Tailwind CSS.",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -25,6 +25,8 @@
   "devDependencies": {
     "@eslint/js": "^9",
     "eslint": "^9",
+    "postcss": "^8.5.6",
+    "postcss-import": "^16.1.1",
     "tsup": "^8.3.5",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8"
@@ -50,6 +52,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.4"
+    "@floating-ui/dom": "^1.7.4",
+    "tw-animate-css": "^1.4.0"
   }
 }