@moduix/react-tailwind 1.0.0

package/dist/components/heading/Heading.js

@@ -0,0 +1,60 @@
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const Heading_elements = {
+    h1: ark.h1,
+    h2: ark.h2,
+    h3: ark.h3,
+    h4: ark.h4,
+    h5: ark.h5,
+    h6: ark.h6
+};
+const defaultSizes = {
+    h1: '2xl',
+    h2: 'xl',
+    h3: 'lg',
+    h4: 'md',
+    h5: 'sm',
+    h6: 'xs'
+};
+const headingVariants = cva('m-0 text-foreground tracking-normal text-balance wrap-anywhere', {
+    variants: {
+        size: {
+            xs: 'text-sm',
+            sm: 'text-md',
+            md: 'text-lg',
+            lg: 'text-xl',
+            xl: 'text-2xl',
+            '2xl': 'text-3xl'
+        },
+        weight: {
+            regular: 'font-regular',
+            medium: 'font-medium',
+            semibold: 'font-semibold',
+            bold: 'font-bold'
+        }
+    }
+});
+const Heading_HeadingRoot = /*#__PURE__*/ forwardRef(function({ as, asChild, size, weight = 'semibold', className, ...props }, ref) {
+    const Element = Heading_elements[as ?? 'h1'];
+    return /*#__PURE__*/ jsx(Element, {
+        ref: ref,
+        asChild: asChild,
+        ...props,
+        "data-scope": "heading",
+        "data-part": "root",
+        "data-slot": "heading-root",
+        "data-size": size,
+        "data-weight": weight,
+        className: cn(headingVariants({
+            size: size ?? defaultSizes[as ?? 'h1'],
+            weight
+        }), className)
+    });
+});
+const Heading = Object.assign(Heading_HeadingRoot, {
+    Root: Heading_HeadingRoot
+});
+export { Heading };

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

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

package/dist/components/heading/index.js

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

package/dist/components/highlight/Highlight.d.ts

@@ -0,0 +1,7 @@
+import { Highlight as HighlightPrimitive } from '@ark-ui/react/highlight';
+import type { ComponentProps } from 'react';
+declare function HighlightRoot({ className, ...props }: ComponentProps<typeof HighlightPrimitive>): import("react").JSX.Element;
+declare const Highlight: typeof HighlightRoot & {
+    Root: typeof HighlightRoot;
+};
+export { Highlight };

package/dist/components/highlight/Highlight.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { Highlight } from "@ark-ui/react/highlight";
+import { cn } from "../../internal/cn.js";
+function HighlightRoot({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Highlight, {
+        ...props,
+        "data-scope": "highlight",
+        "data-part": "root",
+        "data-slot": "highlight-root",
+        className: cn('rounded-xs bg-[color-mix(in_oklab,var(--color-warning)_40%,var(--color-accent))] [box-decoration-break:clone] px-1 py-px font-medium text-foreground no-underline shadow-none [-webkit-box-decoration-break:clone]', className)
+    });
+}
+const Highlight_Highlight = Object.assign(HighlightRoot, {
+    Root: HighlightRoot
+});
+export { Highlight_Highlight as Highlight };

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

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

package/dist/components/highlight/index.js

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

package/dist/components/hover-card/HoverCard.d.ts

@@ -0,0 +1,19 @@
+import { HoverCard as HoverCardPrimitive, useHoverCard, useHoverCardContext } from '@ark-ui/react/hover-card';
+import type { ComponentProps } from 'react';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type HoverCardRootProps = ComponentProps<typeof HoverCardPrimitive.Root> & OverlayPortalProps;
+type HoverCardRootProviderProps = ComponentProps<typeof HoverCardPrimitive.RootProvider> & OverlayPortalProps;
+declare function HoverCardRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: HoverCardRootProps): import("react").JSX.Element;
+declare function HoverCardRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: HoverCardRootProviderProps): import("react").JSX.Element;
+declare const HoverCard: typeof HoverCardRoot & {
+    Root: typeof HoverCardRoot;
+    RootProvider: typeof HoverCardRootProvider;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<HoverCardPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<HoverCardPrimitive.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<HoverCardPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Arrow: import("react").ForwardRefExoticComponent<Omit<HoverCardPrimitive.ArrowProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ArrowTip: import("react").ForwardRefExoticComponent<Omit<HoverCardPrimitive.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: HoverCardPrimitive.ContextProps) => import("react").ReactNode;
+};
+export { HoverCard, useHoverCard, useHoverCardContext };

