@powerhousedao/design-system 6.2.2-dev.4 → 6.2.2-dev.40

package/dist/{command-tFzjgzge.d.ts → command-C_iXJ_6a.d.ts}

@@ -7,7 +7,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
   ref?: React.Ref<HTMLDivElement>;
 } & {
   asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
   label?: string;
   shouldFilter?: boolean;
   filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -22,7 +22,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
   ref?: React.Ref<HTMLInputElement>;
 } & {
   asChild?: boolean;
-}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
   value?: string;
   onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & {
@@ -34,7 +34,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
   ref?: React.Ref<HTMLDivElement>;
 } & {
   asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
   label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
@@ -43,7 +43,7 @@ declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
   ref?: React.Ref<HTMLDivElement>;
 } & {
   asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
   progress?: number;
   label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -53,14 +53,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
   ref?: React.Ref<HTMLDivElement>;
 } & {
   asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
   children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
   ref?: React.Ref<HTMLDivElement>;
 } & {
   asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
   heading?: React.ReactNode;
   value?: string;
   forceMount?: boolean;
@@ -71,7 +71,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
   ref?: React.Ref<HTMLDivElement>;
 } & {
   asChild?: boolean;
-}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
   disabled?: boolean;
   onSelect?: (value: string) => void;
   value?: string;
@@ -80,4 +80,4 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { CommandItem as a, CommandInput as i, CommandEmpty as n, CommandList as o, CommandGroup as r, CommandLoading as s, Command as t };
-//# sourceMappingURL=command-tFzjgzge.d.ts.map
+//# sourceMappingURL=command-C_iXJ_6a.d.ts.map

package/dist/{command-tFzjgzge.d.ts.map → command-C_iXJ_6a.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"command-tFzjgzge.d.ts","names":[],"sources":["../src/ui/components/command/command.tsx"],"mappings":";;;cAKM,OAAA,EAAO,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;cAeP,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,KAAA,CAAA,iBAAA,CAAA,KAAA,CAAA,mBAAA,CAAA,gBAAA,GAAA,gBAAA,iBAAA,KAAA,CAAA,mBAAA,CAAA,gBAAA;;;;;;;;;;cAyCZ,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;;;cAoBX,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;;;;cAMd,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;cAMZ,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;;;;;cAgBZ,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,IAAA"}
+{"version":3,"file":"command-C_iXJ_6a.d.ts","names":[],"sources":["../src/ui/components/command/command.tsx"],"mappings":";;;cAKM,OAAA,EAAO,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;cAeP,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,KAAA,CAAA,iBAAA,CAAA,KAAA,CAAA,mBAAA,CAAA,gBAAA,GAAA,gBAAA,iBAAA,KAAA,CAAA,mBAAA,CAAA,gBAAA;;;;;;;;;;cAyCZ,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;;;cAoBX,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;;;;cAMd,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;cAMZ,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,IAAA;;;;;;;;;;;cAgBZ,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,IAAA"}

package/dist/connect/index.d.ts

@@ -1,6 +1,6 @@
 import { D as Size, F as SidebarHeader, P as SidebarFooter, S as SelectOption, T as DivProps, X as Icon, Y as Modal, _t as SUCCESS, et as IconName, ft as AppOptions, gt as MISSING, ht as INITIAL_SYNC, mt as ERROR, pt as CONFLICT, ut as SyncStatus$1, vt as SYNCING, yt as syncStatuses } from "../index--hDSfvJT.js";
 import * as react from "react";
-import React$1, { CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, HTMLAttributes, ReactNode, RefAttributes } from "react";
+import React$1, { CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, FC, HTMLAttributes, ReactNode, RefAttributes } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as _radix_ui_react_tooltip0 from "@radix-ui/react-tooltip";
 import { TooltipProps } from "@radix-ui/react-tooltip";
