@moduix/react-tailwind 1.0.0

package/dist/components/drawer/Drawer.d.ts

@@ -0,0 +1,40 @@
+import { Drawer as DrawerPrimitive, useDrawer, useDrawerContext, useDrawerStackContext } from '@ark-ui/react/drawer';
+import { type HTMLArkProps } from '@ark-ui/react/factory';
+import type { ComponentProps } from 'react';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type DrawerVariant = 'island';
+type DrawerRootProps = ComponentProps<typeof DrawerPrimitive.Root> & OverlayPortalProps & {
+    variant?: DrawerVariant;
+};
+type DrawerRootProviderProps = ComponentProps<typeof DrawerPrimitive.RootProvider> & OverlayPortalProps;
+type DrawerContentProps = ComponentProps<typeof DrawerPrimitive.Content> & {
+    variant?: 'island';
+};
+declare function DrawerRoot({ lazyMount, portalled, portalRef, unmountOnExit, variant, swipeDirection, snapPoints, defaultSnapPoint, ...props }: DrawerRootProps): import("react").JSX.Element;
+declare function DrawerRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: DrawerRootProviderProps): import("react").JSX.Element;
+declare function DrawerHeader({ className, ...props }: HTMLArkProps<'div'>): import("react").JSX.Element;
+declare function DrawerBody({ className, ...props }: HTMLArkProps<'div'>): import("react").JSX.Element;
+declare function DrawerFooter({ className, ...props }: HTMLArkProps<'div'>): import("react").JSX.Element;
+declare const Drawer: typeof DrawerRoot & {
+    Root: typeof DrawerRoot;
+    RootProvider: typeof DrawerRootProvider;
+    Context: (props: DrawerPrimitive.ContextProps) => import("react").ReactNode;
+    Stack: (props: DrawerPrimitive.StackProps) => import("react").JSX.Element;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Backdrop: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.BackdropProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<DrawerContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Grabber: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.GrabberProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    GrabberIndicator: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.GrabberIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.TitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    CloseTrigger: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    CloseIcon: import("react").ForwardRefExoticComponent<Omit<Omit<DrawerPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "asChild">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    SwipeArea: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.SwipeAreaProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Indent: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.IndentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    IndentBackground: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.IndentBackgroundProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: typeof DrawerHeader;
+    Body: typeof DrawerBody;
+    Footer: typeof DrawerFooter;
+};
+export { Drawer, useDrawer, useDrawerContext, useDrawerStackContext };

package/dist/components/drawer/Drawer.js

