@pelatform/ui 1.5.0 → 1.5.1

package/dist/base.cjs

@@ -575,7 +575,7 @@ function AlertDialogBackdrop({
     {
       "data-slot": "alert-dialog-backdrop",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "fixed inset-0 z-50 bg-black/30 transition-all duration-150 [backdrop-filter:blur(4px)] data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
+        "fixed inset-0 z-50 bg-black/30 transition-all duration-150 [backdrop-filter:blur(4px)] data-ending-style:opacity-0",
         className
       ),
       ...props
@@ -594,7 +594,7 @@ function AlertDialogPopup({
     {
       "data-slot": "alert-dialog-popup",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-black/5 shadow-lg transition-all duration-150 data-[ending-style]:scale-90 data-[starting-style]:scale-90 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 sm:rounded-lg",
+        "fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-black/5 shadow-lg transition-all duration-150 data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 sm:rounded-lg",
         className
       ),
       ...props
@@ -709,7 +709,7 @@ var inputVariants = _classvarianceauthority.cva.call(void 0,
     flex w-full bg-background border border-input shadow-xs shadow-black/5 transition-[color,box-shadow] text-foreground placeholder:text-muted-foreground/80 
     focus-visible:ring-ring/30 focus-visible:border-ring focus-visible:outline-none focus-visible:ring-[3px]     
     disabled:cursor-not-allowed disabled:opacity-60 
-    [&[readonly]]:bg-muted/80 [&[readonly]]:cursor-not-allowed
+    [[readonly]]:bg-muted/80 [[readonly]]:cursor-not-allowed
     aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
   `,
   {
@@ -812,11 +812,11 @@ function AutocompletePopup({
     {
       "data-slot": "autocomplete-popup",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "max-h-[min(var(--available-height),23rem)] w-[var(--anchor-width)] max-w-[var(--available-width)] py-1",
+        "max-h-[min(var(--available-height),23rem)] w-(--anchor-width) max-w-(--available-width) py-1",
         "scroll-pt-2 scroll-pb-2 overflow-y-auto overscroll-contain bg-[canvas]",
         "rounded-md border border-border bg-popover text-popover-foreground shadow-black/5 shadow-md",
-        "origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-90",
-        "data-[starting-style]:scale-90 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
+        "origin-(--transform-origin) transition-[transform,scale,opacity] data-ending-style:scale-90",
+        "data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0",
         className
       ),
       ...props
@@ -866,8 +866,8 @@ function AutocompleteItem({
         "relative flex cursor-default select-none items-center gap-2 rounded-md px-4 py-2 text-foreground text-sm outline-hidden transition-colors",
         "data-disabled:pointer-events-none data-disabled:opacity-50",
         "[&_svg:not([class*=size-])]:size-4 [&_svg:not([role=img]):not([class*=text-])]:opacity-60 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        "data-[highlighted]:relative data-[highlighted]:z-0 data-[highlighted]:text-foreground data-[highlighted]:before:absolute",
-        "data-[highlighted]:before:inset-x-1 data-[highlighted]:before:inset-y-0 data-[highlighted]:before:z-[-1] data-[highlighted]:before:rounded-sm data-[highlighted]:before:bg-accent",
+        "data-highlighted:relative data-highlighted:z-0 data-highlighted:text-foreground data-highlighted:before:absolute",
+        "data-highlighted:before:inset-x-1 data-highlighted:before:inset-y-0 data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-highlighted:before:bg-accent",
         className
       ),
       ...props
@@ -939,7 +939,7 @@ function AutocompleteClear({
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
         "-translate-y-1/2 absolute top-1/2 cursor-pointer rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100",
         "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
-        "data-[disabled]:pointer-events-none",
+        "data-disabled:pointer-events-none",
         className
       ),
       ...props,
@@ -1266,7 +1266,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "flex flex-wrap items-center gap-1.5 break-words text-muted-foreground text-sm",
+        "wrap-break-word flex flex-wrap items-center gap-1.5 text-muted-foreground text-sm",
         className
       ),
       ...props
@@ -1355,8 +1355,8 @@ var checkboxVariants = _classvarianceauthority.cva.call(void 0,
     group/checkbox peer bg-background shrink-0 rounded-md border border-input ring-offset-background focus-visible:outline-none 
     focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 
     aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
-    [[data-invalid=true]_&]:border-destructive/60 [[data-invalid=true]_&]:ring-destructive/10  dark:[[data-invalid=true]_&]:border-destructive dark:[[data-invalid=true]_&]:ring-destructive/20
-    data-[checked]:bg-primary data-[checked]:border-primary data-[checked]:text-primary-foreground data-[indeterminate]:bg-primary data-[indeterminate]:border-primary data-[indeterminate]:text-primary-foreground
+    in-data-[invalid=true]:border-destructive/60 in-data-[invalid=true]:ring-destructive/10  dark:in-data-[invalid=true]:border-destructive dark:in-data-[invalid=true]:ring-destructive/20
+    data-checked:bg-primary data-checked:border-primary data-checked:text-primary-foreground data-indeterminate:bg-primary data-indeterminate:border-primary data-indeterminate:text-primary-foreground
     `,
   {
     variants: {
@@ -1436,7 +1436,7 @@ function CollapsiblePanel({
     {
       "data-slot": "collapsible-panel",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "h-[var(--collapsible-panel-height)] overflow-hidden transition-all ease-out data-[ending-style]:h-0 data-[starting-style]:h-0",
+        "h-(--collapsible-panel-height) overflow-hidden transition-all ease-out data-ending-style:h-0 data-starting-style:h-0",
         className
       ),
       ...props,
@@ -1458,9 +1458,9 @@ var inputVariants2 = _classvarianceauthority.cva.call(void 0,
     has-[[data-slot=combobox-input]:focus-visible]:border-ring
     has-[[data-slot=combobox-input]:focus-visible]:outline-none
     has-[[data-slot=combobox-input]:focus-visible]:ring-[3px]
-    [&_[data-slot=combobox-input]]:grow
+    **:data-[slot=combobox-input]:grow
     disabled:cursor-not-allowed disabled:opacity-60 
-    [&[readonly]]:bg-muted/80 [&[readonly]]:cursor-not-allowed
+    [[readonly]]:bg-muted/80 [[readonly]]:cursor-not-allowed
     aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
   `,
   {
@@ -1479,10 +1479,10 @@ var inputVariants2 = _classvarianceauthority.cva.call(void 0,
 var chipsVariants = _classvarianceauthority.cva.call(void 0, 
   [
     "flex items-center flex-wrap gap-1",
-    "[&_[data-slot=combobox-input]]:py-0 [&_[data-slot=combobox-input]]:px-1.5 has-[[data-slot=combobox-chip]]:[&_[data-slot=combobox-input]]:px-0",
-    "[&_[data-slot=combobox-input]]:min-h-0 [&_[data-slot=combobox-input]]:flex-1",
-    "[&_[data-slot=combobox-input]]:border-0 [&_[data-slot=combobox-input]]:shadow-none [&_[data-slot=combobox-input]]:rounded-none",
-    "[&_[data-slot=combobox-input]]:outline-none [&_[data-slot=combobox-input]]:ring-0"
+    "**:data-[slot=combobox-input]:py-0 **:data-[slot=combobox-input]:px-1.5 has-data-[slot=combobox-chip]:**:data-[slot=combobox-input]:px-0",
+    "**:data-[slot=combobox-input]:min-h-0 **:data-[slot=combobox-input]:flex-1",
+    "**:data-[slot=combobox-input]:border-0 **:data-[slot=combobox-input]:shadow-none **:data-[slot=combobox-input]:rounded-none",
+    "**:data-[slot=combobox-input]:outline-none **:data-[slot=combobox-input]:ring-0"
   ],
   {
     variants: {
@@ -1585,11 +1585,11 @@ function ComboboxPopup({
     {
       "data-slot": "combobox-popup",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "max-h-[min(var(--available-height),23rem)] w-[var(--anchor-width)] max-w-[var(--available-width)] py-1",
+        "max-h-[min(var(--available-height),23rem)] w-(--anchor-width) max-w-(--available-width) py-1",
         "scroll-pt-2 scroll-pb-2 overflow-y-auto overscroll-contain bg-[canvas]",
         "rounded-md border border-border bg-popover text-popover-foreground shadow-black/5 shadow-md",
-        "origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-90",
-        "data-[starting-style]:scale-90 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
+        "origin-(--transform-origin) transition-[transform,scale,opacity] data-ending-style:scale-90",
+        "data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0",
         className
       ),
       ...props
@@ -1636,7 +1636,7 @@ function ComboboxItem({
         "relative flex cursor-default items-center",
         "relative select-none items-center gap-2 rounded-md py-1.5 ps-7 pe-2 text-foreground text-sm outline-hidden transition-colors data-disabled:pointer-events-none data-disabled:opacity-50",
         "[&_svg:not([class*=size-])]:size-4 [&_svg:not([role=img]):not([class*=text-])]:opacity-60 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        "data-[highlighted]:relative data-[highlighted]:z-0 data-[highlighted]:text-foreground data-[highlighted]:before:absolute data-[highlighted]:before:inset-x-1 data-[highlighted]:before:inset-y-0 data-[highlighted]:before:z-[-1] data-[highlighted]:before:rounded-sm data-[highlighted]:before:bg-accent",
+        "data-highlighted:relative data-highlighted:z-0 data-highlighted:text-foreground data-highlighted:before:absolute data-highlighted:before:inset-x-1 data-highlighted:before:inset-y-0 data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-highlighted:before:bg-accent",
         className
       ),
       ...props
@@ -1701,7 +1701,7 @@ function ComboboxClear({
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
         "-translate-y-1/2 absolute end-6 top-1/2 cursor-pointer rounded-sm opacity-70 ring-offset-background",
         "opacity-60 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
-        "data-[disabled]:pointer-events-none",
+        "data-disabled:pointer-events-none",
         className
       ),
       ...props,
@@ -1721,7 +1721,7 @@ function ComboboxIcon({
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
         "-translate-y-1/2 absolute end-2 top-1/2 cursor-pointer rounded-sm opacity-70 ring-offset-background transition-opacity",
         "opacity-60 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
-        "data-[disabled]:pointer-events-none",
+        "data-disabled:pointer-events-none",
         className
       ),
       ...props,
@@ -1847,7 +1847,7 @@ function ContextMenuSubTrigger({
       "data-slot": "context-menu-sub-trigger",
       "data-inset": inset,
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[inset]:ps-7 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-3.5 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-inset:ps-7 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-3.5 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       ),
       ...props,
@@ -1867,7 +1867,7 @@ function ContextMenuSubPopup({
     {
       "data-slot": "context-menu-sub-popup",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
         className
       ),
       ...props
@@ -1904,7 +1904,7 @@ function ContextMenuPopup({
     {
       "data-slot": "context-menu-content",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",
         className
       ),
       ...props
@@ -1945,7 +1945,7 @@ function ContextMenuItem({
       "data-inset": inset,
       "data-variant": variant,
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:ps-7 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-inset:ps-7 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive!",
         className
       ),
       ...props
@@ -1963,7 +1963,7 @@ function ContextMenuCheckboxItem({
     {
       "data-slot": "context-menu-checkbox-item",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-7 pe-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-7 pe-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       ),
       checked,
@@ -1985,7 +1985,7 @@ function ContextMenuRadioItem({
     {
       "data-slot": "context-menu-radio-item",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-7 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-7 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       ),
       ...props,
@@ -2007,7 +2007,7 @@ function ContextMenuGroupLabel({
       "data-slot": "context-menu-group-label",
       "data-inset": inset,
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "px-2 py-1.5 font-medium text-muted-foreground text-xs data-[inset]:ps-7",
+        "px-2 py-1.5 font-medium text-muted-foreground text-xs data-inset:ps-7",
         className
       ),
       ...props
@@ -2097,7 +2097,7 @@ function DialogBackdrop({
     {
       "data-slot": "dialog-backdrop",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "fixed inset-0 z-50 bg-black/30 transition-all duration-150 [backdrop-filter:blur(4px)] data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
+        "fixed inset-0 z-50 bg-black/30 transition-all duration-150 [backdrop-filter:blur(4px)] data-ending-style:opacity-0 data-starting-style:opacity-0",
         className
       ),
       ...props
@@ -2114,7 +2114,7 @@ function DialogPopup({
     {
       "data-slot": "dialog-popup",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        `fixed z-50 grid gap-4 border bg-background p-6 shadow-black/5 shadow-lg transition-all duration-150 data-[ending-style]:scale-90 data-[starting-style]:scale-90 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 sm:rounded-lg`,
+        `fixed z-50 grid gap-4 border bg-background p-6 shadow-black/5 shadow-lg transition-all duration-150 data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 sm:rounded-lg`,
         fullscreen ? "inset-5" : "top-[50%] left-[50%] w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] sm:max-w-lg",
         className
       ),
@@ -2208,7 +2208,7 @@ function Field({ className, ...props }) {
     {
       "data-slot": "field",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "flex flex-col gap-2 has-[[data-slot=field-error]]:[&_[data-slot=field-description]]:hidden",
+        "flex flex-col gap-2 has-data-[slot=field-error]:**:data-[slot=field-description]:hidden",
         className
       ),
       ...props
@@ -2509,8 +2509,8 @@ var inputVariants3 = _classvarianceauthority.cva.call(void 0,
     flex w-full bg-background border border-input shadow-xs shadow-black/5 transition-[color,box-shadow] text-foreground placeholder:text-muted-foreground/80 
     focus-visible:ring-ring/30  focus-visible:border-ring focus-visible:outline-none focus-visible:ring-[3px]     
     disabled:cursor-not-allowed disabled:opacity-60 
-    [&[readonly]]:bg-muted/80 [&[readonly]]:cursor-not-allowed
-    file:h-full [&[type=file]]:py-0 file:border-solid file:border-input file:bg-transparent 
+    [[readonly]]:bg-muted/80 [[readonly]]:cursor-not-allowed
+    file:h-full [[type=file]]:py-0 file:border-solid file:border-input file:bg-transparent 
     file:font-medium file:not-italic file:text-foreground file:p-0 file:border-0 file:border-e
     aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
   `,
@@ -2550,7 +2550,7 @@ var inputAddonVariants = _classvarianceauthority.cva.call(void 0,
 var inputGroupVariants = _classvarianceauthority.cva.call(void 0, 
   `
     flex items-stretch
-    [&_[data-slot=input]]:grow
+    **:data-[slot=input]:grow
     [&_[data-slot=input-addon]:has(+[data-slot=input])]:rounded-e-none [&_[data-slot=input-addon]:has(+[data-slot=input])]:border-e-0
     [&_[data-slot=input-addon]:has(+[data-slot=datefield])]:rounded-e-none [&_[data-slot=input-addon]:has(+[data-slot=datefield])]:border-e-0 
     [&_[data-slot=input]+[data-slot=input-addon]]:rounded-s-none [&_[data-slot=input]+[data-slot=input-addon]]:border-s-0
@@ -2558,13 +2558,13 @@ var inputGroupVariants = _classvarianceauthority.cva.call(void 0,
     [&_[data-slot=input]+[data-slot=button]]:rounded-s-none
     [&_[data-slot=button]+[data-slot=input]]:rounded-s-none
     [&_[data-slot=input-addon]+[data-slot=input]]:rounded-s-none
-    [&_[data-slot=input-addon]+[data-slot=datefield]]:[&_[data-slot=input]]:rounded-s-none
+    [&_[data-slot=input-addon]+[data-slot=datefield]]:**:data-[slot=input]:rounded-s-none
     [&_[data-slot=input]:has(+[data-slot=button])]:rounded-e-none
     [&_[data-slot=input]:has(+[data-slot=input-addon])]:rounded-e-none
     [&_[data-slot=datefield]]:grow
     [&_[data-slot=datefield]+[data-slot=input-addon]]:rounded-s-none 
     [&_[data-slot=datefield]+[data-slot=input-addon]]:border-s-0
-    [&_[data-slot=datefield]:has(~[data-slot=input-addon])]:[&_[data-slot=input]]:rounded-e-none
+    [&_[data-slot=datefield]:has(~[data-slot=input-addon])]:**:data-[slot=input]:rounded-e-none
     [&_[data-slot=datefield]~[data-slot=input-addon]]:rounded-s-none
   `,
   {
@@ -2575,36 +2575,36 @@ var inputGroupVariants = _classvarianceauthority.cva.call(void 0,
 var inputWrapperVariants = _classvarianceauthority.cva.call(void 0, 
   `
     flex items-center gap-1.5
-    has-[:focus-visible]:ring-ring/30 
-    has-[:focus-visible]:border-ring
-    has-[:focus-visible]:outline-none 
-    has-[:focus-visible]:ring-[3px]
-
-    [&_[data-slot=datefield]]:grow 
-    [&_[data-slot=input]]:data-focus-within:ring-transparent  
-    [&_[data-slot=input]]:data-focus-within:ring-0 
-    [&_[data-slot=input]]:data-focus-within:border-0 
-    [&_[data-slot=input]]:flex 
-    [&_[data-slot=input]]:w-full 
-    [&_[data-slot=input]]:outline-none 
-    [&_[data-slot=input]]:transition-colors 
-    [&_[data-slot=input]]:text-foreground
-    [&_[data-slot=input]]:placeholder:text-muted-foreground 
-    [&_[data-slot=input]]:border-0 
-    [&_[data-slot=input]]:bg-transparent 
-    [&_[data-slot=input]]:p-0
-    [&_[data-slot=input]]:shadow-none 
-    [&_[data-slot=input]]:focus-visible:ring-0 
-    [&_[data-slot=input]]:h-auto 
-    [&_[data-slot=input]]:disabled:cursor-not-allowed
-    [&_[data-slot=input]]:disabled:opacity-50    
+    has-focus-visible:ring-ring/30 
+    has-focus-visible:border-ring
+    has-focus-visible:outline-none 
+    has-focus-visible:ring-[3px]
+
+    **:data-[slot=datefield]:grow 
+    **:data-[slot=input]:data-focus-within:ring-transparent  
+    **:data-[slot=input]:data-focus-within:ring-0 
+    **:data-[slot=input]:data-focus-within:border-0 
+    **:data-[slot=input]:flex 
+    **:data-[slot=input]:w-full 
+    **:data-[slot=input]:outline-none 
+    **:data-[slot=input]:transition-colors 
+    **:data-[slot=input]:text-foreground
+    **:data-[slot=input]:placeholder:text-muted-foreground 
+    **:data-[slot=input]:border-0 
+    **:data-[slot=input]:bg-transparent 
+    **:data-[slot=input]:p-0
+    **:data-[slot=input]:shadow-none 
+    **:data-[slot=input]:focus-visible:ring-0 
+    **:data-[slot=input]:h-auto 
+    **:data-[slot=input]:disabled:cursor-not-allowed
+    **:data-[slot=input]:disabled:opacity-50    
 
     [&_svg]:text-muted-foreground 
 
-    has-[[aria-invalid=true]]:border-destructive/60 
-    has-[[aria-invalid=true]]:ring-destructive/10 
-    dark:has-[[aria-invalid=true]]:border-destructive 
-    dark:has-[[aria-invalid=true]]:ring-destructive/20    
+    has-aria-invalid:border-destructive/60 
+    has-aria-invalid:ring-destructive/10 
+    dark:has-aria-invalid:border-destructive 
+    dark:has-aria-invalid:ring-destructive/20    
   `,
   {
     variants: {
@@ -2723,8 +2723,8 @@ function MenuPopup({ ...props }) {
       "data-slot": "menu-popup",
       ...props,
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "z-50 min-w-[8rem] space-y-0.5 overflow-hidden rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-black/5 shadow-md",
-        "origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-90 data-[starting-style]:scale-90 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
+        "z-50 min-w-32 space-y-0.5 overflow-hidden rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-black/5 shadow-md",
+        "origin-(--transform-origin) transition-[transform,scale,opacity] data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0",
         props.className
       )
     }
@@ -2864,7 +2864,7 @@ function MenuSubmenuTrigger({
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
         "flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden",
         "focus:bg-accent focus:text-foreground",
-        "[&[data-popup-open]]:bg-accent [&[data-popup-open]]:text-foreground",
+        "data-popup-open:bg-accent data-popup-open:text-foreground",
         "[&>svg:not([class*=size-])]:size-4 [&>svg]:pointer-events-none [&>svg]:shrink-0 [&_svg:not([role=img]):not([class*=text-])]:opacity-60",
         inset && "ps-7",
         className
@@ -2932,7 +2932,7 @@ function MenubarTrigger({
     {
       "data-slot": "menubar-trigger",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "flex cursor-pointer select-none items-center rounded-sm px-2 py-1 font-medium text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[popup-open]:bg-accent data-[open]:text-accent-foreground",
+        "flex cursor-pointer select-none items-center rounded-sm px-2 py-1 font-medium text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-popup-open:bg-accent data-open:text-accent-foreground",
         className
       ),
       ...props
@@ -2962,7 +2962,7 @@ function MenubarPopup({ className, ...props }) {
     {
       "data-slot": "menubar-popup",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[closed]:animate-out data-[open]:animate-in",
+        "data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-48 origin-(--transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-closed:animate-out data-open:animate-in",
         className
       ),
       ...props
@@ -3004,7 +3004,7 @@ function MenubarItem({
       "data-inset": inset,
       "data-variant": variant,
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:ps-7 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-inset:ps-7 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive!",
         className
       ),
       ...props
@@ -3022,7 +3022,7 @@ function MenubarCheckboxItem({
     {
       "data-slot": "menubar-checkbox-item",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "relative flex cursor-default select-none items-center gap-2 rounded-xs py-1.5 ps-7 pe-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "relative flex cursor-default select-none items-center gap-2 rounded-xs py-1.5 ps-7 pe-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       ),
       checked,
@@ -3044,7 +3044,7 @@ function MenubarRadioItem({
     {
       "data-slot": "menubar-radio-item",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "relative flex cursor-default select-none items-center gap-2 rounded-xs py-1.5 ps-7 pe-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "relative flex cursor-default select-none items-center gap-2 rounded-xs py-1.5 ps-7 pe-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       ),
       ...props,
@@ -3065,7 +3065,7 @@ function MenubarLabel({
     {
       "data-slot": "menubar-label",
       "data-inset": inset,
-      className: _chunkCJXIPSTGcjs.cn.call(void 0, "px-2 py-1.5 font-medium text-sm data-[inset]:ps-7", className),
+      className: _chunkCJXIPSTGcjs.cn.call(void 0, "px-2 py-1.5 font-medium text-sm data-inset:ps-7", className),
       ...props
     }
   );
@@ -3108,7 +3108,7 @@ function MenubarSubTrigger({
       "data-slot": "menubar-sub-trigger",
       "data-inset": inset,
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[open]:bg-accent data-[inset]:ps-7 data-[open]:text-accent-foreground",
+        "flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-inset:ps-7 data-open:text-accent-foreground",
         className
       ),
       ...props,
@@ -3201,7 +3201,7 @@ function NavigationMenuItem({
   );
 }
 var navigationMenuTriggerStyle = _classvarianceauthority.cva.call(void 0, 
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[popup-open]:hover:bg-accent data-[popup-open]:text-accent-foreground data-[popup-open]:focus:bg-accent data-[popup-open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-popup-open:hover:bg-accent data-popup-open:text-accent-foreground data-popup-open:focus:bg-accent data-popup-open:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
 );
 function NavigationMenuTrigger({
   className,
@@ -3220,7 +3220,7 @@ function NavigationMenuTrigger({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _lucidereact.ChevronDownIcon,
           {
-            className: "relative top-[1px] ms-1 size-3 transition duration-300 group-data-[popup-open]:rotate-180",
+            className: "relative top-px ms-1 size-3 transition duration-300 group-data-popup-open:rotate-180",
             "aria-hidden": "true"
           }
         )
@@ -3237,13 +3237,13 @@ function NavigationMenuContent({
     {
       "data-slot": "navigation-menu-content",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "h-full w-[calc(100vw_-_40px)] xs:min-w-[400px] p-2 sm:w-max",
-        "transition-[opacity,transform,translate] duration-[var(--duration)] ease-[var(--easing)]",
-        "data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
-        "data-[starting-style]:data-[activation-direction=left]:translate-x-[-50%]",
-        "data-[starting-style]:data-[activation-direction=right]:translate-x-[50%]",
-        "data-[ending-style]:data-[activation-direction=left]:translate-x-[50%]",
-        "data-[ending-style]:data-[activation-direction=right]:translate-x-[-50%]",
+        "h-full w-[calc(100vw-40px)] xs:min-w-[400px] p-2 sm:w-max",
+        "transition-[opacity,transform,translate] duration-(--duration) ease-(--easing)",
+        "data-ending-style:opacity-0 data-starting-style:opacity-0",
+        "data-starting-style:data-[activation-direction=left]:translate-x-[-50%]",
+        "data-starting-style:data-[activation-direction=right]:translate-x-[50%]",
+        "data-ending-style:data-[activation-direction=left]:translate-x-[50%]",
+        "data-ending-style:data-[activation-direction=right]:translate-x-[-50%]",
         className
       ),
       ...props
@@ -3268,7 +3268,7 @@ function NavigationMenuPositioner({
       collisionPadding: { top: 5, bottom: 5, left: 20, right: 20 },
       collisionAvoidance: { side: "none" },
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "box-border h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)] transition-[top,left,right,bottom] duration-[var(--duration)] ease-[var(--easing)] before:absolute before:content-[''] data-[instant]:transition-none data-[side=bottom]:before:top-[-10px] data-[side=left]:before:top-0 data-[side=right]:before:top-0 data-[side=bottom]:before:right-0 data-[side=left]:before:right-[-10px] data-[side=top]:before:right-0 data-[side=left]:before:bottom-0 data-[side=right]:before:bottom-0 data-[side=top]:before:bottom-[-10px] data-[side=bottom]:before:left-0 data-[side=right]:before:left-[-10px] data-[side=top]:before:left-0 data-[side=bottom]:before:h-2.5 data-[side=top]:before:h-2.5 data-[side=left]:before:w-2.5 data-[side=right]:before:w-2.5",
+        "box-border h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-(--duration) ease-(--easing) before:absolute before:content-[''] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=left]:before:top-0 data-[side=right]:before:top-0 data-[side=bottom]:before:right-0 data-[side=left]:before:right-[-10px] data-[side=top]:before:right-0 data-[side=left]:before:bottom-0 data-[side=right]:before:bottom-0 data-[side=top]:before:bottom-[-10px] data-[side=bottom]:before:left-0 data-[side=right]:before:left-[-10px] data-[side=top]:before:left-0 data-[side=bottom]:before:h-2.5 data-[side=top]:before:h-2.5 data-[side=left]:before:w-2.5 data-[side=right]:before:w-2.5",
         className
       ),
       style: {
@@ -3289,7 +3289,7 @@ function NavigationMenuPopup({
     _navigationmenu.NavigationMenu.Popup,
     {
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "data-[ending-style]:easing-[ease] dark:-outline-offset-1 relative h-[var(--popup-height)] w-[var(--popup-width)] xs:w-[var(--popup-width)] origin-[var(--transform-origin)] rounded-lg bg-popover shadow-lg outline-1 outline-border transition-[opacity,transform,width,height,scale,translate] duration-[var(--duration)] ease-[var(--easing)] data-[ending-style]:scale-90 data-[starting-style]:scale-90 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 data-[ending-style]:duration-150 dark:shadow-none",
+        "data-ending-style:easing-[ease] dark:-outline-offset-1 relative h-(--popup-height) w-(--popup-width) xs:w-[var(--popup-width)] origin-(--transform-origin) rounded-lg bg-popover shadow-lg outline-1 outline-border transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-150 dark:shadow-none",
         className
       ),
       ...props,
@@ -3321,7 +3321,7 @@ function NavigationMenuLink({
     {
       "data-slot": "navigation-menu-link",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "flex flex-col gap-1 rounded-sm p-2 text-sm outline-none transition-all hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[active]:bg-accent/50 data-[active]:text-accent-foreground data-[active]:focus:bg-accent data-[active]:hover:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        "flex flex-col gap-1 rounded-sm p-2 text-sm outline-none transition-all hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50 data-active:bg-accent/50 data-active:text-accent-foreground data-active:focus:bg-accent data-active:hover:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className
       ),
       ...props
@@ -3337,7 +3337,7 @@ function NavigationMenuArrow({
     {
       "data-slot": "navigation-menu-arrow",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "data-[side=right]:-rotate-90 flex transition-[left] duration-[var(--duration)] ease-[var(--easing)] data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=top]:bottom-[-8px] data-[side=right]:left-[-13px] data-[side=left]:rotate-90 data-[side=top]:rotate-180",
+        "data-[side=right]:-rotate-90 flex transition-[left] duration-(--duration) ease-(--easing) data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=top]:bottom-[-8px] data-[side=right]:left-[-13px] data-[side=left]:rotate-90 data-[side=top]:rotate-180",
         className
       ),
       ...props,
@@ -3553,7 +3553,7 @@ function ScrollBar({
       "data-slot": "scroll-area-scrollbar",
       orientation,
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "flex touch-none select-none p-px opacity-0 transition-[colors,opacity] delay-300 duration-150 data-[hovering]:opacity-100 data-[scrolling]:opacity-100 data-[hovering]:delay-0 data-[scrolling]:delay-0 data-[hovering]:duration-75 data-[scrolling]:duration-75",
+        "flex touch-none select-none p-px opacity-0 transition-[colors,opacity] delay-300 duration-150 data-hovering:opacity-100 data-scrolling:opacity-100 data-hovering:delay-0 data-scrolling:delay-0 data-hovering:duration-75 data-scrolling:duration-75",
         orientation === "vertical" && "h-full w-2 border-l border-l-transparent",
         orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent",
         className
@@ -3752,7 +3752,7 @@ function PopoverContent({
         {
           "data-slot": "popover-content",
           className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-            `data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-black/5 shadow-md outline-hidden data-[closed]:animate-out data-[open]:animate-in`,
+            `data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-black/5 shadow-md outline-hidden data-closed:animate-out data-open:animate-in`,
             className
           ),
           ...props,
@@ -3823,7 +3823,7 @@ function PreviewCardPopup({
     {
       "data-slot": "preview-card-popup",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "-outline-offset-1 z-50 w-64 origin-[var(--transform-origin)] rounded-md bg-popover p-4 text-popover-foreground shadow-md outline outline-border transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[starting-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
+        "-outline-offset-1 z-50 w-64 origin-(--transform-origin) rounded-md bg-popover p-4 text-popover-foreground shadow-md outline outline-border transition-[transform,scale,opacity] data-ending-style:scale-95 data-starting-style:scale-95 data-ending-style:opacity-0 data-starting-style:opacity-0",
         className
       ),
       ...props,
@@ -4054,7 +4054,7 @@ function SelectClear({ className, children, onClick, ...props }) {
     {
       "data-slot": "select-clear",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        `-translate-y-1/2 absolute end-2 top-1/2 cursor-pointer rounded-sm opacity-60 transition-opacity hover:opacity-100 focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:pointer-events-none data-[disabled]:pointer-events-none`,
+        `-translate-y-1/2 absolute end-2 top-1/2 cursor-pointer rounded-sm opacity-60 transition-opacity hover:opacity-100 focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:pointer-events-none data-disabled:pointer-events-none`,
         className
       ),
       onClick: handleClick,
@@ -4069,7 +4069,7 @@ var selectTriggerVariants = _classvarianceauthority.cva.call(void 0,
 		shadow-xs transition-[color,box-shadow,border-color] outline-none
 		focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]
 		aria-invalid:ring-destructive/50 aria-invalid:border-destructive
-		data-[disabled]:pointer-events-none data-[disabled]:opacity-60
+		data-disabled:pointer-events-none data-disabled:opacity-60
 		*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2
 		[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-muted-foreground
 	`,
@@ -4149,8 +4149,8 @@ function SelectContent({
           {
             "data-slot": "select-content",
             className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-              `data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--available-height) min-w-(--anchor-width) origin-[var(--transform-origin)] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[closed]:animate-out data-[open]:animate-in`,
-              position === "item-aligned" && "[&_*[data-slot=select-item]]:min-w-[var(--anchor-width)]",
+              `data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--available-height) min-w-(--anchor-width) origin-(--transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-closed:animate-out data-open:animate-in`,
+              position === "item-aligned" && "[&_*[data-slot=select-item]]:min-w-(--anchor-width)",
               className
             ),
             ...props,
@@ -4173,7 +4173,7 @@ function SelectItem({
     {
       "data-slot": "select-item",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        `relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 text-sm outline-hidden data-[disabled]:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2`,
+        `relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 text-sm outline-hidden data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2`,
         indicatorPosition === "left" ? "ps-7 pe-2" : "ps-2 pe-7",
         className
       ),
@@ -4345,7 +4345,7 @@ function SheetBackdrop({
     {
       "data-slot": "sheet-overlay",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "data-[closed]:fade-out-0 data-[closed]:animation-duration-[300ms] data-[open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[closed]:animate-out data-[open]:animate-in",
+        "data-closed:fade-out-0 data-closed:animation-duration-[300ms] data-open:fade-in-0 fixed inset-0 z-50 bg-black/50 data-closed:animate-out data-open:animate-in",
         className
       ),
       ...props
@@ -4365,17 +4365,17 @@ function SheetContent({
       {
         "data-slot": "sheet-content",
         className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-          "fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[closed]:animate-out data-[open]:animate-in data-[closed]:duration-300 data-[open]:duration-500",
-          side === "right" && "data-[closed]:slide-out-to-right data-[open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
-          side === "left" && "data-[closed]:slide-out-to-left data-[open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-          side === "top" && "data-[closed]:slide-out-to-top data-[open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
-          side === "bottom" && "data-[closed]:slide-out-to-bottom data-[open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          "fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-closed:animate-out data-open:animate-in data-closed:duration-300 data-open:duration-500",
+          side === "right" && "data-closed:slide-out-to-right data-open:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" && "data-closed:slide-out-to-left data-open:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" && "data-closed:slide-out-to-top data-open:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" && "data-closed:slide-out-to-bottom data-open:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
           className
         ),
         ...props,
         children: [
           children,
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dialog.Dialog.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[open]:bg-secondary", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dialog.Dialog.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-open:bg-secondary", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.XIcon, { className: "size-4" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
           ] })
@@ -4609,7 +4609,7 @@ function Slider({
       {
         "data-slot": "slider-thumb",
         className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-          "block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm outline-none ring-ring/20 transition-[color,box-shadow] hover:ring-4 disabled:pointer-events-none disabled:opacity-50 data-[dragging]:ring-4 data-[focused]:ring-4 data-[touched]:ring-4"
+          "block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm outline-none ring-ring/20 transition-[color,box-shadow] hover:ring-4 disabled:pointer-events-none disabled:opacity-50 data-dragging:ring-4 data-focused:ring-4 data-touched:ring-4"
         ),
         onPointerDown: handlePointerDown
       },
@@ -4638,7 +4638,7 @@ function Slider({
       min,
       max,
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50",
+        "relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-disabled:opacity-50",
         className
       ),
       onValueChange: handleValueChange,
@@ -4656,7 +4656,7 @@ function SliderThumb({ className, ...props }) {
     {
       "data-slot": "slider-thumb",
       className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm outline-none ring-ring/20 transition-[color,box-shadow] hover:ring-4 disabled:pointer-events-none disabled:opacity-50 data-[dragging]:ring-4 data-[focused]:ring-4 data-[touched]:ring-4",
+        "block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm outline-none ring-ring/20 transition-[color,box-shadow] hover:ring-4 disabled:pointer-events-none disabled:opacity-50 data-dragging:ring-4 data-focused:ring-4 data-touched:ring-4",
         className
       ),
       ...props
@@ -4681,7 +4681,7 @@ var useSwitchContext = () => {
 };
 var switchVariants = _classvarianceauthority.cva.call(void 0, 
   `
-    peer data-[checked]:bg-primary data-[unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[unchecked]:bg-input/80 
+    peer data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-unchecked:bg-input/80 
     aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
     inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] 
     disabled:cursor-not-allowed disabled:opacity-50
@@ -4700,13 +4700,13 @@ var switchVariants = _classvarianceauthority.cva.call(void 0,
   }
 );
 var switchThumbVariants = _classvarianceauthority.cva.call(void 0, 
-  "bg-background dark:data-[unchecked]:bg-foreground dark:data-[checked]:bg-primary-foreground pointer-events-none rounded-full ring-0 transition-transform flex items-center justify-center",
+  "bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground pointer-events-none rounded-full ring-0 transition-transform flex items-center justify-center",
   {
     variants: {
       size: {
-        sm: "size-3 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0",
-        md: "size-4 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0",
-        lg: "size-5 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0"
+        sm: "size-3 data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0",
+        md: "size-4 data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0",
+        lg: "size-5 data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0"
       }
     },
     defaultVariants: {
@@ -4807,12 +4807,12 @@ var tabsListVariants = _classvarianceauthority.cva.call(void 0, "flex items-cent
     {
       variant: "default",
       shape: "pill",
-      className: "rounded-full [&_[role=tab]]:rounded-full"
+      className: "rounded-full **:[[role=tab]]:rounded-full"
     },
     {
       variant: "button",
       shape: "pill",
-      className: "rounded-full [&_[role=tab]]:rounded-full"
+      className: "rounded-full **:[[role=tab]]:rounded-full"
     }
   ],
   defaultVariants: {
@@ -4825,9 +4825,9 @@ var tabsTriggerVariants = _classvarianceauthority.cva.call(void 0,
   {
     variants: {
       variant: {
-        default: "text-muted-foreground data-[selected]:bg-background hover:text-foreground data-[selected]:text-foreground data-[selected]:shadow-xs data-[selected]:shadow-black/5",
-        button: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-lg text-accent-foreground hover:text-foreground data-[selected]:bg-accent data-[selected]:text-foreground",
-        line: "border-b-2 text-muted-foreground border-transparent data-[selected]:border-primary hover:text-primary data-[selected]:text-primary"
+        default: "text-muted-foreground data-selected:bg-background hover:text-foreground data-selected:text-foreground data-selected:shadow-xs data-selected:shadow-black/5",
+        button: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-lg text-accent-foreground hover:text-foreground data-selected:bg-accent data-selected:text-foreground",
+        line: "border-b-2 text-muted-foreground border-transparent data-selected:border-primary hover:text-primary data-selected:text-primary"
       },
       size: {
         lg: "gap-2.5 [&_svg]:size-5 text-sm",
@@ -5144,7 +5144,7 @@ var _toggle = require('@base-ui-components/react/toggle');
 
 
 var toggleVariants = _classvarianceauthority.cva.call(void 0, 
-  "cursor-pointer inline-flex items-center justify-center rounded-md shrink-0 font-medium ring-offset-background transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[pressed]:bg-accent data-[pressed]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  "cursor-pointer inline-flex items-center justify-center rounded-md shrink-0 font-medium ring-offset-background transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-pressed:bg-accent data-pressed:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
       variant: {