@gridui/input 4.0.0 → 4.0.1

package/dist/index.js

@@ -32,6 +32,17 @@ var controlVariants = cva(controlStyles(), {
   defaultVariants: { size: "standard" }
 });
 
+// src/input/style.ts
+import { cva as cva2 } from "class-variance-authority";
+var inputStyles = cva2("", {
+  variants: {
+    grouped: {
+      true: "gridui-u-input--flex-1 gridui-u-input--w-0 gridui-u-input--border-0 gridui-u-input--bg-transparent",
+      false: ""
+    }
+  }
+});
+
 // src/input/input.tsx
 import { cn as cn2 } from "@gridui/style-utils";
 import { jsx } from "react/jsx-runtime";
@@ -54,7 +65,7 @@ var Input = (props) => {
         onChange?.(event);
         onValueChange?.(event.currentTarget.value);
       },
-      className: cn2(controlVariants({ size: controlSize }), groupSize && "gridui-u-input--flex-1 gridui-u-input--w-0 gridui-u-input--border-0 gridui-u-input--bg-transparent", className)
+      className: cn2(controlVariants({ size: controlSize }), inputStyles({ grouped: groupSize !== null }), className)
     }
   );
 };
@@ -117,12 +128,12 @@ var InputGroupButton = (props) => {
 
 // src/label/style.ts
 import { cn as cn6 } from "@gridui/style-utils";
-import { cva as cva2 } from "class-variance-authority";
-var labelStyles = cva2(cn6(
+import { cva as cva3 } from "class-variance-authority";
+var labelStyles = cva3(cn6(
   "gridui-label",
   "gridui-u-input--inline-flex gridui-u-input--items-center gridui-u-input--gap-gridui-4 gridui-u-input--type-ui"
 ));
-var labelIconStyles = cva2("gridui-u-input--inline-flex gridui-u-input--shrink-0 gridui-u-input--text-foreground gridui-u-input--[&>svg]:size-gridui-16");
+var labelIconStyles = cva3("gridui-u-input--inline-flex gridui-u-input--shrink-0 gridui-u-input--text-foreground gridui-u-input--[&>svg]:size-gridui-16");
 
 // src/label/label.tsx
 import { cn as cn7 } from "@gridui/style-utils";
@@ -333,6 +344,21 @@ var ResizeHandle = (props) => {
   );
 };
 
+// src/textarea/style.ts
+import { cva as cva4 } from "class-variance-authority";
+var textareaStyles = cva4(controlStyles(), {
+  variants: {
+    invalid: {
+      true: "gridui-u-input--border-danger-foreground",
+      false: ""
+    },
+    grouped: {
+      true: "gridui-u-input--border-0 gridui-u-input--border-inherit gridui-u-input--bg-transparent",
+      false: ""
+    }
+  }
+});
+
 // src/textarea/use-textarea-footer-height.ts
 import { useLayoutEffect, useRef as useRef2, useState as useState2 } from "react";
 var useTextareaFooterHeight = (visible) => {
@@ -614,7 +640,10 @@ var Textarea = (props) => {
       hidden: restProps.hidden,
       inert: restProps.inert,
       style: sizing,
-      className: cn8(controlStyles(), "gridui-textarea-frame", restProps["aria-invalid"] && restProps["aria-invalid"] !== "false" && "gridui-u-input--border-danger-foreground", groupSize && "gridui-u-input--border-0 gridui-u-input--border-inherit gridui-u-input--bg-transparent", className),
+      className: cn8(textareaStyles({
+        invalid: Boolean(restProps["aria-invalid"]) && restProps["aria-invalid"] !== "false",
+        grouped: groupSize !== null
+      }), "gridui-textarea-frame", className),
       "data-gridui-outline-target": groupSize === null ? "" : void 0,
       "data-control-size": controlSize,
       "data-grouped": groupSize !== null || void 0,

package/dist/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/shared/input-group-context.ts", "../src/shared/style.ts", "../src/input/input.tsx", "../src/input-group/input-group.tsx", "../src/input-group-addon/input-group-addon.tsx", "../src/input-group-button/input-group-button.tsx", "../src/label/style.ts", "../src/label/label.tsx", "../src/password-input/password-input.tsx", "../src/search-input/search-input.tsx", "../src/textarea/resize-handle.tsx", "../src/textarea/use-textarea-footer-height.ts", "../src/textarea/use-textarea-resize.ts", "../src/textarea/textarea.tsx"],
-  "sourcesContent": ["/**\n * @author WMXPY\n * @package Input\n * @namespace Shared\n * @description Input Group Context\n */\n\nimport { createContext, useContext } from \"react\";\n\nexport const inputGroupContext = createContext<\"standard\" | \"small\" | null>(null);\nexport const useInputGroupSize = () => {\n    return useContext(inputGroupContext);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Shared\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const controlStyles = cva(cn(\n    \"gridui-control\",\n    \"gridui-u-input--min-w-0 gridui-u-input--w-full gridui-u-input--box-border gridui-u-input--border gridui-u-input--border-solid gridui-u-input--border-border gridui-u-input--rounded-control gridui-u-input--text-foreground gridui-u-input--bg-background gridui-u-input--type-input\",\n    \"gridui-u-input--disabled:opacity-50 gridui-u-input--disabled:cursor-not-allowed\",\n    \"gridui-u-input--aria-invalid:border-danger-foreground\",\n));\n\nexport const controlStandardStyles = cva(cn(\n    \"gridui-control-standard\",\n    \"gridui-u-input--p-gridui-8 gridui-u-input--min-h-gridui-control\",\n));\n\nexport const controlSmallStyles = cva(cn(\n    \"gridui-control-small\",\n    \"gridui-u-input--py-gridui-4 gridui-u-input--px-gridui-8 gridui-u-input--min-h-gridui-control-small\",\n));\n\nexport const controlVariants = cva(controlStyles(), {\n    variants: {\n        size: {\n            standard: controlStandardStyles(),\n            small: controlSmallStyles(),\n        },\n    },\n    defaultVariants: { size: \"standard\" },\n});\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Input\n * @description Input\n */\n\nimport { useInputGroupSize } from \"../shared/input-group-context\";\nimport { controlVariants } from \"../shared/style\";\nimport type { TextControlOptions } from \"../shared/text-control-options\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\n\nexport type InputProps = ComponentPropsWithRef<\"input\"> & TextControlOptions;\n\nexport const Input: FC<InputProps> = (props: InputProps) => {\n    const groupSize = useInputGroupSize();\n    const {\n        size,\n        controlSize = groupSize ?? \"standard\",\n        className,\n        onChange,\n        onValueChange,\n        ...restProps\n    } = props;\n    return (<input\n        {...restProps}\n        size={size}\n        onChange={(event) => {\n            onChange?.(event);\n            onValueChange?.(event.currentTarget.value);\n        }}\n        className={cn(controlVariants({ size: controlSize }), groupSize && \"gridui-u-input--flex-1 gridui-u-input--w-0 gridui-u-input--border-0 gridui-u-input--bg-transparent\", className)}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace InputGroup\n * @description Input Group\n */\n\nimport { inputGroupContext } from \"../shared/input-group-context\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\n\nexport type InputGroupProps = ComponentPropsWithRef<\"div\"> & {\n    readonly controlSize?: \"standard\" | \"small\";\n};\nexport const InputGroup: FC<InputGroupProps> = (props: InputGroupProps) => {\n    const { controlSize = \"standard\", className, children, ...restProps } = props;\n    return (<inputGroupContext.Provider\n        value={controlSize}\n    >\n        <div\n            {...restProps}\n            data-control-size={controlSize}\n            data-gridui-outline-target=\"\"\n            className={cn(\"gridui-input-group\", className)}\n        >\n            {children}\n        </div>\n    </inputGroupContext.Provider>);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace InputGroupAddon\n * @description Input Group Addon\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\n\nexport type InputGroupAddonProps = ComponentPropsWithRef<\"div\"> & {\n    readonly align?: \"inline-start\" | \"inline-end\" | \"block-start\" | \"block-end\";\n};\nexport const InputGroupAddon: FC<InputGroupAddonProps> = (props: InputGroupAddonProps) => {\n    const { align = \"inline-start\", className, ...restProps } = props;\n    return (<div\n        {...restProps}\n        data-align={align}\n        className={cn(\"gridui-input-group-addon\", className)}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace InputGroupButton\n * @description Input Group Button\n */\n\nimport { useInputGroupSize } from \"../shared/input-group-context\";\nimport { Button, type ButtonProps } from \"@gridui/button\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { FC } from \"react\";\n\nexport type InputGroupButtonProps = ButtonProps;\nexport const InputGroupButton: FC<InputGroupButtonProps> = (props: InputGroupButtonProps) => {\n    const size = useInputGroupSize() ?? \"standard\";\n    const { className, ...restProps } = props;\n    return (<Button\n        variant=\"quiet\"\n        size={size}\n        {...restProps}\n        className={cn(\"gridui-input-group-button\", className)}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Label\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const labelStyles = cva(cn(\n    \"gridui-label\",\n    \"gridui-u-input--inline-flex gridui-u-input--items-center gridui-u-input--gap-gridui-4 gridui-u-input--type-ui\",\n));\n\nexport const labelIconStyles = cva(\"gridui-u-input--inline-flex gridui-u-input--shrink-0 gridui-u-input--text-foreground gridui-u-input--[&>svg]:size-gridui-16\");\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Label\n * @description Label\n */\n\nimport { labelIconStyles, labelStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { ComponentPropsWithRef, FC, ReactNode } from \"react\";\n\nexport type LabelProps = ComponentPropsWithRef<\"label\"> & {\n    readonly icon?: ReactNode;\n};\n\nexport const Label: FC<LabelProps> = (props: LabelProps) => {\n    const { icon, children, className, ...restProps } = props;\n    return (<label\n        {...restProps}\n        className={cn(labelStyles(), className)}\n    >\n        {icon && (<span\n            aria-hidden=\"true\"\n            className={labelIconStyles()}\n        >\n            {icon}\n        </span>)}\n        {children}\n    </label>);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace PasswordInput\n * @description Password Input\n */\n\nimport { Input, type InputProps } from \"../input/input\";\nimport { InputGroup } from \"../input-group/input-group\";\nimport { InputGroupAddon } from \"../input-group-addon/input-group-addon\";\nimport { InputGroupButton } from \"../input-group-button/input-group-button\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport { type FC, useState } from \"react\";\n\nexport type PasswordInputProps = Omit<InputProps, \"type\"> & {\n    readonly showLabel: string;\n    readonly hideLabel: string;\n    readonly rootClassName?: string;\n};\nexport const PasswordInput: FC<PasswordInputProps> = (props: PasswordInputProps) => {\n    const { showLabel, hideLabel, rootClassName, controlSize = \"standard\", ...restProps } = props;\n    const [\n        visible,\n        setVisible,\n    ] = useState(false);\n    return (<InputGroup\n        controlSize={controlSize}\n        dir={restProps.dir}\n        className={rootClassName}\n    >\n        <Input\n            {...restProps}\n            type={visible ? \"text\" : \"password\"}\n        />\n        <InputGroupAddon\n            align=\"inline-end\"\n        >\n            <InputGroupButton\n                layout=\"icon\"\n                aria-label={visible ? hideLabel : showLabel}\n                disabled={restProps.disabled}\n                onClick={() => {\n                    setVisible(current => {\n                        return !current;\n                    });\n                }}\n            >\n                {visible ? (<EyeOff\n                    aria-hidden=\"true\"\n                />) : (<Eye\n                    aria-hidden=\"true\"\n                />)}\n            </InputGroupButton>\n        </InputGroupAddon>\n    </InputGroup>);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace SearchInput\n * @description Search Input\n */\n\nimport { Input, type InputProps } from \"../input/input\";\nimport { InputGroup } from \"../input-group/input-group\";\nimport { InputGroupAddon } from \"../input-group-addon/input-group-addon\";\nimport { InputGroupButton } from \"../input-group-button/input-group-button\";\nimport { Search, X } from \"lucide-react\";\nimport { type FC, useImperativeHandle, useRef } from \"react\";\n\nexport type SearchInputProps = Omit<InputProps, \"type\"> & {\n    readonly clearLabel: string;\n    readonly loading?: boolean;\n    readonly loadingLabel?: string;\n    readonly rootClassName?: string;\n};\nexport const SearchInput: FC<SearchInputProps> = (props: SearchInputProps) => {\n    const { clearLabel, loading = false, loadingLabel, rootClassName, controlSize = \"standard\", ref,\n        onValueChange, ...restProps } = props;\n    const input = useRef<HTMLInputElement>(null);\n    useImperativeHandle(ref, () => {\n        return input.current!;\n    });\n    return (<InputGroup\n        controlSize={controlSize}\n        dir={restProps.dir}\n        className={rootClassName}\n    >\n        <Input\n            {...restProps}\n            ref={input}\n            type=\"search\"\n            aria-busy={loading || restProps[\"aria-busy\"]}\n            onValueChange={(next) => {\n                onValueChange?.(next);\n            }}\n        />\n        <InputGroupAddon\n            aria-hidden=\"true\"\n        >\n            <Search\n                size={16}\n            />\n        </InputGroupAddon>\n        <InputGroupAddon\n            align=\"inline-end\"\n        >\n            {loading && (<span\n                role=\"status\"\n            >\n                {loadingLabel}\n            </span>)}\n            <InputGroupButton\n                layout=\"icon\"\n                aria-label={clearLabel}\n                disabled={restProps.disabled || restProps.readOnly}\n                onClick={() => {\n                    const element = input.current;\n                    if (!element || element.matches(\":disabled\") || element.readOnly) {\n                        return;\n                    }\n                    if (element.value !== \"\") {\n                        if (restProps.value === undefined) {\n                            element.value = \"\";\n                        }\n                        onValueChange?.(\"\");\n                    }\n                    element.focus();\n                }}\n            >\n                <X\n                    aria-hidden=\"true\"\n                />\n            </InputGroupButton>\n        </InputGroupAddon>\n    </InputGroup>);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Textarea\n * @description Resize Handle\n */\n\nimport { GripHorizontal, MoveVertical } from \"lucide-react\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\n\nexport type ResizeHandleProps = ComponentPropsWithRef<\"button\"> & {\n    readonly variant: \"corner\" | \"edge\" | \"footer\";\n    readonly label: string;\n    readonly controlId: string;\n    readonly dragging: boolean;\n};\n\nexport const ResizeHandle: FC<ResizeHandleProps> = (props: ResizeHandleProps) => {\n    const { variant, label, controlId, dragging, ...restProps } = props;\n    const Icon = variant === \"edge\" ? GripHorizontal : MoveVertical;\n    return (<button\n        {...restProps}\n        type=\"button\"\n        className=\"gridui-textarea-resize-handle\"\n        data-variant={variant}\n        data-dragging={dragging || undefined}\n        aria-label={label}\n        aria-controls={controlId}\n        aria-keyshortcuts=\"ArrowUp ArrowDown Home End Enter Space\"\n    >\n        <Icon\n            size={16}\n            aria-hidden=\"true\"\n        />\n    </button>);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Textarea\n * @description Use Textarea Footer Height\n */\n\nimport { useLayoutEffect, useRef, useState } from \"react\";\n\nexport const useTextareaFooterHeight = (visible: boolean) => {\n    const ref = useRef<HTMLDivElement>(null);\n    const [\n        height,\n        setHeight,\n    ] = useState<number>();\n    useLayoutEffect(() => {\n        const footer = ref.current;\n        if (!visible || !footer) {\n            return;\n        }\n        const measure = () => {\n            setHeight(parseFloat(footer.ownerDocument.defaultView!.getComputedStyle(footer).height));\n        };\n        measure();\n        const observer = new ResizeObserver(measure);\n        observer.observe(footer);\n        return () => {\n            observer.disconnect();\n        };\n    }, [visible]);\n    return {\n        ref,\n        height: visible ? height : undefined,\n    };\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Textarea\n * @description Use Textarea Resize\n */\n\nimport { isComposingKeyEvent, listenForDragCancellation } from \"@gridui/interaction\";\nimport { type ComponentPropsWithRef, type CSSProperties, type RefObject, useCallback, useEffect, useLayoutEffect, useRef, useState } from \"react\";\n\ntype ResizeOptions = {\n    readonly frame: RefObject<HTMLDivElement | null>;\n    readonly input: RefObject<HTMLTextAreaElement | null>;\n    readonly enabled: boolean;\n    readonly disabled: boolean;\n};\n\ntype Drag = {\n    readonly pointerId: number;\n    readonly startY: number;\n    readonly startHeight: number;\n    readonly previousHeight: CSSProperties[\"height\"];\n    readonly scale: number;\n    readonly handle: HTMLButtonElement;\n    readonly cleanup: () => void;\n};\n\nconst getResizeGeometry = (frame: HTMLDivElement) => {\n    const style = frame.ownerDocument.defaultView!.getComputedStyle(frame);\n    return {\n        height: parseFloat(style.height),\n        maximum: style.maxHeight === \"none\" ? undefined : style.maxHeight,\n        scale: frame.getBoundingClientRect().height / frame.offsetHeight || 1,\n    };\n};\n\nconst releaseDrag = (drag: Drag): void => {\n    drag.cleanup();\n    if (drag.handle.hasPointerCapture(drag.pointerId)) {\n        drag.handle.releasePointerCapture(drag.pointerId);\n    }\n};\n\nexport const useTextareaResize = ({ frame, input, enabled, disabled }: ResizeOptions): {\n    height: CSSProperties[\"height\"];\n    dragging: boolean;\n    handleProps: ComponentPropsWithRef<\"button\">;\n} => {\n    const [\n        height,\n        setHeight,\n    ] = useState<CSSProperties[\"height\"]>();\n    const [\n        dragging,\n        setDragging,\n    ] = useState(false);\n    const drag = useRef<Drag | null>(null);\n    const blocked = (): boolean => {\n        return !enabled || disabled || !input.current || input.current.matches(\":disabled\") || input.current.inert;\n    };\n    const finish = (restore: boolean): void => {\n        const active = drag.current;\n        if (!active) {\n            return;\n        }\n        drag.current = null;\n        releaseDrag(active);\n        if (restore) {\n            setHeight(active.previousHeight);\n        }\n        setDragging(false);\n    };\n    const cancel = useRef(() => {\n        return;\n    });\n    useLayoutEffect(() => {\n        cancel.current = () => {\n            finish(true);\n        };\n        if (blocked()) {\n            finish(true);\n        }\n    });\n    useLayoutEffect(() => {\n        if (!enabled) {\n            setHeight(undefined);\n        }\n    }, [enabled]);\n    useEffect(() => {\n        return () => {\n            cancel.current();\n        };\n    }, []);\n    const handleRef = useCallback((handle: HTMLButtonElement | null) => {\n        if (!handle) {\n            return;\n        }\n        return () => {\n            if (handle.ownerDocument.activeElement === handle) {\n                input.current?.focus({ preventScroll: true });\n            }\n        };\n    }, [input]);\n    const update = (next: CSSProperties[\"height\"]): void => {\n        if (blocked() || !frame.current) {\n            finish(true);\n            return;\n        }\n        // CSS resolves constraints, including percentages and content-dependent minima.\n        setHeight(typeof next === \"number\" ? Math.max(0, next) : next);\n    };\n    const reset = (): void => {\n        if (!blocked()) {\n            finish(false);\n            setHeight(undefined);\n        }\n    };\n    const handleProps: ComponentPropsWithRef<\"button\"> = {\n        ref: handleRef,\n        onPointerDown: (event) => {\n            if (blocked() || event.button !== 0 || !event.isPrimary || drag.current || !frame.current) {\n                return;\n            }\n            const bounds = getResizeGeometry(frame.current);\n            const handle = event.currentTarget;\n            event.preventDefault();\n            handle.focus({ preventScroll: true });\n            drag.current = {\n                pointerId: event.pointerId,\n                startY: event.clientY,\n                startHeight: bounds.height,\n                previousHeight: height,\n                scale: bounds.scale,\n                handle,\n                cleanup: listenForDragCancellation(handle, () => {\n                    cancel.current();\n                }),\n            };\n            handle.setPointerCapture(event.pointerId);\n            setDragging(true);\n        },\n        onPointerMove: (event) => {\n            const active = drag.current;\n            if (active?.pointerId === event.pointerId) {\n                update(active.startHeight + (event.clientY - active.startY) / active.scale);\n            }\n        },\n        onPointerUp: (event) => {\n            if (drag.current?.pointerId === event.pointerId) {\n                finish(blocked());\n            }\n        },\n        onPointerCancel: (event) => {\n            if (drag.current?.pointerId === event.pointerId) {\n                finish(true);\n            }\n        },\n        onLostPointerCapture: (event) => {\n            if (drag.current?.pointerId === event.pointerId) {\n                finish(true);\n            }\n        },\n        onKeyDown: (event) => {\n            if (blocked() || drag.current || !frame.current || isComposingKeyEvent(event.nativeEvent)) {\n                return;\n            }\n            const bounds = getResizeGeometry(frame.current);\n            const step = event.shiftKey ? 64 : 16;\n            let next: CSSProperties[\"height\"];\n            switch (event.key) {\n                case \"ArrowUp\": next = bounds.height - step; break;\n                case \"ArrowDown\": next = bounds.height + step; break;\n                case \"Home\": next = 0; break;\n                case \"End\":\n                    if (bounds.maximum === undefined) {\n                        return;\n                    }\n                    next = bounds.maximum;\n                    break;\n                default: return;\n            }\n            event.preventDefault();\n            update(next);\n        },\n        onClick: (event) => {\n            // Keyboard and assistive-technology activation restore the natural height.\n            if (event.detail === 0) {\n                reset();\n            }\n        },\n        onDoubleClick: reset,\n    };\n    return {\n        height,\n        dragging,\n        handleProps,\n    };\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Textarea\n * @description Textarea\n */\n\nimport { useInputGroupSize } from \"../shared/input-group-context\";\nimport { controlStyles } from \"../shared/style\";\nimport type { TextControlOptions } from \"../shared/text-control-options\";\nimport { ResizeHandle } from \"./resize-handle\";\nimport { useTextareaFooterHeight } from \"./use-textarea-footer-height\";\nimport { useTextareaResize } from \"./use-textarea-resize\";\nimport { useScrollbars } from \"@gridui/overlay\";\nimport { cn } from \"@gridui/style-utils\";\nimport { type ComponentPropsWithRef, type CSSProperties, type FC, type ReactNode, useId, useImperativeHandle, useRef } from \"react\";\n\nexport type TextareaProps = ComponentPropsWithRef<\"textarea\"> & TextControlOptions & {\n    readonly autoSize?: boolean;\n    readonly maxHeight?: number;\n    readonly maxRows?: number;\n    /** Manual resize affordance. Automatic sizing always hides it. */\n    readonly resizeHandle?: \"corner\" | \"edge\" | \"footer\" | false;\n    readonly resizeLabel?: string;\n    /** Caller-owned footer content; footer handles share this row. */\n    readonly footer?: ReactNode;\n};\nexport const Textarea: FC<TextareaProps> = (props: TextareaProps) => {\n    const groupSize = useInputGroupSize();\n    const { controlSize = groupSize ?? \"standard\", className, onChange, onValueChange, ref, autoSize = false,\n        maxHeight, maxRows, rows = 2, style, resizeHandle = \"edge\", resizeLabel = \"Resize text area\", footer, ...restProps } = props;\n    if (maxHeight !== undefined && (!Number.isFinite(maxHeight) || maxHeight <= 0)) {\n        throw new RangeError(\"Textarea maxHeight must be finite and positive.\");\n    }\n    if (maxRows !== undefined && (!Number.isSafeInteger(maxRows) || maxRows < rows)) {\n        throw new RangeError(\"Textarea maxRows must be an integer at least as large as rows.\");\n    }\n    if (maxHeight !== undefined && maxRows !== undefined) {\n        throw new RangeError(\"Textarea accepts either maxRows or maxHeight, not both.\");\n    }\n    const frame = useRef<HTMLDivElement>(null);\n    const input = useRef<HTMLTextAreaElement>(null);\n    const generatedId = useId();\n    const inputId = restProps.id ?? generatedId;\n    useImperativeHandle(ref, () => {\n        return input.current!;\n    }, []);\n    const scrollRef = useScrollbars<HTMLTextAreaElement>({ ref: input });\n    const manual = !autoSize && resizeHandle !== false;\n    const resize = useTextareaResize({\n        frame,\n        input,\n        enabled: manual,\n        disabled: Boolean(restProps.disabled),\n    });\n    const hasFooter = footer !== undefined && footer !== null && typeof footer !== \"boolean\";\n    const showFooter = hasFooter || manual && resizeHandle === \"footer\";\n    const footerLayout = useTextareaFooterHeight(showFooter);\n    const handle = manual ? (<ResizeHandle\n        {...resize.handleProps}\n        variant={resizeHandle}\n        label={resizeLabel}\n        controlId={inputId}\n        dragging={resize.dragging}\n        disabled={restProps.disabled}\n    />) : null;\n    const sizing: CSSProperties & Record<`--${string}`, string | number | undefined> = {\n        \"--_gridui-textarea-rows\": rows,\n        \"--_gridui-textarea-max-rows\": maxRows,\n        \"--_gridui-textarea-footer-height\": footerLayout.height === undefined ? undefined : `${footerLayout.height}px`,\n        ...style,\n        ...(maxHeight !== undefined ? { maxHeight } : {}),\n        ...(manual && resize.height !== undefined ? { height: resize.height } : {}),\n    };\n    return (<div\n        ref={frame}\n        dir={restProps.dir}\n        lang={restProps.lang}\n        hidden={restProps.hidden}\n        inert={restProps.inert}\n        style={sizing}\n        className={cn(controlStyles(), \"gridui-textarea-frame\", restProps[\"aria-invalid\"] && restProps[\"aria-invalid\"] !== \"false\" && \"gridui-u-input--border-danger-foreground\", groupSize && \"gridui-u-input--border-0 gridui-u-input--border-inherit gridui-u-input--bg-transparent\", className)}\n        data-gridui-outline-target={groupSize === null ? \"\" : undefined}\n        data-control-size={controlSize}\n        data-grouped={groupSize !== null || undefined}\n        data-autosize={autoSize || undefined}\n        data-max-rows={maxRows !== undefined || undefined}\n        data-resize-handle={manual ? resizeHandle : undefined}\n        data-footer={hasFooter || undefined}\n    >\n        <textarea\n            {...restProps}\n            id={inputId}\n            ref={scrollRef}\n            rows={rows}\n            onChange={(event) => {\n                onChange?.(event);\n                onValueChange?.(event.currentTarget.value);\n            }}\n            className=\"gridui-textarea\"\n        />\n        {manual && resizeHandle !== \"footer\" && (<div\n            className=\"gridui-textarea-resize-row\"\n        >\n            {handle}\n        </div>)}\n        {showFooter && (<div\n            ref={footerLayout.ref}\n            className=\"gridui-textarea-footer\"\n        >\n            <div\n                className=\"gridui-textarea-footer-content\"\n            >\n                {footer}\n            </div>\n            {resizeHandle === \"footer\" && handle}\n        </div>)}\n    </div>);\n};\n"],
-  "mappings": "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",
-  "names": ["cn", "cn", "jsx", "cn", "jsx", "cn", "jsx", "cn", "cva", "cn", "jsx", "jsx", "jsxs", "jsx", "jsxs", "jsx", "useRef", "useState", "useLayoutEffect", "useRef", "useState", "cn", "useImperativeHandle", "useRef", "jsx", "jsxs"]
+  "sources": ["../src/shared/input-group-context.ts", "../src/shared/style.ts", "../src/input/style.ts", "../src/input/input.tsx", "../src/input-group/input-group.tsx", "../src/input-group-addon/input-group-addon.tsx", "../src/input-group-button/input-group-button.tsx", "../src/label/style.ts", "../src/label/label.tsx", "../src/password-input/password-input.tsx", "../src/search-input/search-input.tsx", "../src/textarea/resize-handle.tsx", "../src/textarea/style.ts", "../src/textarea/use-textarea-footer-height.ts", "../src/textarea/use-textarea-resize.ts", "../src/textarea/textarea.tsx"],
+  "sourcesContent": ["/**\n * @author WMXPY\n * @package Input\n * @namespace Shared\n * @description Input Group Context\n */\n\nimport { createContext, useContext } from \"react\";\n\nexport const inputGroupContext = createContext<\"standard\" | \"small\" | null>(null);\nexport const useInputGroupSize = () => {\n    return useContext(inputGroupContext);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Shared\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const controlStyles = cva(cn(\n    \"gridui-control\",\n    \"gridui-u-input--min-w-0 gridui-u-input--w-full gridui-u-input--box-border gridui-u-input--border gridui-u-input--border-solid gridui-u-input--border-border gridui-u-input--rounded-control gridui-u-input--text-foreground gridui-u-input--bg-background gridui-u-input--type-input\",\n    \"gridui-u-input--disabled:opacity-50 gridui-u-input--disabled:cursor-not-allowed\",\n    \"gridui-u-input--aria-invalid:border-danger-foreground\",\n));\n\nexport const controlStandardStyles = cva(cn(\n    \"gridui-control-standard\",\n    \"gridui-u-input--p-gridui-8 gridui-u-input--min-h-gridui-control\",\n));\n\nexport const controlSmallStyles = cva(cn(\n    \"gridui-control-small\",\n    \"gridui-u-input--py-gridui-4 gridui-u-input--px-gridui-8 gridui-u-input--min-h-gridui-control-small\",\n));\n\nexport const controlVariants = cva(controlStyles(), {\n    variants: {\n        size: {\n            standard: controlStandardStyles(),\n            small: controlSmallStyles(),\n        },\n    },\n    defaultVariants: { size: \"standard\" },\n});\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Input\n * @description Style\n */\n\nimport { cva } from \"class-variance-authority\";\n\nexport const inputStyles = cva(\"\", {\n    variants: {\n        grouped: {\n            true: \"gridui-u-input--flex-1 gridui-u-input--w-0 gridui-u-input--border-0 gridui-u-input--bg-transparent\",\n            false: \"\",\n        },\n    },\n});\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Input\n * @description Input\n */\n\nimport { useInputGroupSize } from \"../shared/input-group-context\";\nimport { controlVariants } from \"../shared/style\";\nimport type { TextControlOptions } from \"../shared/text-control-options\";\nimport { inputStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\n\nexport type InputProps = ComponentPropsWithRef<\"input\"> & TextControlOptions;\n\nexport const Input: FC<InputProps> = (props: InputProps) => {\n    const groupSize = useInputGroupSize();\n    const {\n        size,\n        controlSize = groupSize ?? \"standard\",\n        className,\n        onChange,\n        onValueChange,\n        ...restProps\n    } = props;\n    return (<input\n        {...restProps}\n        size={size}\n        onChange={(event) => {\n            onChange?.(event);\n            onValueChange?.(event.currentTarget.value);\n        }}\n        className={cn(controlVariants({ size: controlSize }), inputStyles({ grouped: groupSize !== null }), className)}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace InputGroup\n * @description Input Group\n */\n\nimport { inputGroupContext } from \"../shared/input-group-context\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\n\nexport type InputGroupProps = ComponentPropsWithRef<\"div\"> & {\n    readonly controlSize?: \"standard\" | \"small\";\n};\nexport const InputGroup: FC<InputGroupProps> = (props: InputGroupProps) => {\n    const { controlSize = \"standard\", className, children, ...restProps } = props;\n    return (<inputGroupContext.Provider\n        value={controlSize}\n    >\n        <div\n            {...restProps}\n            data-control-size={controlSize}\n            data-gridui-outline-target=\"\"\n            className={cn(\"gridui-input-group\", className)}\n        >\n            {children}\n        </div>\n    </inputGroupContext.Provider>);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace InputGroupAddon\n * @description Input Group Addon\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\n\nexport type InputGroupAddonProps = ComponentPropsWithRef<\"div\"> & {\n    readonly align?: \"inline-start\" | \"inline-end\" | \"block-start\" | \"block-end\";\n};\nexport const InputGroupAddon: FC<InputGroupAddonProps> = (props: InputGroupAddonProps) => {\n    const { align = \"inline-start\", className, ...restProps } = props;\n    return (<div\n        {...restProps}\n        data-align={align}\n        className={cn(\"gridui-input-group-addon\", className)}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace InputGroupButton\n * @description Input Group Button\n */\n\nimport { useInputGroupSize } from \"../shared/input-group-context\";\nimport { Button, type ButtonProps } from \"@gridui/button\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { FC } from \"react\";\n\nexport type InputGroupButtonProps = ButtonProps;\nexport const InputGroupButton: FC<InputGroupButtonProps> = (props: InputGroupButtonProps) => {\n    const size = useInputGroupSize() ?? \"standard\";\n    const { className, ...restProps } = props;\n    return (<Button\n        variant=\"quiet\"\n        size={size}\n        {...restProps}\n        className={cn(\"gridui-input-group-button\", className)}\n    />);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Label\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const labelStyles = cva(cn(\n    \"gridui-label\",\n    \"gridui-u-input--inline-flex gridui-u-input--items-center gridui-u-input--gap-gridui-4 gridui-u-input--type-ui\",\n));\n\nexport const labelIconStyles = cva(\"gridui-u-input--inline-flex gridui-u-input--shrink-0 gridui-u-input--text-foreground gridui-u-input--[&>svg]:size-gridui-16\");\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Label\n * @description Label\n */\n\nimport { labelIconStyles, labelStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { ComponentPropsWithRef, FC, ReactNode } from \"react\";\n\nexport type LabelProps = ComponentPropsWithRef<\"label\"> & {\n    readonly icon?: ReactNode;\n};\n\nexport const Label: FC<LabelProps> = (props: LabelProps) => {\n    const { icon, children, className, ...restProps } = props;\n    return (<label\n        {...restProps}\n        className={cn(labelStyles(), className)}\n    >\n        {icon && (<span\n            aria-hidden=\"true\"\n            className={labelIconStyles()}\n        >\n            {icon}\n        </span>)}\n        {children}\n    </label>);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace PasswordInput\n * @description Password Input\n */\n\nimport { Input, type InputProps } from \"../input/input\";\nimport { InputGroup } from \"../input-group/input-group\";\nimport { InputGroupAddon } from \"../input-group-addon/input-group-addon\";\nimport { InputGroupButton } from \"../input-group-button/input-group-button\";\nimport { Eye, EyeOff } from \"lucide-react\";\nimport { type FC, useState } from \"react\";\n\nexport type PasswordInputProps = Omit<InputProps, \"type\"> & {\n    readonly showLabel: string;\n    readonly hideLabel: string;\n    readonly rootClassName?: string;\n};\nexport const PasswordInput: FC<PasswordInputProps> = (props: PasswordInputProps) => {\n    const { showLabel, hideLabel, rootClassName, controlSize = \"standard\", ...restProps } = props;\n    const [\n        visible,\n        setVisible,\n    ] = useState(false);\n    return (<InputGroup\n        controlSize={controlSize}\n        dir={restProps.dir}\n        className={rootClassName}\n    >\n        <Input\n            {...restProps}\n            type={visible ? \"text\" : \"password\"}\n        />\n        <InputGroupAddon\n            align=\"inline-end\"\n        >\n            <InputGroupButton\n                layout=\"icon\"\n                aria-label={visible ? hideLabel : showLabel}\n                disabled={restProps.disabled}\n                onClick={() => {\n                    setVisible(current => {\n                        return !current;\n                    });\n                }}\n            >\n                {visible ? (<EyeOff\n                    aria-hidden=\"true\"\n                />) : (<Eye\n                    aria-hidden=\"true\"\n                />)}\n            </InputGroupButton>\n        </InputGroupAddon>\n    </InputGroup>);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace SearchInput\n * @description Search Input\n */\n\nimport { Input, type InputProps } from \"../input/input\";\nimport { InputGroup } from \"../input-group/input-group\";\nimport { InputGroupAddon } from \"../input-group-addon/input-group-addon\";\nimport { InputGroupButton } from \"../input-group-button/input-group-button\";\nimport { Search, X } from \"lucide-react\";\nimport { type FC, useImperativeHandle, useRef } from \"react\";\n\nexport type SearchInputProps = Omit<InputProps, \"type\"> & {\n    readonly clearLabel: string;\n    readonly loading?: boolean;\n    readonly loadingLabel?: string;\n    readonly rootClassName?: string;\n};\nexport const SearchInput: FC<SearchInputProps> = (props: SearchInputProps) => {\n    const { clearLabel, loading = false, loadingLabel, rootClassName, controlSize = \"standard\", ref,\n        onValueChange, ...restProps } = props;\n    const input = useRef<HTMLInputElement>(null);\n    useImperativeHandle(ref, () => {\n        return input.current!;\n    });\n    return (<InputGroup\n        controlSize={controlSize}\n        dir={restProps.dir}\n        className={rootClassName}\n    >\n        <Input\n            {...restProps}\n            ref={input}\n            type=\"search\"\n            aria-busy={loading || restProps[\"aria-busy\"]}\n            onValueChange={(next) => {\n                onValueChange?.(next);\n            }}\n        />\n        <InputGroupAddon\n            aria-hidden=\"true\"\n        >\n            <Search\n                size={16}\n            />\n        </InputGroupAddon>\n        <InputGroupAddon\n            align=\"inline-end\"\n        >\n            {loading && (<span\n                role=\"status\"\n            >\n                {loadingLabel}\n            </span>)}\n            <InputGroupButton\n                layout=\"icon\"\n                aria-label={clearLabel}\n                disabled={restProps.disabled || restProps.readOnly}\n                onClick={() => {\n                    const element = input.current;\n                    if (!element || element.matches(\":disabled\") || element.readOnly) {\n                        return;\n                    }\n                    if (element.value !== \"\") {\n                        if (restProps.value === undefined) {\n                            element.value = \"\";\n                        }\n                        onValueChange?.(\"\");\n                    }\n                    element.focus();\n                }}\n            >\n                <X\n                    aria-hidden=\"true\"\n                />\n            </InputGroupButton>\n        </InputGroupAddon>\n    </InputGroup>);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Textarea\n * @description Resize Handle\n */\n\nimport { GripHorizontal, MoveVertical } from \"lucide-react\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\n\nexport type ResizeHandleProps = ComponentPropsWithRef<\"button\"> & {\n    readonly variant: \"corner\" | \"edge\" | \"footer\";\n    readonly label: string;\n    readonly controlId: string;\n    readonly dragging: boolean;\n};\n\nexport const ResizeHandle: FC<ResizeHandleProps> = (props: ResizeHandleProps) => {\n    const { variant, label, controlId, dragging, ...restProps } = props;\n    const Icon = variant === \"edge\" ? GripHorizontal : MoveVertical;\n    return (<button\n        {...restProps}\n        type=\"button\"\n        className=\"gridui-textarea-resize-handle\"\n        data-variant={variant}\n        data-dragging={dragging || undefined}\n        aria-label={label}\n        aria-controls={controlId}\n        aria-keyshortcuts=\"ArrowUp ArrowDown Home End Enter Space\"\n    >\n        <Icon\n            size={16}\n            aria-hidden=\"true\"\n        />\n    </button>);\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Textarea\n * @description Style\n */\n\nimport { controlStyles } from \"../shared/style\";\nimport { cva } from \"class-variance-authority\";\n\nexport const textareaStyles = cva(controlStyles(), {\n    variants: {\n        invalid: {\n            true: \"gridui-u-input--border-danger-foreground\",\n            false: \"\",\n        },\n        grouped: {\n            true: \"gridui-u-input--border-0 gridui-u-input--border-inherit gridui-u-input--bg-transparent\",\n            false: \"\",\n        },\n    },\n});\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Textarea\n * @description Use Textarea Footer Height\n */\n\nimport { useLayoutEffect, useRef, useState } from \"react\";\n\nexport const useTextareaFooterHeight = (visible: boolean) => {\n    const ref = useRef<HTMLDivElement>(null);\n    const [\n        height,\n        setHeight,\n    ] = useState<number>();\n    useLayoutEffect(() => {\n        const footer = ref.current;\n        if (!visible || !footer) {\n            return;\n        }\n        const measure = () => {\n            setHeight(parseFloat(footer.ownerDocument.defaultView!.getComputedStyle(footer).height));\n        };\n        measure();\n        const observer = new ResizeObserver(measure);\n        observer.observe(footer);\n        return () => {\n            observer.disconnect();\n        };\n    }, [visible]);\n    return {\n        ref,\n        height: visible ? height : undefined,\n    };\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Textarea\n * @description Use Textarea Resize\n */\n\nimport { isComposingKeyEvent, listenForDragCancellation } from \"@gridui/interaction\";\nimport { type ComponentPropsWithRef, type CSSProperties, type RefObject, useCallback, useEffect, useLayoutEffect, useRef, useState } from \"react\";\n\ntype ResizeOptions = {\n    readonly frame: RefObject<HTMLDivElement | null>;\n    readonly input: RefObject<HTMLTextAreaElement | null>;\n    readonly enabled: boolean;\n    readonly disabled: boolean;\n};\n\ntype Drag = {\n    readonly pointerId: number;\n    readonly startY: number;\n    readonly startHeight: number;\n    readonly previousHeight: CSSProperties[\"height\"];\n    readonly scale: number;\n    readonly handle: HTMLButtonElement;\n    readonly cleanup: () => void;\n};\n\nconst getResizeGeometry = (frame: HTMLDivElement) => {\n    const style = frame.ownerDocument.defaultView!.getComputedStyle(frame);\n    return {\n        height: parseFloat(style.height),\n        maximum: style.maxHeight === \"none\" ? undefined : style.maxHeight,\n        scale: frame.getBoundingClientRect().height / frame.offsetHeight || 1,\n    };\n};\n\nconst releaseDrag = (drag: Drag): void => {\n    drag.cleanup();\n    if (drag.handle.hasPointerCapture(drag.pointerId)) {\n        drag.handle.releasePointerCapture(drag.pointerId);\n    }\n};\n\nexport const useTextareaResize = ({ frame, input, enabled, disabled }: ResizeOptions): {\n    height: CSSProperties[\"height\"];\n    dragging: boolean;\n    handleProps: ComponentPropsWithRef<\"button\">;\n} => {\n    const [\n        height,\n        setHeight,\n    ] = useState<CSSProperties[\"height\"]>();\n    const [\n        dragging,\n        setDragging,\n    ] = useState(false);\n    const drag = useRef<Drag | null>(null);\n    const blocked = (): boolean => {\n        return !enabled || disabled || !input.current || input.current.matches(\":disabled\") || input.current.inert;\n    };\n    const finish = (restore: boolean): void => {\n        const active = drag.current;\n        if (!active) {\n            return;\n        }\n        drag.current = null;\n        releaseDrag(active);\n        if (restore) {\n            setHeight(active.previousHeight);\n        }\n        setDragging(false);\n    };\n    const cancel = useRef(() => {\n        return;\n    });\n    useLayoutEffect(() => {\n        cancel.current = () => {\n            finish(true);\n        };\n        if (blocked()) {\n            finish(true);\n        }\n    });\n    useLayoutEffect(() => {\n        if (!enabled) {\n            setHeight(undefined);\n        }\n    }, [enabled]);\n    useEffect(() => {\n        return () => {\n            cancel.current();\n        };\n    }, []);\n    const handleRef = useCallback((handle: HTMLButtonElement | null) => {\n        if (!handle) {\n            return;\n        }\n        return () => {\n            if (handle.ownerDocument.activeElement === handle) {\n                input.current?.focus({ preventScroll: true });\n            }\n        };\n    }, [input]);\n    const update = (next: CSSProperties[\"height\"]): void => {\n        if (blocked() || !frame.current) {\n            finish(true);\n            return;\n        }\n        // CSS resolves constraints, including percentages and content-dependent minima.\n        setHeight(typeof next === \"number\" ? Math.max(0, next) : next);\n    };\n    const reset = (): void => {\n        if (!blocked()) {\n            finish(false);\n            setHeight(undefined);\n        }\n    };\n    const handleProps: ComponentPropsWithRef<\"button\"> = {\n        ref: handleRef,\n        onPointerDown: (event) => {\n            if (blocked() || event.button !== 0 || !event.isPrimary || drag.current || !frame.current) {\n                return;\n            }\n            const bounds = getResizeGeometry(frame.current);\n            const handle = event.currentTarget;\n            event.preventDefault();\n            handle.focus({ preventScroll: true });\n            drag.current = {\n                pointerId: event.pointerId,\n                startY: event.clientY,\n                startHeight: bounds.height,\n                previousHeight: height,\n                scale: bounds.scale,\n                handle,\n                cleanup: listenForDragCancellation(handle, () => {\n                    cancel.current();\n                }),\n            };\n            handle.setPointerCapture(event.pointerId);\n            setDragging(true);\n        },\n        onPointerMove: (event) => {\n            const active = drag.current;\n            if (active?.pointerId === event.pointerId) {\n                update(active.startHeight + (event.clientY - active.startY) / active.scale);\n            }\n        },\n        onPointerUp: (event) => {\n            if (drag.current?.pointerId === event.pointerId) {\n                finish(blocked());\n            }\n        },\n        onPointerCancel: (event) => {\n            if (drag.current?.pointerId === event.pointerId) {\n                finish(true);\n            }\n        },\n        onLostPointerCapture: (event) => {\n            if (drag.current?.pointerId === event.pointerId) {\n                finish(true);\n            }\n        },\n        onKeyDown: (event) => {\n            if (blocked() || drag.current || !frame.current || isComposingKeyEvent(event.nativeEvent)) {\n                return;\n            }\n            const bounds = getResizeGeometry(frame.current);\n            const step = event.shiftKey ? 64 : 16;\n            let next: CSSProperties[\"height\"];\n            switch (event.key) {\n                case \"ArrowUp\": next = bounds.height - step; break;\n                case \"ArrowDown\": next = bounds.height + step; break;\n                case \"Home\": next = 0; break;\n                case \"End\":\n                    if (bounds.maximum === undefined) {\n                        return;\n                    }\n                    next = bounds.maximum;\n                    break;\n                default: return;\n            }\n            event.preventDefault();\n            update(next);\n        },\n        onClick: (event) => {\n            // Keyboard and assistive-technology activation restore the natural height.\n            if (event.detail === 0) {\n                reset();\n            }\n        },\n        onDoubleClick: reset,\n    };\n    return {\n        height,\n        dragging,\n        handleProps,\n    };\n};\n", "/**\n * @author WMXPY\n * @package Input\n * @namespace Textarea\n * @description Textarea\n */\n\nimport { useInputGroupSize } from \"../shared/input-group-context\";\nimport type { TextControlOptions } from \"../shared/text-control-options\";\nimport { ResizeHandle } from \"./resize-handle\";\nimport { textareaStyles } from \"./style\";\nimport { useTextareaFooterHeight } from \"./use-textarea-footer-height\";\nimport { useTextareaResize } from \"./use-textarea-resize\";\nimport { useScrollbars } from \"@gridui/overlay\";\nimport { cn } from \"@gridui/style-utils\";\nimport { type ComponentPropsWithRef, type CSSProperties, type FC, type ReactNode, useId, useImperativeHandle, useRef } from \"react\";\n\nexport type TextareaProps = ComponentPropsWithRef<\"textarea\"> & TextControlOptions & {\n    readonly autoSize?: boolean;\n    readonly maxHeight?: number;\n    readonly maxRows?: number;\n    /** Manual resize affordance. Automatic sizing always hides it. */\n    readonly resizeHandle?: \"corner\" | \"edge\" | \"footer\" | false;\n    readonly resizeLabel?: string;\n    /** Caller-owned footer content; footer handles share this row. */\n    readonly footer?: ReactNode;\n};\nexport const Textarea: FC<TextareaProps> = (props: TextareaProps) => {\n    const groupSize = useInputGroupSize();\n    const { controlSize = groupSize ?? \"standard\", className, onChange, onValueChange, ref, autoSize = false,\n        maxHeight, maxRows, rows = 2, style, resizeHandle = \"edge\", resizeLabel = \"Resize text area\", footer, ...restProps } = props;\n    if (maxHeight !== undefined && (!Number.isFinite(maxHeight) || maxHeight <= 0)) {\n        throw new RangeError(\"Textarea maxHeight must be finite and positive.\");\n    }\n    if (maxRows !== undefined && (!Number.isSafeInteger(maxRows) || maxRows < rows)) {\n        throw new RangeError(\"Textarea maxRows must be an integer at least as large as rows.\");\n    }\n    if (maxHeight !== undefined && maxRows !== undefined) {\n        throw new RangeError(\"Textarea accepts either maxRows or maxHeight, not both.\");\n    }\n    const frame = useRef<HTMLDivElement>(null);\n    const input = useRef<HTMLTextAreaElement>(null);\n    const generatedId = useId();\n    const inputId = restProps.id ?? generatedId;\n    useImperativeHandle(ref, () => {\n        return input.current!;\n    }, []);\n    const scrollRef = useScrollbars<HTMLTextAreaElement>({ ref: input });\n    const manual = !autoSize && resizeHandle !== false;\n    const resize = useTextareaResize({\n        frame,\n        input,\n        enabled: manual,\n        disabled: Boolean(restProps.disabled),\n    });\n    const hasFooter = footer !== undefined && footer !== null && typeof footer !== \"boolean\";\n    const showFooter = hasFooter || manual && resizeHandle === \"footer\";\n    const footerLayout = useTextareaFooterHeight(showFooter);\n    const handle = manual ? (<ResizeHandle\n        {...resize.handleProps}\n        variant={resizeHandle}\n        label={resizeLabel}\n        controlId={inputId}\n        dragging={resize.dragging}\n        disabled={restProps.disabled}\n    />) : null;\n    const sizing: CSSProperties & Record<`--${string}`, string | number | undefined> = {\n        \"--_gridui-textarea-rows\": rows,\n        \"--_gridui-textarea-max-rows\": maxRows,\n        \"--_gridui-textarea-footer-height\": footerLayout.height === undefined ? undefined : `${footerLayout.height}px`,\n        ...style,\n        ...(maxHeight !== undefined ? { maxHeight } : {}),\n        ...(manual && resize.height !== undefined ? { height: resize.height } : {}),\n    };\n    return (<div\n        ref={frame}\n        dir={restProps.dir}\n        lang={restProps.lang}\n        hidden={restProps.hidden}\n        inert={restProps.inert}\n        style={sizing}\n        className={cn(textareaStyles({\n            invalid: Boolean(restProps[\"aria-invalid\"]) && restProps[\"aria-invalid\"] !== \"false\",\n            grouped: groupSize !== null,\n        }), \"gridui-textarea-frame\", className)}\n        data-gridui-outline-target={groupSize === null ? \"\" : undefined}\n        data-control-size={controlSize}\n        data-grouped={groupSize !== null || undefined}\n        data-autosize={autoSize || undefined}\n        data-max-rows={maxRows !== undefined || undefined}\n        data-resize-handle={manual ? resizeHandle : undefined}\n        data-footer={hasFooter || undefined}\n    >\n        <textarea\n            {...restProps}\n            id={inputId}\n            ref={scrollRef}\n            rows={rows}\n            onChange={(event) => {\n                onChange?.(event);\n                onValueChange?.(event.currentTarget.value);\n            }}\n            className=\"gridui-textarea\"\n        />\n        {manual && resizeHandle !== \"footer\" && (<div\n            className=\"gridui-textarea-resize-row\"\n        >\n            {handle}\n        </div>)}\n        {showFooter && (<div\n            ref={footerLayout.ref}\n            className=\"gridui-textarea-footer\"\n        >\n            <div\n                className=\"gridui-textarea-footer-content\"\n            >\n                {footer}\n            </div>\n            {resizeHandle === \"footer\" && handle}\n        </div>)}\n    </div>);\n};\n"],
+  "mappings": "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",
+  "names": ["cva", "cn", "cn", "jsx", "cn", "jsx", "cn", "jsx", "cn", "cva", "cn", "jsx", "jsx", "jsxs", "jsx", "jsxs", "jsx", "cva", "useRef", "useState", "useLayoutEffect", "useRef", "useState", "cn", "useImperativeHandle", "useRef", "jsx", "jsxs"]
 }

package/dist/input/style.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @author WMXPY
+ * @package Input
+ * @namespace Input
+ * @description Style
+ */
+export declare const inputStyles: (props?: ({
+    grouped?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/styles.css

@@ -190,8 +190,6 @@
     }
     &[data-grouped] {
       --_gridui-textarea-border: 0px;
-      border: 0;
-      background: transparent;
     }
     &[data-resize-handle="edge"] {
       --_gridui-textarea-resize-height: var(--gridui-space-24);
@@ -205,9 +203,6 @@
     &[data-max-rows] {
       max-height: calc(var(--_gridui-textarea-max-rows) * 1lh + 2 * var(--_gridui-textarea-padding) + var(--_gridui-textarea-chrome));
     }
-    &:has(> textarea[aria-invalid="true"]) {
-      border-color: var(--gridui-danger-foreground);
-    }
     &:not([data-grouped]):has(> textarea:focus-visible) {
       outline: var(--gridui-focus-width) solid var(--gridui-focus-color);
       outline-offset: var(--gridui-focus-offset);

package/dist/textarea/style.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author WMXPY
+ * @package Input
+ * @namespace Textarea
+ * @description Style
+ */
+export declare const textareaStyles: (props?: ({
+    invalid?: boolean | null | undefined;
+    grouped?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/docs/catalog.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
   "name": "@gridui/input",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "category": "core",
   "description": "GridUI React input",
   "usage": "`Label` owns inline label alignment and an optional decorative `icon` slot. Icons use the standard 16px token size without an ancestor layout styling labels.",
@@ -118,6 +118,7 @@
     "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/input/stories/multiline.mdx",
     "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/input/stories/password-entry.mdx",
     "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/input/stories/search-entry.mdx",
+    "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/input/stories/text-fields.mdx",
     "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/input/stories/input-group.stories.tsx",
     "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/input/stories/input.stories.tsx",
     "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/input/stories/password-input.stories.tsx",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gridui/input",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "GridUI React input",
   "license": "UNLICENSED",
   "type": "module",
@@ -27,18 +27,18 @@
     "react-dom": "^19.2.0"
   },
   "dependencies": {
-    "@gridui/button": "^5.0.0",
+    "@gridui/button": "^5.0.1",
     "@gridui/interaction": "^1.2.1",
-    "@gridui/overlay": "^2.1.0",
+    "@gridui/overlay": "^2.2.0",
     "@gridui/style-utils": "^4.0.0",
-    "@gridui/theme": "^2.5.4",
+    "@gridui/theme": "^2.6.0",
     "class-variance-authority": "0.7.1",
-    "lucide-react": "1.70.0"
+    "lucide-react": "1.72.0"
   },
   "devDependencies": {
     "@gridui-internal/configuration": "0.0.0-internal",
     "@jest/globals": "30.5.2",
-    "@storybook/react-vite": "10.6.6",
+    "@storybook/react-vite": "10.6.7",
     "@types/jest": "30.0.0",
     "@types/node": "26.6.6",
     "@types/react": "19.3.0",
@@ -51,7 +51,6 @@
   "scripts": {
     "build": "node ../../scripts/compilation/package.ts",
     "compile": "tsc --project tsconfig.json",
-    "test": "jest",
-    "coverage": "jest --coverage"
+    "test": "jest"
   }
 }