@nexub/react 5.5.0 → 5.6.0

package/accessibility.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.5.0",
+  "version": "5.6.0",
   "standard": "WCAG 2.2 Level AA",
   "method": {
     "automated": "axe-core rules tagged wcag2a, wcag2aa, wcag21a, wcag21aa and wcag22aa, run on every Storybook story in light and dark on every pull request; a new violation fails the build.",
@@ -751,6 +751,19 @@
         "Under reduced motion digits change instantly."
       ]
     },
+    {
+      "slug": "otp-input",
+      "name": "OTP Input",
+      "package": "@nexub/react",
+      "automated": "pass",
+      "exceptions": [],
+      "keyboard": [
+        "Type: Fills the box and moves to the next.",
+        "Backspace: Clears the box, or the previous one when empty.",
+        "ArrowLeft / ArrowRight: Moves between boxes."
+      ],
+      "screenReader": []
+    },
     {
       "slug": "pagination",
       "name": "Pagination",

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -1,5 +1,20 @@
 import * as React from 'react';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
+export interface AlertDialogConfirmProps {
+    /** What the user must type, e.g. the resource name. Matching ignores outer spaces. */
+    text: string;
+    /** The label; defaults to "Type ‹text› to confirm". */
+    label?: React.ReactNode;
+    className?: string;
+}
+/**
+ * For critical, irreversible actions: the Action button stays disabled until
+ * `text` is typed. Place it inside AlertDialog.Content.
+ */
+declare function Confirm({ text, label, className }: AlertDialogConfirmProps): React.JSX.Element;
+declare namespace Confirm {
+    var displayName: string;
+}
 export declare const AlertDialog: {
     Root: React.FC<RadixAlertDialog.AlertDialogProps>;
     Trigger: React.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -12,4 +27,6 @@ export declare const AlertDialog: {
     Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     Action: React.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
     Cancel: React.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
+    Confirm: typeof Confirm;
 };
+export {};

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,10 +1,13 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixAlertDialog from "@radix-ui/react-alert-dialog";
 import { cn } from "../../utils/cn.js";
 import { overlaySurface, scrim } from "../../utils/surface.js";
 import { buttonVariants } from "../Button/Button.js";
+import { Input } from "../Input/Input.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+const ConfirmContext = React.createContext(null);
 const Root = RadixAlertDialog.Root;
 const Trigger = RadixAlertDialog.Trigger;
 const Portal = RadixAlertDialog.Portal;
@@ -27,7 +30,10 @@ const Overlay = React.forwardRef(
 Overlay.displayName = "AlertDialog.Overlay";
 const Content = React.forwardRef(
   function AlertDialogContent({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ jsx(
+    const [required, setRequired] = React.useState(null);
+    const [typed, setTyped] = React.useState("");
+    const confirm = React.useMemo(() => ({ required, setRequired, typed, setTyped }), [required, typed]);
+    return /* @__PURE__ */ jsx(ConfirmContext.Provider, { value: confirm, children: /* @__PURE__ */ jsx(
       RadixAlertDialog.Content,
       {
         ref,
@@ -41,7 +47,7 @@ const Content = React.forwardRef(
         ...props,
         children
       }
-    );
+    ) });
   }
 );
 Content.displayName = "AlertDialog.Content";
@@ -82,11 +88,14 @@ const Footer = React.forwardRef(
 );
 Footer.displayName = "AlertDialog.Footer";
 const Action = React.forwardRef(
-  function AlertDialogAction({ className, ...props }, ref) {
+  function AlertDialogAction({ className, disabled, ...props }, ref) {
+    const confirm = React.useContext(ConfirmContext);
+    const blocked = !!confirm?.required && confirm.typed.trim() !== confirm.required;
     return /* @__PURE__ */ jsx(
       RadixAlertDialog.Action,
       {
         ref,
+        disabled: disabled || blocked,
         className: cn(
           // The destructive confirm: same as <Button variant="destructive">.
           buttonVariants({ variant: "destructive" }),
@@ -114,6 +123,31 @@ const Cancel = React.forwardRef(
   }
 );
 Cancel.displayName = "AlertDialog.Cancel";
+function Confirm({ text, label, className }) {
+  const confirm = React.useContext(ConfirmContext);
+  const t = useNexubMessages();
+  const id = React.useId();
+  const setRequired = confirm?.setRequired;
+  React.useEffect(() => {
+    setRequired?.(text);
+    return () => setRequired?.(null);
+  }, [text, setRequired]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: id, className: "text-body-sm text-[var(--color-on-surface)]", children: label ?? t.typeToConfirm(text) }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id,
+        value: confirm?.typed ?? "",
+        onChange: (e) => confirm?.setTyped(e.target.value),
+        autoComplete: "off",
+        autoCapitalize: "off",
+        spellCheck: false
+      }
+    )
+  ] });
+}
+Confirm.displayName = "AlertDialog.Confirm";
 const AlertDialog = {
   Root,
   Trigger,
@@ -125,7 +159,8 @@ const AlertDialog = {
   Header,
   Footer,
   Action,
-  Cancel
+  Cancel,
+  Confirm
 };
 export {
   AlertDialog

package/dist/components/AlertDialog/index.d.ts

@@ -1 +1,2 @@
 export { AlertDialog } from './AlertDialog.js';
+export type { AlertDialogConfirmProps } from './AlertDialog.js';

package/dist/components/EmptyState/EmptyStatePreset.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { NexubMessages } from '@nexub/core';
+export type EmptyStateKind = keyof NexubMessages['emptyStates'];
+export interface EmptyStatePresetProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** noData, noResults, noAccess (403), serverError (500) or offline. */
+    kind: EmptyStateKind;
+    /** Overrides the preset's title; the description too. Both default to localised text. */
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    /** Buttons under the text, e.g. Retry or Clear filters. */
+    actions?: React.ReactNode;
+}
+/** A ready-made empty state: icon, title and description for common cases. */
+export declare const EmptyStatePreset: React.ForwardRefExoticComponent<EmptyStatePresetProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/EmptyState/EmptyStatePreset.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Inbox, Lock, Search, ServerCrash, WifiOff } from "@nexub/icons";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { EmptyState } from "./EmptyState.js";
+const presetIcon = { noData: Inbox, noResults: Search, noAccess: Lock, serverError: ServerCrash, offline: WifiOff };
+const EmptyStatePreset = React.forwardRef(
+  ({ kind, title, description, actions, ...props }, ref) => {
+    const text = useNexubMessages().emptyStates[kind];
+    const Icon = presetIcon[kind];
+    return /* @__PURE__ */ jsxs(EmptyState.Root, { ref, role: kind === "serverError" || kind === "offline" ? "alert" : void 0, ...props, children: [
+      /* @__PURE__ */ jsx(EmptyState.Illustration, { children: /* @__PURE__ */ jsx(Icon, { size: "xl", "aria-hidden": "true" }) }),
+      /* @__PURE__ */ jsx(EmptyState.Title, { children: title ?? text.title }),
+      /* @__PURE__ */ jsx(EmptyState.Description, { children: description ?? text.description }),
+      actions && /* @__PURE__ */ jsx(EmptyState.Actions, { children: actions })
+    ] });
+  }
+);
+EmptyStatePreset.displayName = "EmptyStatePreset";
+export {
+  EmptyStatePreset
+};

package/dist/components/EmptyState/index.d.ts

@@ -1 +1,3 @@
 export { EmptyState } from './EmptyState.js';
+export { EmptyStatePreset } from './EmptyStatePreset.js';
+export type { EmptyStatePresetProps, EmptyStateKind } from './EmptyStatePreset.js';

package/dist/components/EmptyState/index.js

@@ -1,4 +1,6 @@
 import { EmptyState } from "./EmptyState.js";
+import { EmptyStatePreset } from "./EmptyStatePreset.js";
 export {
-  EmptyState
+  EmptyState,
+  EmptyStatePreset
 };

package/dist/components/FileUpload/FileUpload.d.ts

@@ -20,11 +20,18 @@ export interface FileUploadRootProps extends React.HTMLAttributes<HTMLDivElement
     /** Files turned away by `accept`, `maxSize` or `maxFiles`, from the picker or a drop. */
     onReject?: (rejections: FileRejection[]) => void;
 }
+export interface FileUploadItemProps extends React.HTMLAttributes<HTMLLIElement> {
+    index: number;
+    /** Upload progress 0–100. Below 100 shows a bar and, with `onCancel`, a cancel button. Your app does the upload. */
+    progress?: number;
+    /** Stops this file's upload (e.g. AbortController.abort()); shown while `progress` is below 100. */
+    onCancel?: () => void;
+    /** Why this file failed; shown under its name. */
+    error?: string;
+}
 export declare const FileUpload: {
     Root: React.ForwardRefExoticComponent<FileUploadRootProps & React.RefAttributes<HTMLDivElement>>;
     Dropzone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     List: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
-    Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLIElement> & {
-        index: number;
-    } & React.RefAttributes<HTMLLIElement>>;
+    Item: React.ForwardRefExoticComponent<FileUploadItemProps & React.RefAttributes<HTMLLIElement>>;
 };

package/dist/components/FileUpload/FileUpload.js

@@ -4,6 +4,7 @@ import * as React from "react";
 import { Upload, X } from "@nexub/icons";
 import { cn } from "../../utils/cn.js";
 import { useLocale, useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { Progress } from "../Progress/Progress.js";
 function formatFileSize(bytes, locale) {
   const [value, unit] = bytes < 1024 ? [bytes, "byte"] : bytes < 1024 * 1024 ? [bytes / 1024, "kilobyte"] : [bytes / (1024 * 1024), "megabyte"];
   return new Intl.NumberFormat(locale, { style: "unit", unit, unitDisplay: "short", maximumFractionDigits: 1 }).format(value);
@@ -141,12 +142,14 @@ const List = React.forwardRef(
   }
 );
 List.displayName = "FileUpload.List";
-const Item = React.forwardRef(({ className, index, ...props }, ref) => {
+const Item = React.forwardRef(({ className, index, progress, onCancel, error, ...props }, ref) => {
   const { files, removeFile } = useFileUpload();
   const messages = useNexubMessages();
   const { locale } = useLocale();
   const file = files[index];
   if (!file) return null;
+  const uploading = progress !== void 0 && progress < 100;
+  const percent = Math.round(Math.max(0, Math.min(100, progress ?? 0)));
   return /* @__PURE__ */ jsxs(
     "li",
     {
@@ -159,13 +162,19 @@ const Item = React.forwardRef(({ className, index, ...props }, ref) => {
       children: [
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-[var(--color-on-surface)]", children: file.name }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--color-on-surface-muted)]", children: formatFileSize(file.size, locale) })
+          /* @__PURE__ */ jsxs("p", { className: "text-xs text-[var(--color-on-surface-muted)]", children: [
+            formatFileSize(file.size, locale),
+            uploading && ` \xB7 ${percent}%`
+          ] }),
+          uploading && /* @__PURE__ */ jsx(Progress, { value: percent, size: "sm", className: "mt-1.5", "aria-label": messages.uploadProgress(file.name, percent) }),
+          error && /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-1 text-xs text-[var(--color-error)]", children: error })
         ] }),
         /* @__PURE__ */ jsx(
           "button",
           {
-            onClick: () => removeFile(index),
-            "aria-label": messages.removeFile(file.name),
+            type: "button",
+            onClick: () => uploading && onCancel ? onCancel() : removeFile(index),
+            "aria-label": uploading && onCancel ? messages.cancelUpload(file.name) : messages.removeFile(file.name),
             className: "nx-state-layer shrink-0 rounded-full p-1 text-[var(--color-on-surface-muted)] hover:text-[var(--color-on-surface)] transition-colors",
             children: /* @__PURE__ */ jsx(X, { size: "sm", "aria-hidden": "true" })
           }

package/dist/components/FileUpload/index.d.ts

@@ -1,2 +1,2 @@
 export { FileUpload, fileAccepted } from './FileUpload.js';
-export type { FileUploadRootProps, FileRejection } from './FileUpload.js';
+export type { FileUploadRootProps, FileUploadItemProps, FileRejection } from './FileUpload.js';

package/dist/components/OTPInput/OTPInput.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export interface OTPInputProps {
+    /** Number of characters. Default 6. */
+    length?: number;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Called once every box is filled. */
+    onComplete?: (value: string) => void;
+    /** `numeric` (default) accepts digits only; `alphanumeric` accepts letters too. */
+    mode?: 'numeric' | 'alphanumeric';
+    disabled?: boolean;
+    invalid?: boolean;
+    /** Group name; defaults to "Verification code". */
+    'aria-label'?: string;
+    className?: string;
+    /** Submits with a form under this name. */
+    name?: string;
+}
+/**
+ * One box per character. Typing moves on, Backspace moves back, paste and
+ * the OS's one-time-code suggestion fill every box. The value has no gaps:
+ * focusing a box past the end jumps to the first empty one.
+ */
+export declare function OTPInput({ length, value: valueProp, defaultValue, onValueChange, onComplete, mode, disabled, invalid, 'aria-label': ariaLabel, className, name, }: OTPInputProps): React.JSX.Element;
+export declare namespace OTPInput {
+    var displayName: string;
+}

package/dist/components/OTPInput/OTPInput.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { field, fieldFocusVisible, fieldInvalid } from "../../utils/control.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { useIsomorphicLayoutEffect } from "../../hooks/useIsomorphicLayoutEffect.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+function OTPInput({
+  length = 6,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  onComplete,
+  mode = "numeric",
+  disabled,
+  invalid,
+  "aria-label": ariaLabel,
+  className,
+  name
+}) {
+  const t = useNexubMessages();
+  const [value = "", setValue] = useControllableState({
+    value: valueProp,
+    defaultValue: defaultValue ?? "",
+    onChange: onValueChange
+  });
+  const refs = React.useRef([]);
+  const filled = React.useRef(value.length);
+  useIsomorphicLayoutEffect(() => {
+    filled.current = value.length;
+  });
+  const clean = (s) => (s.match(mode === "numeric" ? /\d/g : /[a-z0-9]/gi) ?? []).join("");
+  const commit = (next) => {
+    const v = next.slice(0, length);
+    filled.current = v.length;
+    setValue(v);
+    if (v.length === length) onComplete?.(v);
+  };
+  const focus = (i) => refs.current[Math.max(0, Math.min(length - 1, i))]?.focus();
+  const writeAt = (i, chars) => {
+    commit(value.slice(0, i) + chars + value.slice(i + chars.length));
+    focus(i + chars.length);
+  };
+  return /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": ariaLabel ?? t.verificationCode, className: cn("flex gap-2", className), children: [
+    Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: (el) => {
+          refs.current[i] = el;
+        },
+        "aria-label": t.codeDigit(i + 1, length),
+        autoComplete: i === 0 ? "one-time-code" : "off",
+        inputMode: mode === "numeric" ? "numeric" : "text",
+        pattern: mode === "numeric" ? "[0-9]*" : void 0,
+        maxLength: i === 0 ? length : 2,
+        disabled,
+        "aria-invalid": invalid || void 0,
+        value: value[i] ?? "",
+        onFocus: (e) => {
+          if (i > filled.current) focus(filled.current);
+          else e.target.select();
+        },
+        onChange: (e) => {
+          const raw = clean(e.target.value);
+          const typed = raw.length === 2 && value[i] && raw.startsWith(value[i]) ? raw.slice(1) : raw;
+          if (typed) writeAt(Math.min(i, value.length), typed);
+        },
+        onPaste: (e) => {
+          const pasted = clean(e.clipboardData.getData("text"));
+          if (!pasted) return;
+          e.preventDefault();
+          writeAt(Math.min(i, value.length), pasted);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Backspace") {
+            e.preventDefault();
+            if (value[i]) commit(value.slice(0, i) + value.slice(i + 1));
+            else if (i > 0) {
+              commit(value.slice(0, i - 1) + value.slice(i));
+              focus(i - 1);
+            }
+          } else if (e.key === "ArrowLeft") {
+            e.preventDefault();
+            focus(i - 1);
+          } else if (e.key === "ArrowRight") {
+            e.preventDefault();
+            focus(i + 1);
+          }
+        },
+        className: cn(
+          field,
+          fieldFocusVisible,
+          invalid && fieldInvalid,
+          "h-12 w-10 text-center text-title-md tabular-nums",
+          "disabled:cursor-not-allowed disabled:border-[var(--color-outline-variant)] disabled:bg-[var(--color-surface-container-low)] disabled:text-[var(--color-text-disabled)]"
+        )
+      },
+      i
+    )),
+    name && /* @__PURE__ */ jsx("input", { type: "hidden", name, value })
+  ] });
+}
+OTPInput.displayName = "OTPInput";
+export {
+  OTPInput
+};

package/dist/components/OTPInput/index.d.ts

@@ -0,0 +1,2 @@
+export { OTPInput } from './OTPInput.js';
+export type { OTPInputProps } from './OTPInput.js';

package/dist/components/OTPInput/index.js

@@ -0,0 +1,4 @@
+import { OTPInput } from "./OTPInput.js";
+export {
+  OTPInput
+};

package/dist/index.d.ts

@@ -144,6 +144,7 @@ export { KeyboardShortcut } from './components/KeyboardShortcut/index.js';
 export type { KeyboardShortcutProps } from './components/KeyboardShortcut/index.js';
 export { Dialog } from './components/Dialog/index.js';
 export { AlertDialog } from './components/AlertDialog/index.js';
+export type { AlertDialogConfirmProps } from './components/AlertDialog/index.js';
 export { Popover } from './components/Popover/index.js';
 export { Tooltip } from './components/Tooltip/index.js';
 export { Provider as TooltipProvider } from './components/Tooltip/index.js';
@@ -205,11 +206,14 @@ export type { CommandPaletteRootProps } from './components/CommandPalette/index.
 export { Table } from './components/Table/index.js';
 export { DataTable } from './components/DataTable/index.js';
 export type { DataTableProps, DataTableDensity } from './components/DataTable/index.js';
-export { EmptyState } from './components/EmptyState/index.js';
+export { EmptyState, EmptyStatePreset } from './components/EmptyState/index.js';
+export type { EmptyStatePresetProps, EmptyStateKind } from './components/EmptyState/index.js';
 export { ErrorState } from './components/ErrorState/index.js';
 export type { ErrorStateProps } from './components/ErrorState/index.js';
 export { FileUpload, fileAccepted } from './components/FileUpload/index.js';
-export type { FileUploadRootProps, FileRejection } from './components/FileUpload/index.js';
+export type { FileUploadRootProps, FileUploadItemProps, FileRejection } from './components/FileUpload/index.js';
+export { OTPInput } from './components/OTPInput/index.js';
+export type { OTPInputProps } from './components/OTPInput/index.js';
 export { DatePicker } from './components/DatePicker/index.js';
 export type { DatePickerProps } from './components/DatePicker/index.js';
 export { DateRangePicker } from './components/DateRangePicker/index.js';

package/dist/index.js

@@ -116,9 +116,10 @@ import { Pagination } from "./components/Pagination/index.js";
 import { CommandPalette } from "./components/CommandPalette/index.js";
 import { Table } from "./components/Table/index.js";
 import { DataTable } from "./components/DataTable/index.js";
-import { EmptyState } from "./components/EmptyState/index.js";
+import { EmptyState, EmptyStatePreset } from "./components/EmptyState/index.js";
 import { ErrorState } from "./components/ErrorState/index.js";
 import { FileUpload, fileAccepted } from "./components/FileUpload/index.js";
+import { OTPInput } from "./components/OTPInput/index.js";
 import { DatePicker } from "./components/DatePicker/index.js";
 import { DateRangePicker } from "./components/DateRangePicker/index.js";
 import { todayIn } from "./components/DateRangePicker/index.js";
@@ -170,6 +171,7 @@ export {
   Drawer,
   DropdownMenu,
   EmptyState,
+  EmptyStatePreset,
   ErrorState,
   EyebrowChip,
   Fade,
@@ -212,6 +214,7 @@ export {
   NexubProvider,
   NumberInput,
   NumberTicker,
+  OTPInput,
   PageHeader,
   Pagination,
   PasswordInput,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/react",
-  "version": "5.5.0",
+  "version": "5.6.0",
   "description": "React component library for Nexub Design System — 90+ accessible, themeable UI components built on Radix UI primitives.",
   "type": "module",
   "license": "MIT",
@@ -81,14 +81,14 @@
     "date-fns": "^4.4.0",
     "react-day-picker": "^10.0.2",
     "tailwind-merge": "^3.7.0",
-    "@nexub/core": "5.5.0",
-    "@nexub/icons": "5.5.0"
+    "@nexub/core": "5.6.0",
+    "@nexub/icons": "5.6.0"
   },
   "peerDependencies": {
     "react": ">=19 <20",
     "react-dom": ">=19 <20",
     "@tanstack/react-virtual": "^3.14.22",
-    "@nexub/tokens": "^5.5.0"
+    "@nexub/tokens": "^5.6.0"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-virtual": {
@@ -120,8 +120,8 @@
     "vaul": "1.1.2",
     "vite": "^8.3.5",
     "vitest": "^5.0.5",
-    "@nexub/themes": "5.5.0",
-    "@nexub/tokens": "5.5.0"
+    "@nexub/themes": "5.6.0",
+    "@nexub/tokens": "5.6.0"
   },
   "scripts": {
     "build": "rm -rf dist && tsup && tsc -p tsconfig.build.json && rm -f dist/vendor/*.d.ts && node scripts/check-dts.mjs && tailwindcss -i src/styles.css -o dist/styles.css --minify && cp -R ../themes/src/fonts dist/fonts",