package/dist/components/hover-card/HoverCard.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { HoverCard, useHoverCard, useHoverCardContext } from "@ark-ui/react/hover-card";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+function HoverCardRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(HoverCard.Root, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+}
+function HoverCardRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(HoverCard.RootProvider, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+}
+const HoverCard_HoverCardTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(HoverCard.Trigger, {
+        ref: ref,
+        "data-slot": "hover-card-trigger",
+        asChild: asChild,
+        className: cn(!asChild && 'inline-flex cursor-pointer items-center gap-1 text-primary underline decoration-primary/60 decoration-1 underline-offset-2 outline-0 transition-[color,text-decoration-color] duration-150 ease-in-out focus-visible:rounded-xs focus-visible:no-underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-[state=open]:decoration-primary motion-reduce:transition-none [@media(hover:hover)]:hover:decoration-primary', className),
+        ...props
+    });
+});
+const HoverCard_HoverCardPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(HoverCard.Positioner, {
+            ref: ref,
+            "data-slot": "hover-card-positioner",
+            className: cn('z-[var(--z-index,var(--moduix-z-popup))] max-w-[var(--available-width)] outline-0', className),
+            ...props
+        })
+    });
+});
+const HoverCard_HoverCardContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(HoverCard.Content, {
+        ref: ref,
+        "data-slot": "hover-card-content",
+        className: cn('relative z-[calc(var(--moduix-z-popup)+var(--layer-index,0))] max-h-[min(24rem,var(--available-height,100dvh))] max-w-[min(24rem,var(--available-width))] min-w-[min(14rem,var(--available-width))] origin-[var(--transform-origin)] overflow-visible rounded-lg border border-border bg-popover p-2 wrap-anywhere text-popover-foreground shadow-lg outline-0 has-[>[data-slot=hover-card-body]]:flex has-[>[data-slot=hover-card-body]]:flex-col data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none has-[>[data-slot=hover-card-body]]:[&>[data-slot=hover-card-body]]:overflow-auto', className),
+        ...props
+    });
+});
+const HoverCard_HoverCardArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(HoverCard.Arrow, {
+        ref: ref,
+        "data-slot": "hover-card-arrow",
+        className: cn('[--arrow-background:var(--color-popover)] [--arrow-shadow-color:var(--color-border)] [--arrow-size:0.625rem]', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(HoverCard_HoverCardArrowTip, {})
+    });
+});
+const HoverCard_HoverCardArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(HoverCard.ArrowTip, {
+        ref: ref,
+        "data-slot": "hover-card-arrow-tip",
+        className: cn('border-t border-l border-border', className),
+        ...props
+    });
+});
+const HoverCard_HoverCardBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-slot": "hover-card-body",
+        className: cn('min-h-0', className),
+        ...props
+    });
+});
+const HoverCard_HoverCard = Object.assign(HoverCardRoot, {
+    Root: HoverCardRoot,
+    RootProvider: HoverCardRootProvider,
+    Trigger: HoverCard_HoverCardTrigger,
+    Positioner: HoverCard_HoverCardPositioner,
+    Content: HoverCard_HoverCardContent,
+    Arrow: HoverCard_HoverCardArrow,
+    ArrowTip: HoverCard_HoverCardArrowTip,
+    Body: HoverCard_HoverCardBody,
+    Context: HoverCard.Context
+});
+export { HoverCard_HoverCard as HoverCard, useHoverCard, useHoverCardContext };

package/dist/components/hover-card/index.d.ts

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

package/dist/components/hover-card/index.js

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

package/dist/components/image/Image.d.ts

@@ -0,0 +1,13 @@
+import type { ImageProps as UnpicImageProps, SourceProps as UnpicSourceProps } from '@unpic/react';
+import { type CSSProperties, type ForwardRefExoticComponent, type RefAttributes } from 'react';
+type ImageProps = UnpicImageProps & {
+    style?: CSSProperties;
+};
+declare const ImageRoot: ForwardRefExoticComponent<ImageProps & RefAttributes<HTMLImageElement>>;
+declare const ImageSource: ForwardRefExoticComponent<UnpicSourceProps & RefAttributes<HTMLSourceElement>>;
+type ImageComponent = typeof ImageRoot & {
+    Root: typeof ImageRoot;
+    Source: typeof ImageSource;
+};
+declare const Image: ImageComponent;
+export { Image };

