@djangocfg/ui-tools 2.1.464 → 2.1.466

package/dist/audio-player/index.d.cts

@@ -1,6 +1,5 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type WaveformMode = 'peaks' | 'live' | 'bars' | 'progress' | 'none';
 type WaveformConfig = {
@@ -142,7 +141,7 @@ type PlayerProviderProps = {
     onError?: (reason: PlayerErrorReason, e: unknown) => void;
     children: ReactNode;
 };
-declare function PlayerProvider(props: PlayerProviderProps): react_jsx_runtime.JSX.Element;
+declare function PlayerProvider(props: PlayerProviderProps): react.JSX.Element;
 
 declare const usePlayerState: () => PlayerState;
 declare const usePlayerControls: () => PlayerControls;

package/dist/audio-player/index.d.ts

@@ -1,6 +1,5 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type WaveformMode = 'peaks' | 'live' | 'bars' | 'progress' | 'none';
 type WaveformConfig = {
@@ -142,7 +141,7 @@ type PlayerProviderProps = {
     onError?: (reason: PlayerErrorReason, e: unknown) => void;
     children: ReactNode;
 };
-declare function PlayerProvider(props: PlayerProviderProps): react_jsx_runtime.JSX.Element;
+declare function PlayerProvider(props: PlayerProviderProps): react.JSX.Element;
 
 declare const usePlayerState: () => PlayerState;
 declare const usePlayerControls: () => PlayerControls;

package/dist/file-icon/index.d.cts

@@ -1,7 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { LucideIcon } from 'lucide-react';
 import { T as TreeNode, b as TreeRowSlot } from '../slots-ClRpIzoh.cjs';
-import 'react';
 
 interface ResolveFolderIconOptions {
     /** Folder display name (no path). */
@@ -54,7 +53,7 @@ interface FileIconProps {
  * The icon SVG data is a static module, so it bundles into the `FileIcon`
  * chunk and is only fetched by consumers that actually mount this component.
  */
-declare function FileIcon({ name, isFolder, isExpanded, size, folderOverrides, label, className, }: FileIconProps): react_jsx_runtime.JSX.Element;
+declare function FileIcon({ name, isFolder, isExpanded, size, folderOverrides, label, className, }: FileIconProps): react.JSX.Element;
 
 interface CreateFileIconSlotOptions<T> {
     /**

package/dist/file-icon/index.d.ts

@@ -1,7 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { LucideIcon } from 'lucide-react';
 import { T as TreeNode, b as TreeRowSlot } from '../slots-ClRpIzoh.js';
-import 'react';
 
 interface ResolveFolderIconOptions {
     /** Folder display name (no path). */
@@ -54,7 +53,7 @@ interface FileIconProps {
  * The icon SVG data is a static module, so it bundles into the `FileIcon`
  * chunk and is only fetched by consumers that actually mount this component.
  */
-declare function FileIcon({ name, isFolder, isExpanded, size, folderOverrides, label, className, }: FileIconProps): react_jsx_runtime.JSX.Element;
+declare function FileIcon({ name, isFolder, isExpanded, size, folderOverrides, label, className, }: FileIconProps): react.JSX.Element;
 
 interface CreateFileIconSlotOptions<T> {
     /**

package/dist/tree/index.cjs

@@ -2115,6 +2115,7 @@ function TreeEmpty({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
+      role: "status",
       className: lib.cn(
         "flex h-full min-h-32 items-center justify-center px-4 py-6 text-sm text-muted-foreground",
         className
@@ -3048,6 +3049,7 @@ function TreeRootShell({
     [keyboardRef, finderHotkeysRef]
   );
   const focusedId = ctx.focused;
+  const isEmpty = ctx.flatRows.length === 0;
   React.useEffect(() => {
     if (!focusedId) return;
     const el = containerRef.current?.querySelector(
@@ -3072,11 +3074,11 @@ function TreeRootShell({
     "div",
     {
       ref: setContainerRef,
-      tabIndex: 0,
-      role: "tree",
-      "aria-label": ctx.labels.ariaLabel,
-      "aria-multiselectable": ctx.selectionMode === "multiple" || void 0,
-      "aria-activedescendant": focusedId ? treeRowDomId(focusedId) : void 0,
+      tabIndex: isEmpty ? void 0 : 0,
+      role: isEmpty ? void 0 : "tree",
+      "aria-label": isEmpty ? void 0 : ctx.labels.ariaLabel,
+      "aria-multiselectable": !isEmpty && ctx.selectionMode === "multiple" ? true : void 0,
+      "aria-activedescendant": !isEmpty && focusedId ? treeRowDomId(focusedId) : void 0,
       className: lib.cn(
         "group/tree flex h-full w-full flex-col gap-2 rounded-sm outline-none",
         "focus-visible:ring-1 focus-visible:ring-ring/50",
@@ -3087,7 +3089,7 @@ function TreeRootShell({
       children: [
         enableSearch ? /* @__PURE__ */ jsxRuntime.jsx(TreeSearchInput, { className: "mx-2 mt-2" }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-auto px-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(TreeContent, { role: "group", children: renderRow }),
+          /* @__PURE__ */ jsxRuntime.jsx(TreeContent, { role: isEmpty ? "presentation" : "group", children: renderRow }),
           /* @__PURE__ */ jsxRuntime.jsx(TreeEmptyArea, {})
         ] })
       ]