panelui-native 0.7.0 → 0.12.0

package/lib/module/components/radio-group/index.js

@@ -1,31 +1,117 @@
 "use strict";
 
+/**
+ * RadioGroup — one choice from a set.
+ *
+ * The group owns the value and hands each item its selected state through
+ * context, so an item is a thin pressable that reports its own value up and
+ * reads selection back down.
+ *
+ * Two shapes, chosen on the group and inherited by every item: `dot` is the
+ * classic label-beside-a-disc row; `card` turns the whole surface into the
+ * target — for pickable options where the disc is a confirmation rather than
+ * the thing you aim at. The card is the same treatment `Checkbox` offers, so a
+ * form mixing single- and multi-select choices reads as one family.
+ *
+ * ```tsx
+ * <RadioGroup value={plan} onValueChange={setPlan} variant="card">
+ *   <RadioGroup.Item value="pro" label="Pro" description="For growing teams" />
+ *   <RadioGroup.Item value="max" label="Max" description="Everything, uncapped" />
+ * </RadioGroup>
+ * ```
+ */
 import { createContext, forwardRef, useContext, useEffect, useMemo } from 'react';
 import { Pressable, View } from 'react-native';
 import Animated, { useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import { tv } from 'tailwind-variants';
 import { cn } from "../../utils/cn.js";
 import { Text } from "../../primitives/text.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const itemVariants = tv({
+  slots: {
+    // `self-start` matters: the group is a column, so without it Yoga stretches
+    // the row to the full width and the dead space to the right of the label
+    // becomes part of the target. Tapping nothing would select the option.
+    row: 'flex-row items-center gap-2.5 self-start',
+    indicator: 'h-5 w-5 items-center justify-center rounded-full border border-input bg-background',
+    label: 'text-sm text-foreground',
+    description: 'text-xs text-muted-foreground'
+  },
+  variants: {
+    variant: {
+      dot: {},
+      card: {
+        // The whole surface is the target; the disc moves to the trailing edge
+        // as a confirmation of the row, not the affordance for it. Here the
+        // full width is deliberate, so it takes `self-stretch` back.
+        row: 'w-full self-stretch items-start justify-between gap-3 rounded-xl border border-border bg-card p-4',
+        label: 'text-base font-medium'
+      }
+    },
+    selected: {
+      true: {}
+    },
+    disabled: {
+      true: {
+        row: 'opacity-50'
+      }
+    },
+    /**
+     * A card in a row shares the width rather than filling it, so two or three
+     * options sit side by side instead of each taking the whole line.
+     */
+    horizontal: {
+      true: {}
+    }
+  },
+  compoundVariants: [{
+    variant: 'card',
+    selected: true,
+    class: {
+      row: 'border-primary bg-accent'
+    }
+  },
+  // Share the row instead of filling it, keeping the disc on the trailing
+  // edge of each narrower card.
+  {
+    variant: 'card',
+    horizontal: true,
+    class: {
+      row: 'w-auto flex-1'
+    }
+  }],
+  defaultVariants: {
+    variant: 'dot'
+  }
+});
 const RadioGroupContext = /*#__PURE__*/createContext(null);
 const RadioGroupRoot = /*#__PURE__*/forwardRef(({
   className,
   value,
   onValueChange,
   disabled,
+  variant = 'dot',
+  orientation = 'vertical',
   children,
   ...props
 }, ref) => {
   const context = useMemo(() => ({
     value,
     onValueChange,
-    disabled
-  }), [value, onValueChange, disabled]);
+    disabled,
+    variant,
+    orientation
+  }), [value, onValueChange, disabled, variant, orientation]);
   return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
     value: context,
     children: /*#__PURE__*/_jsx(View, {
       ref: ref,
       accessibilityRole: "radiogroup",
-      className: cn('gap-3', className),
+      className: cn(orientation === 'horizontal' ?
+      // Wrapping, not scrolling: a choice that runs off the edge is
+      // a choice nobody knows is there. The cross-axis gap is
+      // smaller because wrapped rows already read as separate.
+      'flex-row flex-wrap items-stretch gap-x-5 gap-y-3' : 'gap-3', className),
       ...props,
       children: children
     })