package/dist/components/image/Image.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { Image, Source } from "@unpic/react";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const Image_ImageRoot = /*#__PURE__*/ forwardRef(function({ className, fetchPriority, fetchpriority, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Image, {
+        ref: ref,
+        ...props,
+        fetchpriority: fetchPriority ?? fetchpriority,
+        "data-slot": "image-root",
+        className: cn('rounded-md', className)
+    });
+});
+const Image_ImageSource = /*#__PURE__*/ forwardRef(function(props, ref) {
+    return /*#__PURE__*/ jsx(Source, {
+        ref: ref,
+        ...props,
+        "data-slot": "image-source"
+    });
+});
+const Image_Image = Object.assign(Image_ImageRoot, {
+    Root: Image_ImageRoot,
+    Source: Image_ImageSource
+});
+export { Image_Image as Image };

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

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

package/dist/components/image/index.js

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

package/dist/components/image-cropper/ImageCropper.d.ts

@@ -0,0 +1,17 @@
+import { ImageCropper as ImageCropperPrimitive, useImageCropper, useImageCropperContext } from '@ark-ui/react/image-cropper';
+declare const ImageCropper: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: ImageCropperPrimitive.ContextProps) => import("react").ReactNode;
+    Viewport: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.ViewportProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Image: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.ImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+    Selection: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.SelectionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Grid: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.GridProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Handle: import("react").ForwardRefExoticComponent<Omit<ImageCropperPrimitive.HandleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    CropArea: import("react").ForwardRefExoticComponent<Omit<Omit<ImageCropperPrimitive.SelectionProps & import("react").RefAttributes<HTMLDivElement>, "asChild" | "children"> & {
+        gridClassName?: string;
+        handleClassName?: string;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    handles: ImageCropperPrimitive.HandlePosition[];
+};
+export { ImageCropper, useImageCropper, useImageCropperContext };

