@hjmds/react-native 0.8.2

package/dist/provider.js.map

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

package/dist/slider.d.ts

@@ -0,0 +1,45 @@
+import { View, type LayoutChangeEvent, type StyleProp, type ViewProps, type ViewStyle } from "react-native";
+type NativeSliderViewProps = Omit<ViewProps, "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "accessible" | "children" | "onAccessibilityAction" | "onLayout" | "style">;
+export type SliderProps = NativeSliderViewProps & Readonly<{
+    label: string;
+    min: number;
+    max: number;
+    step?: number;
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    onValueChangeEnd?: (value: number) => void;
+    disabled?: boolean;
+    /** Product-localized label for the standard adjustable decrement action. */
+    decrementLabel: string;
+    /** Product-localized label for the standard adjustable increment action. */
+    incrementLabel: string;
+    /** Product-owned visible and accessible value formatting. */
+    getValueText?: (value: number) => string;
+    onLayout?: (event: LayoutChangeEvent) => void;
+    containerStyle?: StyleProp<ViewStyle>;
+    controlStyle?: StyleProp<ViewStyle>;
+}>;
+/** Dependency-free horizontal Slider using the Native responder system. */
+export declare const Slider: import("react").ForwardRefExoticComponent<NativeSliderViewProps & Readonly<{
+    label: string;
+    min: number;
+    max: number;
+    step?: number;
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    onValueChangeEnd?: (value: number) => void;
+    disabled?: boolean;
+    /** Product-localized label for the standard adjustable decrement action. */
+    decrementLabel: string;
+    /** Product-localized label for the standard adjustable increment action. */
+    incrementLabel: string;
+    /** Product-owned visible and accessible value formatting. */
+    getValueText?: (value: number) => string;
+    onLayout?: (event: LayoutChangeEvent) => void;
+    containerStyle?: StyleProp<ViewStyle>;
+    controlStyle?: StyleProp<ViewStyle>;
+}> & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=slider.d.ts.map

package/dist/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../src/slider.tsx"],"names":[],"mappings":"AAcA,OAAO,EAGL,IAAI,EAEJ,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,KAAK,qBAAqB,GAAG,IAAI,CAC/B,SAAS,EACP,sBAAsB,GACtB,oBAAoB,GACpB,mBAAmB,GACnB,oBAAoB,GACpB,oBAAoB,GACpB,YAAY,GACZ,UAAU,GACV,uBAAuB,GACvB,UAAU,GACV,OAAO,CACV,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAC7C,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,cAAc,EAAE,MAAM,CAAC;IACvB,4EAA4E;IAC5E,cAAc,EAAE,MAAM,CAAC;IACvB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC,CAAC,CAAC;AAEL,2EAA2E;AAC3E,eAAO,MAAM,MAAM;WArBR,MAAM;SACR,MAAM;SACN,MAAM;WACJ,MAAM;YACL,MAAM;mBACC,MAAM;oBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;uBACpB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;eAC/B,OAAO;IAClB,4EAA4E;oBAC5D,MAAM;IACtB,4EAA4E;oBAC5D,MAAM;IACtB,6DAA6D;mBAC9C,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;eAC7B,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI;qBAC5B,SAAS,CAAC,SAAS,CAAC;mBACtB,SAAS,CAAC,SAAS,CAAC;yCAgRrC,CAAC"}

package/dist/slider.js