@@ -17,17 +17,42 @@ import { RegistryPackage, RegistryPackageList } from "@powerhousedao/shared/regi
 interface AccountPopoverProps {
   children: ReactNode;
   content: ReactNode;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
 }
 declare const AccountPopover: ({
   children,
-  content
+  content,
+  open,
+  onOpenChange
 }: AccountPopoverProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/connect/components/account-popover/account-popover-login.d.ts
+interface AccountPopoverLoginProps {
+  onLogin: (() => void) | undefined;
+}
+declare const AccountPopoverLogin: FC<AccountPopoverLoginProps>;
+//#endregion
+//#region src/connect/components/renown-login/renown-login-methods.d.ts
+interface RenownLoginOption {
+  id: string;
+  label: string;
+  onSelect: () => void;
+  lastUsed?: boolean;
+}
+interface RenownLoginMethodsProps {
+  methods: RenownLoginOption[];
+  loading?: boolean;
+  error?: string | null;
+  className?: string;
+}
+declare const RenownLoginMethods: FC<RenownLoginMethodsProps>;
+//#endregion
 //#region src/connect/components/animated-loader/animated-loader.d.ts
-type Props$12 = ComponentPropsWithoutRef<"video"> & {
+type Props$11 = ComponentPropsWithoutRef<"video"> & {
   readonly size?: Size;
 };
-declare function AnimatedLoader(props: Props$12): react_jsx_runtime0.JSX.Element;
+declare function AnimatedLoader(props: Props$11): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/connect/components/breadcrumbs/breadcrumbs.d.ts
 declare function Breadcrumbs(): react_jsx_runtime0.JSX.Element;
@@ -41,13 +66,13 @@ declare function Breadcrumb(props: BreadcrumbProps): react_jsx_runtime0.JSX.Elem
 //#endregion
 //#region src/connect/components/combobox/combobox.d.ts
 type SelectProps = ComponentPropsWithoutRef<typeof Select>;
-type Props$11 = Omit<SelectProps, "components" | "styles" | "theme"> & {
+type Props$10 = Omit<SelectProps, "components" | "styles" | "theme"> & {
   readonly addItemButtonProps?: {
     label?: ReactNode;
     onClick?: () => void;
   };
 };
-declare function Combobox(props: Props$11): react_jsx_runtime0.JSX.Element;
+declare function Combobox(props: Props$10): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/connect/components/cookie-banner/cookie-banner.d.ts
 type CookieInput = {
@@ -587,17 +612,12 @@ declare function ToolbarName(props: {
 interface DriveAuthGateProps {
   /** Visual state — `"login"` (anonymous) or `"unauthorized"` (already signed in, not the owner). Defaults to `"login"`. */
   readonly mode?: "login" | "unauthorized";
-  /** Login action; the caller wires this to Renown (e.g. `openRenown`). */
+  /** Opens the login flow (e.g. `showPHModal({ type: "login" })`); the login methods live in that modal, not here. */
   readonly onLogin?: () => void;
   /** Logout action used in `"unauthorized"` mode. */
   readonly onLogout?: () => void;
   readonly className?: string;
 }
-/**
- * Reusable "log in to access this drive" card. Used both as the content of the
- * drive-add auth modal and as the full-page gate shown when the user logs out
- * while inside a protected drive — so the two stay visually identical.
- */
 declare function DriveAuthGate(props: DriveAuthGateProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/connect/components/drop-zone/drop-zone-wrapper.d.ts
@@ -648,6 +668,10 @@ type UploadTracker = {
   duplicateType?: "id" | "name";
 };
 type OnAddFileWithProgress = (file: File, parent: Node | undefined, onProgress?: (progress: FileUploadProgress) => void, resolveConflict?: ConflictResolution) => Promise<Node | undefined> | Node | undefined;
+declare function generateId(): string;
+declare function formatFileSize(bytes: number): string;
+declare function mapProgressStageToStatus(stage: FileUploadProgress["stage"]): UploadTracker["status"];
+declare function mapUploadsToFileItems(uploadsArray: (UploadTracker | undefined)[], removeUpload: (uploadId: string) => void, setSelectedNodeFn?: (nodeOrNodeSlug: Node | string | undefined) => void, onConflictResolution?: (uploadId: string) => void): UploadFileItemProps[];
 //#endregion
 //#region src/connect/components/drop-zone/drop-zone.d.ts
 type DropZoneProps = ComponentPropsWithoutRef<"div"> & {
@@ -712,21 +736,21 @@ type EditorUndoRedoButtonsProps = {
 declare function EditorUndoRedoButtons(props: EditorUndoRedoButtonsProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/connect/components/ens-avatar/ens-avatar.d.ts
-type Props$10 = {
+type Props$9 = {
   readonly address: `0x${string}`;
   readonly chainId?: number;
   readonly avatarUrl?: string;
   readonly size?: CSSProperties["width"];
 };
-declare function ENSAvatar(props: Props$10): react_jsx_runtime0.JSX.Element;
+declare function ENSAvatar(props: Props$9): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/connect/components/file-item/file-item.d.ts
-type Props$9 = {
+type Props$8 = {
   fileNode: FileNode;
   className?: string;
   customDocumentIconSrc?: string;
 };
-declare function FileItem(props: Props$9): react_jsx_runtime0.JSX.Element;
+declare function FileItem(props: Props$8): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/connect/components/folder-item/folder-item.d.ts
 declare function FolderItem(props: {
@@ -895,6 +919,24 @@ type CreateDocumentModalProps = ComponentPropsWithoutRef<typeof Modal> & {
 };
 declare function CreateDocumentModal(props: CreateDocumentModalProps): react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/connect/components/modal/create-document-with-type-modal.d.ts
+type DocumentTypeOption = {
+  readonly documentType: string;
+  readonly name: string;
+  readonly version?: number;
+  readonly description?: string;
+};
+type CreateDocumentWithTypeModalProps = ComponentPropsWithoutRef<typeof Modal> & {
+  readonly documentTypes: readonly DocumentTypeOption[];
+  readonly onCreate: (input: {
+    name: string;
+    documentType: string;
+    version?: number;
+  }) => void;
+  readonly onTypeSelected?: (documentType: string) => void;
+};
+declare function CreateDocumentWithTypeModal(props: CreateDocumentWithTypeModalProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/connect/components/modal/delete-drive-modal.d.ts
 interface ConnectDeleteDriveModalProps extends ConfirmationModalProps {
   readonly inputPlaceholder: string;
@@ -1079,6 +1121,11 @@ type PackageInstallModalProps = ComponentPropsWithoutRef<typeof Modal> & {
 };
 declare function PackageInstallModal(props: PackageInstallModalProps): react_jsx_runtime0.JSX.Element | null;
 //#endregion
+//#region src/connect/components/modal/modal-button.d.ts
+declare function ModalButton(props: ComponentProps<"button"> & {
+  variant: "confirm" | "cancel";
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/connect/components/modal/read-required-modal.d.ts
 type ModalProps$1 = ComponentPropsWithoutRef<typeof Modal>;
 type ReadRequiredModalProps = {
@@ -1110,11 +1157,11 @@ type ConnectReplaceDuplicateModalProps = {
 declare function ConnectReplaceDuplicateModal(props: ConnectReplaceDuplicateModalProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/connect/components/modal/settings-modal-v2/about.d.ts
-type Props$8 = {
+type Props$7 = {
   packageJson: unknown;
   phCliVersion?: string;
 };
-declare function About(props: Props$8): react_jsx_runtime0.JSX.Element;
+declare function About(props: Props$7): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/connect/components/modal/settings-modal-v2/danger-zone.d.ts
 type ModifyDrivesProps = {
@@ -1126,57 +1173,161 @@ type LocalStorageProps = {
   onClearStorage: () => void | Promise<void>;
   className?: string;
 };
-type Props$7 = ModifyDrivesProps & LocalStorageProps;
-declare function DangerZone(props: Props$7): react_jsx_runtime0.JSX.Element;
+type Props$6 = ModifyDrivesProps & LocalStorageProps;
+declare function DangerZone(props: Props$6): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/connect/components/modal/settings-modal-v2/default-editor.d.ts
-type Props$6 = {
+type Props$5 = {
   documentModelEditor: string;
   setDocumentModelEditor: (value: string) => void;
   documentModelEditorOptions: SelectOption[];
   className?: string;
 };
-declare function DefaultEditor(props: Props$6): react_jsx_runtime0.JSX.Element;
-declare function DefaultEditorSelect(props: Props$6): react_jsx_runtime0.JSX.Element;
+declare function DefaultEditor(props: Props$5): react_jsx_runtime0.JSX.Element;
+declare function DefaultEditorSelect(props: Props$5): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/connect/components/modal/settings-modal-v2/package-manager/available-packages-panel.d.ts
+type AvailablePackagesPanelProps = {
+  /**
+   * status: available | dismissed. In server-search mode these are already
+   * filtered by the registry; otherwise they're filtered client-side here.
+   */
+  packages: RegistryPackageList;
+  /**
+   * Bare names of installed packages — suppresses the npm-fallback row for
+   * packages the user already has (they live on the Installed tab).
+   */
+  installedNames: string[];
+  query: string;
+  onQueryChange: (query: string) => void;
+  /**
+   * When true, `packages` is already server-filtered for `query` — skip the
+   * client-side `filterPackages`. Set by the connect layer once the paginated
+   * search endpoint is wired.
+   */
+  serverSearch?: boolean; /** true while the first page / a new search is loading. */
+  isLoading?: boolean; /** true while an additional page is being appended (infinite scroll). */
+  isLoadingMore?: boolean; /** more pages exist on the server. */
+  hasMore?: boolean; /** request the next page (infinite scroll). */
+  onLoadMore?: () => void;
+  /**
+   * Registry fetch failed. Presence-only — the panel never surfaces raw API
+   * messages; see `PackageRegistryError` for the user-facing copy.
+   */
+  error?: boolean; /** retry the current fetch after an error. */
+  onRetry?: () => void;
+  mutable: boolean;
+  onInstall: (packageSpec: string) => Promise<void>;
+  onUninstall: (packageName: string) => void;
+  disabled?: boolean;
+};
+declare const AvailablePackagesPanel: React.FC<AvailablePackagesPanelProps>;
 //#endregion
-//#region src/connect/components/modal/settings-modal-v2/package-manager/package-manager-input.d.ts
-type PackageManagerInputProps = {
-  registryPackageList: RegistryPackageList;
+//#region src/connect/components/modal/settings-modal-v2/package-manager/installed-packages-panel.d.ts
+type InstalledPackagesPanelProps = {
+  /** status: local-install | registry-install */packages: RegistryPackageList;
+  query: string;
+  onQueryChange: (query: string) => void;
   onInstall: (packageSpec: string) => Promise<void>;
+  onUninstall: (packageName: string) => void;
   disabled?: boolean;
-  className?: string;
 };
-declare const PackageManagerInput: React.FC<PackageManagerInputProps>;
+declare const InstalledPackagesPanel: React.FC<InstalledPackagesPanelProps>;
 //#endregion
 //#region src/connect/components/modal/settings-modal-v2/package-manager/package-manager-list.d.ts
 declare const PackageManagerListItem: (props: {
   registryPackage: RegistryPackage;
   onInstall: (packageSpec: string) => Promise<void>;
   onUninstall: (packageName: string) => void;
+  /**
+   * Tag/version typed in the search query (`pkg@dev`) — preselects the
+   * matching entry in the version picker.
+   */
+  preferredTag?: string;
   className?: string;
 }) => react_jsx_runtime0.JSX.Element;
-declare const PackageManagerList: (props: {
-  registryPackageList: RegistryPackageList;
+/**
+ * Scroll region shared by both Package Manager tab panels. Fills the space
+ * the panel gives it and scrolls its overflow. This works because the tab
+ * panel sits inside the settings content card, which has a bounded height
+ * (`m-6 ... h-full flex-1 overflow-hidden`); the flex chain down to here is
+ * unbroken (`min-h-0` + `flex-1`/`h-full` at every level), so no
+ * viewport-measuring hack is needed.
+ */
+declare const PackagePanelScrollArea: React.FC<{
+  children: ReactNode;
+  className?: string;
+  /**
+   * Called when the bottom sentinel scrolls into view (infinite scroll). Only
+   * observed while a handler is provided — pass `undefined` to stop paging.
+   */
+  onReachEnd?: () => void;
+}>;
+declare const PackageSubSection: React.FC<{
+  title: string;
+  count: number;
+  children: ReactNode;
+}>;
+declare const PackageList: React.FC<{
+  packages: RegistryPackageList;
   onInstall: (packageSpec: string) => Promise<void>;
   onUninstall: (packageName: string) => void;
-  className?: string;
-}) => react_jsx_runtime0.JSX.Element;
+  preferredTag?: string;
+}>;
 //#endregion
 //#region src/connect/components/modal/settings-modal-v2/package-manager/package-manager.d.ts
-type Props$5 = {
-  registryPackageList: RegistryPackageList;
+type PackageManagerProps = {
+  /** status: local-install | registry-install */installedPackages: RegistryPackageList; /** status: available | dismissed (dismissed grouped at the bottom) */
+  availablePackages: RegistryPackageList; /** true while the first page / a new search is loading. */
+  isAvailableLoading?: boolean; /** true while an additional page is being appended (infinite scroll). */
+  isLoadingMoreAvailable?: boolean; /** more Available pages exist on the server. */
+  hasMoreAvailable?: boolean; /** request the next Available page (infinite scroll). */
+  onLoadMoreAvailable?: () => void;
+  /**
+   * Registry Available fetch failed. Presence-only — never pass raw API
+   * messages; the panel renders friendly copy via `PackageRegistryError`.
+   */
+  availableError?: boolean; /** retry the Available fetch after an error. */
+  onAvailableRetry?: () => void;
+  /**
+   * When provided, Available search is delegated to the server (the panel
+   * skips client-side filtering). Called with the query on every keystroke.
+   */
+  onAvailableSearchChange?: (query: string) => void;
   mutable: boolean;
   /**
    * Install handler. The argument is the full spec the user chose — either
    * the bare package name, or `name@tag` / `name@version` when they typed
-   * a suffix in the search input or picked one via the filter UI.
+   * a suffix in the search input or picked one via the version picker.
    */
   onInstall: (packageSpec: string) => Promise<void>;
   onUninstall: (packageName: string) => void;
+  /**
+   * Fired on every activation of the Available tab (including an initial
+   * `initialTab="available"` mount). The caller dedupes — this is what
+   * makes the registry fetch lazy.
+   */
+  onAvailableTabOpen?: () => void; /** default "installed"; used by stories/tests */
+  initialTab?: "installed" | "available";
   disabled?: boolean;
   className?: string;
 };
-declare const PackageManager: React.FC<Props$5>;
+declare const PackageManager: React.FC<PackageManagerProps>;
+//#endregion
+//#region src/connect/components/modal/settings-modal-v2/package-manager/package-registry-error.d.ts
+type PackageRegistryErrorProps = {
+  /**
+   * `empty` — first load / search failed with nothing to show.
+   * `refresh` — a later fetch failed but previously loaded packages remain.
+   */
+  variant: "empty" | "refresh";
+  onRetry?: () => void;
+};
+/**
+ * Friendly registry-error banner. Never surfaces raw API / network messages —
+ * those stay in the console for debugging.
+ */
+declare const PackageRegistryError: React.FC<PackageRegistryErrorProps>;
 //#endregion
 //#region src/connect/components/modal/settings-modal-v2/package-manager/types.d.ts
 interface RegistryOption {
@@ -1302,7 +1453,8 @@ type ConnectSelectProps<TValue extends string> = {
   menuClassName?: string;
   itemClassName?: string;
   borderRadius?: CSSProperties["borderRadius"];
-  absolutePositionMenu?: boolean;
+  absolutePositionMenu?: boolean; /** Applied to the expanded options list, e.g. to cap its height and make it scrollable. */
+  listClassName?: string;
 };
 declare const ConnectSelect: <TValue extends string>(props: ConnectSelectProps<TValue> & RefAttributes<HTMLDivElement>) => ReactNode;
 //#endregion
@@ -1382,7 +1534,13 @@ declare function SyncStatusIcon(props: SyncStatusIconProps): react_jsx_runtime0.
 //#region src/connect/components/tabs/tab-content.d.ts
 type TabContentProps = {
   readonly label: ReactNode;
-  readonly description: ReactNode;
+  /**
+   * Stable tab value. Required when `label` is not a plain string (e.g. it
+   * embeds a changing count) — Radix derives aria ids from it. Falls back to
+   * the slugified label.
+   */
+  readonly value?: string;
+  readonly description?: ReactNode;
   readonly children: ReactNode;
   readonly disabled?: boolean;
 };
@@ -1391,10 +1549,14 @@ declare function TabContent(props: TabContentProps): react_jsx_runtime0.JSX.Elem
 //#region src/connect/components/tabs/tabs.d.ts
 declare function Tabs({
   children,
-  defaultValue
+  defaultValue,
+  onValueChange,
+  listClassName
 }: {
   children: React$1.ReactNode;
   defaultValue: string;
+  onValueChange?: (value: string) => void; /** Applied to the tab list row (not the panel content). */
+  listClassName?: string;
 }): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/connect/components/theme-switch.d.ts
@@ -1579,5 +1741,5 @@ declare const sortFilesByStatus: (files: FileStatus[]) => FileStatus[];
  */
 declare const removeSuccessFiles: (files: FileStatus[]) => FileStatus[];
 //#endregion
-export { About, AccountPopover, AccountPopoverProps, AddDriveModal, AddDriveModalProps, AddLocalDriveForm, AddPublicDriveFormProps, AddRemoteDriveForm, AddRemoteDriveInput, AnimatedLoader, AppOptions, Breadcrumb, BreadcrumbProps, Breadcrumbs, CONFLICT, ChannelInspector, ChannelInspectorProps, type ColumnInfo, Combobox, ConfirmationModalProps, ConnectConfirmationModal, ConnectDeleteDriveModal, ConnectDeleteDriveModalProps, ConnectDeleteItemModal, ConnectDeleteItemModalProps, ConnectDropdownMenu, ConnectDropdownMenuItem, ConnectDropdownMenuProps, ConnectReplaceDuplicateModal, ConnectReplaceDuplicateModalProps, ConnectSearchBar, ConnectSearchBarProps, ConnectSelect, ConnectSelectItem, ConnectSelectProps, ConnectSidebar, ConnectSidebarFooter, ConnectSidebarFooterProps, ConnectSidebarHeader, ConnectSidebarHeaderProps, ConnectSidebarProps, ConnectTooltip, ConnectTooltipProvider, ConnectUpgradeDriveModal, ConnectUpgradeDriveModalProps, ConnectionStateBadge, ConnectionStateBadgeProps, ConnectionStateSummary, type ContainerComponent, type ControlPosition, type ControlSlot, CookieBanner, CookieBannerProps, CookieInput, CreateDocumentModal, CreateDocumentModalProps, type CustomToolbarControl, type CustomToolbarControlList, type CustomToolbarControls, DBExplorer, DBExplorerProps, DangerZone, DbClient, DebugInspector, DebugInspectorProps, DefaultEditor, DefaultEditorLoader, DefaultEditorSelect, DependencyVersions, Disclosure, Divider, DocumentStateViewer, DocumentTimeline, DocumentTimelineProps, DocumentToolbar, type DocumentToolbarControlName, type DocumentToolbarProps, type DocumentToolbarWithChildrenProps, type DocumentToolbarWithCustomControlsProps, DriveAuthGate, DriveAuthGateProps, DriveSettingsModal, DriveSettingsModalProps, DropZone, DropZoneProps, DropZoneWrapper, ENSAvatar, ERROR, EditorActionButtons, EditorActionButtonsProps, EditorUndoRedoButtons, EditorUndoRedoButtonsProps, FileItem, FileStatus, type FilterClause, type FilterGroup, type FilterOperator, FolderItem, Footer, FooterLink, FormInput, FormattedJsonViewer, GetTableRowsOptions, HomeBackgroundImage, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, INITIAL_SYNC, InspectorModal, InspectorModalProps, InspectorTab, InspectorUnavailableTabs, IntegrityInspector, IntegrityInspectorProps, LoadingScreen, LoadingScreenProps, LogoAnimation, MISSING, NodeInput, ObjectInspectorModal, ObjectInspectorModalProps, PackageInstallModal, PackageInstallModalProps, PackageManager, PackageManagerInput, PackageManagerInputProps, PackageManagerList, PackageManagerListItem, PendingPackageInstallation, PgVersionControl, ProcessorInfo, ProcessorsInspector, ProcessorsInspectorProps, QueueInspector, QueueInspectorProps, QueueState, ReadRequiredModal, ReadRequiredModalProps, RegistryOption, RegistryStatus, RemotesInspector, RemotesInspectorProps, RevisionHistory, SUCCESS, SYNCING, SettingsModal, SettingsTab, SidebarAddDriveItem, SidebarItem, SidebarLogin, SidebarLoginProps, SidebarUser, SidebarUserProps, type SortOptions, SyncStatusIcon, SyncStatusIconProps, TabContent, TabContentProps, type TableInfo, TablePage, Tabs, ThemeSwitch, TimelineBarItem, TimelineDividerItem, TimelineItem, Toggle, ToolbarButton, type ToolbarButtonClickHandler, type ToolbarButtonProps, ToolbarCloseButton, ToolbarContainer, type ToolbarControlComponent, type ToolbarControlComponents, ToolbarControlsContainer, ToolbarDownloadButton, ToolbarHistoryButton, ToolbarInput, ToolbarName, ToolbarRedoButton, ToolbarSwitchboardButton, ToolbarUndoButton, UploadFileItem, UploadFileItemProps, UploadFileItemStatus, UploadFileList, UploadFileListContainer, UploadFileListContainerProps, UploadFileListProps, WorkerInfo, WorkerInspector, WorkerInspectorProps, debugNodeOptions, debugNodeOptionsMap, defaultDriveOptions, defaultNodeOptions, fileNodeDropdownOptions, folderNodeDropdownOptions, formatEthAddress, getFolderStatus, locationInfoByLocation, nodeOptions, normalNodeOptions, removeSuccessFiles, sharingTypeOptions, sortFilesByStatus, syncStatuses, useEns, verifyPackageJsonFields };
+export { About, AccountPopover, AccountPopoverLogin, AccountPopoverLoginProps, AccountPopoverProps, AddDriveModal, AddDriveModalProps, AddLocalDriveForm, AddPublicDriveFormProps, AddRemoteDriveForm, AddRemoteDriveInput, AnimatedLoader, AppOptions, AvailablePackagesPanel, AvailablePackagesPanelProps, Breadcrumb, BreadcrumbProps, Breadcrumbs, CONFLICT, ChannelInspector, ChannelInspectorProps, type ColumnInfo, Combobox, ConfirmationModalProps, ConnectConfirmationModal, ConnectDeleteDriveModal, ConnectDeleteDriveModalProps, ConnectDeleteItemModal, ConnectDeleteItemModalProps, ConnectDropdownMenu, ConnectDropdownMenuItem, ConnectDropdownMenuProps, ConnectReplaceDuplicateModal, ConnectReplaceDuplicateModalProps, ConnectSearchBar, ConnectSearchBarProps, ConnectSelect, ConnectSelectItem, ConnectSelectProps, ConnectSidebar, ConnectSidebarFooter, ConnectSidebarFooterProps, ConnectSidebarHeader, ConnectSidebarHeaderProps, ConnectSidebarProps, ConnectTooltip, ConnectTooltipProvider, ConnectUpgradeDriveModal, ConnectUpgradeDriveModalProps, ConnectionStateBadge, ConnectionStateBadgeProps, ConnectionStateSummary, type ContainerComponent, type ControlPosition, type ControlSlot, CookieBanner, CookieBannerProps, CookieInput, CreateDocumentModal, CreateDocumentModalProps, CreateDocumentWithTypeModal, CreateDocumentWithTypeModalProps, type CustomToolbarControl, type CustomToolbarControlList, type CustomToolbarControls, DBExplorer, DBExplorerProps, DangerZone, DbClient, DebugInspector, DebugInspectorProps, DefaultEditor, DefaultEditorLoader, DefaultEditorSelect, DependencyVersions, Disclosure, Divider, DocumentStateViewer, DocumentTimeline, DocumentTimelineProps, DocumentToolbar, type DocumentToolbarControlName, type DocumentToolbarProps, type DocumentToolbarWithChildrenProps, type DocumentToolbarWithCustomControlsProps, DocumentTypeOption, DriveAuthGate, DriveAuthGateProps, DriveSettingsModal, DriveSettingsModalProps, DropZone, DropZoneProps, DropZoneWrapper, ENSAvatar, ERROR, EditorActionButtons, EditorActionButtonsProps, EditorUndoRedoButtons, EditorUndoRedoButtonsProps, FileItem, FileStatus, type FilterClause, type FilterGroup, type FilterOperator, FolderItem, Footer, FooterLink, FormInput, FormattedJsonViewer, GetTableRowsOptions, HomeBackgroundImage, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, INITIAL_SYNC, InspectorModal, InspectorModalProps, InspectorTab, InspectorUnavailableTabs, InstalledPackagesPanel, InstalledPackagesPanelProps, IntegrityInspector, IntegrityInspectorProps, LoadingScreen, LoadingScreenProps, LogoAnimation, MISSING, ModalButton, NodeInput, ObjectInspectorModal, ObjectInspectorModalProps, OnAddFileWithProgress, PackageInstallModal, PackageInstallModalProps, PackageList, PackageManager, PackageManagerListItem, PackageManagerProps, PackagePanelScrollArea, PackageRegistryError, PackageRegistryErrorProps, PackageSubSection, PendingPackageInstallation, PgVersionControl, ProcessorInfo, ProcessorsInspector, ProcessorsInspectorProps, QueueInspector, QueueInspectorProps, QueueState, ReadRequiredModal, ReadRequiredModalProps, RegistryOption, RegistryStatus, RemotesInspector, RemotesInspectorProps, RenownLoginMethods, RenownLoginMethodsProps, RenownLoginOption, RevisionHistory, SUCCESS, SYNCING, SettingsModal, SettingsTab, SidebarAddDriveItem, SidebarItem, SidebarLogin, SidebarLoginProps, SidebarUser, SidebarUserProps, type SortOptions, SyncStatusIcon, SyncStatusIconProps, TabContent, TabContentProps, type TableInfo, TablePage, Tabs, ThemeSwitch, TimelineBarItem, TimelineDividerItem, TimelineItem, Toggle, ToolbarButton, type ToolbarButtonClickHandler, type ToolbarButtonProps, ToolbarCloseButton, ToolbarContainer, type ToolbarControlComponent, type ToolbarControlComponents, ToolbarControlsContainer, ToolbarDownloadButton, ToolbarHistoryButton, ToolbarInput, ToolbarName, ToolbarRedoButton, ToolbarSwitchboardButton, ToolbarUndoButton, UploadFileItem, UploadFileItemProps, UploadFileItemStatus, UploadFileList, UploadFileListContainer, UploadFileListContainerProps, UploadFileListProps, UploadTracker, WorkerInfo, WorkerInspector, WorkerInspectorProps, debugNodeOptions, debugNodeOptionsMap, defaultDriveOptions, defaultNodeOptions, fileNodeDropdownOptions, folderNodeDropdownOptions, formatEthAddress, formatFileSize, generateId, getFolderStatus, locationInfoByLocation, mapProgressStageToStatus, mapUploadsToFileItems, nodeOptions, normalNodeOptions, removeSuccessFiles, sharingTypeOptions, sortFilesByStatus, syncStatuses, useEns, verifyPackageJsonFields };
 //# sourceMappingURL=index.d.ts.map