package/dist/components/image-cropper/ImageCropper.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ImageCropper, useImageCropper, useImageCropperContext } from "@ark-ui/react/image-cropper";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const ImageCropper_ImageCropperRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ImageCropper.Root, {
+        ref: ref,
+        "data-slot": "image-cropper-root",
+        className: cn('box-border grid w-[32rem] max-w-full gap-3 text-foreground data-dragging:cursor-grabbing data-panning:cursor-grabbing', className),
+        ...props
+    });
+});
+const ImageCropper_ImageCropperRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ImageCropper.RootProvider, {
+        ref: ref,
+        "data-slot": "image-cropper-root-provider",
+        className: cn('box-border grid w-[32rem] max-w-full gap-3 text-foreground data-dragging:cursor-grabbing data-panning:cursor-grabbing', className),
+        ...props
+    });
+});
+const ImageCropper_ImageCropperViewport = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ImageCropper.Viewport, {
+        ref: ref,
+        "data-slot": "image-cropper-viewport",
+        className: cn('box-border h-[min(20rem,62.5vw)] w-full overflow-hidden rounded-lg border border-border bg-background bg-[conic-gradient(rgb(0_0_0_/_8%)_25%,transparent_0_50%,rgb(0_0_0_/_8%)_0_75%,transparent_0)] [background-size:1rem_1rem] shadow-none data-disabled:cursor-grab', className),
+        ...props
+    });
+});
+const ImageCropper_ImageCropperImage = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ImageCropper.Image, {
+        ref: ref,
+        "data-slot": "image-cropper-image",
+        className: cn('absolute inset-0 block size-full origin-center object-contain backface-hidden', className),
+        ...props
+    });
+});
+const ImageCropper_ImageCropperSelection = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ImageCropper.Selection, {
+        ref: ref,
+        "data-slot": "image-cropper-selection",
+        className: cn('box-border cursor-grab rounded-md border-2 border-primary shadow-[0_0_0_9999px_rgb(0_0_0_/_45%),inset_0_0_0_1px_rgb(255_255_255_/_64%)] outline-0 transition-[border-color,box-shadow] duration-200 ease-in-out focus-visible:ring-2 focus-visible:ring-ring data-disabled:cursor-default data-dragging:cursor-grabbing data-[shape=circle]:rounded-full data-[shape=circle]:border-transparent motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const ImageCropper_ImageCropperGrid = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ImageCropper.Grid, {
+        ref: ref,
+        "data-slot": "image-cropper-grid",
+        className: cn('pointer-events-none data-[axis=horizontal]:border-y data-[axis=horizontal]:border-white/62 data-[axis=vertical]:border-x data-[axis=vertical]:border-white/62', className),
+        ...props
+    });
+});
+const ImageCropper_ImageCropperHandle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ImageCropper.Handle, {
+        ref: ref,
+        "data-slot": "image-cropper-handle",
+        className: cn('absolute z-1 box-border size-3 rounded-xs border border-white/88 bg-white/96 shadow-[0_1px_3px_rgb(15_23_42_/_18%)] transition-[border-color,background-color,box-shadow,opacity] duration-200 ease-in-out data-disabled:hidden data-[position=e]:!h-full data-[position=e]:!w-[0.2rem] data-[position=e]:rounded-full data-[position=e]:border-0 data-[position=n]:!h-[0.2rem] data-[position=n]:!w-full data-[position=n]:rounded-full data-[position=n]:border-0 data-[position=ne]:z-2 data-[position=nw]:z-2 data-[position=s]:!h-[0.2rem] data-[position=s]:!w-full data-[position=s]:rounded-full data-[position=s]:border-0 data-[position=se]:z-2 data-[position=sw]:z-2 data-[position=w]:!h-full data-[position=w]:!w-[0.2rem] data-[position=w]:rounded-full data-[position=w]:border-0 motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const ImageCropper_ImageCropperCropArea = /*#__PURE__*/ forwardRef(function({ gridClassName, handleClassName, ...props }, ref) {
+    const { asChild: _asChild, children: _children, ...selectionProps } = props;
+    return /*#__PURE__*/ jsxs(ImageCropper_ImageCropperSelection, {
+        ref: ref,
+        ...selectionProps,
+        children: [
+            /*#__PURE__*/ jsx(ImageCropper_ImageCropperGrid, {
+                axis: "horizontal",
+                className: gridClassName
+            }),
+            /*#__PURE__*/ jsx(ImageCropper_ImageCropperGrid, {
+                axis: "vertical",
+                className: gridClassName
+            }),
+            ImageCropper.handles.map((position)=>/*#__PURE__*/ jsx(ImageCropper_ImageCropperHandle, {
+                    position: position,
+                    className: handleClassName
+                }, position))
+        ]
+    });
+});
+const ImageCropper_ImageCropper = Object.assign(ImageCropper_ImageCropperRoot, {
+    Root: ImageCropper_ImageCropperRoot,
+    RootProvider: ImageCropper_ImageCropperRootProvider,
+    Context: ImageCropper.Context,
+    Viewport: ImageCropper_ImageCropperViewport,
+    Image: ImageCropper_ImageCropperImage,
+    Selection: ImageCropper_ImageCropperSelection,
+    Grid: ImageCropper_ImageCropperGrid,
+    Handle: ImageCropper_ImageCropperHandle,
+    CropArea: ImageCropper_ImageCropperCropArea,
+    handles: ImageCropper.handles
+});
+export { ImageCropper_ImageCropper as ImageCropper, useImageCropper, useImageCropperContext };

package/dist/components/image-cropper/index.d.ts

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

package/dist/components/image-cropper/index.js

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

package/dist/components/input/Input.d.ts

@@ -0,0 +1,12 @@
+import { Field as FieldPrimitive } from '@ark-ui/react/field';
+import type { ComponentProps } from 'react';
+declare const Input: import("react").ForwardRefExoticComponent<Omit<Omit<FieldPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "size"> & {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    htmlSize?: ComponentProps<'input'>['size'];
+}, "ref"> & import("react").RefAttributes<HTMLInputElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<Omit<FieldPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "size"> & {
+        size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+        htmlSize?: ComponentProps<'input'>['size'];
+    }, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+};
+export { Input };