@@ -0,0 +1,200 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getSliderStepTarget, resolveSliderDescriptor, resolveSliderFillFraction, resolveSliderValueFromOffset, sliderRecipe, } from "@hjmds/design-contracts/components/slider";
+import { forwardRef, useEffect, useMemo, useRef, useState, } from "react";
+import { PanResponder, Text as NativeText, View, } from "react-native";
+import { useControllableState } from "./internal/state.js";
+import { logicalTextAlign, resolveNativeTextScaleProps } from "./internal/styles.js";
+import { useHjmNativeTheme } from "./provider.js";
+/** Dependency-free horizontal Slider using the Native responder system. */
+export const Slider = forwardRef(function Slider({ label, min, max, step, value, defaultValue, onValueChange, onValueChangeEnd, decrementLabel, incrementLabel, getValueText, disabled = false, onFocus, onBlur, onLayout, containerStyle, controlStyle, ...viewProps }, forwardedRef) {
+    const { colors, environment, textScaling, tokens } = useHjmNativeTheme();
+    const [currentValue, setCurrentValue] = useControllableState({
+        ...(value === undefined ? {} : { value }),
+        defaultValue: defaultValue ?? min,
+        ...(onValueChange === undefined ? {} : { onChange: onValueChange }),
+    });
+    const valueText = getValueText?.(currentValue);
+    const descriptor = resolveSliderDescriptor({
+        label,
+        value: currentValue,
+        min,
+        max,
+        ...(step === undefined ? {} : { step }),
+        ...(valueText === undefined ? {} : { valueText }),
+    });
+    const recipe = sliderRecipe.sizes.medium;
+    const [layoutWidth, setLayoutWidth] = useState(0);
+    const [dragging, setDragging] = useState(false);
+    const [focused, setFocused] = useState(false);
+    const activeGestureRef = useRef(false);
+    const lastInteractionValueRef = useRef(currentValue);
+    const currentValueRef = useRef(currentValue);
+    const disabledRef = useRef(disabled);
+    currentValueRef.current = currentValue;
+    disabledRef.current = disabled;
+    useEffect(() => {
+        if (!activeGestureRef.current)
+            lastInteractionValueRef.current = currentValue;
+    }, [currentValue]);
+    const publish = (next) => {
+        const previous = activeGestureRef.current
+            ? lastInteractionValueRef.current
+            : currentValue;
+        lastInteractionValueRef.current = next;
+        if (!Object.is(next, previous))
+            setCurrentValue(next);
+    };
+    const finish = () => {
+        if (!activeGestureRef.current)
+            return;
+        activeGestureRef.current = false;
+        setDragging(false);
+        onValueChangeEnd?.(lastInteractionValueRef.current);
+    };
+    const updateFromLocation = (event) => {
+        if (disabled)
+            return;
+        const extent = layoutWidth - recipe.thumbDiameter;
+        if (extent <= 0)
+            return;
+        const offset = event.nativeEvent.locationX - recipe.thumbDiameter / 2;
+        publish(resolveSliderValueFromOffset(descriptor, offset, extent, environment.direction));
+    };
+    const performAction = (intent) => {
+        if (disabled)
+            return;
+        const next = getSliderStepTarget(descriptor, intent);
+        if (Object.is(next, currentValue))
+            return;
+        publish(next);
+        onValueChangeEnd?.(next);
+    };
+    const updateFromLocationRef = useRef(updateFromLocation);
+    const finishRef = useRef(finish);
+    updateFromLocationRef.current = updateFromLocation;
+    finishRef.current = finish;
+    const panResponder = useMemo(() => PanResponder.create({
+        onStartShouldSetPanResponder: () => !disabledRef.current,
+        onMoveShouldSetPanResponder: () => !disabledRef.current,
+        onPanResponderGrant: (event) => {
+            if (disabledRef.current)
+                return;
+            activeGestureRef.current = true;
+            lastInteractionValueRef.current = currentValueRef.current;
+            setDragging(true);
+            updateFromLocationRef.current(event);
+        },
+        onPanResponderMove: (event) => updateFromLocationRef.current(event),
+        onPanResponderRelease: () => finishRef.current(),
+        onPanResponderTerminate: () => finishRef.current(),
+        onPanResponderTerminationRequest: () => true,
+        onShouldBlockNativeResponder: () => true,
+    }), []);
+    useEffect(() => {
+        if (disabled)
+            finishRef.current();
+    }, [disabled]);
+    const fraction = resolveSliderFillFraction(descriptor);
+    const travel = Math.max(0, layoutWidth - recipe.thumbDiameter);
+    const visualFraction = environment.direction === "rtl" ? 1 - fraction : fraction;
+    const thumbLeft = travel * visualFraction;
+    const visibleValue = valueText ?? String(currentValue);
+    const actionProps = disabled
+        ? {}
+        : {
+            accessibilityActions: [
+                { name: "increment", label: incrementLabel },
+                { name: "decrement", label: decrementLabel },
+            ],
+            onAccessibilityAction: (event) => {
+                if (event.nativeEvent.actionName === "increment")
+                    performAction("increment");
+                if (event.nativeEvent.actionName === "decrement")
+                    performAction("decrement");
+            },
+        };
+    const labelTextScaleProps = resolveNativeTextScaleProps(textScaling, [
+        tokens.typography[recipe.labelVariant],
+        { color: colors.textBody, textAlign: logicalTextAlign(environment.direction) },
+    ]);
+    const valueTextScaleProps = resolveNativeTextScaleProps(textScaling, [
+        tokens.typography[recipe.valueLabelVariant],
+        {
+            color: colors.textMuted,
+            fontVariant: ["tabular-nums"],
+            textAlign: logicalTextAlign(environment.direction),
+        },
+    ]);
+    return (_jsxs(View, { style: [
+            {
+                gap: tokens.spacing.xs,
+                opacity: disabled ? sliderRecipe.states.disabledOpacity : 1,
+            },
+            containerStyle,
+        ], children: [_jsxs(View, { accessible: false, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: {
+                    alignItems: "baseline",
+                    direction: environment.direction,
+                    flexDirection: "row",
+                    justifyContent: "space-between",
+                }, children: [_jsx(NativeText, { ...labelTextScaleProps, children: label }), _jsx(NativeText, { ...valueTextScaleProps, children: visibleValue })] }), _jsxs(View, { ...viewProps, ...panResponder.panHandlers, ...actionProps, ref: forwardedRef, accessible: true, accessibilityLabel: label, accessibilityRole: "adjustable", accessibilityState: { disabled }, accessibilityValue: {
+                    min,
+                    max,
+                    now: currentValue,
+                    ...(valueText === undefined ? {} : { text: valueText }),
+                }, onBlur: (event) => {
+                    setFocused(false);
+                    onBlur?.(event);
+                }, onFocus: (event) => {
+                    setFocused(true);
+                    onFocus?.(event);
+                }, onLayout: (event) => {
+                    setLayoutWidth(event.nativeEvent.layout.width);
+                    onLayout?.(event);
+                }, style: [
+                    {
+                        justifyContent: "center",
+                        minHeight: recipe.hitTarget,
+                        minWidth: recipe.hitTarget,
+                    },
+                    controlStyle,
+                ], children: [_jsx(View, { pointerEvents: "none", style: {
+                            backgroundColor: colors.surfaceAlt,
+                            borderColor: colors.textMuted,
+                            borderRadius: tokens.radius.full,
+                            borderWidth: 1,
+                            height: recipe.trackHeight,
+                            left: recipe.thumbDiameter / 2,
+                            position: "absolute",
+                            right: recipe.thumbDiameter / 2,
+                        } }), _jsx(View, { pointerEvents: "none", style: {
+                            backgroundColor: colors.contentBrand,
+                            borderRadius: tokens.radius.full,
+                            height: recipe.trackHeight,
+                            ...(environment.direction === "rtl"
+                                ? { right: recipe.thumbDiameter / 2 }
+                                : { left: recipe.thumbDiameter / 2 }),
+                            position: "absolute",
+                            width: travel * fraction,
+                        } }), focused ? (_jsx(View, { pointerEvents: "none", style: {
+                            borderColor: colors.contentBrand,
+                            borderRadius: tokens.radius[sliderRecipe.radius],
+                            borderWidth: sliderRecipe.states.focus.width,
+                            height: recipe.thumbDiameter + sliderRecipe.states.focus.offset * 2,
+                            left: thumbLeft - sliderRecipe.states.focus.offset,
+                            position: "absolute",
+                            width: recipe.thumbDiameter + sliderRecipe.states.focus.offset * 2,
+                            zIndex: 1,
+                        } })) : null, _jsx(View, { pointerEvents: "none", style: {
+                            backgroundColor: colors.bg,
+                            borderColor: colors.contentBrand,
+                            borderRadius: tokens.radius.full,
+                            borderWidth: 2,
+                            height: recipe.thumbDiameter,
+                            left: thumbLeft,
+                            opacity: dragging ? sliderRecipe.states.draggedOpacity : 1,
+                            position: "absolute",
+                            width: recipe.thumbDiameter,
+                            zIndex: 2,
+                        } })] })] }));
+});
+//# sourceMappingURL=slider.js.map

