@pickle-ui/react-native 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/components/form/InputGroup.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, createContext, isValidElement, use, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { cn } from '../../lib/cn';
+import { InputFrame } from '../_internal/InputFrame';
+import { Button } from '../Button';
+import { Input } from './Input';
+import { InputGroupStateContext } from './InputGroup.context';
+// The web's addon paddings minus the 1pt border. Addons holding a button sit
+// closer to the edge, like the web's `has-[>button]` margins.
+const addonClasses = {
+    'block-end': 'w-full justify-start px-[11px] pb-[11px]',
+    'block-start': 'w-full justify-start px-[11px] pt-[11px]',
+    'inline-end': 'pe-[11px]',
+    'inline-start': 'ps-[11px]',
+};
+const buttonAddonClasses = {
+    'block-end': '',
+    'block-start': '',
+    'inline-end': 'pe-[3px]',
+    'inline-start': 'ps-[3px]',
+};
+const InputGroupContext = createContext(null);
+/** Pressing an addon focuses the field, like clicking it on the web. */
+function InputGroupAddon({ align = 'inline-start', children, className, ...props }) {
+    const group = useInputGroup('Addon');
+    return (_jsx(Pressable, { accessible: false, className: cn('flex-row items-center justify-center gap-2', addonClasses[align], className), onPress: group.focusInput, ...props, children: Children.map(children, (child) => typeof child === 'string' || typeof child === 'number' ? (_jsx(Text, { className: "text-foreground font-sans text-[14px]", children: child })) : (child)) }));
+}
+function InputGroupButton({ align = 'inline-end', className, size = 'icon-xs', variant = 'ghost', ...props }) {
+    return (_jsx(InputGroupAddon, { align: align, className: buttonAddonClasses[align], children: _jsx(Button, { className: className, size: size, variant: variant, ...props }) }));
+}
+function InputGroupInput({ className, onBlur, onFocus, ref, ...props }) {
+    const group = useInputGroup('Input');
+    const inputRef = useRef(null);
+    useImperativeHandle(ref, () => inputRef.current);
+    return (_jsx(Input, { className: cn(group.hasInlineStart && 'ps-2', group.hasInlineEnd && 'pe-2', className), onBlur: (event) => {
+            group.setFocused(false);
+            onBlur?.(event);
+        }, onFocus: (event) => {
+            group.setFocused(true);
+            onFocus?.(event);
+        }, ref: (node) => {
+            inputRef.current = node;
+            // The group focuses the input when an addon is pressed.
+            group.setInput(node);
+        }, unstyled: true, ...props }));
+}
+/** Places addons around the input and frames the group like an `Input`. */
+function InputGroupRoot({ children, className, ...props }) {
+    const [focused, setFocused] = useState(false);
+    const inputRef = useRef(null);
+    const state = use(InputGroupStateContext);
+    const sorted = sortChildren(children);
+    const { parts } = sorted;
+    const disabled = sorted.disabled || Boolean(state?.disabled);
+    const invalid = sorted.invalid || Boolean(state?.invalid);
+    const hasInlineEnd = parts['inline-end'].length > 0;
+    const hasInlineStart = parts['inline-start'].length > 0;
+    const context = useMemo(() => ({
+        focusInput: () => inputRef.current?.focus(),
+        hasInlineEnd,
+        hasInlineStart,
+        setFocused,
+        setInput: (input) => {
+            inputRef.current = input;
+        },
+    }), [hasInlineEnd, hasInlineStart]);
+    const hasBlock = parts['block-start'].length > 0 || parts['block-end'].length > 0;
+    const row = [
+        ...parts['inline-start'],
+        ...parts.field,
+        ...parts['inline-end'],
+    ];
+    return (_jsx(InputGroupContext, { value: context, children: _jsx(InputFrame, { className: cn(hasBlock ? 'flex-col' : 'h-8 items-center', className), disabled: disabled, focused: focused, invalid: invalid, role: "group", ...props, children: hasBlock ? (_jsxs(_Fragment, { children: [parts['block-start'], _jsx(View, { className: "flex-row items-center", children: row }), parts['block-end']] })) : (row) }) }));
+}
+function InputGroupText({ className, ...props }) {
+    return (_jsx(Text, { className: cn('text-muted-foreground font-sans text-[14px]', className), numberOfLines: 1, ...props }));
+}
+/**
+ * Splits the group's direct children by `align`, since React Native has no
+ * CSS `order`, and reads `disabled` and `invalid` from its inputs.
+ */
+function sortChildren(children) {
+    const parts = {
+        'block-end': [],
+        'block-start': [],
+        field: [],
+        'inline-end': [],
+        'inline-start': [],
+    };
+    let disabled = false;
+    let invalid = false;
+    for (const child of Children.toArray(children)) {
+        if (isValidElement(child) &&
+            (child.type === InputGroupAddon || child.type === InputGroupButton)) {
+            const fallback = child.type === InputGroupButton ? 'inline-end' : 'inline-start';
+            parts[child.props.align ?? fallback].push(child);
+        }
+        else {
+            if (isValidElement(child) &&
+                child.type === InputGroupInput) {
+                disabled || (disabled = Boolean(child.props.disabled));
+                invalid || (invalid = Boolean(child.props.invalid));
+            }
+            parts.field.push(child);
+        }
+    }
+    return { disabled, invalid, parts };
+}
+function useInputGroup(part) {
+    const group = use(InputGroupContext);
+    if (!group)
+        throw new Error(`InputGroup.${part} must be inside an InputGroup.`);
+    return group;
+}
+const InputGroup = Object.assign(InputGroupRoot, {
+    Addon: InputGroupAddon,
+    Button: InputGroupButton,
+    Input: InputGroupInput,
+    Text: InputGroupText,
+});
+export { InputGroup };
+//# sourceMappingURL=InputGroup.js.map

