@nexub/react 3.0.0 → 3.2.0

package/dist/{chunk-AWTSLASB.js → components/EmptyState/EmptyState.js}

@@ -1,12 +1,7 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/EmptyState/EmptyState.tsx
-import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-var Root = React.forwardRef(
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+const Root = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -20,7 +15,7 @@ var Root = React.forwardRef(
   )
 );
 Root.displayName = "EmptyState.Root";
-var Illustration = React.forwardRef(
+const Illustration = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -31,7 +26,7 @@ var Illustration = React.forwardRef(
   )
 );
 Illustration.displayName = "EmptyState.Illustration";
-var Title = React.forwardRef(
+const Title = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "h3",
     {
@@ -42,7 +37,7 @@ var Title = React.forwardRef(
   )
 );
 Title.displayName = "EmptyState.Title";
-var Description = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const Description = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -51,12 +46,11 @@ var Description = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 Description.displayName = "EmptyState.Description";
-var Actions = React.forwardRef(
+const Actions = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-2", className), ...props })
 );
 Actions.displayName = "EmptyState.Actions";
-var EmptyState = { Root, Illustration, Title, Description, Actions };
-
+const EmptyState = { Root, Illustration, Title, Description, Actions };
 export {
   EmptyState
 };

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

@@ -0,0 +1 @@
+export { EmptyState } from './EmptyState.js';

package/dist/components/EmptyState/index.js

@@ -1,8 +1,4 @@
-'use client';
-import {
-  EmptyState
-} from "../../chunk-AWTSLASB.js";
-import "../../chunk-WRVFNYO3.js";
+import { EmptyState } from "./EmptyState.js";
 export {
   EmptyState
 };

package/dist/components/ErrorState/ErrorState.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+type ErrorTone = 'error' | 'warning' | 'info';
+export interface ErrorStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description?: string;
+    tone?: ErrorTone;
+    onRetry?: () => void;
+}
+export declare const ErrorState: React.ForwardRefExoticComponent<ErrorStateProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/{chunk-NX5ZJSRU.js → components/ErrorState/ErrorState.js}