package/dist/slider.js.map

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

package/dist/steps.d.ts

@@ -0,0 +1,13 @@
+import { type ComposeStepsAccessibleName, type StepStatus, type StepsDescriptor, type StepsStatusLabels } from "@hjmds/design-contracts/components/steps";
+import type { ReactNode } from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export type StepsProps<Id extends string = string> = Readonly<{
+    descriptor: StepsDescriptor<Id>;
+    statusLabels: StepsStatusLabels;
+    composeAccessibleName: ComposeStepsAccessibleName;
+    renderMark?: (status: StepStatus, position: number) => ReactNode;
+    style?: StyleProp<ViewStyle>;
+}>;
+/** Non-interactive linear steps preserving one cursor and reading order. */
+export declare function Steps<Id extends string>({ descriptor, statusLabels, composeAccessibleName, renderMark, style, }: StepsProps<Id>): import("react").JSX.Element;
+//# sourceMappingURL=steps.d.ts.map

package/dist/steps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../src/steps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpE,MAAM,MAAM,UAAU,CAAC,EAAE,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC;IAC5D,UAAU,EAAE,eAAe,CAAC,EAAE,CAAC,CAAC;IAChC,YAAY,EAAE,iBAAiB,CAAC;IAChC,qBAAqB,EAAE,0BAA0B,CAAC;IAClD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;IACjE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC,CAAC;AAEH,4EAA4E;AAC5E,wBAAgB,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,EACvC,UAAU,EACV,YAAY,EACZ,qBAAqB,EACrB,UAAU,EACV,KAAK,GACN,EAAE,UAAU,CAAC,EAAE,CAAC,+BAqBhB"}

