@parallelworks/ui 0.48.1 → 0.49.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,6 +7,8 @@ export interface OneTimeCodeInputProps extends Omit<OTPField.Root.Props, 'classN
7
7
  size?: FieldBoxSize | undefined;
8
8
  'aria-invalid'?: boolean | undefined;
9
9
  'aria-required'?: boolean | undefined;
10
+ /** Focuses the first box on mount, for a page or dialog whose only task is entering the code. */
11
+ autoFocus?: boolean | undefined;
10
12
  /** On the row of boxes: its margin or gap. */
11
13
  className?: string | undefined;
12
14
  }
@@ -20,4 +22,4 @@ export interface OneTimeCodeInputProps extends Omit<OTPField.Root.Props, 'classN
20
22
  * Name it with a Field or a `<label>` for its `id`, which is the first box's, or with
21
23
  * `aria-label`.
22
24
  */
23
- export declare function OneTimeCodeInput({ length, size, className, 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, ...rootProps }: OneTimeCodeInputProps): import("react").JSX.Element;
25
+ export declare function OneTimeCodeInput({ length, size, className, 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, autoFocus, ...rootProps }: OneTimeCodeInputProps): import("react").JSX.Element;
@@ -15,7 +15,7 @@ import { OTPField } from "@base-ui/react/otp-field";
15
15
  * Name it with a Field or a `<label>` for its `id`, which is the first box's, or with
16
16
  * `aria-label`.
17
17
  */
18
- function OneTimeCodeInput({ length = 6, size = "md", className, "aria-label": ariaLabel, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, ...rootProps }) {
18
+ function OneTimeCodeInput({ length = 6, size = "md", className, "aria-label": ariaLabel, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, autoFocus, ...rootProps }) {
19
19
  const t = useStrings().oneTimeCode;
20
20
  const labelId = useId();
21
21
  return /* @__PURE__ */ jsxs(OTPField.Root, {
@@ -31,6 +31,7 @@ function OneTimeCodeInput({ length = 6, size = "md", className, "aria-label": ar
31
31
  ...index > 0 ? { "aria-label": t.character(index + 1, length) } : ariaLabel ? { "aria-labelledby": labelId } : {},
32
32
  ...ariaInvalid && { "aria-invalid": true },
33
33
  ...ariaRequired && { "aria-required": true },
34
+ autoFocus: autoFocus && index === 0,
34
35
  className: cx(fieldBox({ size }), "px-0 text-center font-mono tabular-nums", size === "sm" ? "w-7" : "w-9 text-base")
35
36
  }, index))]
36
37
  });
@@ -2,12 +2,12 @@
2
2
  var monacoEnvironment = { getWorker(_moduleId, label) {
3
3
  if (label === "json") return new Worker(new URL(
4
4
  /* @vite-ignore */
5
- new URL("../assets/json.worker-Dqgjpq9F.js", import.meta.url).href,
5
+ new URL("../assets/json.worker-BKkHJbNB.js", import.meta.url).href,
6
6
  "" + import.meta.url
7
7
  ), { type: "module" });
8
8
  return new Worker(new URL(
9
9
  /* @vite-ignore */
10
- new URL("../assets/editor.worker-DfmPPyOL.js", import.meta.url).href,
10
+ new URL("../assets/editor.worker-Cc3TfJ_-.js", import.meta.url).href,
11
11
  "" + import.meta.url
12
12
  ), { type: "module" });
13
13
  } };
@@ -27,7 +27,7 @@ function setupMonacoWorkers() {
27
27
  function createYamlWorker() {
28
28
  return new Worker(new URL(
29
29
  /* @vite-ignore */
30
- new URL("../assets/yaml.worker-DLx0whrM.js", import.meta.url).href,
30
+ new URL("../assets/yaml.worker-k9AdOqzf.js", import.meta.url).href,
31
31
  "" + import.meta.url
32
32
  ), { type: "module" });
33
33
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@parallelworks/ui",
3
- "version": "0.48.1",
3
+ "version": "0.49.0",
4
4
  "description": "React UI components: a theme contract, icons, brand logos, primitives, lists, forms, a job graph, a code editor, a log viewer, a file explorer and an AI chat, each on its own subpath",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -96,7 +96,7 @@
96
96
  "clsx": "^2.1.1",
97
97
  "css-tree": "^3.2.1",
98
98
  "dequal": "^2.0.3",
99
- "lucide-react": "1.48.0",
99
+ "lucide-react": "1.52.0",
100
100
  "luxon": "^3.7.2",
101
101
  "react-zoom-pan-pinch": "^4.2.0",
102
102
  "shiki": "^4.5.0",
@@ -117,11 +117,11 @@
117
117
  "@types/node": "^26.6.4",
118
118
  "@types/react": "19.3.0",
119
119
  "@types/react-dom": "19.3.0",
120
- "@vitejs/plugin-react": "^6.1.1",
121
- "jsdom": "^30.1.1",
120
+ "@vitejs/plugin-react": "^6.1.2",
121
+ "jsdom": "^30.1.2",
122
122
  "monaco-editor": "^0.57.0",
123
123
  "path-browserify": "^1.0.1",
124
- "playwright-core": "1.56.1",
124
+ "playwright-core": "1.63.0",
125
125
  "publint": "^0.3.25",
126
126
  "react": "19.3.0",
127
127
  "react-dom": "19.3.0",
@@ -130,7 +130,7 @@
130
130
  "tailwindcss": "^4.3.3",
131
131
  "typescript": "^7.0.2",
132
132
  "url": "^0.11.4",
133
- "vite": "^8.3.2",
133
+ "vite": "^8.3.3",
134
134
  "vitest": "^5.0.3",
135
135
  "yaml-language-server": "^1.24.0"
136
136
  },