package/dist/components/form/InputGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../src/components/form/InputGroup.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/RadioGroup.d.ts

@@ -0,0 +1,29 @@
+import { Pressable, View } from 'react-native';
+export type RadioGroupItemProps = Omit<React.ComponentProps<typeof Pressable>, 'children' | 'disabled'> & {
+    /** Class overrides for the row around the circle and label, the dot and the label. */
+    classNames?: {
+        field?: string;
+        indicator?: string;
+        label?: string;
+    };
+    disabled?: boolean;
+    /** Marks the choice as invalid, like the web's `aria-invalid`. */
+    invalid?: boolean;
+    /** Text next to the circle; pressing it selects the item and names it. */
+    label?: React.ReactNode;
+    size?: 'md' | 'sm';
+    value: string;
+};
+export type RadioGroupProps = React.ComponentProps<typeof View> & {
+    defaultValue?: string;
+    disabled?: boolean;
+    onValueChange?: (value: string) => void;
+    value?: string;
+};
+declare function RadioGroupItem({ accessibilityState, className, classNames, disabled: disabledProp, invalid, label, size, value, ...props }: RadioGroupItemProps): import("react").JSX.Element;
+declare function RadioGroupRoot({ className, defaultValue, disabled, onValueChange, value: valueProp, ...props }: RadioGroupProps): import("react").JSX.Element;
+declare const RadioGroup: typeof RadioGroupRoot & {
+    Item: typeof RadioGroupItem;
+};
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/form/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAQ,IAAI,EAAE,MAAM,cAAc,CAAC;AAuBrD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,UAAU,GAAG,UAAU,CACxB,GAAG;IACF,sFAAsF;IACtF,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAChE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,iBAAS,cAAc,CAAC,EACtB,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,QAAQ,EAAE,YAAoB,EAC9B,OAAe,EACf,KAAK,EACL,IAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EAAE,mBAAmB,+BAwDrB;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,YAAY,EACZ,QAAgB,EAChB,aAAa,EACb,KAAK,EAAE,SAAS,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,+BAuBjB;AAED,QAAA,MAAM,UAAU;;CAEd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/form/RadioGroup.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, use, useMemo } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { cn } from '../../lib/cn';
+import { useControllableState } from '../_internal/useControllableState';
+// Same sizes as `RadioGroup` in @pickle-ui/react. `hitSlop` stretches the
+// circle to a 44pt touch target, vertically only when a label widens it.
+const controlClasses = { md: 'size-4', sm: 'size-3.5' };
+const indicatorClasses = { md: 'size-2', sm: 'size-1.5' };
+const controlHitSlop = { md: 14, sm: 15 };
+const fieldHitSlop = {
+    md: { bottom: 14, top: 14 },
+    sm: { bottom: 15, top: 15 },
+};
+const RadioGroupContext = createContext(null);
+function RadioGroupItem({ accessibilityState, className, classNames, disabled: disabledProp = false, invalid = false, label, size = 'md', value, ...props }) {
+    const group = use(RadioGroupContext);
+    if (!group)
+        throw new Error('RadioGroup.Item must be inside a RadioGroup.');
+    const checked = group.value === value;
+    const disabled = group.disabled || disabledProp;
+    return (_jsxs(Pressable, { accessibilityState: { ...accessibilityState, checked, disabled }, "aria-checked": checked, "aria-disabled": disabled, className: label
+            ? cn('flex-row items-center gap-2', classNames?.field)
+            : 'self-start', disabled: disabled, hitSlop: label ? fieldHitSlop[size] : controlHitSlop[size], onPress: () => group.onSelect(value), role: "radio", ...props, children: [_jsx(View, { className: cn('border-input bg-background items-center justify-center rounded-full border', controlClasses[size], checked && 'border-primary', invalid && 'border-destructive', disabled && 'opacity-50', className), children: checked ? (_jsx(View, { className: cn('bg-primary rounded-full', indicatorClasses[size], classNames?.indicator) })) : null }), label ? (_jsx(Text, { className: cn('font-sans text-sm leading-none font-medium', disabled ? 'text-muted-foreground' : 'text-foreground', classNames?.label), children: label })) : null] }));
+}
+function RadioGroupRoot({ className, defaultValue, disabled = false, onValueChange, value: valueProp, ...props }) {
+    const [value, setValue] = useControllableState(valueProp, defaultValue, onValueChange);
+    const context = useMemo(() => ({
+        disabled,
+        onSelect: (next) => {
+            if (next !== value)
+                setValue(next);
+        },
+        value,
+    }), [disabled, setValue, value]);
+    return (_jsx(RadioGroupContext, { value: context, children: _jsx(View, { className: cn('gap-2', className), role: "radiogroup", ...props }) }));
+}
+const RadioGroup = Object.assign(RadioGroupRoot, {
+    Item: RadioGroupItem,
+});
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/form/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/form/RadioGroup.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/Textarea.d.ts