package/dist/steps.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveStepsDescriptor, stepsRecipe, } from "@hjmds/design-contracts/components/steps";
+import { View } from "react-native";
+import { Text } from "./primitives.js";
+import { useHjmNativeTheme } from "./provider.js";
+/** Non-interactive linear steps preserving one cursor and reading order. */
+export function Steps({ descriptor, statusLabels, composeAccessibleName, renderMark, style, }) {
+    const { colors, environment } = useHjmNativeTheme();
+    const steps = resolveStepsDescriptor(descriptor, { statusLabels, composeAccessibleName });
+    const statusColor = (status) => status === "error" ? colors.danger : status === "pending" ? colors.textMuted : colors.contentBrand;
+    return (_jsx(View, { accessibilityRole: "summary", style: [{ direction: environment.direction, flexDirection: "row", gap: stepsRecipe.gap }, style], children: steps.map((step, index) => (_jsxs(View, { accessibilityHint: step.statusLabel, accessibilityLabel: step.accessibleName, accessible: true, style: { flex: 1, gap: stepsRecipe.gap, minWidth: 0 }, children: [_jsxs(View, { accessible: false, style: { alignItems: "center", flexDirection: "row" }, children: [_jsx(View, { style: { alignItems: "center", backgroundColor: colors.surface, borderColor: statusColor(step.status), borderRadius: stepsRecipe.indicator.size / 2, borderWidth: step.status === "current" || step.status === "error" ? stepsRecipe.indicator.activeBorderWidth : stepsRecipe.indicator.borderWidth, height: stepsRecipe.indicator.size, justifyContent: "center", width: stepsRecipe.indicator.size }, children: renderMark?.(step.status, step.position) ?? _jsx(Text, { align: "center", emphasis: "strong", style: { color: statusColor(step.status) }, variant: "label", children: step.status === "complete" ? "✓" : step.status === "error" ? "!" : step.position }) }), index === steps.length - 1 ? null : _jsx(View, { style: { backgroundColor: step.status === "complete" ? colors.contentBrand : colors.border, flex: 1, height: stepsRecipe.connector.height } })] }), _jsx(Text, { emphasis: "strong", style: { color: statusColor(step.status) }, variant: "label", children: step.label }), step.description === undefined ? null : _jsx(Text, { tone: "muted", variant: "caption", children: step.description })] }, step.id))) }));
+}
+//# sourceMappingURL=steps.js.map

package/dist/steps.js.map

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

package/dist/upload-item.d.ts

@@ -0,0 +1,13 @@
+import { type UploadItemDescriptor, type UploadItemLabels } from "@hjmds/design-contracts/components/upload-item";
+import type { ReactNode } from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export type UploadItemProps = Readonly<{
+    descriptor: UploadItemDescriptor;
+    labels: UploadItemLabels;
+    onCancel?: (id: string) => void;
+    onRetry?: (id: string) => void;
+    leading?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}>;
+export declare function UploadItem({ descriptor, labels, onCancel, onRetry, leading, style }: UploadItemProps): import("react").JSX.Element;
+//# sourceMappingURL=upload-item.d.ts.map

