@moduix/solid-tailwind 1.0.0 → 1.1.0

package/dist/components/floating-panel/FloatingPanel.jsx

@@ -51,45 +51,45 @@ function FloatingPanelTrigger(props) {
         'asChild',
         'class'
     ]);
-    return <FloatingPanel.Trigger asChild={local.asChild} data-slot="floating-panel-trigger" class={cn(!local.asChild && 'box-border inline-flex min-h-control-md cursor-pointer items-center justify-center rounded-md border border-border bg-background px-3 py-1 text-md leading-6 text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 data-[state=open]:bg-accent motion-reduce:transition-none [@media(hover:hover)]:hover:bg-accent', local.class)} {...others}/>;
+    return <FloatingPanel.Trigger asChild={local.asChild} class={cn(!local.asChild && 'box-border inline-flex min-h-control-md cursor-pointer items-center justify-center rounded-md border border-border bg-background px-3 py-1 text-md leading-6 text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 data-[state=open]:bg-accent motion-reduce:transition-none [@media(hover:hover)]:hover:bg-accent', local.class)} {...others} data-slot="floating-panel-trigger"/>;
 }
 function FloatingPanelPositioner(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return <OverlayPortal>
-      <FloatingPanel.Positioner data-slot="floating-panel-positioner" class={cn('z-[var(--z-index)] outline-0', local.class)} {...others}/>
+      <FloatingPanel.Positioner class={cn('z-[var(--z-index)] outline-0', local.class)} {...others} data-slot="floating-panel-positioner"/>
     </OverlayPortal>;
 }
 function FloatingPanelContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.Content data-slot="floating-panel-content" class={cn('relative box-border flex min-h-40 min-w-64 origin-[var(--transform-origin)] flex-col overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-lg outline-0 data-behind:opacity-[0.55] data-minimized:min-h-0 data-[state=closed]:pointer-events-none data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none', local.class)} {...others}/>;
+    return <FloatingPanel.Content class={cn('relative box-border flex min-h-40 min-w-64 origin-[var(--transform-origin)] flex-col overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-lg outline-0 data-behind:opacity-[0.55] data-minimized:min-h-0 data-[state=closed]:pointer-events-none data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none', local.class)} {...others} data-slot="floating-panel-content"/>;
 }
 function FloatingPanelDragTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.DragTrigger data-slot="floating-panel-drag-trigger" class={cn('block', local.class)} {...others}/>;
+    return <FloatingPanel.DragTrigger class={cn('block', local.class)} {...others} data-slot="floating-panel-drag-trigger"/>;
 }
 function FloatingPanelHeader(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.Header data-slot="floating-panel-header" class={cn('box-border flex min-h-control-xl cursor-grab items-center justify-between gap-3 border-b border-border bg-muted px-3 py-2 select-none data-[dragging]:cursor-grabbing data-[minimized]:border-b-transparent', local.class)} {...others}/>;
+    return <FloatingPanel.Header class={cn('box-border flex min-h-control-xl cursor-grab items-center justify-between gap-3 border-b border-border bg-muted px-3 py-2 select-none data-[dragging]:cursor-grabbing data-[minimized]:border-b-transparent', local.class)} {...others} data-slot="floating-panel-header"/>;
 }
 function FloatingPanelTitle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.Title data-slot="floating-panel-title" class={cn('inline-flex min-w-0 items-center gap-2 text-sm font-semibold text-popover-foreground', local.class)} {...others}/>;
+    return <FloatingPanel.Title class={cn('inline-flex min-w-0 items-center gap-2 text-sm font-semibold text-popover-foreground', local.class)} {...others} data-slot="floating-panel-title"/>;
 }
 function FloatingPanelControl(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.Control data-slot="floating-panel-control" class={cn('inline-flex flex-none items-center gap-1', local.class)} {...others}/>;
+    return <FloatingPanel.Control class={cn('inline-flex flex-none items-center gap-1', local.class)} {...others} data-slot="floating-panel-control"/>;
 }
 function FloatingPanelStageTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -101,7 +101,7 @@ function FloatingPanelStageTrigger(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     const shouldRenderDefaultIcon = ()=>null == local.children && !local.asChild;
-    return <FloatingPanel.StageTrigger aria-label={local['aria-label']} asChild={local.asChild} data-slot="floating-panel-stage-trigger" class={cn(!local.asChild && 'box-border inline-flex size-control-sm cursor-pointer items-center justify-center rounded-sm border border-border bg-background text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none [&>svg]:size-4 [@media(hover:hover)]:hover:bg-accent', local.class)} stage={local.stage} {...others}>
+    return <FloatingPanel.StageTrigger aria-label={local['aria-label']} asChild={local.asChild} class={cn(!local.asChild && 'box-border inline-flex size-control-sm cursor-pointer items-center justify-center rounded-sm border border-border bg-background text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none [&>svg]:size-4 [@media(hover:hover)]:hover:bg-accent', local.class)} stage={local.stage} {...others} data-slot="floating-panel-stage-trigger">
       {resolvedChildren()}
       {shouldRenderDefaultIcon() && 'minimized' === local.stage ? <MinusIcon/> : null}
       {shouldRenderDefaultIcon() && 'maximized' === local.stage ? <MaximizeIcon/> : null}
@@ -113,7 +113,7 @@ function FloatingPanelCloseTrigger(props) {
         'asChild',
         'class'
     ]);