@@ -36,7 +122,9 @@ const RadioGroupItem = /*#__PURE__*/forwardRef(({
   className,
   value,
   label,
+  description,
   disabled: itemDisabled,
+  hideIndicator,
   children
 }, ref) => {
   const context = useContext(RadioGroupContext);
@@ -45,6 +133,7 @@ const RadioGroupItem = /*#__PURE__*/forwardRef(({
   }
   const selected = context.value === value;
   const disabled = itemDisabled || context.disabled;
+  const variant = context.variant;
   const progress = useSharedValue(selected ? 1 : 0);
   useEffect(() => {
     progress.value = selected ? withSpring(1, {
@@ -61,7 +150,40 @@ const RadioGroupItem = /*#__PURE__*/forwardRef(({
       scale: progress.value
     }]
   }));
-  return /*#__PURE__*/_jsxs(Pressable, {
+  const slots = itemVariants({
+    variant,
+    selected,
+    disabled: !!disabled,
+    horizontal: context.orientation === 'horizontal'
+  });
+  const indicator = hideIndicator ? null : /*#__PURE__*/_jsx(View, {
+    className: slots.indicator(),
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: dotStyle,
+      className: "h-2.5 w-2.5 rounded-full bg-primary"
+    })
+  });
+
+  // The card lays its text out first so the disc sits at the trailing edge;
+  // the dot row keeps the classic disc-then-label order.
+  const body = variant === 'card' ? /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(View, {
+      className: "flex-1 gap-1",
+      children: [label ? /*#__PURE__*/_jsx(Text, {
+        className: slots.label(),
+        children: label
+      }) : children, description ? /*#__PURE__*/_jsx(Text, {
+        className: slots.description(),
+        children: description
+      }) : null]
+    }), indicator]
+  }) : /*#__PURE__*/_jsxs(_Fragment, {
+    children: [indicator, label ? /*#__PURE__*/_jsx(Text, {
+      className: slots.label(),
+      children: label
+    }) : children]
+  });
+  return /*#__PURE__*/_jsx(Pressable, {
     ref: ref,
     accessibilityRole: "radio",
     accessibilityState: {
@@ -71,18 +193,11 @@ const RadioGroupItem = /*#__PURE__*/forwardRef(({
     accessibilityLabel: label,
     disabled: disabled,
     onPress: () => context.onValueChange(value),
-    hitSlop: 8,
-    className: cn('flex-row items-center gap-2.5', disabled && 'opacity-50', className),
-    children: [/*#__PURE__*/_jsx(View, {
-      className: "h-5 w-5 items-center justify-center rounded-full border border-input bg-background",
-      children: /*#__PURE__*/_jsx(Animated.View, {
-        style: dotStyle,
-        className: "h-2.5 w-2.5 rounded-full bg-primary"
-      })
-    }), label ? /*#__PURE__*/_jsx(Text, {
-      className: "text-sm text-foreground",
-      children: label
-    }) : children]
+    hitSlop: variant === 'card' ? undefined : 8,
+    className: slots.row({
+      className
+    }),
+    children: body
   });
 });
 RadioGroupItem.displayName = 'RadioGroup.Item';

package/lib/module/components/radio-group/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","forwardRef","useContext","useEffect","useMemo","Pressable","View","Animated","useAnimatedStyle","useSharedValue","withSpring","withTiming","cn","Text","jsx","_jsx","jsxs","_jsxs","RadioGroupContext","RadioGroupRoot","className","value","onValueChange","disabled","children","props","ref","context","Provider","accessibilityRole","displayName","RadioGroupItem","label","itemDisabled","Error","selected","progress","damping","stiffness","mass","duration","dotStyle","opacity","transform","scale","accessibilityState","accessibilityLabel","onPress","hitSlop","style","RadioGroup","Object","assign","Item"],"sourceRoot":"../../../../src","sources":["components/radio-group/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createContext","forwardRef","useContext","useEffect","useMemo","Pressable","View","Animated","useAnimatedStyle","useSharedValue","withSpring","withTiming","tv","cn","Text","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","itemVariants","slots","row","indicator","label","description","variants","variant","dot","card","selected","true","disabled","horizontal","compoundVariants","class","defaultVariants","RadioGroupContext","RadioGroupRoot","className","value","onValueChange","orientation","children","props","ref","context","Provider","accessibilityRole","displayName","RadioGroupItem","itemDisabled","hideIndicator","Error","progress","damping","stiffness","mass","duration","dotStyle","opacity","transform","scale","style","body","accessibilityState","accessibilityLabel","onPress","hitSlop","undefined","RadioGroup","Object","assign","Item"],"sourceRoot":"../../../../src","sources":["components/radio-group/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/section-rail/index.js

@@ -0,0 +1,355 @@
+"use strict";
+
+/**
+ * SectionRail — a floating navigator for a long screen.
+ *
+ * A stack of short bars pinned to one edge, one per section, that expands into
+ * a labelled panel when you touch it. Collapsed it is a position indicator you
+ * can read at a glance without giving up any content width; expanded it is a
+ * list you can jump from.
+ *
+ * The bars are deliberately unlabelled. A permanent list of section titles
+ * down the side of a phone screen is either too small to read or too wide to
+ * keep — the bars carry only the two things that survive at that size, which
+ * section you are in and roughly how deep it sits.
+ *
+ * ```tsx
+ * <SectionRail value={active} onValueChange={scrollTo}>
+ *   <SectionRail.Trigger>
+ *     <SectionRail.Bar value="intro" />
+ *     <SectionRail.Bar value="setup" level={1} />
+ *   </SectionRail.Trigger>
+ *   <SectionRail.Content>
+ *     <SectionRail.Item value="intro">Introduction</SectionRail.Item>
+ *     <SectionRail.Item value="setup" level={1}>Setup</SectionRail.Item>
+ *   </SectionRail.Content>
+ * </SectionRail>
+ * ```
+ *
+ * It floats: the root is absolutely positioned and lets touches through
+ * everywhere it is not drawing, so the content underneath still scrolls.
+ */
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Pressable, ScrollView, View } from 'react-native';
+import Animated, { FadeIn, FadeOut, interpolateColor, useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useCSSVariable } from 'uniwind';
+import { Portal } from "../../primitives/portal.js";
+import { Text } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { selectionTick } from "../../utils/haptics.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SPRING = {
+  damping: 20,
+  stiffness: 260,
+  mass: 0.6
+};
+/** Bar width at the top level, and how much each nested level takes off it. */
+const BAR_WIDTH = 16;
+const BAR_LEVEL_STEP = 4;
+/** How much wider the active bar gets, so position is readable at a glance. */
+const BAR_ACTIVE_EXTRA = 8;
+/** Indent per level in the expanded panel. */
+const ITEM_INDENT = 12;
+/** Vertical position of the rail, and of the panel that opens from it. */
+const ALIGNMENT = {
+  center: 'justify-center',
+  top: 'justify-start',
+  bottom: 'justify-end'
+};
+const SectionRailContext = /*#__PURE__*/createContext(null);
+function useSectionRail(component) {
+  const context = useContext(SectionRailContext);
+  if (!context) {
+    throw new Error(`${component} must be used within a <SectionRail>`);
+  }
+  return context;
+}
+function SectionRailRoot({
+  className,
+  placement = 'right',
+  align = 'center',
+  haptics = false,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  closeDelay = 300,
+  offset = 12,
+  children,
+  ...props
+}) {
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const insets = useSafeAreaInsets();
+  const timer = useRef(null);
+  const isControlled = valueProp !== undefined;
+  const value = isControlled ? valueProp : internalValue;
+  const isOpenControlled = openProp !== undefined;
+  const open = isOpenControlled ? openProp : internalOpen;
+  const setOpen = useCallback(next => {
+    if (timer.current) {
+      clearTimeout(timer.current);
+      timer.current = null;
+    }
+    if (!isOpenControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  }, [isOpenControlled, onOpenChange]);
+  const close = useCallback(() => setOpen(false), [setOpen]);
+
+  // A pending close must not fire after the rail has gone.
+  useEffect(() => () => {
+    if (timer.current) clearTimeout(timer.current);
+  }, []);
+  const handleValueChange = useCallback(next => {
+    if (!isControlled) setInternalValue(next);
+    onValueChange?.(next);
+    if (closeDelay <= 0) {
+      setOpen(false);
+      return;
+    }
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = setTimeout(() => setOpen(false), closeDelay);
+  }, [isControlled, onValueChange, closeDelay, setOpen]);
+
+  /*
+   * Fired from the resolved value rather than from the change handler, so a
+   * section arrived at by scrolling ticks as well as one that was tapped —
+   * "every change" means every change. The ref skips the first run, since
+   * mounting is not a change of section.
+   */
+  const ticked = useRef(false);
+  useEffect(() => {
+    if (!haptics) return;
+    if (!ticked.current) {
+      ticked.current = true;
+      return;
+    }
+    selectionTick();
+  }, [value, haptics]);
+  const context = useMemo(() => ({
+    value,
+    onValueChange: handleValueChange,
+    open,
+    setOpen,
+    close,
+    placement,
+    align
+  }), [value, handleValueChange, open, setOpen, close, placement, align]);
+  return /*#__PURE__*/_jsx(SectionRailContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(View
+    // `box-none` and not `none`: the rail's own children still take
+    // touches, but the empty column around them does not — otherwise a
+    // strip down the side of the screen would swallow every scroll.
+    , {
+      pointerEvents: "box-none",
+      className: cn('absolute', ALIGNMENT[align], placement === 'right' ? 'right-0' : 'left-0', className),
+      style: {
+        top: insets.top,
+        bottom: insets.bottom,
+        [placement === 'right' ? 'right' : 'left']: (placement === 'right' ? insets.right : insets.left) + offset
+      },
+      ...props,
+      children: children
+    })
+  });
+}
+/**
+ * The collapsed rail. Wraps the bars and opens the panel on press — one target
+ * over the whole stack rather than one per bar, because a 3px bar is not
+ * something anyone can hit.
+ */
+function SectionRailTrigger({
+  className,
+  children,
+  ...props
+}) {
+  const {
+    open,
+    setOpen,
+    placement
+  } = useSectionRail('SectionRail.Trigger');
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: "Sections",
+    accessibilityState: {
+      expanded: open
+    },
+    onPress: () => setOpen(!open)
+    // Generous padding is the hit target; the bars themselves are hairlines.
+    ,
+    hitSlop: 8,
+    className: cn('gap-2 py-3', placement === 'right' ? 'items-end pl-6 pr-2' : 'items-start pl-2 pr-6', className),
+    ...props,
+    children: children
+  });
+}
+/** One section, drawn as a bar. Widens and brightens when it is the active one. */
+function SectionRailBar({
+  className,
+  value,
+  level = 0
+}) {
+  const {
+    value: active
+  } = useSectionRail('SectionRail.Bar');
+  const selected = active === value;
+  const restColor = useCSSVariable('--color-muted-foreground');
+  const activeColor = useCSSVariable('--color-foreground');
+  const base = Math.max(BAR_WIDTH - level * BAR_LEVEL_STEP, 6);
+  const progress = useSharedValue(selected ? 1 : 0);
+  useEffect(() => {
+    progress.value = withSpring(selected ? 1 : 0, SPRING);
+  }, [selected, progress]);
+  const idle = typeof restColor === 'string' ? restColor : '#818181';
+  const on = typeof activeColor === 'string' ? activeColor : '#f5f5f5';
+  const style = useAnimatedStyle(() => ({
+    width: base + progress.value * BAR_ACTIVE_EXTRA,
+    // The inactive bars are dim on purpose — the rail is a position
+    // indicator, so only one of them is meant to be read.
+    opacity: 0.4 + progress.value * 0.6,
+    backgroundColor: interpolateColor(progress.value, [0, 1], [idle, on])
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    style: style,
+    className: cn('h-0.5 rounded-full', className)
+  });
+}
+/**
+ * The expanded panel. Mounted through a portal so it floats over everything,
+ * and unmounted after it fades out rather than left behind hidden.
+ */
+function SectionRailContent({
+  className,
+  children,
+  ...props
+}) {
+  const context = useSectionRail('SectionRail.Content');
+  const {
+    open,
+    close,
+    placement,
+    align
+  } = context;
+  const insets = useSafeAreaInsets();
+  if (!open) return null;
+  return /*#__PURE__*/_jsxs(Portal, {
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      accessibilityRole: "button",
+      accessibilityLabel: "Close",
+      onPress: close,
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0
+      }
+    }), /*#__PURE__*/_jsx(SectionRailContext.Provider, {
+      value: context,
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        entering: FadeIn.duration(140),
+        exiting: FadeOut.duration(120)
+        // Aligned the same way the rail is, so a panel opened from a corner
+        // unfolds out of that corner instead of appearing across the middle
+        // of the screen away from the thing that was pressed.
+        ,
+        className: cn('absolute', ALIGNMENT[align]),
+        style: {
+          top: insets.top,
+          bottom: insets.bottom,
+          [placement === 'right' ? 'right' : 'left']: (placement === 'right' ? insets.right : insets.left) + 12
+        },
+        pointerEvents: "box-none",
+        children: /*#__PURE__*/_jsx(SectionRailPanel, {
+          className: className,
+          ...props,
+          children: children
+        })
+      })
+    })]
+  });
+}
+
+/**
+ * Split out from Content so the slide-in animated style is not on the same
+ * view as the entering/exiting fade — Reanimated will let a layout animation
+ * overwrite an animated style that touches the same property.
+ */
+function SectionRailPanel({
+  className,
+  children,
+  ...props
+}) {
+  const {
+    placement
+  } = useSectionRail('SectionRail.Content');
+  const slide = useSharedValue(0);
+  useEffect(() => {
+    slide.value = withTiming(1, {
+      duration: 180
+    });
+  }, [slide]);
+
+  // Arrives from the edge it is anchored to, so it reads as the rail
+  // unfolding rather than as a panel appearing over it.
+  const style = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: (1 - slide.value) * (placement === 'right' ? 16 : -16)
+    }]
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: style,
+    accessibilityRole: "menu",
+    className: cn('max-w-[60%] gap-0.5 rounded-2xl border border-border bg-popover p-2 shadow-lg', className),
+    ...props,
+    children: /*#__PURE__*/_jsx(ScrollView, {
+      bounces: false,
+      showsVerticalScrollIndicator: false,
+      children: children
+    })
+  });
+}
+/** A labelled row in the expanded panel. */
+function SectionRailItem({
+  className,
+  value,
+  level = 0,
+  children
+}) {
+  const {
+    value: active,
+    onValueChange
+  } = useSectionRail('SectionRail.Item');
+  const selected = active === value;
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "menuitem",
+    accessibilityState: {
+      selected
+    },
+    onPress: () => onValueChange?.(value),
+    style: {
+      paddingLeft: 12 + level * ITEM_INDENT
+    },
+    className: cn('rounded-lg py-2 pr-3 active:bg-accent', selected && 'bg-accent', className),
+    children: /*#__PURE__*/_jsx(Text, {
+      size: "sm",
+      weight: selected ? 'medium' : 'normal',
+      className: selected ? 'text-foreground' : 'text-muted-foreground',
+      numberOfLines: 1,
+      children: children
+    })
+  });
+}
+export const SectionRail = Object.assign(SectionRailRoot, {
+  Trigger: SectionRailTrigger,
+  Bar: SectionRailBar,
+  Content: SectionRailContent,
+  Item: SectionRailItem
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/section-rail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useCallback","useContext","useEffect","useMemo","useRef","useState","Pressable","ScrollView","View","Animated","FadeIn","FadeOut","interpolateColor","useAnimatedStyle","useSharedValue","withSpring","withTiming","useSafeAreaInsets","useCSSVariable","Portal","Text","cn","selectionTick","jsx","_jsx","jsxs","_jsxs","SPRING","damping","stiffness","mass","BAR_WIDTH","BAR_LEVEL_STEP","BAR_ACTIVE_EXTRA","ITEM_INDENT","ALIGNMENT","center","top","bottom","SectionRailContext","useSectionRail","component","context","Error","SectionRailRoot","className","placement","align","haptics","value","valueProp","defaultValue","onValueChange","open","openProp","defaultOpen","onOpenChange","closeDelay","offset","children","props","internalValue","setInternalValue","internalOpen","setInternalOpen","insets","timer","isControlled","undefined","isOpenControlled","setOpen","next","current","clearTimeout","close","handleValueChange","setTimeout","ticked","Provider","pointerEvents","style","right","left","SectionRailTrigger","accessibilityRole","accessibilityLabel","accessibilityState","expanded","onPress","hitSlop","SectionRailBar","level","active","selected","restColor","activeColor","base","Math","max","progress","idle","on","width","opacity","backgroundColor","accessibilityElementsHidden","importantForAccessibility","SectionRailContent","position","entering","duration","exiting","SectionRailPanel","slide","transform","translateX","bounces","showsVerticalScrollIndicator","SectionRailItem","paddingLeft","size","weight","numberOfLines","SectionRail","Object","assign","Trigger","Bar","Content","Item"],"sourceRoot":"../../../../src","sources":["components/section-rail/index.tsx"],"mappings":"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","ignoreList":[]}