@arbidocs/blocks 0.4.153 → 0.4.155

package/dist/chunk-JGOST4IL.js

@@ -1,648 +0,0 @@
-"use client";
-import { LabelPickerList, DEFAULT_LABEL_MULTI_SELECT_LABELS } from './chunk-SDOEHEJP.js';
-import { testIdOr } from './chunk-7F6CBP3Z.js';
-import { BookMarked, ListChevronsUpDown, FolderOpen, ChevronsUpDown, Check, Minus, Plus, X, ChevronDown, FolderPlus } from 'lucide-react';
-import { cn, Button, Tooltip, TooltipTrigger, Slider, TooltipContent, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '@arbidocs/react/ui';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
-
-function FilesFilterBar({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "files-filter-bar",
-      className: cn("flex min-w-0 flex-1 flex-nowrap items-center gap-2", className),
-      ...props
-    }
-  );
-}
-function FilesTagsButton({
-  onClick,
-  label = "Tags",
-  className,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: "ghost",
-      size: "sm",
-      className: cn("h-8 shrink-0 gap-1.5 px-2 font-normal pointer-coarse:h-11", className),
-      onClick,
-      "data-testid": testIdOr(testId, { testId: "filter-bar-tags-button" }),
-      children: [
-        /* @__PURE__ */ jsx(BookMarked, { className: "h-3.5 w-3.5" }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm max-[480px]:sr-only", children: label })
-      ]
-    }
-  );
-}
-function FilesViewCenter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "files-view-center",
-      className: cn("@container flex min-w-[9.5rem] flex-1 items-center gap-2", className),
-      ...props
-    }
-  );
-}
-function FilesModalFooter({ children, className }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "files-modal-footer",
-      className: cn(
-        // Sticks to the bottom of the modal's scrolling body so Close is always reachable.
-        "sticky bottom-0 z-40 flex justify-end gap-2 border-t border-border bg-background px-4 py-3 sm:px-6",
-        className
-      ),
-      children
-    }
-  );
-}
-
-// src/files/grid/row-density.ts
-var LINE_PX = 14 * 1.35;
-var CHROME = 18;
-var MIN_LINES = 1;
-var MAX_LINES = 10;
-var rowHeightForLines = (lines) => Math.ceil(lines * LINE_PX + CHROME);
-var linesForRowHeight = (height) => Math.max(MIN_LINES, Math.min(MAX_LINES, Math.floor((height - CHROME) / LINE_PX)));
-var ROW_MIN = rowHeightForLines(MIN_LINES);
-function RowDensityControl({
-  rowHeight,
-  onRowHeightChange,
-  testId = "documents-density"
-}) {
-  const lines = linesForRowHeight(rowHeight);
-  const setLines = (next) => onRowHeightChange(rowHeightForLines(Math.max(MIN_LINES, Math.min(MAX_LINES, next))));
-  return /* @__PURE__ */ jsxs(Tooltip, { delayDuration: 300, children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex h-7 items-center gap-1.5 rounded-md border border-input px-2 pointer-coarse:h-11", children: [
-      /* @__PURE__ */ jsx("span", { className: "hidden text-xs text-muted-foreground md:inline", children: "Rows" }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": "Shorter rows",
-          "data-testid": `${testId}-out`,
-          onClick: () => setLines(lines - 1),
-          disabled: lines <= MIN_LINES,
-          className: "flex items-center justify-center text-muted-foreground hover:text-foreground disabled:opacity-40 pointer-coarse:size-11",
-          children: /* @__PURE__ */ jsx(ListChevronsUpDown, { className: "h-4 w-4" })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Slider,
-        {
-          value: [lines],
-          min: MIN_LINES,
-          max: MAX_LINES,
-          step: 1,
-          onValueChange: ([value]) => setLines(value),
-          "aria-label": "Row height",
-          "data-testid": testId,
-          className: "w-20"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs(TooltipContent, { children: [
-      "Row height: ",
-      lines,
-      " line",
-      lines === 1 ? "" : "s"
-    ] })
-  ] });
-}
-function FolderBreadcrumb({
-  segments,
-  size = "xs"
-}) {
-  const text = size === "sm" ? "text-sm" : "text-xs";
-  return /* @__PURE__ */ jsx("span", { "data-slot": "folder-breadcrumb", className: "min-w-0 truncate", children: segments.map((part, i, arr) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-0.5", children: [
-    i > 0 && /* @__PURE__ */ jsx("span", { className: `mx-0.5 ${text} text-muted-foreground/50`, children: "/" }),
-    /* @__PURE__ */ jsx("span", { className: i < arr.length - 1 ? `${text} text-muted-foreground` : "", children: part })
-  ] }, i)) });
-}
-function FolderCell({
-  folder,
-  segments,
-  icon,
-  isEditable,
-  picker,
-  className
-}) {
-  const display = folder ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    icon ?? /* @__PURE__ */ jsx(FolderOpen, { className: "h-3.5 w-3.5 flex-none shrink-0 text-muted-foreground" }),
-    /* @__PURE__ */ jsx(FolderBreadcrumb, { segments })
-  ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
-  const title = folder || void 0;
-  if (!isEditable) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-slot": "folder-cell",
-        title,
-        className: cn("flex h-full w-full min-w-0 items-center gap-1.5 text-sm", className),
-        children: display
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "data-slot": "folder-cell",
-        title,
-        className: cn(
-          "flex h-full w-full min-w-0 cursor-pointer items-center gap-1.5 text-left text-sm hover:text-primary",
-          className
-        ),
-        children: display
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        className: "w-max min-w-[220px] max-w-[min(640px,92vw)] p-0",
-        align: "start",
-        side: "bottom",
-        sideOffset: 4,
-        children: picker
-      }
-    )
-  ] });
-}
-var FIELD_SURFACE = "rounded-md border border-input bg-muted/40 text-sm transition-colors hover:bg-background";
-function FieldValue({ tone = "default", isMono, isTruncated, children }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "field-value",
-      className: cn(
-        "text-sm",
-        tone === "strong" && "font-semibold",
-        tone === "muted" && "text-muted-foreground",
-        isMono && "font-mono",
-        isTruncated && "truncate"
-      ),
-      children
-    }
-  );
-}
-function FieldFolderSelect({ folder, picker }) {
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        "data-slot": "field-folder-select",
-        className: cn(
-          FIELD_SURFACE,
-          "flex h-9 w-full min-w-0 items-center gap-1.5 px-3 text-left hover:text-primary pointer-coarse:h-11"
-        ),
-        children: [
-          folder ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(FolderOpen, { className: "size-3.5 flex-none shrink-0 text-yellow-600" }),
-            /* @__PURE__ */ jsx(FolderBreadcrumb, { segments: folder.split("/"), size: "sm" })
-          ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" }),
-          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-auto size-3.5 shrink-0 opacity-50" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        className: "w-max min-w-[var(--radix-popover-trigger-width)] max-w-[min(640px,92vw)] p-0",
-        align: "start",
-        side: "bottom",
-        sideOffset: 4,
-        children: picker
-      }
-    )
-  ] });
-}
-function FieldFolderValue({ folder }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 text-sm", children: folder ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(FolderOpen, { className: "size-3.5 shrink-0 text-yellow-600" }),
-    /* @__PURE__ */ jsx("span", { children: folder })
-  ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" }) });
-}
-function FieldLabelsSelect({
-  options,
-  appliedIds,
-  displayedIds = appliedIds,
-  onToggle,
-  onCreate,
-  emptyText = "Click to add",
-  labels
-}) {
-  const applied = useMemo(
-    () => options.filter((o) => displayedIds.has(o.id)),
-    [options, displayedIds]
-  );
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "data-slot": "field-labels-select",
-        className: cn(
-          FIELD_SURFACE,
-          "flex min-h-9 w-full cursor-pointer items-center px-3 py-1.5 text-left pointer-coarse:min-h-11"
-        ),
-        children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-[28px] flex-wrap items-center gap-1.5", children: [
-          applied.length === 0 && /* @__PURE__ */ jsx("span", { className: "text-sm italic text-muted-foreground", children: emptyText }),
-          applied.map((o) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-sm font-medium", children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "flex size-4 shrink-0 items-center justify-center rounded border-2",
-                style: { borderColor: o.color, backgroundColor: o.color },
-                children: /* @__PURE__ */ jsx(Check, { className: "size-3 text-white", strokeWidth: 3 })
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "max-w-[280px] truncate", children: o.name })
-          ] }, o.id))
-        ] })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[360px] p-0", align: "start", side: "bottom", sideOffset: 4, children: /* @__PURE__ */ jsx(
-      LabelPickerList,
-      {
-        options,
-        appliedIds,
-        onToggle,
-        onCreate,
-        labels: { ...DEFAULT_LABEL_MULTI_SELECT_LABELS, ...labels }
-      }
-    ) })
-  ] });
-}
-function FieldNativeSelect({
-  value,
-  options,
-  onChange,
-  emptyLabel = "--",
-  ariaLabel
-}) {
-  return /* @__PURE__ */ jsxs(
-    "select",
-    {
-      value,
-      "aria-label": ariaLabel,
-      onChange: (e) => onChange(e.target.value),
-      className: "h-9 w-full rounded-md border border-input bg-muted/40 px-3 text-sm transition-colors focus:bg-background focus:outline-none focus:ring-1 focus:ring-ring pointer-coarse:h-11",
-      children: [
-        /* @__PURE__ */ jsx("option", { value: "", children: emptyLabel }),
-        options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt))
-      ]
-    }
-  );
-}
-function FieldAttribution({ avatar, date, lines }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", "data-slot": "field-attribution", children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-      avatar,
-      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: date })
-    ] }) }),
-    /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: lines.map((line, i) => /* @__PURE__ */ jsx("p", { className: "text-sm", children: line }, i)) })
-  ] }) });
-}
-function FieldWithAttribution({
-  attribution,
-  children
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "group/doctag relative", "data-slot": "field-with-attribution", children: [
-    children,
-    /* @__PURE__ */ jsx("div", { className: "absolute right-0 top-0 bg-background/90 pl-2 opacity-0 transition-opacity group-focus-within/doctag:opacity-100 group-hover/doctag:opacity-100 pointer-coarse:opacity-100", children: attribution })
-  ] });
-}
-var FilterButton = ({ params, colId }) => {
-  const [isFilterActive, setIsFilterActive] = useState(false);
-  const btnRef = useRef(null);
-  useEffect(() => {
-    const check = () => setIsFilterActive(!!params.api.getFilterModel()[colId]);
-    check();
-    params.api.addEventListener("filterChanged", check);
-    return () => {
-      if (!params.api.isDestroyed()) params.api.removeEventListener("filterChanged", check);
-    };
-  }, [params.api, colId]);
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref: btnRef,
-      role: "button",
-      "aria-label": "Filter",
-      onClick: (e) => {
-        e.stopPropagation();
-        if (btnRef.current) params.showFilter(btnRef.current);
-      },
-      className: `ag-header-icon ag-header-cell-filter-button ag-header-label-icon ${isFilterActive ? "ag-filter-active" : ""}`,
-      "aria-hidden": "false",
-      children: /* @__PURE__ */ jsx("span", { className: "ag-icon ag-icon-filter" })
-    }
-  );
-};
-var DEFAULT_FOLDER_PICKER_LABELS = {
-  none: "None",
-  removeFromFolder: "Remove from folder",
-  searchOrCreate: "Search or create...",
-  noFolders: "No folders yet",
-  create: (name) => `Create \u201C${name}\u201D`
-};
-function FolderPickerRow({
-  label,
-  icon,
-  count,
-  depth,
-  isActive,
-  muted,
-  checkbox,
-  indeterminate,
-  testId,
-  onClick
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      "data-testid": testId,
-      onClick,
-      role: checkbox ? "checkbox" : void 0,
-      "aria-checked": checkbox ? indeterminate ? "mixed" : isActive : void 0,
-      style: { paddingLeft: `${4 + depth * 14}px` },
-      className: cn(
-        // `[&:hover]:`, not `hover:`: the latter compiles behind `@media (hover: hover)`, so on a
-        // touchscreen whose PRIMARY pointer reports `hover: none` the row would never highlight
-        // even with a real mouse attached. The arbitrary selector has no media gate.
-        "flex w-full items-center gap-1 rounded-sm py-1 pr-2 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&:hover]:bg-accent pointer-coarse:min-h-11",
-        isActive && "bg-primary/10",
-        muted && !isActive && "text-muted-foreground"
-      ),
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "flex w-4 shrink-0 items-center justify-center", children: checkbox ? /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "flex size-3.5 items-center justify-center rounded-[3px] border transition-colors",
-              isActive || indeterminate ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/40"
-            ),
-            children: indeterminate ? /* @__PURE__ */ jsx(Minus, { className: "size-2.5" }) : isActive && /* @__PURE__ */ jsx(Check, { className: "size-2.5" })
-          }
-        ) : isActive && /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-primary" }) }),
-        icon,
-        label !== "" && /* @__PURE__ */ jsx("span", { className: cn("min-w-0 truncate", isActive && "font-semibold text-primary"), children: label }),
-        count !== void 0 && /* @__PURE__ */ jsx("span", { className: "ml-auto pl-2 text-sm font-semibold text-muted-foreground", children: count })
-      ]
-    }
-  );
-}
-function FolderTree({
-  nodes,
-  unfiledCount,
-  value,
-  onChange,
-  showUnfiledAlways,
-  labels
-}) {
-  const l = { ...DEFAULT_FOLDER_PICKER_LABELS, ...labels };
-  return /* @__PURE__ */ jsxs("div", { className: "max-h-[240px] overflow-y-auto", children: [
-    nodes.map((node) => /* @__PURE__ */ jsx(
-      FolderPickerRow,
-      {
-        label: node.label,
-        icon: node.icon,
-        count: node.count,
-        depth: node.depth,
-        isActive: value === node.path,
-        onClick: () => onChange(node.path)
-      },
-      node.path
-    )),
-    (unfiledCount > 0 || showUnfiledAlways) && /* @__PURE__ */ jsxs(Fragment, { children: [
-      nodes.length > 0 && /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border" }),
-      /* @__PURE__ */ jsx(
-        FolderPickerRow,
-        {
-          label: l.none,
-          count: unfiledCount,
-          depth: 0,
-          isActive: value === null,
-          muted: true,
-          onClick: () => onChange(null)
-        }
-      )
-    ] })
-  ] });
-}
-function FolderBreadcrumb2({ folder }) {
-  const parts = folder.split("/");
-  return /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: parts.map((part, i) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-0.5", children: [
-    i > 0 && /* @__PURE__ */ jsx("span", { className: "mx-0.5 text-sm text-muted-foreground/50", children: "/" }),
-    /* @__PURE__ */ jsx("span", { className: i < parts.length - 1 ? "text-sm text-muted-foreground" : "", children: part })
-  ] }, i)) });
-}
-function FolderCommandList({
-  folders,
-  value,
-  onSelect,
-  showRemove = false,
-  removeLabel,
-  placeholder,
-  autoFocus = true,
-  labels,
-  testIds
-}) {
-  const l = { ...DEFAULT_FOLDER_PICKER_LABELS, ...labels };
-  const [search, setSearch] = useState("");
-  const trimmed = search.trim();
-  const matchesExisting = folders.some((f) => f.toLowerCase() === trimmed.toLowerCase());
-  const handleCreate = useCallback(
-    (name) => {
-      const next = name.trim();
-      if (!next) return;
-      onSelect(next);
-      setSearch("");
-    },
-    [onSelect]
-  );
-  return /* @__PURE__ */ jsxs(Command, { shouldFilter: true, children: [
-    /* @__PURE__ */ jsx(
-      CommandInput,
-      {
-        placeholder: placeholder ?? l.searchOrCreate,
-        value: search,
-        onValueChange: setSearch,
-        autoFocus,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" && trimmed && !matchesExisting) {
-            e.preventDefault();
-            handleCreate(search);
-          }
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxs(CommandList, { children: [
-      /* @__PURE__ */ jsx(CommandEmpty, { children: trimmed ? /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          "data-testid": testIdOr(testIds?.create, { testId: "folder-picker-create" }),
-          onClick: () => handleCreate(search),
-          onPointerDown: (e) => e.preventDefault(),
-          className: "flex w-full cursor-pointer items-center gap-1.5 rounded px-2 py-1.5 text-left text-sm text-primary hover:bg-accent pointer-coarse:min-h-11",
-          children: [
-            /* @__PURE__ */ jsx(Plus, { className: "size-3.5 shrink-0" }),
-            l.create(trimmed)
-          ]
-        }
-      ) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: l.noFolders }) }),
-      /* @__PURE__ */ jsx(CommandGroup, { children: folders.map((folder) => /* @__PURE__ */ jsxs(
-        CommandItem,
-        {
-          value: folder,
-          "data-testid": testIdOr(testIds?.option?.(folder), {
-            testId: `folder-picker-option-${folder}`
-          }),
-          onSelect: () => onSelect(folder),
-          onPointerDown: (e) => e.preventDefault(),
-          className: "cursor-pointer text-sm",
-          children: [
-            /* @__PURE__ */ jsx(FolderOpen, { className: "mr-1.5 size-3.5 flex-none shrink-0 text-yellow-text" }),
-            /* @__PURE__ */ jsx(FolderBreadcrumb2, { folder }),
-            value === folder && /* @__PURE__ */ jsx("span", { className: "ml-auto flex-none text-sm text-primary", children: "\u2713" })
-          ]
-        },
-        folder
-      )) }),
-      trimmed && !matchesExisting && folders.length > 0 && /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsxs(
-        CommandItem,
-        {
-          value: `__create__${trimmed}`,
-          "data-testid": testIdOr(testIds?.createOption, {
-            testId: "folder-picker-create-option"
-          }),
-          onSelect: () => handleCreate(search),
-          onPointerDown: (e) => e.preventDefault(),
-          className: "cursor-pointer text-sm text-primary",
-          children: [
-            /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 size-3.5 shrink-0" }),
-            /* @__PURE__ */ jsx("span", { children: l.create(trimmed) })
-          ]
-        }
-      ) }),
-      showRemove && /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsxs(
-        CommandItem,
-        {
-          value: "__none__",
-          "data-testid": testIdOr(testIds?.remove, { testId: "folder-picker-remove" }),
-          onSelect: () => onSelect(null),
-          onPointerDown: (e) => e.preventDefault(),
-          className: "cursor-pointer text-sm text-muted-foreground",
-          children: [
-            /* @__PURE__ */ jsx(X, { className: "mr-1 size-3.5 shrink-0" }),
-            /* @__PURE__ */ jsx("span", { children: removeLabel ?? l.removeFromFolder }),
-            value === null && /* @__PURE__ */ jsx("span", { className: "ml-auto flex-none text-sm text-primary", children: "\u2713" })
-          ]
-        }
-      ) })
-    ] })
-  ] });
-}
-var DEFAULT_FOLDER_FILTER_LABELS = {
-  all: "All",
-  newFolder: "New folder"
-};
-function FolderFilterButton({
-  label,
-  icon,
-  isActive,
-  open,
-  onOpenChange,
-  allCount,
-  onSelectAll,
-  onNewFolder,
-  children,
-  className,
-  labels,
-  testId,
-  newFolderTestId
-}) {
-  const l = { ...DEFAULT_FOLDER_FILTER_LABELS, ...labels };
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "ghost",
-        size: "sm",
-        "data-slot": "folder-filter-button",
-        "data-testid": testId,
-        className: cn(
-          "h-7 shrink-0 gap-1.5 px-2 text-sm font-normal pointer-coarse:h-10",
-          isActive && "bg-accent font-medium text-accent-foreground",
-          className
-        ),
-        children: [
-          icon ?? /* @__PURE__ */ jsx(
-            FolderOpen,
-            {
-              className: cn(
-                "h-3.5 w-3.5 shrink-0 text-muted-foreground",
-                isActive && "fill-muted-foreground/30"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "max-w-[280px] truncate", children: label }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 text-foreground", strokeWidth: 2.5 })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(
-      PopoverContent,
-      {
-        className: "w-max min-w-56 max-w-[480px] p-1 shadow-lg",
-        align: "start",
-        sideOffset: 4,
-        children: [
-          onSelectAll && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              FolderPickerRow,
-              {
-                label: l.all,
-                count: allCount,
-                depth: 0,
-                isActive: !isActive,
-                onClick: onSelectAll
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border" })
-          ] }),
-          children,
-          onNewFolder && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border" }),
-            /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                onClick: onNewFolder,
-                "data-testid": testIdOr(newFolderTestId, { testId: "explorer-new-folder" }),
-                className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground pointer-coarse:min-h-11",
-                children: [
-                  /* @__PURE__ */ jsx(FolderPlus, { className: "h-3.5 w-3.5" }),
-                  l.newFolder
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-
-export { CHROME, DEFAULT_FOLDER_FILTER_LABELS, DEFAULT_FOLDER_PICKER_LABELS, FieldAttribution, FieldFolderSelect, FieldFolderValue, FieldLabelsSelect, FieldNativeSelect, FieldValue, FieldWithAttribution, FilesFilterBar, FilesModalFooter, FilesTagsButton, FilesViewCenter, FilterButton, FolderBreadcrumb, FolderCell, FolderCommandList, FolderFilterButton, FolderPickerRow, FolderTree, LINE_PX, MAX_LINES, MIN_LINES, ROW_MIN, RowDensityControl, linesForRowHeight, rowHeightForLines };
-//# sourceMappingURL=chunk-JGOST4IL.js.map
-//# sourceMappingURL=chunk-JGOST4IL.js.map