-    return <FloatingPanel.CloseTrigger asChild={local.asChild} data-slot="floating-panel-close-trigger" class={cn(!local.asChild && 'box-border inline-flex size-control-sm cursor-pointer items-center justify-center rounded-sm border border-border bg-background text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none [&>svg]:size-4 [@media(hover:hover)]:hover:bg-accent', local.class)} {...others}/>;
+    return <FloatingPanel.CloseTrigger asChild={local.asChild} class={cn(!local.asChild && 'box-border inline-flex size-control-sm cursor-pointer items-center justify-center rounded-sm border border-border bg-background text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none [&>svg]:size-4 [@media(hover:hover)]:hover:bg-accent', local.class)} {...others} data-slot="floating-panel-close-trigger"/>;
 }
 function FloatingPanelCloseIcon(props) {
     const [local, others] = splitProps(props, [
@@ -131,7 +131,7 @@ function FloatingPanelBody(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.Body data-slot="floating-panel-body" class={cn('min-h-0 flex-auto overflow-auto p-4 text-sm text-popover-foreground data-minimized:hidden', local.class)} {...others}/>;
+    return <FloatingPanel.Body class={cn('min-h-0 flex-auto overflow-auto p-4 text-sm text-popover-foreground data-minimized:hidden', local.class)} {...others} data-slot="floating-panel-body"/>;
 }
 function FloatingPanelFooter(props) {
     const [local, others] = splitProps(props, [
@@ -144,7 +144,7 @@ function FloatingPanelResizeTrigger(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <FloatingPanel.ResizeTrigger data-slot="floating-panel-resize-trigger" class={cn('absolute data-disabled:pointer-events-none data-[axis=e]:inset-y-3 data-[axis=e]:-right-1 data-[axis=e]:w-2 data-[axis=n]:inset-x-3 data-[axis=n]:-top-1 data-[axis=n]:h-2 data-[axis=ne]:-top-1.5 data-[axis=ne]:-right-1.5 data-[axis=ne]:size-3 data-[axis=nw]:-top-1.5 data-[axis=nw]:-left-1.5 data-[axis=nw]:size-3 data-[axis=s]:inset-x-3 data-[axis=s]:-bottom-1 data-[axis=s]:h-2 data-[axis=se]:-right-1.5 data-[axis=se]:-bottom-1.5 data-[axis=se]:size-3 data-[axis=sw]:-bottom-1.5 data-[axis=sw]:-left-1.5 data-[axis=sw]:size-3 data-[axis=w]:inset-y-3 data-[axis=w]:-left-1 data-[axis=w]:w-2', local.class)} {...others}/>;
+    return <FloatingPanel.ResizeTrigger class={cn('absolute data-disabled:pointer-events-none data-[axis=e]:inset-y-3 data-[axis=e]:-right-1 data-[axis=e]:w-2 data-[axis=n]:inset-x-3 data-[axis=n]:-top-1 data-[axis=n]:h-2 data-[axis=ne]:-top-1.5 data-[axis=ne]:-right-1.5 data-[axis=ne]:size-3 data-[axis=nw]:-top-1.5 data-[axis=nw]:-left-1.5 data-[axis=nw]:size-3 data-[axis=s]:inset-x-3 data-[axis=s]:-bottom-1 data-[axis=s]:h-2 data-[axis=se]:-right-1.5 data-[axis=se]:-bottom-1.5 data-[axis=se]:size-3 data-[axis=sw]:-bottom-1.5 data-[axis=sw]:-left-1.5 data-[axis=sw]:size-3 data-[axis=w]:inset-y-3 data-[axis=w]:-left-1 data-[axis=w]:w-2', local.class)} {...others} data-slot="floating-panel-resize-trigger"/>;
 }
 function FloatingPanelResizeTriggerGroup(props) {
     return <For each={props.axes ?? resizeTriggerAxes}>
@@ -157,7 +157,7 @@ function FloatingPanelDragIndicator(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <span aria-hidden="true" data-slot="floating-panel-drag-indicator" class={cn('inline-flex flex-none items-center justify-center text-muted-foreground [&>svg]:size-4', local.class)} {...others}>
+    return <span aria-hidden="true" class={cn('inline-flex flex-none items-center justify-center text-muted-foreground [&>svg]:size-4', local.class)} {...others} data-slot="floating-panel-drag-indicator">
       {resolvedChildren() ?? <GripIcon/>}
     </span>;
 }

package/dist/components/hover-card/HoverCard.js

@@ -75,11 +75,12 @@ function HoverCardTrigger(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "hover-card-trigger",
         get ["class"] () {
             return cn(!local.asChild && 'inline-flex cursor-pointer items-center gap-1 text-primary underline decoration-primary/60 decoration-1 underline-offset-2 outline-0 transition-[color,text-decoration-color] duration-150 ease-in-out focus-visible:rounded-xs focus-visible:no-underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-[state=open]:decoration-primary motion-reduce:transition-none [@media(hover:hover)]:hover:decoration-primary', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "hover-card-trigger"
+    }));
 }
 function HoverCardPositioner(props) {
     const [local, others] = splitProps(props, [
@@ -88,11 +89,12 @@ function HoverCardPositioner(props) {
     return createComponent(OverlayPortal, {
         get children () {
             return createComponent(HoverCard.Positioner, mergeProps({
-                "data-slot": "hover-card-positioner",
                 get ["class"] () {
                     return cn('z-[var(--z-index,var(--moduix-z-popup))] max-w-[var(--available-width)] outline-0', local.class);
                 }
-            }, others));
+            }, others, {
+                "data-slot": "hover-card-positioner"
+            }));
         }
     });
 }
@@ -101,11 +103,12 @@ function HoverCardContent(props) {
         'class'
     ]);
     return createComponent(HoverCard.Content, mergeProps({
-        "data-slot": "hover-card-content",
         get ["class"] () {
             return cn('relative z-[calc(var(--moduix-z-popup)+var(--layer-index,0))] max-h-[min(24rem,var(--available-height,100dvh))] max-w-[min(24rem,var(--available-width))] min-w-[min(14rem,var(--available-width))] origin-[var(--transform-origin)] overflow-visible rounded-lg border border-border bg-popover p-2 wrap-anywhere text-popover-foreground shadow-lg outline-0 has-[>[data-slot=hover-card-body]]:flex has-[>[data-slot=hover-card-body]]:flex-col data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none has-[>[data-slot=hover-card-body]]:[&>[data-slot=hover-card-body]]:overflow-auto', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "hover-card-content"
+    }));
 }
 function HoverCardArrow(props) {
     const [local, others] = splitProps(props, [
@@ -114,11 +117,11 @@ function HoverCardArrow(props) {
     ]);
     const resolvedChildren = children(()=>local.children);
     return createComponent(HoverCard.Arrow, mergeProps({
-        "data-slot": "hover-card-arrow",
         get ["class"] () {
             return cn('[--arrow-background:var(--color-popover)] [--arrow-shadow-color:var(--color-border)] [--arrow-size:0.625rem]', local.class);
         }
     }, others, {
+        "data-slot": "hover-card-arrow",
         get children () {
             return resolvedChildren() ?? createComponent(HoverCardArrowTip, {});
         }
@@ -129,11 +132,12 @@ function HoverCardArrowTip(props) {
         'class'
     ]);
     return createComponent(HoverCard.ArrowTip, mergeProps({
-        "data-slot": "hover-card-arrow-tip",
         get ["class"] () {
             return cn('border-t border-l border-border', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "hover-card-arrow-tip"
+    }));
 }
 function HoverCardBody(props) {
     const [local, others] = splitProps(props, [
@@ -144,11 +148,12 @@ function HoverCardBody(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "hover-card-body",
         get ["class"] () {
             return cn('min-h-0', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "hover-card-body"
+    }));
 }
 const HoverCard_HoverCard = Object.assign(HoverCardRoot, {
     Root: HoverCardRoot,

package/dist/components/hover-card/HoverCard.jsx

@@ -36,21 +36,21 @@ function HoverCardTrigger(props) {
         'asChild',
         'class'
     ]);
-    return <HoverCard.Trigger asChild={local.asChild} data-slot="hover-card-trigger" class={cn(!local.asChild && 'inline-flex cursor-pointer items-center gap-1 text-primary underline decoration-primary/60 decoration-1 underline-offset-2 outline-0 transition-[color,text-decoration-color] duration-150 ease-in-out focus-visible:rounded-xs focus-visible:no-underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-[state=open]:decoration-primary motion-reduce:transition-none [@media(hover:hover)]:hover:decoration-primary', local.class)} {...others}/>;
+    return <HoverCard.Trigger asChild={local.asChild} class={cn(!local.asChild && 'inline-flex cursor-pointer items-center gap-1 text-primary underline decoration-primary/60 decoration-1 underline-offset-2 outline-0 transition-[color,text-decoration-color] duration-150 ease-in-out focus-visible:rounded-xs focus-visible:no-underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-[state=open]:decoration-primary motion-reduce:transition-none [@media(hover:hover)]:hover:decoration-primary', local.class)} {...others} data-slot="hover-card-trigger"/>;
 }
 function HoverCardPositioner(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return <OverlayPortal>
-      <HoverCard.Positioner data-slot="hover-card-positioner" class={cn('z-[var(--z-index,var(--moduix-z-popup))] max-w-[var(--available-width)] outline-0', local.class)} {...others}/>
+      <HoverCard.Positioner class={cn('z-[var(--z-index,var(--moduix-z-popup))] max-w-[var(--available-width)] outline-0', local.class)} {...others} data-slot="hover-card-positioner"/>
     </OverlayPortal>;
 }
 function HoverCardContent(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <HoverCard.Content data-slot="hover-card-content" class={cn('relative z-[calc(var(--moduix-z-popup)+var(--layer-index,0))] max-h-[min(24rem,var(--available-height,100dvh))] max-w-[min(24rem,var(--available-width))] min-w-[min(14rem,var(--available-width))] origin-[var(--transform-origin)] overflow-visible rounded-lg border border-border bg-popover p-2 wrap-anywhere text-popover-foreground shadow-lg outline-0 has-[>[data-slot=hover-card-body]]:flex has-[>[data-slot=hover-card-body]]:flex-col data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none has-[>[data-slot=hover-card-body]]:[&>[data-slot=hover-card-body]]:overflow-auto', local.class)} {...others}/>;
+    return <HoverCard.Content class={cn('relative z-[calc(var(--moduix-z-popup)+var(--layer-index,0))] max-h-[min(24rem,var(--available-height,100dvh))] max-w-[min(24rem,var(--available-width))] min-w-[min(14rem,var(--available-width))] origin-[var(--transform-origin)] overflow-visible rounded-lg border border-border bg-popover p-2 wrap-anywhere text-popover-foreground shadow-lg outline-0 has-[>[data-slot=hover-card-body]]:flex has-[>[data-slot=hover-card-body]]:flex-col data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none has-[>[data-slot=hover-card-body]]:[&>[data-slot=hover-card-body]]:overflow-auto', local.class)} {...others} data-slot="hover-card-content"/>;
 }
 function HoverCardArrow(props) {
     const [local, others] = splitProps(props, [
@@ -58,7 +58,7 @@ function HoverCardArrow(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <HoverCard.Arrow data-slot="hover-card-arrow" class={cn('[--arrow-background:var(--color-popover)] [--arrow-shadow-color:var(--color-border)] [--arrow-size:0.625rem]', local.class)} {...others}>
+    return <HoverCard.Arrow class={cn('[--arrow-background:var(--color-popover)] [--arrow-shadow-color:var(--color-border)] [--arrow-size:0.625rem]', local.class)} {...others} data-slot="hover-card-arrow">
       {resolvedChildren() ?? <HoverCardArrowTip/>}
     </HoverCard.Arrow>;
 }
@@ -66,14 +66,14 @@ function HoverCardArrowTip(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <HoverCard.ArrowTip data-slot="hover-card-arrow-tip" class={cn('border-t border-l border-border', local.class)} {...others}/>;
+    return <HoverCard.ArrowTip class={cn('border-t border-l border-border', local.class)} {...others} data-slot="hover-card-arrow-tip"/>;
 }
 function HoverCardBody(props) {
     const [local, others] = splitProps(props, [
         'asChild',
         'class'
     ]);
-    return <ark.div asChild={local.asChild} data-slot="hover-card-body" class={cn('min-h-0', local.class)} {...others}/>;
+    return <ark.div asChild={local.asChild} class={cn('min-h-0', local.class)} {...others} data-slot="hover-card-body"/>;
 }
 const HoverCard_HoverCard = Object.assign(HoverCardRoot, {
     Root: HoverCardRoot,

package/dist/components/image-cropper/ImageCropper.js

@@ -7,77 +7,84 @@ function ImageCropperRoot(props) {
         'class'
     ]);
     return createComponent(ImageCropper.Root, mergeProps({
-        "data-slot": "image-cropper-root",
         get ["class"] () {
             return cn('box-border grid w-[32rem] max-w-full gap-3 text-foreground data-dragging:cursor-grabbing data-panning:cursor-grabbing', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-root"
+    }));
 }
 function ImageCropperRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ImageCropper.RootProvider, mergeProps({
-        "data-slot": "image-cropper-root-provider",
         get ["class"] () {
             return cn('box-border grid w-[32rem] max-w-full gap-3 text-foreground data-dragging:cursor-grabbing data-panning:cursor-grabbing', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-root-provider"
+    }));
 }
 function ImageCropperViewport(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ImageCropper.Viewport, mergeProps({
-        "data-slot": "image-cropper-viewport",
         get ["class"] () {
             return cn('box-border h-[min(20rem,62.5vw)] w-full overflow-hidden rounded-lg border border-border bg-background bg-[conic-gradient(rgb(0_0_0_/_8%)_25%,transparent_0_50%,rgb(0_0_0_/_8%)_0_75%,transparent_0)] [background-size:1rem_1rem] shadow-none data-disabled:cursor-grab', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-viewport"
+    }));
 }
 function ImageCropperImage(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ImageCropper.Image, mergeProps({
-        "data-slot": "image-cropper-image",
         get ["class"] () {
             return cn('absolute inset-0 block size-full origin-center object-contain backface-hidden', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-image"
+    }));
 }
 function ImageCropperSelection(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ImageCropper.Selection, mergeProps({
-        "data-slot": "image-cropper-selection",
         get ["class"] () {
             return cn('box-border cursor-grab rounded-md border-2 border-primary shadow-[0_0_0_9999px_rgb(0_0_0_/_45%),inset_0_0_0_1px_rgb(255_255_255_/_64%)] outline-0 transition-[border-color,box-shadow] duration-200 ease-in-out focus-visible:ring-2 focus-visible:ring-ring data-disabled:cursor-default data-dragging:cursor-grabbing data-[shape=circle]:rounded-full data-[shape=circle]:border-transparent motion-reduce:transition-none', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-selection"
+    }));
 }
 function ImageCropperGrid(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ImageCropper.Grid, mergeProps({
-        "data-slot": "image-cropper-grid",
         get ["class"] () {
             return cn('pointer-events-none data-[axis=horizontal]:border-y data-[axis=horizontal]:border-white/62 data-[axis=vertical]:border-x data-[axis=vertical]:border-white/62', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-grid"
+    }));
 }
 function ImageCropperHandle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
     return createComponent(ImageCropper.Handle, mergeProps({
-        "data-slot": "image-cropper-handle",
         get ["class"] () {
             return cn('absolute z-1 box-border size-3 rounded-xs border border-white/88 bg-white/96 shadow-[0_1px_3px_rgb(15_23_42_/_18%)] transition-[border-color,background-color,box-shadow,opacity] duration-200 ease-in-out data-disabled:hidden data-[position=e]:!h-full data-[position=e]:!w-[0.2rem] data-[position=e]:rounded-full data-[position=e]:border-0 data-[position=n]:!h-[0.2rem] data-[position=n]:!w-full data-[position=n]:rounded-full data-[position=n]:border-0 data-[position=ne]:z-2 data-[position=nw]:z-2 data-[position=s]:!h-[0.2rem] data-[position=s]:!w-full data-[position=s]:rounded-full data-[position=s]:border-0 data-[position=se]:z-2 data-[position=sw]:z-2 data-[position=w]:!h-full data-[position=w]:!w-[0.2rem] data-[position=w]:rounded-full data-[position=w]:border-0 motion-reduce:transition-none', local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "image-cropper-handle"
+    }));
 }
 function ImageCropperCropArea(props) {
     const [local, others] = splitProps(props, [

package/dist/components/image-cropper/ImageCropper.jsx

@@ -5,43 +5,43 @@ function ImageCropperRoot(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ImageCropper.Root data-slot="image-cropper-root" class={cn('box-border grid w-[32rem] max-w-full gap-3 text-foreground data-dragging:cursor-grabbing data-panning:cursor-grabbing', local.class)} {...others}/>;
+    return <ImageCropper.Root class={cn('box-border grid w-[32rem] max-w-full gap-3 text-foreground data-dragging:cursor-grabbing data-panning:cursor-grabbing', local.class)} {...others} data-slot="image-cropper-root"/>;
 }
 function ImageCropperRootProvider(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ImageCropper.RootProvider data-slot="image-cropper-root-provider" class={cn('box-border grid w-[32rem] max-w-full gap-3 text-foreground data-dragging:cursor-grabbing data-panning:cursor-grabbing', local.class)} {...others}/>;
+    return <ImageCropper.RootProvider class={cn('box-border grid w-[32rem] max-w-full gap-3 text-foreground data-dragging:cursor-grabbing data-panning:cursor-grabbing', local.class)} {...others} data-slot="image-cropper-root-provider"/>;
 }
 function ImageCropperViewport(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ImageCropper.Viewport data-slot="image-cropper-viewport" class={cn('box-border h-[min(20rem,62.5vw)] w-full overflow-hidden rounded-lg border border-border bg-background bg-[conic-gradient(rgb(0_0_0_/_8%)_25%,transparent_0_50%,rgb(0_0_0_/_8%)_0_75%,transparent_0)] [background-size:1rem_1rem] shadow-none data-disabled:cursor-grab', local.class)} {...others}/>;
+    return <ImageCropper.Viewport class={cn('box-border h-[min(20rem,62.5vw)] w-full overflow-hidden rounded-lg border border-border bg-background bg-[conic-gradient(rgb(0_0_0_/_8%)_25%,transparent_0_50%,rgb(0_0_0_/_8%)_0_75%,transparent_0)] [background-size:1rem_1rem] shadow-none data-disabled:cursor-grab', local.class)} {...others} data-slot="image-cropper-viewport"/>;
 }
 function ImageCropperImage(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ImageCropper.Image data-slot="image-cropper-image" class={cn('absolute inset-0 block size-full origin-center object-contain backface-hidden', local.class)} {...others}/>;
+    return <ImageCropper.Image class={cn('absolute inset-0 block size-full origin-center object-contain backface-hidden', local.class)} {...others} data-slot="image-cropper-image"/>;
 }
 function ImageCropperSelection(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ImageCropper.Selection data-slot="image-cropper-selection" class={cn('box-border cursor-grab rounded-md border-2 border-primary shadow-[0_0_0_9999px_rgb(0_0_0_/_45%),inset_0_0_0_1px_rgb(255_255_255_/_64%)] outline-0 transition-[border-color,box-shadow] duration-200 ease-in-out focus-visible:ring-2 focus-visible:ring-ring data-disabled:cursor-default data-dragging:cursor-grabbing data-[shape=circle]:rounded-full data-[shape=circle]:border-transparent motion-reduce:transition-none', local.class)} {...others}/>;
+    return <ImageCropper.Selection class={cn('box-border cursor-grab rounded-md border-2 border-primary shadow-[0_0_0_9999px_rgb(0_0_0_/_45%),inset_0_0_0_1px_rgb(255_255_255_/_64%)] outline-0 transition-[border-color,box-shadow] duration-200 ease-in-out focus-visible:ring-2 focus-visible:ring-ring data-disabled:cursor-default data-dragging:cursor-grabbing data-[shape=circle]:rounded-full data-[shape=circle]:border-transparent motion-reduce:transition-none', local.class)} {...others} data-slot="image-cropper-selection"/>;
 }
 function ImageCropperGrid(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ImageCropper.Grid data-slot="image-cropper-grid" class={cn('pointer-events-none data-[axis=horizontal]:border-y data-[axis=horizontal]:border-white/62 data-[axis=vertical]:border-x data-[axis=vertical]:border-white/62', local.class)} {...others}/>;
+    return <ImageCropper.Grid class={cn('pointer-events-none data-[axis=horizontal]:border-y data-[axis=horizontal]:border-white/62 data-[axis=vertical]:border-x data-[axis=vertical]:border-white/62', local.class)} {...others} data-slot="image-cropper-grid"/>;
 }
 function ImageCropperHandle(props) {
     const [local, others] = splitProps(props, [
         'class'
     ]);
-    return <ImageCropper.Handle data-slot="image-cropper-handle" class={cn('absolute z-1 box-border size-3 rounded-xs border border-white/88 bg-white/96 shadow-[0_1px_3px_rgb(15_23_42_/_18%)] transition-[border-color,background-color,box-shadow,opacity] duration-200 ease-in-out data-disabled:hidden data-[position=e]:!h-full data-[position=e]:!w-[0.2rem] data-[position=e]:rounded-full data-[position=e]:border-0 data-[position=n]:!h-[0.2rem] data-[position=n]:!w-full data-[position=n]:rounded-full data-[position=n]:border-0 data-[position=ne]:z-2 data-[position=nw]:z-2 data-[position=s]:!h-[0.2rem] data-[position=s]:!w-full data-[position=s]:rounded-full data-[position=s]:border-0 data-[position=se]:z-2 data-[position=sw]:z-2 data-[position=w]:!h-full data-[position=w]:!w-[0.2rem] data-[position=w]:rounded-full data-[position=w]:border-0 motion-reduce:transition-none', local.class)} {...others}/>;
+    return <ImageCropper.Handle class={cn('absolute z-1 box-border size-3 rounded-xs border border-white/88 bg-white/96 shadow-[0_1px_3px_rgb(15_23_42_/_18%)] transition-[border-color,background-color,box-shadow,opacity] duration-200 ease-in-out data-disabled:hidden data-[position=e]:!h-full data-[position=e]:!w-[0.2rem] data-[position=e]:rounded-full data-[position=e]:border-0 data-[position=n]:!h-[0.2rem] data-[position=n]:!w-full data-[position=n]:rounded-full data-[position=n]:border-0 data-[position=ne]:z-2 data-[position=nw]:z-2 data-[position=s]:!h-[0.2rem] data-[position=s]:!w-full data-[position=s]:rounded-full data-[position=s]:border-0 data-[position=se]:z-2 data-[position=sw]:z-2 data-[position=w]:!h-full data-[position=w]:!w-[0.2rem] data-[position=w]:rounded-full data-[position=w]:border-0 motion-reduce:transition-none', local.class)} {...others} data-slot="image-cropper-handle"/>;
 }
 function ImageCropperCropArea(props) {
     const [local, others] = splitProps(props, [

package/dist/components/input-group/InputGroup.js

@@ -97,14 +97,15 @@ function InputGroupInput(props) {
         'size'
     ]);
     const groupSize = useContext(InputGroupSizeContext) ?? defaultInputGroupSizeAccessor;
+    const inputSize = ()=>local.size ?? groupSize();
     return createComponent(Input, mergeProps(others, {
         get ["class"] () {
             return cn(inputGroupInputVariants({
-                size: groupSize()
+                size: inputSize()
             }), local.class);
         },
         get size () {
-            return local.size ?? groupSize();
+            return inputSize();
         }
     }));
 }

package/dist/components/input-group/InputGroup.jsx

@@ -78,9 +78,10 @@ function InputGroupInput(props) {
         'size'
     ]);
     const groupSize = useContext(InputGroupSizeContext) ?? defaultInputGroupSizeAccessor;
+    const inputSize = ()=>local.size ?? groupSize();
     return <Input {...others} class={cn(inputGroupInputVariants({
-        size: groupSize()
-    }), local.class)} size={local.size ?? groupSize()}/>;
+        size: inputSize()
+    }), local.class)} size={inputSize()}/>;
 }
 function InputGroupAddon(props) {
     const [local, others] = splitProps(props, [

package/dist/components/json-tree-view/JsonTreeView.js

@@ -34,11 +34,11 @@ function JsonTreeViewRootProvider(props) {
             return local.asChild;
         }
     }, others, {
-        "data-slot": "json-tree-view-root-provider",
         get ["class"] () {
             return cn("box-border flex w-full min-w-0 flex-col font-mono text-xs leading-4 text-foreground data-disabled:opacity-50 [&_[data-kind='brace']]:font-medium [&_[data-kind='brace']]:text-muted-foreground [&_[data-kind='colon']]:text-muted-foreground [&_[data-kind='constructor']]:font-medium [&_[data-kind='constructor']]:text-muted-foreground [&_[data-kind='error-stack']]:text-destructive [&_[data-kind='function-body']]:text-[color-mix(in_oklab,theme(--color-chart-5)_72%,theme(--color-foreground))] [&_[data-kind='function-body']]:italic [&_[data-kind='function-type']]:text-[color-mix(in_oklab,theme(--color-chart-5)_72%,theme(--color-foreground))] [&_[data-kind='function-type']]:italic [&_[data-kind='key']]:font-medium [&_[data-kind='key']]:text-[color-mix(in_oklab,theme(--color-chart-1)_72%,theme(--color-foreground))] [&_[data-kind='operator']]:text-destructive [&_[data-kind='preview'][data-type='bigint']]:text-[color-mix(in_oklab,theme(--color-chart-3)_78%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='boolean']]:font-medium [&_[data-kind='preview'][data-type='boolean']]:text-[color-mix(in_oklab,theme(--color-chart-4)_74%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='error']]:text-destructive [&_[data-kind='preview'][data-type='function']]:text-[color-mix(in_oklab,theme(--color-chart-5)_72%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='null']]:font-medium [&_[data-kind='preview'][data-type='null']]:text-muted-foreground [&_[data-kind='preview'][data-type='null']]:italic [&_[data-kind='preview'][data-type='number']]:text-[color-mix(in_oklab,theme(--color-chart-3)_78%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='string']]:text-[color-mix(in_oklab,theme(--color-success)_78%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='undefined']]:font-medium [&_[data-kind='preview'][data-type='undefined']]:text-muted-foreground [&_[data-kind='preview'][data-type='undefined']]:italic [&_[data-kind='preview-text']]:text-muted-foreground [&_[data-scope='json-tree-view'][data-part='branch']]:flex [&_[data-scope='json-tree-view'][data-part='branch']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='branch']]:flex-col [&_[data-scope='json-tree-view'][data-part='branch']]:gap-1 [&_[data-scope='json-tree-view'][data-part='branch-content']]:flex [&_[data-scope='json-tree-view'][data-part='branch-content']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='branch-content']]:flex-col [&_[data-scope='json-tree-view'][data-part='branch-content']]:gap-1 [&_[data-scope='json-tree-view'][data-part='branch-content']]:overflow-hidden [&_[data-scope='json-tree-view'][data-part='branch-control']]:relative [&_[data-scope='json-tree-view'][data-part='branch-control']]:z-0 [&_[data-scope='json-tree-view'][data-part='branch-control']]:box-border [&_[data-scope='json-tree-view'][data-part='branch-control']]:flex [&_[data-scope='json-tree-view'][data-part='branch-control']]:min-h-5 [&_[data-scope='json-tree-view'][data-part='branch-control']]:w-full [&_[data-scope='json-tree-view'][data-part='branch-control']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='branch-control']]:cursor-pointer [&_[data-scope='json-tree-view'][data-part='branch-control']]:items-center [&_[data-scope='json-tree-view'][data-part='branch-control']]:gap-0.5 [&_[data-scope='json-tree-view'][data-part='branch-control']]:rounded-xs [&_[data-scope='json-tree-view'][data-part='branch-control']]:bg-transparent [&_[data-scope='json-tree-view'][data-part='branch-control']]:py-0.5 [&_[data-scope='json-tree-view'][data-part='branch-control']]:ps-[calc(0.5rem+((var(--depth,1)-1)*1rem))] [&_[data-scope='json-tree-view'][data-part='branch-control']]:pe-1 [&_[data-scope='json-tree-view'][data-part='branch-control']]:text-start [&_[data-scope='json-tree-view'][data-part='branch-control']]:text-inherit [&_[data-scope='json-tree-view'][data-part='branch-control']]:transition-[color,opacity] [&_[data-scope='json-tree-view'][data-part='branch-control']]:duration-200 [&_[data-scope='json-tree-view'][data-part='branch-control']]:ease-in-out [&_[data-scope='json-tree-view'][data-part='branch-control']]:outline-none [&_[data-scope='json-tree-view'][data-part='branch-control']]:select-none [&_[data-scope='json-tree-view'][data-part='branch-control']]:[font:inherit] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:pointer-events-none [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:absolute [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:inset-y-0 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:start-[calc(0.25rem+((var(--depth,1)-1)*1rem))] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:end-0 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:-z-1 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:rounded-[inherit] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:bg-transparent [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:ring-1 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:ring-transparent [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:transition-[background-color,box-shadow] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:duration-200 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:ease-in-out [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:content-[''] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:ring-inset motion-reduce:[&_[data-scope='json-tree-view'][data-part='branch-control']]:transition-none motion-reduce:[&_[data-scope='json-tree-view'][data-part='branch-control']]:before:transition-none [&_[data-scope='json-tree-view'][data-part='branch-control']:focus-visible]:before:ring-ring [&_[data-scope='json-tree-view'][data-part='branch-control'][data-disabled]]:cursor-default [&_[data-scope='json-tree-view'][data-part='branch-control'][data-disabled]]:text-muted-foreground [&_[data-scope='json-tree-view'][data-part='branch-control'][data-focus]]:before:ring-ring [&_[data-scope='json-tree-view'][data-part='branch-control'][data-selected]]:before:bg-[color-mix(in_oklab,theme(--color-accent)_72%,theme(--color-background))] [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:inline-flex [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:size-3 [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:shrink-0 [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:items-center [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:justify-center [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:text-[color-mix(in_oklab,theme(--color-muted-foreground)_42%,theme(--color-foreground))] [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:transition-transform [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:duration-200 [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:ease-in-out motion-reduce:[&_[data-scope='json-tree-view'][data-part='branch-indicator']]:transition-none [&_[data-scope='json-tree-view'][data-part='branch-indicator']_svg]:size-3 [&_[data-scope='json-tree-view'][data-part='branch-indicator'][data-state='open']]:rotate-90 [&_[data-scope='json-tree-view'][data-part='branch-text']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='branch-text']]:wrap-anywhere [&_[data-scope='json-tree-view'][data-part='item']]:relative [&_[data-scope='json-tree-view'][data-part='item']]:z-0 [&_[data-scope='json-tree-view'][data-part='item']]:box-border [&_[data-scope='json-tree-view'][data-part='item']]:flex [&_[data-scope='json-tree-view'][data-part='item']]:min-h-5 [&_[data-scope='json-tree-view'][data-part='item']]:w-full [&_[data-scope='json-tree-view'][data-part='item']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='item']]:cursor-pointer [&_[data-scope='json-tree-view'][data-part='item']]:items-center [&_[data-scope='json-tree-view'][data-part='item']]:gap-0.5 [&_[data-scope='json-tree-view'][data-part='item']]:rounded-xs [&_[data-scope='json-tree-view'][data-part='item']]:bg-transparent [&_[data-scope='json-tree-view'][data-part='item']]:py-0.5 [&_[data-scope='json-tree-view'][data-part='item']]:ps-[calc(0.5rem+((var(--depth,1)-1)*1rem))] [&_[data-scope='json-tree-view'][data-part='item']]:pe-1 [&_[data-scope='json-tree-view'][data-part='item']]:text-start [&_[data-scope='json-tree-view'][data-part='item']]:text-inherit [&_[data-scope='json-tree-view'][data-part='item']]:transition-[color,opacity] [&_[data-scope='json-tree-view'][data-part='item']]:duration-200 [&_[data-scope='json-tree-view'][data-part='item']]:ease-in-out [&_[data-scope='json-tree-view'][data-part='item']]:outline-none [&_[data-scope='json-tree-view'][data-part='item']]:select-none [&_[data-scope='json-tree-view'][data-part='item']]:[font:inherit] [&_[data-scope='json-tree-view'][data-part='item']]:before:pointer-events-none [&_[data-scope='json-tree-view'][data-part='item']]:before:absolute [&_[data-scope='json-tree-view'][data-part='item']]:before:inset-y-0 [&_[data-scope='json-tree-view'][data-part='item']]:before:start-[calc(0.25rem+((var(--depth,1)-1)*1rem))] [&_[data-scope='json-tree-view'][data-part='item']]:before:end-0 [&_[data-scope='json-tree-view'][data-part='item']]:before:-z-1 [&_[data-scope='json-tree-view'][data-part='item']]:before:rounded-[inherit] [&_[data-scope='json-tree-view'][data-part='item']]:before:bg-transparent [&_[data-scope='json-tree-view'][data-part='item']]:before:ring-1 [&_[data-scope='json-tree-view'][data-part='item']]:before:ring-transparent [&_[data-scope='json-tree-view'][data-part='item']]:before:transition-[background-color,box-shadow] [&_[data-scope='json-tree-view'][data-part='item']]:before:duration-200 [&_[data-scope='json-tree-view'][data-part='item']]:before:ease-in-out [&_[data-scope='json-tree-view'][data-part='item']]:before:content-[''] [&_[data-scope='json-tree-view'][data-part='item']]:before:ring-inset motion-reduce:[&_[data-scope='json-tree-view'][data-part='item']]:transition-none motion-reduce:[&_[data-scope='json-tree-view'][data-part='item']]:before:transition-none [&_[data-scope='json-tree-view'][data-part='item']:focus-visible]:before:ring-ring [&_[data-scope='json-tree-view'][data-part='item'][data-disabled]]:cursor-default [&_[data-scope='json-tree-view'][data-part='item'][data-disabled]]:text-muted-foreground [&_[data-scope='json-tree-view'][data-part='item'][data-focus]]:before:ring-ring [&_[data-scope='json-tree-view'][data-part='item'][data-selected]]:before:bg-[color-mix(in_oklab,theme(--color-accent)_72%,theme(--color-background))] [&_[data-scope='json-tree-view'][data-part='item-text']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='item-text']]:wrap-anywhere [@media(hover:hover)]:[&_[data-scope='json-tree-view'][data-part='branch-control']:not([data-disabled]):hover]:before:bg-[color-mix(in_oklab,theme(--color-accent)_72%,theme(--color-background))] [@media(hover:hover)]:[&_[data-scope='json-tree-view'][data-part='item']:not([data-disabled]):hover]:before:bg-[color-mix(in_oklab,theme(--color-accent)_72%,theme(--color-background))]", local.class);
         }
     }, others, {
+        "data-slot": "json-tree-view-root-provider",
         get children () {
             return local.children;
         }

package/dist/components/json-tree-view/JsonTreeView.jsx

@@ -18,7 +18,7 @@ function JsonTreeViewRootProvider(props) {
         'children',
         'class'
     ]);
-    return <JsonTreeView.RootProvider asChild={local.asChild} {...others} data-slot="json-tree-view-root-provider" class={cn("box-border flex w-full min-w-0 flex-col font-mono text-xs leading-4 text-foreground data-disabled:opacity-50 [&_[data-kind='brace']]:font-medium [&_[data-kind='brace']]:text-muted-foreground [&_[data-kind='colon']]:text-muted-foreground [&_[data-kind='constructor']]:font-medium [&_[data-kind='constructor']]:text-muted-foreground [&_[data-kind='error-stack']]:text-destructive [&_[data-kind='function-body']]:text-[color-mix(in_oklab,theme(--color-chart-5)_72%,theme(--color-foreground))] [&_[data-kind='function-body']]:italic [&_[data-kind='function-type']]:text-[color-mix(in_oklab,theme(--color-chart-5)_72%,theme(--color-foreground))] [&_[data-kind='function-type']]:italic [&_[data-kind='key']]:font-medium [&_[data-kind='key']]:text-[color-mix(in_oklab,theme(--color-chart-1)_72%,theme(--color-foreground))] [&_[data-kind='operator']]:text-destructive [&_[data-kind='preview'][data-type='bigint']]:text-[color-mix(in_oklab,theme(--color-chart-3)_78%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='boolean']]:font-medium [&_[data-kind='preview'][data-type='boolean']]:text-[color-mix(in_oklab,theme(--color-chart-4)_74%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='error']]:text-destructive [&_[data-kind='preview'][data-type='function']]:text-[color-mix(in_oklab,theme(--color-chart-5)_72%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='null']]:font-medium [&_[data-kind='preview'][data-type='null']]:text-muted-foreground [&_[data-kind='preview'][data-type='null']]:italic [&_[data-kind='preview'][data-type='number']]:text-[color-mix(in_oklab,theme(--color-chart-3)_78%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='string']]:text-[color-mix(in_oklab,theme(--color-success)_78%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='undefined']]:font-medium [&_[data-kind='preview'][data-type='undefined']]:text-muted-foreground [&_[data-kind='preview'][data-type='undefined']]:italic [&_[data-kind='preview-text']]:text-muted-foreground [&_[data-scope='json-tree-view'][data-part='branch']]:flex [&_[data-scope='json-tree-view'][data-part='branch']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='branch']]:flex-col [&_[data-scope='json-tree-view'][data-part='branch']]:gap-1 [&_[data-scope='json-tree-view'][data-part='branch-content']]:flex [&_[data-scope='json-tree-view'][data-part='branch-content']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='branch-content']]:flex-col [&_[data-scope='json-tree-view'][data-part='branch-content']]:gap-1 [&_[data-scope='json-tree-view'][data-part='branch-content']]:overflow-hidden [&_[data-scope='json-tree-view'][data-part='branch-control']]:relative [&_[data-scope='json-tree-view'][data-part='branch-control']]:z-0 [&_[data-scope='json-tree-view'][data-part='branch-control']]:box-border [&_[data-scope='json-tree-view'][data-part='branch-control']]:flex [&_[data-scope='json-tree-view'][data-part='branch-control']]:min-h-5 [&_[data-scope='json-tree-view'][data-part='branch-control']]:w-full [&_[data-scope='json-tree-view'][data-part='branch-control']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='branch-control']]:cursor-pointer [&_[data-scope='json-tree-view'][data-part='branch-control']]:items-center [&_[data-scope='json-tree-view'][data-part='branch-control']]:gap-0.5 [&_[data-scope='json-tree-view'][data-part='branch-control']]:rounded-xs [&_[data-scope='json-tree-view'][data-part='branch-control']]:bg-transparent [&_[data-scope='json-tree-view'][data-part='branch-control']]:py-0.5 [&_[data-scope='json-tree-view'][data-part='branch-control']]:ps-[calc(0.5rem+((var(--depth,1)-1)*1rem))] [&_[data-scope='json-tree-view'][data-part='branch-control']]:pe-1 [&_[data-scope='json-tree-view'][data-part='branch-control']]:text-start [&_[data-scope='json-tree-view'][data-part='branch-control']]:text-inherit [&_[data-scope='json-tree-view'][data-part='branch-control']]:transition-[color,opacity] [&_[data-scope='json-tree-view'][data-part='branch-control']]:duration-200 [&_[data-scope='json-tree-view'][data-part='branch-control']]:ease-in-out [&_[data-scope='json-tree-view'][data-part='branch-control']]:outline-none [&_[data-scope='json-tree-view'][data-part='branch-control']]:select-none [&_[data-scope='json-tree-view'][data-part='branch-control']]:[font:inherit] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:pointer-events-none [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:absolute [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:inset-y-0 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:start-[calc(0.25rem+((var(--depth,1)-1)*1rem))] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:end-0 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:-z-1 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:rounded-[inherit] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:bg-transparent [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:ring-1 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:ring-transparent [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:transition-[background-color,box-shadow] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:duration-200 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:ease-in-out [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:content-[''] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:ring-inset motion-reduce:[&_[data-scope='json-tree-view'][data-part='branch-control']]:transition-none motion-reduce:[&_[data-scope='json-tree-view'][data-part='branch-control']]:before:transition-none [&_[data-scope='json-tree-view'][data-part='branch-control']:focus-visible]:before:ring-ring [&_[data-scope='json-tree-view'][data-part='branch-control'][data-disabled]]:cursor-default [&_[data-scope='json-tree-view'][data-part='branch-control'][data-disabled]]:text-muted-foreground [&_[data-scope='json-tree-view'][data-part='branch-control'][data-focus]]:before:ring-ring [&_[data-scope='json-tree-view'][data-part='branch-control'][data-selected]]:before:bg-[color-mix(in_oklab,theme(--color-accent)_72%,theme(--color-background))] [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:inline-flex [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:size-3 [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:shrink-0 [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:items-center [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:justify-center [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:text-[color-mix(in_oklab,theme(--color-muted-foreground)_42%,theme(--color-foreground))] [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:transition-transform [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:duration-200 [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:ease-in-out motion-reduce:[&_[data-scope='json-tree-view'][data-part='branch-indicator']]:transition-none [&_[data-scope='json-tree-view'][data-part='branch-indicator']_svg]:size-3 [&_[data-scope='json-tree-view'][data-part='branch-indicator'][data-state='open']]:rotate-90 [&_[data-scope='json-tree-view'][data-part='branch-text']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='branch-text']]:wrap-anywhere [&_[data-scope='json-tree-view'][data-part='item']]:relative [&_[data-scope='json-tree-view'][data-part='item']]:z-0 [&_[data-scope='json-tree-view'][data-part='item']]:box-border [&_[data-scope='json-tree-view'][data-part='item']]:flex [&_[data-scope='json-tree-view'][data-part='item']]:min-h-5 [&_[data-scope='json-tree-view'][data-part='item']]:w-full [&_[data-scope='json-tree-view'][data-part='item']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='item']]:cursor-pointer [&_[data-scope='json-tree-view'][data-part='item']]:items-center [&_[data-scope='json-tree-view'][data-part='item']]:gap-0.5 [&_[data-scope='json-tree-view'][data-part='item']]:rounded-xs [&_[data-scope='json-tree-view'][data-part='item']]:bg-transparent [&_[data-scope='json-tree-view'][data-part='item']]:py-0.5 [&_[data-scope='json-tree-view'][data-part='item']]:ps-[calc(0.5rem+((var(--depth,1)-1)*1rem))] [&_[data-scope='json-tree-view'][data-part='item']]:pe-1 [&_[data-scope='json-tree-view'][data-part='item']]:text-start [&_[data-scope='json-tree-view'][data-part='item']]:text-inherit [&_[data-scope='json-tree-view'][data-part='item']]:transition-[color,opacity] [&_[data-scope='json-tree-view'][data-part='item']]:duration-200 [&_[data-scope='json-tree-view'][data-part='item']]:ease-in-out [&_[data-scope='json-tree-view'][data-part='item']]:outline-none [&_[data-scope='json-tree-view'][data-part='item']]:select-none [&_[data-scope='json-tree-view'][data-part='item']]:[font:inherit] [&_[data-scope='json-tree-view'][data-part='item']]:before:pointer-events-none [&_[data-scope='json-tree-view'][data-part='item']]:before:absolute [&_[data-scope='json-tree-view'][data-part='item']]:before:inset-y-0 [&_[data-scope='json-tree-view'][data-part='item']]:before:start-[calc(0.25rem+((var(--depth,1)-1)*1rem))] [&_[data-scope='json-tree-view'][data-part='item']]:before:end-0 [&_[data-scope='json-tree-view'][data-part='item']]:before:-z-1 [&_[data-scope='json-tree-view'][data-part='item']]:before:rounded-[inherit] [&_[data-scope='json-tree-view'][data-part='item']]:before:bg-transparent [&_[data-scope='json-tree-view'][data-part='item']]:before:ring-1 [&_[data-scope='json-tree-view'][data-part='item']]:before:ring-transparent [&_[data-scope='json-tree-view'][data-part='item']]:before:transition-[background-color,box-shadow] [&_[data-scope='json-tree-view'][data-part='item']]:before:duration-200 [&_[data-scope='json-tree-view'][data-part='item']]:before:ease-in-out [&_[data-scope='json-tree-view'][data-part='item']]:before:content-[''] [&_[data-scope='json-tree-view'][data-part='item']]:before:ring-inset motion-reduce:[&_[data-scope='json-tree-view'][data-part='item']]:transition-none motion-reduce:[&_[data-scope='json-tree-view'][data-part='item']]:before:transition-none [&_[data-scope='json-tree-view'][data-part='item']:focus-visible]:before:ring-ring [&_[data-scope='json-tree-view'][data-part='item'][data-disabled]]:cursor-default [&_[data-scope='json-tree-view'][data-part='item'][data-disabled]]:text-muted-foreground [&_[data-scope='json-tree-view'][data-part='item'][data-focus]]:before:ring-ring [&_[data-scope='json-tree-view'][data-part='item'][data-selected]]:before:bg-[color-mix(in_oklab,theme(--color-accent)_72%,theme(--color-background))] [&_[data-scope='json-tree-view'][data-part='item-text']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='item-text']]:wrap-anywhere [@media(hover:hover)]:[&_[data-scope='json-tree-view'][data-part='branch-control']:not([data-disabled]):hover]:before:bg-[color-mix(in_oklab,theme(--color-accent)_72%,theme(--color-background))] [@media(hover:hover)]:[&_[data-scope='json-tree-view'][data-part='item']:not([data-disabled]):hover]:before:bg-[color-mix(in_oklab,theme(--color-accent)_72%,theme(--color-background))]", local.class)} {...others}>
+    return <JsonTreeView.RootProvider asChild={local.asChild} {...others} class={cn("box-border flex w-full min-w-0 flex-col font-mono text-xs leading-4 text-foreground data-disabled:opacity-50 [&_[data-kind='brace']]:font-medium [&_[data-kind='brace']]:text-muted-foreground [&_[data-kind='colon']]:text-muted-foreground [&_[data-kind='constructor']]:font-medium [&_[data-kind='constructor']]:text-muted-foreground [&_[data-kind='error-stack']]:text-destructive [&_[data-kind='function-body']]:text-[color-mix(in_oklab,theme(--color-chart-5)_72%,theme(--color-foreground))] [&_[data-kind='function-body']]:italic [&_[data-kind='function-type']]:text-[color-mix(in_oklab,theme(--color-chart-5)_72%,theme(--color-foreground))] [&_[data-kind='function-type']]:italic [&_[data-kind='key']]:font-medium [&_[data-kind='key']]:text-[color-mix(in_oklab,theme(--color-chart-1)_72%,theme(--color-foreground))] [&_[data-kind='operator']]:text-destructive [&_[data-kind='preview'][data-type='bigint']]:text-[color-mix(in_oklab,theme(--color-chart-3)_78%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='boolean']]:font-medium [&_[data-kind='preview'][data-type='boolean']]:text-[color-mix(in_oklab,theme(--color-chart-4)_74%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='error']]:text-destructive [&_[data-kind='preview'][data-type='function']]:text-[color-mix(in_oklab,theme(--color-chart-5)_72%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='null']]:font-medium [&_[data-kind='preview'][data-type='null']]:text-muted-foreground [&_[data-kind='preview'][data-type='null']]:italic [&_[data-kind='preview'][data-type='number']]:text-[color-mix(in_oklab,theme(--color-chart-3)_78%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='string']]:text-[color-mix(in_oklab,theme(--color-success)_78%,theme(--color-foreground))] [&_[data-kind='preview'][data-type='undefined']]:font-medium [&_[data-kind='preview'][data-type='undefined']]:text-muted-foreground [&_[data-kind='preview'][data-type='undefined']]:italic [&_[data-kind='preview-text']]:text-muted-foreground [&_[data-scope='json-tree-view'][data-part='branch']]:flex [&_[data-scope='json-tree-view'][data-part='branch']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='branch']]:flex-col [&_[data-scope='json-tree-view'][data-part='branch']]:gap-1 [&_[data-scope='json-tree-view'][data-part='branch-content']]:flex [&_[data-scope='json-tree-view'][data-part='branch-content']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='branch-content']]:flex-col [&_[data-scope='json-tree-view'][data-part='branch-content']]:gap-1 [&_[data-scope='json-tree-view'][data-part='branch-content']]:overflow-hidden [&_[data-scope='json-tree-view'][data-part='branch-control']]:relative [&_[data-scope='json-tree-view'][data-part='branch-control']]:z-0 [&_[data-scope='json-tree-view'][data-part='branch-control']]:box-border [&_[data-scope='json-tree-view'][data-part='branch-control']]:flex [&_[data-scope='json-tree-view'][data-part='branch-control']]:min-h-5 [&_[data-scope='json-tree-view'][data-part='branch-control']]:w-full [&_[data-scope='json-tree-view'][data-part='branch-control']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='branch-control']]:cursor-pointer [&_[data-scope='json-tree-view'][data-part='branch-control']]:items-center [&_[data-scope='json-tree-view'][data-part='branch-control']]:gap-0.5 [&_[data-scope='json-tree-view'][data-part='branch-control']]:rounded-xs [&_[data-scope='json-tree-view'][data-part='branch-control']]:bg-transparent [&_[data-scope='json-tree-view'][data-part='branch-control']]:py-0.5 [&_[data-scope='json-tree-view'][data-part='branch-control']]:ps-[calc(0.5rem+((var(--depth,1)-1)*1rem))] [&_[data-scope='json-tree-view'][data-part='branch-control']]:pe-1 [&_[data-scope='json-tree-view'][data-part='branch-control']]:text-start [&_[data-scope='json-tree-view'][data-part='branch-control']]:text-inherit [&_[data-scope='json-tree-view'][data-part='branch-control']]:transition-[color,opacity] [&_[data-scope='json-tree-view'][data-part='branch-control']]:duration-200 [&_[data-scope='json-tree-view'][data-part='branch-control']]:ease-in-out [&_[data-scope='json-tree-view'][data-part='branch-control']]:outline-none [&_[data-scope='json-tree-view'][data-part='branch-control']]:select-none [&_[data-scope='json-tree-view'][data-part='branch-control']]:[font:inherit] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:pointer-events-none [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:absolute [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:inset-y-0 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:start-[calc(0.25rem+((var(--depth,1)-1)*1rem))] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:end-0 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:-z-1 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:rounded-[inherit] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:bg-transparent [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:ring-1 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:ring-transparent [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:transition-[background-color,box-shadow] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:duration-200 [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:ease-in-out [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:content-[''] [&_[data-scope='json-tree-view'][data-part='branch-control']]:before:ring-inset motion-reduce:[&_[data-scope='json-tree-view'][data-part='branch-control']]:transition-none motion-reduce:[&_[data-scope='json-tree-view'][data-part='branch-control']]:before:transition-none [&_[data-scope='json-tree-view'][data-part='branch-control']:focus-visible]:before:ring-ring [&_[data-scope='json-tree-view'][data-part='branch-control'][data-disabled]]:cursor-default [&_[data-scope='json-tree-view'][data-part='branch-control'][data-disabled]]:text-muted-foreground [&_[data-scope='json-tree-view'][data-part='branch-control'][data-focus]]:before:ring-ring [&_[data-scope='json-tree-view'][data-part='branch-control'][data-selected]]:before:bg-[color-mix(in_oklab,theme(--color-accent)_72%,theme(--color-background))] [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:inline-flex [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:size-3 [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:shrink-0 [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:items-center [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:justify-center [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:text-[color-mix(in_oklab,theme(--color-muted-foreground)_42%,theme(--color-foreground))] [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:transition-transform [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:duration-200 [&_[data-scope='json-tree-view'][data-part='branch-indicator']]:ease-in-out motion-reduce:[&_[data-scope='json-tree-view'][data-part='branch-indicator']]:transition-none [&_[data-scope='json-tree-view'][data-part='branch-indicator']_svg]:size-3 [&_[data-scope='json-tree-view'][data-part='branch-indicator'][data-state='open']]:rotate-90 [&_[data-scope='json-tree-view'][data-part='branch-text']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='branch-text']]:wrap-anywhere [&_[data-scope='json-tree-view'][data-part='item']]:relative [&_[data-scope='json-tree-view'][data-part='item']]:z-0 [&_[data-scope='json-tree-view'][data-part='item']]:box-border [&_[data-scope='json-tree-view'][data-part='item']]:flex [&_[data-scope='json-tree-view'][data-part='item']]:min-h-5 [&_[data-scope='json-tree-view'][data-part='item']]:w-full [&_[data-scope='json-tree-view'][data-part='item']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='item']]:cursor-pointer [&_[data-scope='json-tree-view'][data-part='item']]:items-center [&_[data-scope='json-tree-view'][data-part='item']]:gap-0.5 [&_[data-scope='json-tree-view'][data-part='item']]:rounded-xs [&_[data-scope='json-tree-view'][data-part='item']]:bg-transparent [&_[data-scope='json-tree-view'][data-part='item']]:py-0.5 [&_[data-scope='json-tree-view'][data-part='item']]:ps-[calc(0.5rem+((var(--depth,1)-1)*1rem))] [&_[data-scope='json-tree-view'][data-part='item']]:pe-1 [&_[data-scope='json-tree-view'][data-part='item']]:text-start [&_[data-scope='json-tree-view'][data-part='item']]:text-inherit [&_[data-scope='json-tree-view'][data-part='item']]:transition-[color,opacity] [&_[data-scope='json-tree-view'][data-part='item']]:duration-200 [&_[data-scope='json-tree-view'][data-part='item']]:ease-in-out [&_[data-scope='json-tree-view'][data-part='item']]:outline-none [&_[data-scope='json-tree-view'][data-part='item']]:select-none [&_[data-scope='json-tree-view'][data-part='item']]:[font:inherit] [&_[data-scope='json-tree-view'][data-part='item']]:before:pointer-events-none [&_[data-scope='json-tree-view'][data-part='item']]:before:absolute [&_[data-scope='json-tree-view'][data-part='item']]:before:inset-y-0 [&_[data-scope='json-tree-view'][data-part='item']]:before:start-[calc(0.25rem+((var(--depth,1)-1)*1rem))] [&_[data-scope='json-tree-view'][data-part='item']]:before:end-0 [&_[data-scope='json-tree-view'][data-part='item']]:before:-z-1 [&_[data-scope='json-tree-view'][data-part='item']]:before:rounded-[inherit] [&_[data-scope='json-tree-view'][data-part='item']]:before:bg-transparent [&_[data-scope='json-tree-view'][data-part='item']]:before:ring-1 [&_[data-scope='json-tree-view'][data-part='item']]:before:ring-transparent [&_[data-scope='json-tree-view'][data-part='item']]:before:transition-[background-color,box-shadow] [&_[data-scope='json-tree-view'][data-part='item']]:before:duration-200 [&_[data-scope='json-tree-view'][data-part='item']]:before:ease-in-out [&_[data-scope='json-tree-view'][data-part='item']]:before:content-[''] [&_[data-scope='json-tree-view'][data-part='item']]:before:ring-inset motion-reduce:[&_[data-scope='json-tree-view'][data-part='item']]:transition-none motion-reduce:[&_[data-scope='json-tree-view'][data-part='item']]:before:transition-none [&_[data-scope='json-tree-view'][data-part='item']:focus-visible]:before:ring-ring [&_[data-scope='json-tree-view'][data-part='item'][data-disabled]]:cursor-default [&_[data-scope='json-tree-view'][data-part='item'][data-disabled]]:text-muted-foreground [&_[data-scope='json-tree-view'][data-part='item'][data-focus]]:before:ring-ring [&_[data-scope='json-tree-view'][data-part='item'][data-selected]]:before:bg-[color-mix(in_oklab,theme(--color-accent)_72%,theme(--color-background))] [&_[data-scope='json-tree-view'][data-part='item-text']]:min-w-0 [&_[data-scope='json-tree-view'][data-part='item-text']]:wrap-anywhere [@media(hover:hover)]:[&_[data-scope='json-tree-view'][data-part='branch-control']:not([data-disabled]):hover]:before:bg-[color-mix(in_oklab,theme(--color-accent)_72%,theme(--color-background))] [@media(hover:hover)]:[&_[data-scope='json-tree-view'][data-part='item']:not([data-disabled]):hover]:before:bg-[color-mix(in_oklab,theme(--color-accent)_72%,theme(--color-background))]", local.class)} {...others} data-slot="json-tree-view-root-provider">
       {local.children}
     </JsonTreeView.RootProvider>;
 }

package/dist/components/lightbox/Lightbox.d.ts

@@ -9,6 +9,7 @@ type LightboxImageSelectDetails = {
 };
 type LightboxImageProps = ComponentProps<'img'> & {
     closeOnClick?: boolean;
+    'data-close-on-click'?: string;
 };
 type LightboxRootProps = ComponentProps<typeof DialogPrimitive.Root> & OverlayPortalProps;
 type LightboxRootProviderProps = ComponentProps<typeof DialogPrimitive.RootProvider> & OverlayPortalProps;