@parallelworks/ui 0.48.0 → 0.49.0

package/dist/components/OneTimeCodeInput.d.ts

@@ -7,6 +7,8 @@ export interface OneTimeCodeInputProps extends Omit<OTPField.Root.Props, 'classN
     size?: FieldBoxSize | undefined;
     'aria-invalid'?: boolean | undefined;
     'aria-required'?: boolean | undefined;
+    /** Focuses the first box on mount, for a page or dialog whose only task is entering the code. */
+    autoFocus?: boolean | undefined;
     /** On the row of boxes: its margin or gap. */
     className?: string | undefined;
 }
@@ -20,4 +22,4 @@ export interface OneTimeCodeInputProps extends Omit<OTPField.Root.Props, 'classN
  * Name it with a Field or a `<label>` for its `id`, which is the first box's, or with
  * `aria-label`.
  */
-export declare function OneTimeCodeInput({ length, size, className, 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, ...rootProps }: OneTimeCodeInputProps): import("react").JSX.Element;
+export declare function OneTimeCodeInput({ length, size, className, 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, autoFocus, ...rootProps }: OneTimeCodeInputProps): import("react").JSX.Element;

package/dist/components/OneTimeCodeInput.js

@@ -15,7 +15,7 @@ import { OTPField } from "@base-ui/react/otp-field";
 * Name it with a Field or a `<label>` for its `id`, which is the first box's, or with
 * `aria-label`.
 */
-function OneTimeCodeInput({ length = 6, size = "md", className, "aria-label": ariaLabel, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, ...rootProps }) {
+function OneTimeCodeInput({ length = 6, size = "md", className, "aria-label": ariaLabel, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, autoFocus, ...rootProps }) {
 	const t = useStrings().oneTimeCode;
 	const labelId = useId();
 	return /* @__PURE__ */ jsxs(OTPField.Root, {
@@ -31,6 +31,7 @@ function OneTimeCodeInput({ length = 6, size = "md", className, "aria-label": ar
 			...index > 0 ? { "aria-label": t.character(index + 1, length) } : ariaLabel ? { "aria-labelledby": labelId } : {},
 			...ariaInvalid && { "aria-invalid": true },
 			...ariaRequired && { "aria-required": true },
+			autoFocus: autoFocus && index === 0,
 			className: cx(fieldBox({ size }), "px-0 text-center font-mono tabular-nums", size === "sm" ? "w-7" : "w-9 text-base")
 		}, index))]
 	});

package/dist/editor/workers.js

@@ -2,12 +2,12 @@
 var monacoEnvironment = { getWorker(_moduleId, label) {
 	if (label === "json") return new Worker(new URL(
 		/* @vite-ignore */
-		new URL("../assets/json.worker-Dqgjpq9F.js", import.meta.url).href,
+		new URL("../assets/json.worker-BKkHJbNB.js", import.meta.url).href,
 		"" + import.meta.url
 	), { type: "module" });
 	return new Worker(new URL(
 		/* @vite-ignore */
-		new URL("../assets/editor.worker-DfmPPyOL.js", import.meta.url).href,
+		new URL("../assets/editor.worker-Cc3TfJ_-.js", import.meta.url).href,
 		"" + import.meta.url
 	), { type: "module" });
 } };
@@ -27,7 +27,7 @@ function setupMonacoWorkers() {
 function createYamlWorker() {
 	return new Worker(new URL(
 		/* @vite-ignore */
-		new URL("../assets/yaml.worker-DLx0whrM.js", import.meta.url).href,
+		new URL("../assets/yaml.worker-k9AdOqzf.js", import.meta.url).href,
 		"" + import.meta.url
 	), { type: "module" });
 }

package/dist/file-explorer/FileExplorer.js

@@ -699,7 +699,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 					}) : /* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => handleSelectTreeItem(node.path, node),
-						className: "max-w-[16rem] shrink-0 cursor-pointer truncate text-(--theme-muted-text-color) transition-colors hover:text-(--theme-app)",
+						className: "max-w-[16rem] cursor-pointer truncate text-(--theme-muted-text-color) transition-colors hover:text-(--theme-app)",
 						children: label
 					})]
 				}, node.path);
@@ -1017,7 +1017,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 						})]
 					}) : !selectedNode ? /* @__PURE__ */ jsx(NoFileSelectedPreview, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
 						/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center justify-between gap-3 px-4 h-12 shrink-0 border-b theme-border",
+							className: "@container flex items-center justify-between gap-3 px-4 h-12 shrink-0 border-b theme-border",
 							children: [renderBreadcrumb(), /* @__PURE__ */ jsxs("div", {
 								className: "flex shrink-0 items-center gap-2",
 								children: [
@@ -1064,7 +1064,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 										disabled: selectedNode.type === "file" || !selectedNode.storageId,
 										onClick: () => setCreateFolderTarget(selectedNode),
 										children: /* @__PURE__ */ jsx("span", {
-											className: "hidden md:inline",
+											className: "hidden @4xl:inline",
 											children: t.createFolder.action
 										})
 									}),
@@ -1078,7 +1078,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 										children: [
 											/* @__PURE__ */ jsx(UploadIcon, {}),
 											/* @__PURE__ */ jsx("span", {
-												className: "hidden md:inline",
+												className: "hidden @4xl:inline",
 												children: t.chrome.upload
 											}),
 											/* @__PURE__ */ jsx(ChevronDownIcon, {})
@@ -1104,7 +1104,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 										children: [
 											/* @__PURE__ */ jsx(DownloadIcon, {}),
 											/* @__PURE__ */ jsx("span", {
-												className: "hidden md:inline",
+												className: "hidden @4xl:inline",
 												children: common.download
 											}),
 											/* @__PURE__ */ jsx(ChevronDownIcon, {})
@@ -1140,7 +1140,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 										disabled: !selectedNode.storageId,
 										onClick: () => setAccessDrawerOpen(true),
 										children: /* @__PURE__ */ jsx("span", {
-											className: "hidden md:inline",
+											className: "hidden @4xl:inline",
 											children: t.chrome.manageAccess
 										})
 									}),
@@ -1152,7 +1152,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 										disabled: checkedItems.size === 0 && selectedNode.type !== "file" || !selectedNode.storageId,
 										onClick: onDeleteClick,
 										children: /* @__PURE__ */ jsx("span", {
-											className: "hidden md:inline",
+											className: "hidden @4xl:inline",
 											children: common.delete
 										})
 									})