@pelatform/ui 1.5.0 → 1.5.1

package/dist/default.js

@@ -82,7 +82,7 @@ import {
   TooltipTrigger,
   avatarStatusVariants,
   badgeVariants
-} from "./chunk-CYFW37N5.js";
+} from "./chunk-TYEFU7IG.js";
 import {
   Button,
   ButtonArrow,
@@ -93,7 +93,7 @@ import {
   buttonVariants,
   inputAddonVariants,
   inputVariants
-} from "./chunk-OMPNDLGS.js";
+} from "./chunk-TB6DU23O.js";
 import {
   useCopyToClipboard,
   useIsMobile
@@ -580,7 +580,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: cn(
-        "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
@@ -683,7 +683,7 @@ function Separator({
 // src/ui/default/button-group.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var buttonGroupVariants = cva3(
-  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
+  "flex w-fit items-stretch *:focus-visible:z-10 *:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
   {
     variants: {
       orientation: {
@@ -740,7 +740,7 @@ function ButtonGroupSeparator({
       "data-slot": "button-group-separator",
       orientation,
       className: cn(
-        "!m-0 relative self-stretch bg-input data-[orientation=vertical]:h-auto",
+        "relative m-0! self-stretch bg-input data-[orientation=vertical]:h-auto",
         className
       ),
       ...props
@@ -790,7 +790,6 @@ function Calendar({
         ...classNames
       },
       components: {
-        // biome-ignore lint/correctness/noNestedComponentDefinitions: disable
         Chevron: (props2) => {
           if (props2.orientation === "left") {
             return /* @__PURE__ */ jsx7(ChevronLeft, { className: "h-4 w-4 rtl:rotate-180" });
@@ -848,7 +847,7 @@ var cardContentVariants = cva4("grow p-5", {
   variants: {
     variant: {
       default: "",
-      accent: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
+      accent: "bg-card rounded-t-xl last:rounded-b-xl"
     }
   },
   defaultVariants: {
@@ -1151,7 +1150,7 @@ var checkboxVariants = cva5(
     group 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,
+    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-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground
     `,
   {
@@ -1276,7 +1275,7 @@ function ContextMenuSubTrigger({
       "data-slot": "context-menu-sub-trigger",
       "data-inset": inset,
       className: cn(
-        "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]:pl-8 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_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:pl-8 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       ),
       ...props,
@@ -1296,7 +1295,7 @@ function ContextMenuSubContent({
     {
       "data-slot": "context-menu-sub-content",
       className: cn(
-        "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 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",
         className
       ),
       ...props
@@ -1312,7 +1311,7 @@ function ContextMenuContent({
     {
       "data-slot": "context-menu-content",
       className: cn(
-        "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 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 data-[state=closed]:animate-out data-[state=open]:animate-in",
         className
       ),
       ...props
@@ -1332,7 +1331,7 @@ function ContextMenuItem({
       "data-inset": inset,
       "data-variant": variant,
       className: cn(
-        "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]:pl-8 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:pl-8 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
@@ -1350,7 +1349,7 @@ function ContextMenuCheckboxItem({
     {
       "data-slot": "context-menu-checkbox-item",
       className: cn(
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-8 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-8 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,
@@ -1372,7 +1371,7 @@ function ContextMenuRadioItem({
     {
       "data-slot": "context-menu-radio-item",
       className: cn(
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-8 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-8 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,
@@ -1393,7 +1392,7 @@ function ContextMenuLabel({
     {
       "data-slot": "context-menu-label",
       "data-inset": inset,
-      className: cn("px-2 py-1.5 font-medium text-foreground text-sm data-[inset]:pl-8", className),
+      className: cn("px-2 py-1.5 font-medium text-foreground text-sm data-inset:pl-8", className),
       ...props
     }
   );
@@ -1926,7 +1925,7 @@ var selectTriggerVariants = cva7(
     text-foreground data-placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-none focus-visible:ring-[3px] 
     focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 
     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
+    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
   `,
   {
     variants: {
@@ -1995,7 +1994,7 @@ function SelectContent({
     {
       "data-slot": "select-content",
       className: cn(
-        "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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover text-secondary-foreground shadow-black/5 shadow-md 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 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border border-border bg-popover text-secondary-foreground shadow-black/5 shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
         position === "popper" && "data-[side=left]:-translate-x-1.5 data-[side=top]:-translate-y-1.5 data-[side=right]:translate-x-1.5 data-[side=bottom]:translate-y-1.5",
         className
       ),
@@ -2008,7 +2007,7 @@ function SelectContent({
           {
             className: cn(
               "p-1.5",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+              position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
             ),
             children
           }
@@ -2344,7 +2343,7 @@ function DataGridTableHeadRow({
       className: cn(
         "bg-muted/40",
         props.tableLayout?.headerBorder && "[&>th]:border-b",
-        props.tableLayout?.cellBorder && "[&_>:last-child]:border-e-0",
+        props.tableLayout?.cellBorder && "*:last:border-e-0",
         props.tableLayout?.stripped && "bg-transparent",
         props.tableLayout?.headerBackground === false && "bg-transparent",
         props.tableClassNames?.headerRow
@@ -2435,9 +2434,9 @@ function DataGridTableBodyRowSkeleton({ children }) {
         "hover:bg-muted/40 data-[state=selected]:bg-muted/50",
         props.onRowClick && "cursor-pointer",
         !props.tableLayout?.stripped && props.tableLayout?.rowBorder && "border-border border-b [&:not(:last-child)>td]:border-b",
-        props.tableLayout?.cellBorder && "[&_>:last-child]:border-e-0",
+        props.tableLayout?.cellBorder && "*:last:border-e-0",
         props.tableLayout?.stripped && "odd:bg-muted/90 hover:bg-transparent odd:hover:bg-muted",
-        table.options.enableRowSelection && "[&_>:first-child]:relative",
+        table.options.enableRowSelection && "*:first:relative",
         props.tableClassNames?.bodyRow
       ),
       children
@@ -2486,9 +2485,9 @@ function DataGridTableBodyRow({
         "hover:bg-muted/40 data-[state=selected]:bg-muted/50",
         props.onRowClick && "cursor-pointer",
         !props.tableLayout?.stripped && props.tableLayout?.rowBorder && "border-border border-b [&:not(:last-child)>td]:border-b",
-        props.tableLayout?.cellBorder && "[&_>:last-child]:border-e-0",
+        props.tableLayout?.cellBorder && "*:last:border-e-0",
         props.tableLayout?.stripped && "odd:bg-muted/90 hover:bg-transparent odd:hover:bg-muted",
-        table.options.enableRowSelection && "[&_>:first-child]:relative",
+        table.options.enableRowSelection && "*:first:relative",
         props.tableClassNames?.bodyRow
       ),
       children
@@ -3100,7 +3099,7 @@ function FieldGroup({ className, ...props }) {
     {
       "data-slot": "field-group",
       className: cn(
-        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4",
         className
       ),
       ...props
@@ -3110,15 +3109,15 @@ function FieldGroup({ className, ...props }) {
 var fieldVariants = cva11("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
   variants: {
     orientation: {
-      vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+      vertical: ["flex-col *:w-full [&>.sr-only]:w-auto"],
       horizontal: [
         "flex-row items-center",
-        "[&>[data-slot=field-label]]:flex-auto",
+        "*:data-[slot=field-label]:flex-auto",
         "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
       ],
       responsive: [
-        "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
-        "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+        "flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto",
+        "@md/field-group:*:data-[slot=field-label]:flex-auto",
         "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
       ]
     }
@@ -3160,7 +3159,7 @@ function FieldLabel({ className, ...props }) {
       "data-slot": "field-label",
       className: cn(
         "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
-        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4",
         "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10",
         className
       ),
@@ -3187,7 +3186,7 @@ function FieldDescription({ className, ...props }) {
     {
       "data-slot": "field-description",
       className: cn(
-        "font-normal text-muted-foreground text-sm leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "font-normal text-muted-foreground text-sm leading-normal group-has-data-[orientation=horizontal]/field:text-balance",
         "nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5 last:mt-0",
         "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
         className
@@ -3284,7 +3283,7 @@ var switchVariants = cva12(
     focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background 
     disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-input
     aria-invalid:border 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 [[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
+    in-data-[invalid=true]:border 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
   `,
   {
     variants: {
@@ -3527,12 +3526,12 @@ var filterInputVariants = cva13(
     "has-[[data-slot=filters-input]:focus-visible]:outline-none",
     "has-[[data-slot=filters-input]:focus-visible]:ring-[3px]",
     "has-[[data-slot=filters-input]:focus-visible]:z-1",
-    "has-[[data-slot=filters-input]::aria-invalid]:border",
-    "has-[[data-slot=filters-input]::aria-invalid]:border-solid",
-    "has-[[data-slot=filters-input]::aria-invalid]:border-destructive/60",
-    "has-[[data-slot=filters-input]::aria-invalid]:ring-destructive/10",
-    "dark:has-[[data-slot=filters-input]::aria-invalid]:border-destructive",
-    "dark:has-[[data-slot=filters-input]::aria-invalid]:ring-destructive/20"
+    "has-[[data-slot=filters-input]:[aria-invalid=true]]:border",
+    "has-[[data-slot=filters-input]:[aria-invalid=true]]:border-solid",
+    "has-[[data-slot=filters-input]:[aria-invalid=true]]:border-destructive/60",
+    "has-[[data-slot=filters-input]:[aria-invalid=true]]:ring-destructive/10",
+    "dark:has-[[data-slot=filters-input]:[aria-invalid=true]]:border-destructive",
+    "dark:has-[[data-slot=filters-input]:[aria-invalid=true]]:ring-destructive/20"
   ],
   {
     variants: {
@@ -3541,9 +3540,9 @@ var filterInputVariants = cva13(
         outline: "bg-background border border-border"
       },
       size: {
-        lg: "h-10 text-sm px-2.5 has-[[data-slot=filters-prefix]]:ps-0 has-[[data-slot=filters-suffix]]:pe-0",
-        md: "h-9 text-sm px-2 has-[[data-slot=filters-prefix]]:ps-0 has-[[data-slot=filters-suffix]]:pe-0",
-        sm: "h-8 text-xs px-1.5 has-[[data-slot=filters-prefix]]:ps-0 has-[[data-slot=filters-suffix]]:pe-0"
+        lg: "h-10 text-sm px-2.5 has-data-[slot=filters-prefix]:ps-0 has-data-[slot=filters-suffix]:pe-0",
+        md: "h-9 text-sm px-2 has-data-[slot=filters-prefix]:ps-0 has-data-[slot=filters-suffix]:pe-0",
+        sm: "h-8 text-xs px-1.5 has-data-[slot=filters-prefix]:ps-0 has-data-[slot=filters-suffix]:pe-0"
       },
       cursorPointer: {
         true: "cursor-pointer",
@@ -3681,7 +3680,7 @@ var filterFieldValueVariants = cva13(
     variants: {
       variant: {
         solid: "bg-secondary",
-        outline: "bg-background border border-border hover:bg-secondary has-[[data-slot=switch]]:hover:bg-transparent"
+        outline: "bg-background border border-border hover:bg-secondary has-data-[slot=switch]:hover:bg-transparent"
       },
       size: {
         lg: "h-10 px-4 text-sm gap-1.5 [&_svg:not([class*=size-])]:size-4",
@@ -5422,7 +5421,7 @@ function Item({
   );
 }
 var itemMediaVariants = cva14(
-  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5",
+  "flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none group-has-data-[slot=item-description]/item:translate-y-0.5",
   {
     variants: {
       variant: {
@@ -5782,7 +5781,7 @@ function KanbanColumnHandle({
       ...listeners,
       className: cn(
         "opacity-0 transition-opacity group-hover/kanban-column:opacity-100",
-        cursor && (isDragging ? "!cursor-grabbing" : "!cursor-grab"),
+        cursor && (isDragging ? "cursor-grabbing!" : "cursor-grab!"),
         className
       ),
       children
@@ -5833,7 +5832,7 @@ function KanbanItemHandle({ asChild, className, children, cursor = true }) {
       "data-dragging": isDragging,
       "data-disabled": disabled,
       ...listeners,
-      className: cn(cursor && (isDragging ? "!cursor-grabbing" : "!cursor-grab"), className),
+      className: cn(cursor && (isDragging ? "cursor-grabbing!" : "cursor-grab!"), className),
       children
     }
   );
@@ -5879,7 +5878,7 @@ function KanbanOverlay({ children, className }) {
       "data-slot": "kanban-overlay",
       "data-dragging": true,
       style,
-      className: cn("pointer-events-none", className, activeId ? "!cursor-grabbing" : ""),
+      className: cn("pointer-events-none", className, activeId ? "cursor-grabbing!" : ""),
       children: content
     }
   ) });
@@ -5895,7 +5894,7 @@ function Kbd({ className, ...props }) {
       className: cn(
         "pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm bg-muted px-1 font-medium font-sans text-muted-foreground text-xs",
         "[&_svg:not([class*='size-'])]:size-3",
-        "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
+        "in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10",
         className
       ),
       ...props
@@ -6020,7 +6019,7 @@ function MenubarContent({
       alignOffset,
       sideOffset,
       className: cn(
-        "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 min-w-[12rem] space-y-0.5 overflow-hidden rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-black/5 shadow-md transition-shadow 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 min-w-48 space-y-0.5 overflow-hidden rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-black/5 shadow-md transition-shadow data-[state=open]:animate-in",
         className
       ),
       ...props
@@ -6206,7 +6205,7 @@ function NavigationMenuTrigger({
         /* @__PURE__ */ jsx38(
           ChevronDownIcon,
           {
-            className: "relative top-[1px] ms-1 size-3.5 opacity-60 transition duration-300 group-data-[state=open]:rotate-180",
+            className: "relative top-px ms-1 size-3.5 opacity-60 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
           }
         )
@@ -6240,7 +6239,7 @@ function NavigationMenuViewport({
     {
       "data-slot": "navigation-menu-viewport",
       className: cn(
-        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-top-center overflow-hidden rounded-md border border-border bg-popover p-1.5 text-popover-foreground shadow-black/5 shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in md:w-[var(--radix-navigation-menu-viewport-width)]",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full origin-top-center overflow-hidden rounded-md border border-border bg-popover p-1.5 text-popover-foreground shadow-black/5 shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in md:w-(--radix-navigation-menu-viewport-width)",
         className
       ),
       ...props
@@ -6272,7 +6271,7 @@ function NavigationMenuIndicator({
     {
       "data-slot": "navigation-menu-indicator",
       className: cn(
-        "data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=visible]:animate-in",
+        "data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=visible]:animate-in",
         className
       ),
       ...props,
@@ -6539,7 +6538,7 @@ var radioItemVariants = cva16(
     peer aspect-square rounded-full border outline-hidden ring-offset-background focus: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
+    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
     border-input text-primary data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground  
   `,
   {
@@ -6777,8 +6776,8 @@ function ScrollBar({
       orientation,
       className: cn(
         "flex touch-none select-none transition-colors",
-        orientation === "vertical" && "h-full w-2 border-l border-l-transparent p-[1px]",
-        orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent p-[1px]",
+        orientation === "vertical" && "h-full w-2 border-l border-l-transparent p-px",
+        orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent p-px",
         className
       ),
       ...props,
@@ -7650,7 +7649,7 @@ function SliderThumb({ className, ...props }) {
     {
       "data-slot": "slider-thumb",
       className: cn(
-        "box-content block size-4 shrink-0 cursor-pointer rounded-full border-[2px] border-primary bg-primary-foreground shadow-black/5 shadow-xs outline-hidden focus:outline-hidden",
+        "box-content block size-4 shrink-0 cursor-pointer rounded-full border-2 border-primary bg-primary-foreground shadow-black/5 shadow-xs outline-hidden focus:outline-hidden",
         className
       ),
       ...props
@@ -7833,7 +7832,7 @@ function SortableItemHandle({
       "data-dragging": isDragging,
       "data-disabled": disabled,
       ...listeners,
-      className: cn(cursor && (isDragging ? "!cursor-grabbing" : "!cursor-grab"), className),
+      className: cn(cursor && (isDragging ? "cursor-grabbing!" : "cursor-grab!"), className),
       children
     }
   );
@@ -8323,12 +8322,12 @@ var tabsListVariants = cva20("flex items-center shrink-0", {
     {
       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: {
@@ -8441,7 +8440,7 @@ var textareaVariants = cva21(
   `
     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:border-ring focus-visible:outline-none focus-visible:ring-[3px] 
-    focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 [&[readonly]]:opacity-70 
+    focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 [[readonly]]:opacity-70 
     aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
   `,
   {
@@ -8625,7 +8624,7 @@ function TreeItem({
       "data-slot": "tree-item",
       style: mergedStyle,
       className: cn(
-        "z-10 select-none ps-(--tree-padding) not-last:pb-0.5 outline-hidden focus:z-20 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "z-10 select-none ps-(--tree-padding) not-last:pb-0.5 outline-hidden focus:z-20 data-disabled:pointer-events-none data-disabled:opacity-50",
         className
       ),
       "data-focus": typeof item.isFocused === "function" ? item.isFocused() || false : void 0,