@@ -0,0 +1,202 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Drawer, useDrawer, useDrawerContext, useDrawerStackContext } from "@ark-ui/react/drawer";
+import { ark } from "@ark-ui/react/factory";
+import { createContext, forwardRef, useContext } from "react";
+import { cn } from "../../internal/cn.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import { CloseButton } from "../close-button/index.js";
+const DEFAULT_CLOSE_BUTTON_LABEL = 'Close drawer';
+const DrawerVariantContext = /*#__PURE__*/ createContext(void 0);
+function DrawerRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, variant, swipeDirection, snapPoints, defaultSnapPoint, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(DrawerVariantContext.Provider, {
+            value: variant,
+            children: /*#__PURE__*/ jsx(Drawer.Root, {
+                ...props,
+                lazyMount: lazyMount,
+                unmountOnExit: unmountOnExit,
+                swipeDirection: swipeDirection,
+                snapPoints: snapPoints ?? ('island' === variant ? [
+                    1
+                ] : void 0),
+                defaultSnapPoint: void 0 !== defaultSnapPoint ? defaultSnapPoint : 'island' === variant ? 1 : void 0
+            })
+        })
+    });
+}
+function DrawerRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Drawer.RootProvider, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+}
+const DrawerStack = Drawer.Stack;
+const Drawer_DrawerTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.Trigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "drawer-trigger",
+        className: cn(!asChild && 'box-border inline-flex min-h-control-md cursor-pointer items-center justify-center rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground transition-[background-color,border-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 motion-reduce:transition-none [@media(hover:hover)]:hover:bg-accent', className),
+        ...props
+    });
+});
+const Drawer_DrawerBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Drawer.Backdrop, {
+            ref: ref,
+            "data-slot": "drawer-backdrop",
+            className: cn('fixed inset-0 z-[calc(40+var(--layer-index,0))] min-h-dvh bg-overlay backdrop-blur-xs [transition:opacity_calc(var(--drawer-swipe-strength,1)*450ms)_ease-out,backdrop-filter_calc(var(--drawer-swipe-strength,1)*450ms)_ease-out] data-[state=closed]:animate-moduix-drawer-backdrop-out data-[state=open]:animate-moduix-drawer-backdrop-in data-[state=open]:data-swiping:[transition-duration:0s] motion-reduce:[transition-duration:1ms] motion-reduce:[animation-delay:0ms] motion-reduce:[animation-duration:1ms] [&[hidden]:has(~[data-slot=drawer-positioner]:not([hidden]))]:block', className),
+            ...props
+        })
+    });
+});
+const Drawer_DrawerPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Drawer.Positioner, {
+            ref: ref,
+            "data-slot": "drawer-positioner",
+            className: cn('fixed inset-0 z-[calc(50+var(--layer-index,0))] box-border flex items-end justify-center overflow-hidden overscroll-contain p-0 has-[>[data-slot=drawer-content][data-variant=island]]:pt-[max(1rem,env(safe-area-inset-top,0px))] has-[>[data-slot=drawer-content][data-variant=island]]:pr-[max(1rem,env(safe-area-inset-right,0px))] has-[>[data-slot=drawer-content][data-variant=island]]:pb-[max(1rem,env(safe-area-inset-bottom,0px))] has-[>[data-slot=drawer-content][data-variant=island]]:pl-[max(1rem,env(safe-area-inset-left,0px))] data-[swipe-direction=left]:items-stretch data-[swipe-direction=left]:justify-start data-[swipe-direction=right]:items-stretch data-[swipe-direction=right]:justify-end data-[swipe-direction=up]:items-start [&:not([hidden])_[data-slot=drawer-content][hidden]]:flex', className),
+            ...props
+        })
+    });
+});
+const Drawer_DrawerContent = /*#__PURE__*/ forwardRef(function({ className, variant, ...props }, ref) {
+    const rootVariant = useContext(DrawerVariantContext);
+    return /*#__PURE__*/ jsx(Drawer.Content, {
+        ref: ref,
+        "data-slot": "drawer-content",
+        "data-variant": variant ?? rootVariant,
+        className: cn("group/drawer relative box-border flex h-full max-h-[80dvh] w-full max-w-[100vw] origin-bottom [translate:0_0] [scale:1] flex-col overscroll-contain rounded-t-xl rounded-b-none border border-border bg-popover px-6 pt-3 pb-[calc(1rem+env(safe-area-inset-bottom,0px))] text-popover-foreground shadow-lg outline-0 [transition:transform_calc(var(--drawer-swipe-strength,1)*450ms)_cubic-bezier(0,0,0.2,1),scale_450ms_cubic-bezier(0.32,0.72,0,1),translate_450ms_cubic-bezier(0.32,0.72,0,1)] after:pointer-events-none after:absolute after:inset-x-0 after:top-full after:h-control-xl after:bg-inherit after:content-[''] data-dragging:select-none data-nested-drawer-swiping:[transition-duration:0s] data-[nested-drawer-open]:[scale:calc(1-0.05*var(--nested-drawers,0))] data-[state=closed]:animate-moduix-drawer-content-out-down data-[state=open]:animate-moduix-drawer-content-in-down data-[state=open]:data-swiping:[transition-duration:0s] data-[swipe-direction=down]:data-[nested-drawer-open]:[translate:0_calc(-1*40px*var(--nested-drawers,0))] data-[swipe-direction=left]:h-full data-[swipe-direction=left]:max-h-none data-[swipe-direction=left]:w-[min(22rem,calc(100vw-2rem))] data-[swipe-direction=left]:origin-left data-[swipe-direction=left]:rounded-s-none data-[swipe-direction=left]:rounded-e-xl data-[swipe-direction=left]:p-6 data-[swipe-direction=left]:after:inset-x-auto data-[swipe-direction=left]:after:inset-y-0 data-[swipe-direction=left]:after:top-0 data-[swipe-direction=left]:after:right-full data-[swipe-direction=left]:after:h-auto data-[swipe-direction=left]:after:w-control-xl data-[swipe-direction=left]:data-[nested-drawer-open]:[translate:calc(40px*var(--nested-drawers,0))_0] data-[swipe-direction=left]:data-[state=closed]:animate-moduix-drawer-content-out-left data-[swipe-direction=left]:data-[state=open]:animate-moduix-drawer-content-in-left data-[swipe-direction=right]:h-full data-[swipe-direction=right]:max-h-none data-[swipe-direction=right]:w-[min(22rem,calc(100vw-2rem))] data-[swipe-direction=right]:origin-right data-[swipe-direction=right]:rounded-s-xl data-[swipe-direction=right]:rounded-e-none data-[swipe-direction=right]:p-6 data-[swipe-direction=right]:after:inset-x-auto data-[swipe-direction=right]:after:inset-y-0 data-[swipe-direction=right]:after:top-0 data-[swipe-direction=right]:after:left-full data-[swipe-direction=right]:after:h-auto data-[swipe-direction=right]:after:w-control-xl data-[swipe-direction=right]:data-[nested-drawer-open]:[translate:calc(-1*40px*var(--nested-drawers,0))_0] data-[swipe-direction=right]:data-[state=closed]:animate-moduix-drawer-content-out-right data-[swipe-direction=right]:data-[state=open]:animate-moduix-drawer-content-in-right data-[swipe-direction=up]:origin-top data-[swipe-direction=up]:rounded-t-none data-[swipe-direction=up]:rounded-b-xl data-[swipe-direction=up]:pt-[calc(1rem+env(safe-area-inset-top,0px))] data-[swipe-direction=up]:pb-4 data-[swipe-direction=up]:after:top-auto data-[swipe-direction=up]:after:bottom-full data-[swipe-direction=up]:data-[nested-drawer-open]:[translate:0_calc(40px*var(--nested-drawers,0))] data-[swipe-direction=up]:data-[state=closed]:animate-moduix-drawer-content-out-up data-[swipe-direction=up]:data-[state=open]:animate-moduix-drawer-content-in-up data-[variant=island]:rounded-xl data-[variant=island]:after:hidden motion-reduce:[transition-duration:1ms] motion-reduce:[animation-delay:0ms] motion-reduce:[animation-duration:1ms]", className),
+        ...props
+    });
+});
+const Drawer_DrawerGrabber = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.Grabber, {
+        ref: ref,
+        "data-slot": "drawer-grabber",
+        className: cn('group/grabber flex w-full shrink-0 cursor-grab items-center justify-center pb-1 select-none group-data-[swipe-direction=left]/drawer:hidden group-data-[swipe-direction=right]/drawer:hidden active:cursor-grabbing', className),
+        ...props
+    });
+});
+const Drawer_DrawerGrabberIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.GrabberIndicator, {
+        ref: ref,
+        "data-slot": "drawer-grabber-indicator",
+        className: cn('h-1 w-12 rounded-full bg-muted-foreground opacity-[0.45] transition-[background-color,opacity] duration-200 ease-in-out motion-reduce:transition-none [@media(hover:hover)]:group-hover/grabber:opacity-70', className),
+        ...props
+    });
+});
+const Drawer_DrawerTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.Title, {
+        ref: ref,
+        "data-slot": "drawer-title",
+        className: cn('text-lg font-semibold text-popover-foreground', className),
+        ...props
+    });
+});
+const Drawer_DrawerDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.Description, {
+        ref: ref,
+        "data-slot": "drawer-description",
+        className: cn('text-md leading-6 text-muted-foreground', className),
+        ...props
+    });
+});
+const Drawer_DrawerCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.CloseTrigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "drawer-close-trigger",
+        className: cn(!asChild && 'box-border inline-flex min-h-control-md cursor-pointer items-center justify-center rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground transition-[background-color,border-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 motion-reduce:transition-none [@media(hover:hover)]:hover:bg-accent', className),
+        ...props
+    });
+});
+const Drawer_DrawerCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.CloseTrigger, {
+        asChild: true,
+        ...props,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            ref: ref,
+            "data-slot": "drawer-close-icon",
+            "aria-label": ariaLabel,
+            className: cn('absolute end-4 top-4 z-2 size-7 rounded-md bg-transparent text-muted-foreground transition-[background-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring motion-reduce:transition-none [&>svg]:size-3 [&>svg]:shrink-0 [@media(hover:hover)]:[&:not([data-disabled]):hover]:bg-accent [@media(hover:hover)]:[&:not([data-disabled]):hover]:text-popover-foreground', className),
+            children: children
+        })
+    });
+});
+const Drawer_DrawerSwipeArea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.SwipeArea, {
+        ref: ref,
+        "data-slot": "drawer-swipe-area",
+        className: cn('fixed z-50 touch-none data-disabled:pointer-events-none data-[swipe-direction=down]:start-0 data-[swipe-direction=down]:end-0 data-[swipe-direction=down]:top-0 data-[swipe-direction=down]:h-10 data-[swipe-direction=left]:end-0 data-[swipe-direction=left]:top-0 data-[swipe-direction=left]:bottom-0 data-[swipe-direction=left]:w-10 data-[swipe-direction=right]:start-0 data-[swipe-direction=right]:top-0 data-[swipe-direction=right]:bottom-0 data-[swipe-direction=right]:w-10 data-[swipe-direction=up]:start-0 data-[swipe-direction=up]:end-0 data-[swipe-direction=up]:bottom-0 data-[swipe-direction=up]:h-10', className),
+        ...props
+    });
+});
+const Drawer_DrawerIndent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.Indent, {
+        ref: ref,
+        "data-slot": "drawer-indent",
+        className: cn('relative origin-top [translate:0_0] [scale:1] transition-[transform,border-radius] duration-[450ms] ease-spring data-active:[translate:0_calc(8px*(1-var(--drawer-swipe-progress,0)))] data-active:[scale:calc(0.97+(1-0.97)*var(--drawer-swipe-progress,0))] data-active:rounded-t-lg data-active:rounded-b-none motion-reduce:[transition-duration:1ms]', className),
+        ...props
+    });
+});
+const Drawer_DrawerIndentBackground = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Drawer.IndentBackground, {
+        ref: ref,
+        "data-slot": "drawer-indent-background",
+        className: cn('pointer-events-none absolute inset-0 bg-foreground opacity-0 transition-opacity duration-[450ms] ease-spring data-active:opacity-[calc(1-var(--drawer-swipe-progress,0))] motion-reduce:[transition-duration:1ms]', className),
+        ...props
+    });
+});
+function DrawerHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        "data-slot": "drawer-header",
+        className: cn("grid grid-cols-[minmax(0,1fr)_auto] items-start gap-1 [&>[data-slot='drawer-close-icon']]:col-start-2 [&>[data-slot='drawer-close-icon']]:justify-self-end [&>[data-slot='drawer-close-trigger']]:col-start-2 [&>[data-slot='drawer-close-trigger']]:justify-self-end [&>[data-slot='drawer-description']]:col-span-2 [&>[data-slot='drawer-title']]:col-start-1", className),
+        ...props
+    });
+}
+function DrawerBody({ className, ...props }) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        "data-slot": "drawer-body",
+        className: cn('mt-4 min-h-0 overflow-y-auto text-md leading-6 text-muted-foreground', className),
+        ...props
+    });
+}
+function DrawerFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        "data-slot": "drawer-footer",
+        className: cn('mt-6 flex justify-end gap-2', className),
+        ...props
+    });
+}
+const Drawer_Drawer = Object.assign(DrawerRoot, {
+    Root: DrawerRoot,
+    RootProvider: DrawerRootProvider,
+    Context: Drawer.Context,
+    Stack: DrawerStack,
+    Trigger: Drawer_DrawerTrigger,
+    Backdrop: Drawer_DrawerBackdrop,
+    Positioner: Drawer_DrawerPositioner,
+    Content: Drawer_DrawerContent,
+    Grabber: Drawer_DrawerGrabber,
+    GrabberIndicator: Drawer_DrawerGrabberIndicator,
+    Title: Drawer_DrawerTitle,
+    Description: Drawer_DrawerDescription,
+    CloseTrigger: Drawer_DrawerCloseTrigger,
+    CloseIcon: Drawer_DrawerCloseIcon,
+    SwipeArea: Drawer_DrawerSwipeArea,
+    Indent: Drawer_DrawerIndent,
+    IndentBackground: Drawer_DrawerIndentBackground,
+    Header: DrawerHeader,
+    Body: DrawerBody,
+    Footer: DrawerFooter
+});
+export { Drawer_Drawer as Drawer, useDrawer, useDrawerContext, useDrawerStackContext };

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