package/dist/components/input/Input.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { Field } from "@ark-ui/react/field";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const inputVariants = cva('w-full max-w-none rounded-md border border-border bg-background px-3 py-1 text-md leading-6 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,opacity] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-invalid:border-destructive data-invalid:focus-visible:outline-destructive aria-invalid:border-destructive aria-invalid:focus-visible:outline-destructive motion-reduce:transition-none file:me-3 file:rounded-md file:border file:border-primary file:bg-primary file:px-2 file:py-0.5 file:font-medium file:text-primary-foreground file:transition-colors file:duration-200 file:ease-in-out file:cursor-pointer [@media(hover:hover)]:file:hover:bg-foreground', {
+    variants: {
+        size: {
+            xs: 'min-h-control-xs px-2 py-0.5 text-xs leading-4',
+            sm: 'min-h-control-sm px-2 py-1 text-sm leading-5',
+            md: 'min-h-control-md',
+            lg: 'min-h-control-lg px-4 py-1 text-lg leading-7',
+            xl: 'min-h-control-xl px-4 py-2 text-lg leading-7'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+const Input_InputRoot = /*#__PURE__*/ forwardRef(function({ className, htmlSize, size = 'md', ...props }, ref) {
+    return /*#__PURE__*/ jsx(Field.Input, {
+        ...props,
+        ref: ref,
+        "data-scope": "field",
+        "data-part": "input",
+        "data-slot": "input-root",
+        "data-size": size,
+        "data-html-size": void 0 === htmlSize ? void 0 : '',
+        className: cn(inputVariants({
+            size
+        }), void 0 === htmlSize ? void 0 : 'w-auto', className),
+        size: htmlSize
+    });
+});
+const Input = Object.assign(Input_InputRoot, {
+    Root: Input_InputRoot
+});
+export { Input };

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

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

package/dist/components/input/index.js

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

package/dist/components/input-group/InputGroup.d.ts

@@ -0,0 +1,25 @@
+import { type ComponentProps } from 'react';
+import { Input } from '../input/index.js';
+type InputGroupSize = NonNullable<ComponentProps<typeof Input>['size']>;
+declare const InputGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+    size?: InputGroupSize;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        size?: InputGroupSize;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@ark-ui/react/field").FieldInputProps & import("react").RefAttributes<HTMLInputElement>, "size"> & {
+        size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+        htmlSize?: ComponentProps<'input'>['size'];
+    }, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    Addon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Text: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Button: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        loading?: boolean;
+        variant?: 'default' | 'outline' | 'secondary' | 'destructive' | 'destructive-outline' | 'ghost' | 'link';
+        size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'icon-sm' | 'icon-md' | 'icon-lg';
+        'data-scope'?: string;
+        'data-part'?: string;
+        'data-slot'?: string;
+    } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export { InputGroup };

package/dist/components/input-group/InputGroup.js

@@ -0,0 +1,131 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { cva } from "class-variance-authority";
+import { createContext, forwardRef, useContext } from "react";
+import { cn } from "../../internal/cn.js";
+import { Button } from "../button/index.js";
+import { Input } from "../input/index.js";
+const inputGroupSizeVariants = {
+    xs: 'px-2.5 text-xs leading-4',
+    sm: 'px-3 text-sm leading-5',
+    md: 'px-3.5 text-md leading-6',
+    lg: 'px-4 text-lg leading-7',
+    xl: 'px-4.5 text-lg leading-7'
+};
+const inputGroupRootVariants = cva('flex w-full max-w-none items-stretch overflow-hidden rounded-md border border-border bg-background text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,opacity] duration-200 ease-in-out focus-within:outline-ring has-[[data-slot=input-root][data-invalid]]:border-destructive has-[[data-slot=input-root][data-invalid]]:focus-within:outline-destructive has-[[data-slot=input-root][aria-invalid=true]]:border-destructive has-[[data-slot=input-root][aria-invalid=true]]:focus-within:outline-destructive has-[[data-slot=input-root][data-disabled]]:opacity-50 has-[[data-slot=input-root]:disabled]:opacity-50 motion-reduce:transition-none', {
+    variants: {
+        size: {
+            xs: 'min-h-control-xs',
+            sm: 'min-h-control-sm',
+            md: 'min-h-control-md',
+            lg: 'min-h-control-lg',
+            xl: 'min-h-control-xl'
+        }
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+const inputGroupInputVariants = cva('min-h-0 min-w-0 grow basis-auto rounded-none border-0 bg-transparent outline-0', {
+    variants: {
+        size: inputGroupSizeVariants
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+const inputGroupAddonVariants = cva('inline-flex min-w-0 items-center justify-center gap-2 truncate bg-muted text-muted-foreground [&>svg]:size-4 [&>svg]:shrink-0 border-s border-e border-border first:border-s-0 last:border-e-0', {
+    variants: {
+        size: inputGroupSizeVariants
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+const inputGroupTextVariants = cva('inline-flex min-w-0 items-center justify-center gap-2 truncate bg-transparent text-muted-foreground [&>svg]:size-4 [&>svg]:shrink-0', {
+    variants: {
+        size: inputGroupSizeVariants
+    },
+    defaultVariants: {
+        size: 'md'
+    }
+});
+const inputGroupButtonClass = 'h-auto self-stretch rounded-none border-0';
+const InputGroupSizeContext = /*#__PURE__*/ createContext('md');
+const InputGroup_InputGroupRoot = /*#__PURE__*/ forwardRef(function({ children, className, size = 'md', ...props }, ref) {
+    return /*#__PURE__*/ jsx(InputGroupSizeContext.Provider, {
+        value: size,
+        children: /*#__PURE__*/ jsx(ark.div, {
+            ref: ref,
+            ...props,
+            "data-scope": "input-group",
+            "data-part": "root",
+            "data-slot": "input-group-root",
+            "data-size": size,
+            className: cn(inputGroupRootVariants({
+                size
+            }), className),
+            children: children
+        })
+    });
+});
+const InputGroup_InputGroupInput = /*#__PURE__*/ forwardRef(function({ className, size, ...props }, ref) {
+    const groupSize = useContext(InputGroupSizeContext);
+    const inputSize = size ?? groupSize;
+    return /*#__PURE__*/ jsx(Input, {
+        ref: ref,
+        className: cn(inputGroupInputVariants({
+            size: groupSize
+        }), className),
+        size: inputSize,
+        ...props
+    });
+});
+const InputGroup_InputGroupAddon = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    const groupSize = useContext(InputGroupSizeContext);
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        ...props,
+        "data-scope": "input-group",
+        "data-part": "addon",
+        "data-slot": "input-group-addon",
+        className: cn(inputGroupAddonVariants({
+            size: groupSize
+        }), className)
+    });
+});
+const InputGroup_InputGroupText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    const groupSize = useContext(InputGroupSizeContext);
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        ...props,
+        "data-scope": "input-group",
+        "data-part": "text",
+        "data-slot": "input-group-text",
+        className: cn(inputGroupTextVariants({
+            size: groupSize
+        }), className)
+    });
+});
+const InputGroup_InputGroupButton = /*#__PURE__*/ forwardRef(function({ className, variant = 'ghost', size, type = 'button', ...props }, ref) {
+    const groupSize = useContext(InputGroupSizeContext);
+    const buttonSize = size ?? groupSize;
+    return /*#__PURE__*/ jsx(Button, {
+        ref: ref,
+        ...props,
+        "data-slot": "input-group-button",
+        className: cn(inputGroupButtonClass, className),
+        variant: variant,
+        size: buttonSize,
+        type: type
+    });
+});
+const InputGroup = Object.assign(InputGroup_InputGroupRoot, {
+    Root: InputGroup_InputGroupRoot,
+    Input: InputGroup_InputGroupInput,
+    Addon: InputGroup_InputGroupAddon,
+    Text: InputGroup_InputGroupText,
+    Button: InputGroup_InputGroupButton
+});
+export { InputGroup };

package/dist/components/input-group/index.d.ts

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

package/dist/components/input-group/index.js

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

package/dist/components/json-tree-view/JsonTreeView.d.ts

@@ -0,0 +1,8 @@
+import { JsonTreeView as JsonTreeViewPrimitive, useJsonTreeView } from '@ark-ui/react/json-tree-view';
+declare const JsonTreeView: import("react").ForwardRefExoticComponent<Omit<JsonTreeViewPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<JsonTreeViewPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<JsonTreeViewPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Tree: import("react").ForwardRefExoticComponent<Omit<JsonTreeViewPrimitive.TreeProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { JsonTreeView, useJsonTreeView };
+export type { JsonTreeViewRootProps, JsonTreeViewRootProviderProps, JsonTreeViewTreeProps, UseJsonTreeViewProps, UseJsonTreeViewReturn, } from '@ark-ui/react/json-tree-view';