@@ -0,0 +1,19 @@
+import { TextInput } from 'react-native';
+export type TextareaProps = Omit<React.ComponentProps<typeof TextInput>, 'multiline'> & {
+    /** Class overrides for the inner `TextInput`; `className` styles the control around it. */
+    classNames?: {
+        textarea?: string;
+    };
+    /** Dims the field and stops editing, like the web's `disabled`. */
+    disabled?: boolean;
+    /** Marks the value as invalid, like the web's `aria-invalid`. */
+    invalid?: boolean;
+    size?: 'lg' | 'md' | 'sm';
+};
+/**
+ * A multi-line text field that grows with its content from three lines, like
+ * `Textarea` in @pickle-ui/react. Set a `min-h-*` class on
+ * `classNames.textarea` to change the minimum.
+ */
+export declare function Textarea({ className, classNames, disabled, editable, invalid, onBlur, onFocus, size, ...props }: TextareaProps): import("react").JSX.Element;
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/form/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/form/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzC,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,WAAW,CACZ,GAAG;IACF,2FAA2F;IAC3F,UAAU,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,UAAU,EACV,QAAgB,EAChB,QAAe,EACf,OAAe,EACf,MAAM,EACN,OAAO,EACP,IAAW,EACX,GAAG,KAAK,EACT,EAAE,aAAa,+BAiCf"}