@@ -0,0 +1 @@
+export { Drawer, useDrawer, useDrawerContext, useDrawerStackContext } from './Drawer.js';

package/dist/components/drawer/index.js

@@ -0,0 +1 @@
+export { Drawer, useDrawer, useDrawerContext, useDrawerStackContext } from "./Drawer.js";

package/dist/components/editable/Editable.d.ts

@@ -0,0 +1,16 @@
+import { Editable as EditablePrimitive, useEditable, useEditableContext } from '@ark-ui/react/editable';
+declare const Editable: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Area: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.AreaProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    Preview: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.PreviewProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    EditTrigger: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.EditTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    SubmitTrigger: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.SubmitTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    CancelTrigger: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.CancelTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Controls: import("react").ForwardRefExoticComponent<Omit<Omit<EditablePrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "asChild" | "children">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: EditablePrimitive.ContextProps) => import("react").ReactNode;
+};
+export { Editable, useEditable, useEditableContext };

package/dist/components/editable/Editable.js

@@ -0,0 +1,120 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Editable, useEditable, useEditableContext } from "@ark-ui/react/editable";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { CheckIcon, CloseIcon, PencilIcon } from "../../internal/icons/ui/index.js";
+const Editable_EditableRoot = /*#__PURE__*/ forwardRef(function({ activationMode = 'dblclick', className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.Root, {
+        ref: ref,
+        "data-slot": "editable-root",
+        activationMode: activationMode,
+        className: cn('box-border inline-grid max-w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-1 text-foreground has-[[data-disabled]]:opacity-50', className),
+        ...props
+    });
+});
+const Editable_EditableRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.RootProvider, {
+        ref: ref,
+        "data-slot": "editable-root-provider",
+        className: cn('box-border inline-grid max-w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-1 text-foreground has-[[data-disabled]]:opacity-50', className),
+        ...props
+    });
+});
+const Editable_EditableLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.Label, {
+        ref: ref,
+        "data-slot": "editable-label",
+        className: cn('col-span-full inline-flex items-center gap-1 text-sm leading-5 font-medium text-foreground data-invalid:text-destructive', className),
+        ...props
+    });
+});
+const Editable_EditableArea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.Area, {
+        ref: ref,
+        "data-slot": "editable-area",
+        className: cn('col-start-1 box-border inline-flex min-h-control-md w-full min-w-0 items-center rounded-md border border-border bg-background px-3.5 py-1 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,opacity] duration-200 ease-in-out has-[[aria-invalid=true]]:border-destructive has-[[data-invalid]]:border-destructive data-disabled:pointer-events-none data-focus:outline-ring data-focus:has-[[aria-invalid=true]]:outline-destructive data-focus:has-[[data-invalid]]:outline-destructive motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const Editable_EditableInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.Input, {
+        ref: ref,
+        "data-slot": "editable-input",
+        className: cn('box-border block w-full min-w-0 appearance-none bg-transparent text-md leading-6 text-inherit outline-0 placeholder:text-muted-foreground [&:is(textarea)]:min-h-24 [&:is(textarea)]:resize-y', className),
+        ...props
+    });
+});
+const Editable_EditablePreview = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.Preview, {
+        ref: ref,
+        "data-slot": "editable-preview",
+        className: cn('box-border block min-h-[1lh] w-full min-w-0 cursor-text bg-transparent text-md leading-6 text-inherit outline-0 aria-readonly:cursor-default data-disabled:cursor-default data-readonly:cursor-default data-[placeholder-shown]:text-muted-foreground', className),
+        ...props
+    });
+});
+const Editable_EditableControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.Control, {
+        ref: ref,
+        "data-slot": "editable-control",
+        className: cn('col-start-2 inline-flex items-center gap-1 self-center', className),
+        ...props
+    });
+});
+const Editable_EditableEditTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.EditTrigger, {
+        ref: ref,
+        "data-slot": "editable-edit-trigger",
+        className: cn('box-border inline-flex size-control-md shrink-0 cursor-pointer items-center justify-center rounded-sm border border-border bg-background text-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,border-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-focus:outline-ring motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(PencilIcon, {})
+    });
+});
+const Editable_EditableSubmitTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.SubmitTrigger, {
+        ref: ref,
+        "data-slot": "editable-submit-trigger",
+        className: cn('box-border inline-flex size-control-md shrink-0 cursor-pointer items-center justify-center rounded-sm border border-border bg-background text-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,border-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-focus:outline-ring motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+    });
+});
+const Editable_EditableCancelTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable.CancelTrigger, {
+        ref: ref,
+        "data-slot": "editable-cancel-trigger",
+        className: cn('box-border inline-flex size-control-md shrink-0 cursor-pointer items-center justify-center rounded-sm border border-border bg-background text-foreground outline-1 -outline-offset-1 outline-transparent transition-[background-color,border-color,color,outline-color,opacity] duration-200 ease-in-out focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-focus:outline-ring motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
+    });
+});
+const Editable_EditableControls = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Editable_EditableControl, {
+        ref: ref,
+        className: className,
+        ...props,
+        children: /*#__PURE__*/ jsx(Editable.Context, {
+            children: (editable)=>editable.editing ? /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(Editable_EditableSubmitTrigger, {}),
+                        /*#__PURE__*/ jsx(Editable_EditableCancelTrigger, {})
+                    ]
+                }) : /*#__PURE__*/ jsx(Editable_EditableEditTrigger, {})
+        })
+    });
+});
+const Editable_Editable = Object.assign(Editable_EditableRoot, {
+    Root: Editable_EditableRoot,
+    RootProvider: Editable_EditableRootProvider,
+    Label: Editable_EditableLabel,
+    Area: Editable_EditableArea,
+    Input: Editable_EditableInput,
+    Preview: Editable_EditablePreview,
+    Control: Editable_EditableControl,
+    EditTrigger: Editable_EditableEditTrigger,
+    SubmitTrigger: Editable_EditableSubmitTrigger,
+    CancelTrigger: Editable_EditableCancelTrigger,
+    Controls: Editable_EditableControls,
+    Context: Editable.Context
+});
+export { Editable_Editable as Editable, useEditable, useEditableContext };

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