@@ -1,16 +1,10 @@
-'use client';
-import {
-  pressable
-} from "./chunk-VALIDQXU.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/ErrorState/ErrorState.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { AlertTriangle, AlertCircle, Info } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var toneConfig = {
+import { cn } from "../../utils/cn.js";
+import { pressable } from "../../utils/control.js";
+const toneConfig = {
   error: {
     icon: /* @__PURE__ */ jsx(AlertCircle, { size: "xl", "aria-hidden": "true" }),
     color: "text-[var(--color-error)]"
@@ -24,7 +18,7 @@ var toneConfig = {
     color: "text-[var(--color-info)]"
   }
 };
-var ErrorState = React.forwardRef(
+const ErrorState = React.forwardRef(
   ({ className, title, description, tone = "error", onRetry, ...props }, ref) => {
     const { icon, color } = toneConfig[tone];
     return /* @__PURE__ */ jsxs(
@@ -57,7 +51,6 @@ var ErrorState = React.forwardRef(
   }
 );
 ErrorState.displayName = "ErrorState";
-
 export {
   ErrorState
 };

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

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

package/dist/components/ErrorState/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  ErrorState
-} from "../../chunk-NX5ZJSRU.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-WRVFNYO3.js";
+import { ErrorState } from "./ErrorState.js";
 export {
   ErrorState
 };

package/dist/components/EyebrowChip/EyebrowChip.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { ToneValue } from '../Button/Button.js';
+export interface EyebrowChipProps extends React.HTMLAttributes<HTMLSpanElement> {
+    tone?: ToneValue;
+    /** `gradient`: the marketing-mode chip (@nexub/themes/marketing). Elsewhere it looks like `soft`. */
+    variant?: 'soft' | 'gradient';
+    /** A pinging "live" dot before the label (it pings only in marketing mode). Decorative. */
+    live?: boolean;
+    leadingIcon?: React.ReactNode;
+}
+export declare const EyebrowChip: React.ForwardRefExoticComponent<EyebrowChipProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/{chunk-MXXJOAWQ.js → components/EyebrowChip/EyebrowChip.js}

@@ -1,16 +1,9 @@
-'use client';
-import {
-  toneTextClasses
-} from "./chunk-GHLMHKMV.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/EyebrowChip/EyebrowChip.tsx
-import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var EyebrowChip = React.forwardRef(
-  ({ className, tone = "neutral", leadingIcon, children, ...props }, ref) => {
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { toneTextClasses } from "../../utils/control.js";
+const EyebrowChip = React.forwardRef(
+  ({ className, tone = "neutral", variant = "soft", live = false, leadingIcon, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "span",
       {
@@ -20,10 +13,12 @@ var EyebrowChip = React.forwardRef(
           "text-xs font-semibold uppercase tracking-wider select-none",
           "bg-[var(--color-surface-container-low)]",
           toneTextClasses[tone],
+          variant === "gradient" && "nx-mkt-eyebrow",
           className
         ),
         ...props,
         children: [
+          live && /* @__PURE__ */ jsx("span", { className: "nx-mkt-live-dot shrink-0", "aria-hidden": "true" }),
           leadingIcon && /* @__PURE__ */ jsx("span", { className: "shrink-0 inline-flex items-center", "aria-hidden": "true", children: leadingIcon }),
           children
         ]
@@ -32,7 +27,6 @@ var EyebrowChip = React.forwardRef(
   }
 );
 EyebrowChip.displayName = "EyebrowChip";
-
 export {
   EyebrowChip
 };

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

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

package/dist/components/EyebrowChip/index.js

@@ -1,11 +1,4 @@
-'use client';
-import {
-  EyebrowChip
-} from "../../chunk-MXXJOAWQ.js";
-import "../../chunk-GHLMHKMV.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-WRVFNYO3.js";
+import { EyebrowChip } from "./EyebrowChip.js";
 export {
   EyebrowChip
 };

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+/** Localised file size ("12.3 kB", "1,5 Mo"), 1024-based as before. */
+export declare function formatFileSize(bytes: number, locale: string): string;
+export interface FileUploadRootProps extends React.HTMLAttributes<HTMLDivElement> {
+    accept?: string[];
+    maxFiles?: number;
+    onFilesChange?: (files: File[]) => void;
+}
+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>>;
+};

package/dist/{chunk-LR6KNEKL.js → components/FileUpload/FileUpload.js}

@@ -1,27 +1,20 @@
-'use client';
-import {
-  useLocale,
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/FileUpload/FileUpload.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Upload, X } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { useLocale, useNexubMessages } from "../NexubProvider/NexubProvider.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);
 }
-var FileUploadContext = React.createContext(null);
+const FileUploadContext = React.createContext(null);
 function useFileUpload() {
   const ctx = React.useContext(FileUploadContext);
   if (!ctx) throw new Error("FileUpload parts must be used inside FileUpload.Root");
   return ctx;
 }
-var Root = React.forwardRef(
+const Root = React.forwardRef(
   ({ className, accept, maxFiles, onFilesChange, children, ...props }, ref) => {
     const [files, setFiles] = React.useState([]);
     const [isDragging, setIsDragging] = React.useState(false);
@@ -53,7 +46,7 @@ var Root = React.forwardRef(
   }
 );
 Root.displayName = "FileUpload.Root";
-var Dropzone = React.forwardRef(
+const Dropzone = React.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { accept, addFiles, isDragging, setIsDragging } = useFileUpload();
     const messages = useNexubMessages();
@@ -114,7 +107,7 @@ var Dropzone = React.forwardRef(
   }
 );
 Dropzone.displayName = "FileUpload.Dropzone";
-var List = React.forwardRef(
+const List = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { files } = useFileUpload();
     if (files.length === 0) return null;
@@ -122,7 +115,7 @@ var List = React.forwardRef(
   }
 );
 List.displayName = "FileUpload.List";
-var Item = React.forwardRef(({ className, index, ...props }, ref) => {
+const Item = React.forwardRef(({ className, index, ...props }, ref) => {
   const { files, removeFile } = useFileUpload();
   const messages = useNexubMessages();
   const { locale } = useLocale();
@@ -156,8 +149,8 @@ var Item = React.forwardRef(({ className, index, ...props }, ref) => {
   );
 });
 Item.displayName = "FileUpload.Item";
-var FileUpload = { Root, Dropzone, List, Item };
-
+const FileUpload = { Root, Dropzone, List, Item };
 export {
-  FileUpload
+  FileUpload,
+  formatFileSize
 };

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

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

package/dist/components/FileUpload/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  FileUpload
-} from "../../chunk-LR6KNEKL.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { FileUpload } from "./FileUpload.js";
 export {
   FileUpload
 };

package/dist/components/FilterChip/FilterChip.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface FilterChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    selected?: boolean;
+    count?: number;
+    onRemove?: () => void;
+    children: React.ReactNode;
+}
+export declare const FilterChip: React.ForwardRefExoticComponent<FilterChipProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{chunk-36QSSD7I.js → components/FilterChip/FilterChip.js}

@@ -1,18 +1,10 @@
-'use client';
-import {
-  disabledText
-} from "./chunk-VALIDQXU.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/FilterChip/FilterChip.tsx
-import * as React from "react";
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-var FilterChip = React.forwardRef(
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { disabledText } from "../../utils/control.js";
+const FilterChip = React.forwardRef(
   ({ className, selected = false, count, onRemove, children, ...props }, ref) => {
     const messages = useNexubMessages();
     return /* @__PURE__ */ jsxs(
@@ -91,7 +83,6 @@ var FilterChip = React.forwardRef(
   }
 );
 FilterChip.displayName = "FilterChip";
-
 export {
   FilterChip
 };

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

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

package/dist/components/FilterChip/index.js

@@ -1,10 +1,4 @@
-'use client';
-import {
-  FilterChip
-} from "../../chunk-36QSSD7I.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { FilterChip } from "./FilterChip.js";
 export {
   FilterChip
 };

package/dist/components/Flag/Flag.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { Size } from '../../utils/control.js';
+export interface FlagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    code: string;
+    size?: Size;
+}
+export declare const Flag: React.ForwardRefExoticComponent<FlagProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/{chunk-HOQPHAGW.js → components/Flag/Flag.js}

@@ -1,20 +1,15 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Flag/Flag.tsx
-import * as React from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
 function countryCodeToEmoji(code) {
   return code.toUpperCase().split("").map((c) => String.fromCodePoint(c.charCodeAt(0) - 65 + 127462)).join("");
 }
-var sizeClass = {
+const sizeClass = {
   sm: "text-base",
   md: "text-xl",
   lg: "text-3xl"
 };
-var Flag = React.forwardRef(
+const Flag = React.forwardRef(
   ({ code, size = "md", className, ...rest }, ref) => {
     const emoji = countryCodeToEmoji(code);
     return /* @__PURE__ */ jsx(
@@ -31,7 +26,6 @@ var Flag = React.forwardRef(
   }
 );
 Flag.displayName = "Flag";
-
 export {
   Flag
 };

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

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

package/dist/components/Flag/index.js

@@ -1,9 +1,4 @@
-'use client';
-import "../../chunk-BV3U3ATL.js";
-import {
-  Flag
-} from "../../chunk-HOQPHAGW.js";
-import "../../chunk-WRVFNYO3.js";
+import { Flag } from "./Flag.js";
 export {
   Flag
 };

package/dist/components/Flex/Flex.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {
+    gap?: number | string;
+    align?: string;
+    justify?: string;
+    wrap?: boolean;
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    asChild?: boolean;
+}
+export declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-BOO4VH3M.js → components/Flex/Flex.js}

@@ -1,22 +1,15 @@
-'use client';
-import {
-  layoutProps
-} from "./chunk-VLQGQFW7.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Flex/Flex.tsx
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-var directionClass = {
+import { cn } from "../../utils/cn.js";
+import { layoutProps } from "../../utils/layout.js";
+const directionClass = {
   row: "flex-row",
   column: "flex-col",
   "row-reverse": "flex-row-reverse",
   "column-reverse": "flex-col-reverse"
 };
-var Flex = React.forwardRef(
+const Flex = React.forwardRef(
   ({
     gap,
     align,
@@ -44,7 +37,6 @@ var Flex = React.forwardRef(
   }
 );
 Flex.displayName = "Flex";
-
 export {
   Flex
 };

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

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

package/dist/components/Flex/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Flex
-} from "../../chunk-BOO4VH3M.js";
-import "../../chunk-VLQGQFW7.js";
-import "../../chunk-WRVFNYO3.js";
+import { Flex } from "./Flex.js";
 export {
   Flex
 };

package/dist/components/FormError/FormError.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export type FormErrorProps = React.HTMLAttributes<HTMLParagraphElement>;
+export declare const FormError: React.ForwardRefExoticComponent<FormErrorProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/{chunk-H2X6MSNY.js → components/FormError/FormError.js}

@@ -1,13 +1,8 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/FormError/FormError.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { AlertCircle } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var FormError = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+const FormError = React.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "p",
@@ -28,7 +23,6 @@ var FormError = React.forwardRef(
   }
 );
 FormError.displayName = "FormError";
-
 export {
   FormError
 };

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

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

package/dist/components/FormError/index.js

@@ -1,9 +1,4 @@
-'use client';
-import "../../chunk-ADO2DB6Q.js";
-import {
-  FormError
-} from "../../chunk-H2X6MSNY.js";
-import "../../chunk-WRVFNYO3.js";
+import { FormError } from "./FormError.js";
 export {
   FormError
 };

package/dist/components/FormField/FormField.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { Label } from '../Label/Label.js';
+import { HelperText } from '../HelperText/HelperText.js';
+import { FormError } from '../FormError/FormError.js';
+export interface FormFieldContextValue {
+    id: string;
+    name?: string;
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    descriptionId: string;
+    errorId: string;
+}
+export interface FormFieldRootProps extends React.HTMLAttributes<HTMLDivElement> {
+    id?: string;
+    name?: string;
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+}
+declare function FieldLabel({ className, children, ...props }: React.ComponentProps<typeof Label>): React.JSX.Element;
+declare namespace FieldLabel {
+    var displayName: string;
+}
+declare function Control({ children }: {
+    children: React.ReactElement<Record<string, unknown>>;
+}): React.ReactElement<Record<string, unknown>, string | React.JSXElementConstructor<any>>;
+declare namespace Control {
+    var displayName: string;
+}
+declare function Description({ className, children, ...props }: React.ComponentProps<typeof HelperText>): React.JSX.Element;
+declare namespace Description {
+    var displayName: string;
+}
+declare function FieldError({ className, children, ...props }: React.ComponentProps<typeof FormError>): React.JSX.Element | null;
+declare namespace FieldError {
+    var displayName: string;
+}
+export declare const FormField: {
+    Root: React.ForwardRefExoticComponent<FormFieldRootProps & React.RefAttributes<HTMLDivElement>>;
+    Label: typeof FieldLabel;
+    Control: typeof Control;
+    Description: typeof Description;
+    Error: typeof FieldError;
+};
+export {};

package/dist/{chunk-FT73REUG.js → components/FormField/FormField.js}

@@ -1,21 +1,11 @@
-'use client';
-import {
-  Label
-} from "./chunk-BM5PGGK2.js";
-import {
-  FormError
-} from "./chunk-H2X6MSNY.js";
-import {
-  HelperText
-} from "./chunk-QKGQBJ4U.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/FormField/FormField.tsx
-import * as React from "react";
+"use client";
 import { jsx } from "react/jsx-runtime";
-var FormFieldContext = React.createContext(null);
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { Label } from "../Label/Label.js";
+import { HelperText } from "../HelperText/HelperText.js";
+import { FormError } from "../FormError/FormError.js";
+const FormFieldContext = React.createContext(null);
 function useFormField() {
   const ctx = React.useContext(FormFieldContext);
   if (!ctx) {
@@ -23,7 +13,7 @@ function useFormField() {
   }
   return ctx;
 }
-var Root = React.forwardRef(function Root2({ id: idProp, name, invalid, required, disabled, className, children, ...props }, ref) {
+const Root = React.forwardRef(function Root2({ id: idProp, name, invalid, required, disabled, className, children, ...props }, ref) {
   const generatedId = React.useId();
   const id = idProp ?? generatedId;
   const value = React.useMemo(
@@ -94,8 +84,7 @@ function FieldError({
   return /* @__PURE__ */ jsx(FormError, { id: errorId, className, ...props, children });
 }
 FieldError.displayName = "FormField.Error";
-var FormField = { Root, Label: FieldLabel, Control, Description, Error: FieldError };
-
+const FormField = { Root, Label: FieldLabel, Control, Description, Error: FieldError };
 export {
   FormField
 };

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

@@ -0,0 +1,2 @@
+export { FormField } from './FormField.js';
+export type { FormFieldRootProps, FormFieldContextValue } from './FormField.js';