package/dist/components/form/Textarea.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { TextInput } from 'react-native';
+import { cn } from '../../lib/cn';
+import { InputFrame } from '../_internal/InputFrame';
+const sizeClasses = {
+    lg: 'min-h-18 px-[11px]',
+    md: 'min-h-17.5 px-[11px]',
+    sm: 'min-h-16 px-[9px]',
+};
+/**
+ * A multi-line text field that grows with its content from three lines, like
+ * `Textarea` in @pickle-ui/react. Set a `min-h-*` class on
+ * `classNames.textarea` to change the minimum.
+ */
+export function Textarea({ className, classNames, disabled = false, editable = true, invalid = false, onBlur, onFocus, size = 'md', ...props }) {
+    const [focused, setFocused] = useState(false);
+    return (_jsx(InputFrame, { className: className, disabled: disabled, focused: focused, invalid: invalid, children: _jsx(TextInput, { accessibilityState: { disabled }, className: cn('text-foreground web:field-sizing-content web:resize-none flex-1 py-2 font-sans text-sm outline-none', sizeClasses[size], classNames?.textarea), editable: editable && !disabled, multiline: true, onBlur: (event) => {
+                setFocused(false);
+                onBlur?.(event);
+            }, onFocus: (event) => {
+                setFocused(true);
+                onFocus?.(event);
+            }, placeholderTextColorClassName: "accent-muted-foreground/72", textAlignVertical: "top", ...props }) }));
+}
+//# sourceMappingURL=Textarea.js.map

package/dist/components/form/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/form/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,mBAAmB;CACf,CAAC;AAeX;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,EACT,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,KAAK,EACf,MAAM,EACN,OAAO,EACP,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACM;IACd,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,YAEhB,KAAC,SAAS,IACR,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,SAAS,EAAE,EAAE,CACX,qGAAqG,EACrG,WAAW,CAAC,IAAI,CAAC,EACjB,UAAU,EAAE,QAAQ,CACrB,EACD,QAAQ,EAAE,QAAQ,IAAI,CAAC,QAAQ,EAC/B,SAAS,QACT,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,EACD,6BAA6B,EAAC,4BAA4B,EAC1D,iBAAiB,EAAC,KAAK,KACnB,KAAK,GACT,GACS,CACd,CAAC;AACJ,CAAC"}

package/dist/entries/checkbox.d.ts

@@ -0,0 +1,3 @@
+export { Checkbox } from '../components/form/Checkbox';
+export type { CheckboxProps } from '../components/form/Checkbox';
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/entries/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/entries/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/entries/checkbox.js

@@ -0,0 +1,2 @@
+export { Checkbox } from '../components/form/Checkbox';
+//# sourceMappingURL=checkbox.js.map

package/dist/entries/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/entries/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/entries/flex.d.ts

@@ -0,0 +1,3 @@
+export { Flex } from '../components/Flex';
+export type { FlexProps } from '../components/Flex';
+//# sourceMappingURL=flex.d.ts.map

package/dist/entries/flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../src/entries/flex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/entries/flex.js

@@ -0,0 +1,2 @@
+export { Flex } from '../components/Flex';
+//# sourceMappingURL=flex.js.map

package/dist/entries/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../src/entries/flex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/entries/form.d.ts

@@ -0,0 +1,3 @@
+export { Form } from '../components/form/Form';
+export type { FormCheckboxProps, FormDescriptionProps, FormErrorProps, FormFieldProps, FormInputGroupProps, FormInputProps, FormLabelProps, FormProps, FormRadioGroupProps, FormTextareaProps, } from '../components/form/Form';
+//# sourceMappingURL=form.d.ts.map

package/dist/entries/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/entries/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,YAAY,EACV,iBAAiB,EACjB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,SAAS,EACT,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,yBAAyB,CAAC"}

package/dist/entries/form.js

@@ -0,0 +1,2 @@
+export { Form } from '../components/form/Form';
+//# sourceMappingURL=form.js.map