package/dist/upload-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-item.d.ts","sourceRoot":"","sources":["../src/upload-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACtB,MAAM,gDAAgD,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAO/E,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,UAAU,EAAE,oBAAoB,CAAC;IACjC,MAAM,EAAE,gBAAgB,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC,CAAC;AAEH,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,eAAe,+BAoCpG"}

package/dist/upload-item.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getUploadItemAvailableAction, resolveUploadItemAnnouncement, uploadItemRecipe, } from "@hjmds/design-contracts/components/upload-item";
+import { Pressable, View } from "react-native";
+import { Progress } from "./feedback.js";
+import { minimumTargetStyle } from "./internal/styles.js";
+import { Text } from "./primitives.js";
+import { useHjmNativeTheme } from "./provider.js";
+export function UploadItem({ descriptor, labels, onCancel, onRetry, leading, style }) {
+    const { colors, environment } = useHjmNativeTheme();
+    const announcement = resolveUploadItemAnnouncement(descriptor, labels);
+    const action = getUploadItemAvailableAction(descriptor.state);
+    if (action === "cancel" && onCancel === undefined) {
+        throw new TypeError("UploadItem requires onCancel while status is uploading");
+    }
+    if (action === "retry" && onRetry === undefined) {
+        throw new TypeError("UploadItem requires onRetry while status is error");
+    }
+    const statusColor = descriptor.state.status === "error"
+        ? colors.danger
+        : descriptor.state.status === "success" || descriptor.state.status === "uploading"
+            ? colors.contentBrand
+            : colors.textMuted;
+    return (_jsxs(View, { accessibilityLabel: announcement.label, accessible: true, style: [{ alignItems: "center", borderColor: colors.border, borderRadius: 12, borderWidth: 1, direction: environment.direction, flexDirection: "row", gap: uploadItemRecipe.row.gap, minHeight: uploadItemRecipe.row.minHeight, paddingHorizontal: uploadItemRecipe.row.paddingHorizontal }, style], children: [leading === undefined ? null : _jsx(View, { accessible: false, children: leading }), _jsxs(View, { style: { flex: 1, gap: 2, minWidth: 0 }, children: [_jsx(Text, { children: descriptor.name }), descriptor.sizeLabel === undefined ? null : _jsx(Text, { tone: "muted", variant: "label", children: descriptor.sizeLabel }), _jsx(Text, { accessibilityLiveRegion: "polite", style: { color: statusColor }, variant: "label", children: announcement.description }), descriptor.state.status === "uploading" ? _jsx(Progress, { label: announcement.description, ...(descriptor.state.progress === null ? {} : { value: descriptor.state.progress }), valueText: announcement.description }) : null] }), action === null ? null : (_jsx(Pressable, { accessibilityLabel: action === "cancel" ? labels.cancel : labels.retry, accessibilityRole: "button", onPress: () => action === "cancel" ? onCancel?.(descriptor.id) : onRetry?.(descriptor.id), style: ({ pressed }) => [minimumTargetStyle, { alignItems: "center", justifyContent: "center", opacity: pressed ? 0.72 : 1 }], children: _jsx(Text, { emphasis: "strong", style: { color: action === "cancel" ? colors.danger : colors.contentBrand }, variant: "label", children: action === "cancel" ? labels.cancel : labels.retry }) }))] }));
+}
+//# sourceMappingURL=upload-item.js.map

package/dist/upload-item.js.map

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

package/package.json