@@ -0,0 +1 @@
+export { Editable, useEditable, useEditableContext } from './Editable.js';

package/dist/components/editable/index.js

@@ -0,0 +1 @@
+export { Editable, useEditable, useEditableContext } from "./Editable.js";

package/dist/components/empty/Empty.d.ts

@@ -0,0 +1,9 @@
+declare const Empty: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Icon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Actions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Empty };

package/dist/components/empty/Empty.js

@@ -0,0 +1,73 @@
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const Empty_EmptyRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "empty",
+        "data-part": "root",
+        "data-slot": "empty-root",
+        className: cn('grid w-full min-w-0 justify-items-center gap-4 rounded-xl border border-border bg-card p-8 text-center text-card-foreground', className),
+        ...props
+    });
+});
+const Empty_EmptyIcon = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "empty",
+        "data-part": "icon",
+        "data-slot": "empty-icon",
+        className: cn('inline-flex min-w-0 items-center justify-center rounded-full bg-muted p-3 text-muted-foreground [&_svg]:pointer-events-none [&_svg]:size-6 [&_svg]:shrink-0', className),
+        ...props
+    });
+});
+const Empty_EmptyContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "empty",
+        "data-part": "content",
+        "data-slot": "empty-content",
+        className: cn('grid max-w-md min-w-0 justify-items-center gap-1', className),
+        ...props
+    });
+});
+const Empty_EmptyTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.h3, {
+        ref: ref,
+        "data-scope": "empty",
+        "data-part": "title",
+        "data-slot": "empty-title",
+        className: cn('min-w-0 text-xl font-semibold wrap-anywhere', className),
+        ...props
+    });
+});
+const Empty_EmptyDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "empty",
+        "data-part": "description",
+        "data-slot": "empty-description",
+        className: cn('min-w-0 text-sm wrap-anywhere text-muted-foreground [&>:first-child]:mt-0 [&>:last-child]:mb-0', className),
+        ...props
+    });
+});
+const Empty_EmptyActions = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "empty",
+        "data-part": "actions",
+        "data-slot": "empty-actions",
+        className: cn('flex max-w-full min-w-0 flex-wrap items-center justify-center gap-2 [&>*]:max-w-full [&>*]:min-w-0 [&>:is(button,a)]:wrap-anywhere [&>:is(button,a)]:whitespace-normal', className),
+        ...props
+    });
+});
+const Empty = Object.assign(Empty_EmptyRoot, {
+    Root: Empty_EmptyRoot,
+    Icon: Empty_EmptyIcon,
+    Content: Empty_EmptyContent,
+    Title: Empty_EmptyTitle,
+    Description: Empty_EmptyDescription,
+    Actions: Empty_EmptyActions
+});
+export { Empty };

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

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