package/dist/entries/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/entries/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/entries/grid.d.ts

@@ -0,0 +1,3 @@
+export { Grid } from '../components/Grid';
+export type { GridProps } from '../components/Grid';
+//# sourceMappingURL=grid.d.ts.map

package/dist/entries/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/entries/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/entries/grid.js

@@ -0,0 +1,2 @@
+export { Grid } from '../components/Grid';
+//# sourceMappingURL=grid.js.map

package/dist/entries/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/entries/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/entries/input-group.d.ts

@@ -0,0 +1,3 @@
+export { InputGroup } from '../components/form/InputGroup';
+export type { InputGroupAddonProps, InputGroupButtonProps, InputGroupInputProps, InputGroupProps, InputGroupTextProps, } from '../components/form/InputGroup';
+//# sourceMappingURL=input-group.d.ts.map

package/dist/entries/input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/entries/input-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,mBAAmB,GACpB,MAAM,+BAA+B,CAAC"}

package/dist/entries/input-group.js

@@ -0,0 +1,2 @@
+export { InputGroup } from '../components/form/InputGroup';
+//# sourceMappingURL=input-group.js.map

package/dist/entries/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../src/entries/input-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/entries/input.d.ts

@@ -0,0 +1,3 @@
+export { Input } from '../components/form/Input';
+export type { InputProps } from '../components/form/Input';
+//# sourceMappingURL=input.d.ts.map

package/dist/entries/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/entries/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/entries/input.js

@@ -0,0 +1,2 @@
+export { Input } from '../components/form/Input';
+//# sourceMappingURL=input.js.map

package/dist/entries/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/entries/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/entries/radio-group.d.ts

@@ -0,0 +1,3 @@
+export { RadioGroup } from '../components/form/RadioGroup';
+export type { RadioGroupItemProps, RadioGroupProps, } from '../components/form/RadioGroup';
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/entries/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/entries/radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,YAAY,EACV,mBAAmB,EACnB,eAAe,GAChB,MAAM,+BAA+B,CAAC"}

package/dist/entries/radio-group.js

@@ -0,0 +1,2 @@
+export { RadioGroup } from '../components/form/RadioGroup';
+//# sourceMappingURL=radio-group.js.map

package/dist/entries/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/entries/radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/entries/separator.d.ts

@@ -0,0 +1,3 @@
+export { Separator } from '../components/Separator';
+export type { SeparatorProps } from '../components/Separator';
+//# sourceMappingURL=separator.d.ts.map

package/dist/entries/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/entries/separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/entries/separator.js

@@ -0,0 +1,2 @@
+export { Separator } from '../components/Separator';
+//# sourceMappingURL=separator.js.map

package/dist/entries/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../src/entries/separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/entries/spinner.d.ts

@@ -0,0 +1,3 @@
+export { Spinner } from '../components/Spinner';
+export type { SpinnerProps } from '../components/Spinner';
+//# sourceMappingURL=spinner.d.ts.map

package/dist/entries/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/entries/spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/entries/spinner.js

@@ -0,0 +1,2 @@
+export { Spinner } from '../components/Spinner';
+//# sourceMappingURL=spinner.js.map

package/dist/entries/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../src/entries/spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/entries/textarea.d.ts

@@ -0,0 +1,3 @@
+export { Textarea } from '../components/form/Textarea';
+export type { TextareaProps } from '../components/form/Textarea';
+//# sourceMappingURL=textarea.d.ts.map

package/dist/entries/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/entries/textarea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/entries/textarea.js

@@ -0,0 +1,2 @@
+export { Textarea } from '../components/form/Textarea';
+//# sourceMappingURL=textarea.js.map

package/dist/entries/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/entries/textarea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/entries/x-stack.d.ts

@@ -0,0 +1,3 @@
+export { XStack } from '../components/XStack';
+export type { XStackProps } from '../components/XStack';
+//# sourceMappingURL=x-stack.d.ts.map

package/dist/entries/x-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-stack.d.ts","sourceRoot":"","sources":["../../src/entries/x-stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/entries/x-stack.js