@@ -0,0 +1,166 @@
+{
+  "name": "@hjmds/react-native",
+  "version": "0.8.2",
+  "description": "Expo-independent React Native renderers for HJM design contracts.",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jim1286/hjm-design-system.git",
+    "directory": "packages/react-native"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "react-native": "./dist/index.js",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./provider": {
+      "types": "./dist/provider.d.ts",
+      "react-native": "./dist/provider.js",
+      "import": "./dist/provider.js",
+      "default": "./dist/provider.js"
+    },
+    "./primitives": {
+      "types": "./dist/primitives.d.ts",
+      "react-native": "./dist/primitives.js",
+      "import": "./dist/primitives.js",
+      "default": "./dist/primitives.js"
+    },
+    "./actions": {
+      "types": "./dist/actions.d.ts",
+      "react-native": "./dist/actions.js",
+      "import": "./dist/actions.js",
+      "default": "./dist/actions.js"
+    },
+    "./inputs": {
+      "types": "./dist/inputs-public.d.ts",
+      "react-native": "./dist/inputs-public.js",
+      "import": "./dist/inputs-public.js",
+      "default": "./dist/inputs-public.js"
+    },
+    "./password-field": {
+      "types": "./dist/password-field.d.ts",
+      "react-native": "./dist/password-field.js",
+      "import": "./dist/password-field.js",
+      "default": "./dist/password-field.js"
+    },
+    "./otp-field": {
+      "types": "./dist/otp-field.d.ts",
+      "react-native": "./dist/otp-field.js",
+      "import": "./dist/otp-field.js",
+      "default": "./dist/otp-field.js"
+    },
+    "./number-field": {
+      "types": "./dist/number-field.d.ts",
+      "react-native": "./dist/number-field.js",
+      "import": "./dist/number-field.js",
+      "default": "./dist/number-field.js"
+    },
+    "./slider": {
+      "types": "./dist/slider.d.ts",
+      "react-native": "./dist/slider.js",
+      "import": "./dist/slider.js",
+      "default": "./dist/slider.js"
+    },
+    "./date-picker": {
+      "types": "./dist/date-picker.d.ts",
+      "react-native": "./dist/date-picker.js",
+      "import": "./dist/date-picker.js",
+      "default": "./dist/date-picker.js"
+    },
+    "./file-picker": {
+      "types": "./dist/file-picker.d.ts",
+      "react-native": "./dist/file-picker.js",
+      "import": "./dist/file-picker.js",
+      "default": "./dist/file-picker.js"
+    },
+    "./steps": {
+      "types": "./dist/steps.d.ts",
+      "react-native": "./dist/steps.js",
+      "import": "./dist/steps.js",
+      "default": "./dist/steps.js"
+    },
+    "./upload-item": {
+      "types": "./dist/upload-item.d.ts",
+      "react-native": "./dist/upload-item.js",
+      "import": "./dist/upload-item.js",
+      "default": "./dist/upload-item.js"
+    },
+    "./forms": {
+      "types": "./dist/forms.d.ts",
+      "react-native": "./dist/forms.js",
+      "import": "./dist/forms.js",
+      "default": "./dist/forms.js"
+    },
+    "./navigation": {
+      "types": "./dist/navigation.d.ts",
+      "react-native": "./dist/navigation.js",
+      "import": "./dist/navigation.js",
+      "default": "./dist/navigation.js"
+    },
+    "./data-display": {
+      "types": "./dist/data-display.d.ts",
+      "react-native": "./dist/data-display.js",
+      "import": "./dist/data-display.js",
+      "default": "./dist/data-display.js"
+    },
+    "./feedback": {
+      "types": "./dist/feedback.d.ts",
+      "react-native": "./dist/feedback.js",
+      "import": "./dist/feedback.js",
+      "default": "./dist/feedback.js"
+    },
+    "./overlays": {
+      "types": "./dist/overlays.d.ts",
+      "react-native": "./dist/overlays.js",
+      "import": "./dist/overlays.js",
+      "default": "./dist/overlays.js"
+    },
+    "./evidence": {
+      "types": "./dist/evidence.d.ts",
+      "react-native": "./dist/evidence.js",
+      "import": "./dist/evidence.js",
+      "default": "./dist/evidence.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "@hjmds/design-contracts": ">=0.8.0 <0.9.0",
+    "react": ">=19",
+    "react-native": ">=0.81"
+  },
+  "devDependencies": {
+    "@babel/runtime": "7.29.7",
+    "@react-native/metro-config": "0.81.6",
+    "@types/node": "^24.0.0",
+    "@types/react": "^19.2.0",
+    "@types/react-test-renderer": "^19.1.0",
+    "react": "19.2.3",
+    "react-native": "^0.81.0",
+    "metro": "0.83.8",
+    "react-test-renderer": "19.2.3",
+    "typescript": "^5.9.3",
+    "vitest": "^4.1.10",
+    "@hjmds/design-contracts": "0.8.2"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run",
+    "bundle:check": "pnpm build && node scripts/check-metro-bundle.mjs",
+    "check": "pnpm typecheck && pnpm test && pnpm bundle:check"
+  }
+}