package/dist/components/empty/index.js

@@ -0,0 +1 @@
+export { Empty } from "./Empty.js";

package/dist/components/field/Field.d.ts

@@ -0,0 +1,17 @@
+import { Field as FieldPrimitive, useField, useFieldContext } from '@ark-ui/react/field';
+import type { ComponentProps } from 'react';
+type FieldItemProps = ComponentProps<'div'> & ComponentProps<typeof FieldPrimitive.Item>;
+declare const Field: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<FieldItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    Textarea: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+    Select: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.SelectProps & import("react").RefAttributes<HTMLSelectElement>, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+    HelperText: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.HelperTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ErrorText: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.ErrorTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    RequiredIndicator: import("react").ForwardRefExoticComponent<Omit<FieldPrimitive.RequiredIndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Context: (props: FieldPrimitive.ContextProps) => import("react").ReactNode;
+};
+export { Field, useField, useFieldContext };

package/dist/components/field/Field.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Field, useField, useFieldContext } from "@ark-ui/react/field";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const Field_FieldRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Root, {
+        ref: ref,
+        "data-slot": "field-root",
+        className: cn('flex w-full max-w-none flex-col items-start gap-1 text-foreground data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const Field_FieldRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.RootProvider, {
+        ref: ref,
+        "data-slot": "field-root-provider",
+        className: cn('flex w-full max-w-none flex-col items-start gap-1 text-foreground data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const Field_FieldItem = /*#__PURE__*/ forwardRef(function({ className, children, value, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Item, {
+        value: value,
+        children: /*#__PURE__*/ jsx("div", {
+            ref: ref,
+            "data-slot": "field-item",
+            className: cn('grid gap-1', className),
+            ...props,
+            children: children
+        })
+    });
+});
+const Field_FieldLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Label, {
+        ref: ref,
+        "data-slot": "field-label",
+        className: cn('inline-flex items-center gap-2 text-sm leading-5 font-medium wrap-anywhere text-foreground', className),
+        ...props
+    });
+});
+const Field_FieldInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Input, {
+        ref: ref,
+        "data-slot": "field-input",
+        className: cn('min-h-control-md w-full rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const Field_FieldTextarea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Textarea, {
+        ref: ref,
+        "data-slot": "field-textarea",
+        className: cn('min-h-20 w-full resize-y rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const Field_FieldSelect = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Select, {
+        ref: ref,
+        "data-slot": "field-select",
+        className: cn('min-h-control-md w-full rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color] duration-200 ease-in-out focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const Field_FieldHelperText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.HelperText, {
+        ref: ref,
+        "data-slot": "field-helper-text",
+        className: cn('text-sm leading-5 wrap-anywhere text-muted-foreground', className),
+        ...props
+    });
+});
+const Field_FieldErrorText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.ErrorText, {
+        ref: ref,
+        "data-slot": "field-error-text",
+        className: cn('text-sm leading-5 font-medium wrap-anywhere text-destructive', className),
+        ...props
+    });
+});
+const Field_FieldRequiredIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.RequiredIndicator, {
+        ref: ref,
+        "data-slot": "field-required-indicator",
+        className: cn('text-destructive', className),
+        ...props
+    });
+});
+const Field_Field = Object.assign(Field_FieldRoot, {
+    Root: Field_FieldRoot,
+    RootProvider: Field_FieldRootProvider,
+    Item: Field_FieldItem,
+    Label: Field_FieldLabel,
+    Input: Field_FieldInput,
+    Textarea: Field_FieldTextarea,
+    Select: Field_FieldSelect,
+    HelperText: Field_FieldHelperText,
+    ErrorText: Field_FieldErrorText,
+    RequiredIndicator: Field_FieldRequiredIndicator,
+    Context: Field.Context
+});
+export { Field_Field as Field, useField, useFieldContext };

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

@@ -0,0 +1 @@
+export * from './Field.js';

package/dist/components/field/index.js

@@ -0,0 +1 @@
+export * from "./Field.js";