@@ -0,0 +1,2 @@
+export { XStack } from '../components/XStack';
+//# sourceMappingURL=x-stack.js.map

package/dist/entries/x-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-stack.js","sourceRoot":"","sources":["../../src/entries/x-stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/entries/y-stack.d.ts

@@ -0,0 +1,3 @@
+export { YStack } from '../components/YStack';
+export type { YStackProps } from '../components/YStack';
+//# sourceMappingURL=y-stack.d.ts.map

package/dist/entries/y-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"y-stack.d.ts","sourceRoot":"","sources":["../../src/entries/y-stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/entries/y-stack.js

@@ -0,0 +1,2 @@
+export { YStack } from '../components/YStack';
+//# sourceMappingURL=y-stack.js.map

package/dist/entries/y-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"y-stack.js","sourceRoot":"","sources":["../../src/entries/y-stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.d.ts

@@ -1,8 +1,20 @@
 export * from './entries/badge';
 export * from './entries/button';
 export * from './entries/card';
+export * from './entries/checkbox';
 export * from './entries/cn';
+export * from './entries/flex';
+export * from './entries/form';
+export * from './entries/grid';
+export * from './entries/input';
+export * from './entries/input-group';
+export * from './entries/radio-group';
+export * from './entries/separator';
+export * from './entries/spinner';
 export * from './entries/text';
+export * from './entries/textarea';
 export * from './entries/theme';
 export * from './entries/use-color-token';
+export * from './entries/x-stack';
+export * from './entries/y-stack';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -3,8 +3,20 @@
 export * from './entries/badge';
 export * from './entries/button';
 export * from './entries/card';
+export * from './entries/checkbox';
 export * from './entries/cn';
+export * from './entries/flex';
+export * from './entries/form';
+export * from './entries/grid';
+export * from './entries/input';
+export * from './entries/input-group';
+export * from './entries/radio-group';
+export * from './entries/separator';
+export * from './entries/spinner';
 export * from './entries/text';
+export * from './entries/textarea';
 export * from './entries/theme';
 export * from './entries/use-color-token';
+export * from './entries/x-stack';
+export * from './entries/y-stack';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,yEAAyE;AACzE,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,yEAAyE;AACzE,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pickle-ui/react-native",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.3",
   "type": "module",
   "description": "React Native components for Expo, styled with Pickle UI's tokens through Uniwind.",
   "main": "dist/index.js",
@@ -52,6 +52,7 @@
     "@pickle-ui/tokens": "1.0.0-beta.7"
   },
   "devDependencies": {
+    "@hookform/resolvers": "^5.4.0",
     "@react-native/assets-registry": "0.88.0",
     "@react-native/jest-preset": "^0.88.1",
     "@storybook/addon-docs": "^10.6.3",
@@ -60,14 +61,16 @@
     "@tailwindcss/vite": "^4.3.3",
     "@testing-library/react-native": "^14.1.0",
     "@types/jest": "^30.0.0",
+    "@types/node": "^25.9.3",
     "@types/react": "^19.3.0",
     "babel-preset-expo": "^58.0.21",
     "expo": "^58.0.20",
     "jest": "^30.5.2",
     "jest-expo": "~58.0.12",
     "react": "19.3.0",
-    "react-doctor": "^0.5.6",
+    "react-doctor": "^0.9.18",
     "react-dom": "19.3.0",
+    "react-hook-form": "^7.79.0",
     "react-native": "0.88.0",
     "react-native-svg": "^15.16.0",
     "react-native-web": "^0.21.4",
@@ -76,10 +79,12 @@
     "test-renderer": "^1.3.1",
     "typescript": "^6.0.3",
     "uniwind": "^1.13.0",
-    "vite": "^8.3.5"
+    "vite": "^8.3.5",
+    "zod": "4.0.17"
   },
   "peerDependencies": {
     "react": "^19.0.0",
+    "react-hook-form": "^7.0.0",
     "react-native": "*",
     "tailwindcss": "^4.0.0",
     "uniwind": "^1.13.0"