panelui-native 0.9.0 → 0.12.0

package/src/index.ts

@@ -28,6 +28,7 @@ export {
 
 // Native UI bridge
 export { hasNativeUI } from './native';
+export { hasHaptics, selectionTick } from './utils/haptics';
 
 // Components
 export {
@@ -69,18 +70,47 @@ export {
   type BottomSheetContentProps,
 } from './components/bottom-sheet';
 export { Button, type ButtonProps } from './components/button';
+export {
+  ToggleButton,
+  ToggleButtonGroup,
+  useToggleButton,
+  type ToggleButtonProps,
+  type ToggleButtonGroupProps,
+  type ToggleButtonLabelProps,
+  type ToggleButtonSize,
+  type ToggleButtonVariant,
+  type ToggleSelectionMode,
+} from './components/toggle-button';
 export {
   Dialog,
   type DialogProps,
   type DialogContentProps,
 } from './components/dialog';
-export { Frame, type FrameProps } from './components/frame';
 export {
-  InlineSelect,
-  type InlineSelectProps,
-  type InlineSelectItemProps,
-} from './components/inline-select';
-export { Select, type SelectProps, type SelectItemProps } from './components/select';
+  Frame,
+  type FrameProps,
+  type FrameRootProps,
+  type FramePanelProps,
+  type FrameRowProps,
+  type FrameSectionProps,
+  type FrameVariant,
+} from './components/frame';
+export {
+  Select,
+  type SelectProps,
+  type SelectItemProps,
+  type SelectPresentation,
+} from './components/select';
+export {
+  SectionRail,
+  type SectionRailProps,
+  type SectionRailTriggerProps,
+  type SectionRailBarProps,
+  type SectionRailContentProps,
+  type SectionRailItemProps,
+  type SectionRailPlacement,
+  type SectionRailAlign,
+} from './components/section-rail';
 export {
   Tabs,
   type TabsProps,
@@ -185,6 +215,7 @@ export {
 export { Separator, type SeparatorProps } from './components/separator';
 export { Shimmer, type ShimmerProps } from './components/shimmer';
 export { Skeleton, type SkeletonProps } from './components/skeleton';
+export { Slider, type SliderProps } from './components/slider';
 export { Spinner, type SpinnerProps } from './components/spinner';
 export {
   Steps,

package/src/native/index.ts

@@ -25,7 +25,18 @@ import type { ComponentType, ReactNode } from 'react';
 interface NativeUIModule {
   Host: ComponentType<{
     children?: ReactNode;
-    matchContents?: boolean;
+    /**
+     * Whether the host resizes itself to the platform content.
+     *
+     * Every control here gives the host an explicit height instead, and takes
+     * its width from ordinary layout. The measurement arrives a frame late and
+     * again whenever the platform's content changes, so a host left to work
+     * its own size out renders at nothing and then jumps — on first paint, and
+     * again on first press. The per-axis form does not help; the answer is not
+     * to ask. Only the natively-presented sheet still uses it, where the host
+     * is a zero-size anchor rather than the control itself.
+     */
+    matchContents?: boolean | { vertical?: boolean; horizontal?: boolean };
     style?: unknown;
     [key: string]: unknown;
   }>;
@@ -41,6 +52,7 @@ interface NativeUIModule {
   }>;
   Button: ComponentType<Record<string, unknown>>;
   Switch: ComponentType<Record<string, unknown>>;
+  Slider: ComponentType<Record<string, unknown>>;
   Picker: ComponentType<Record<string, unknown>> & {
     Item: ComponentType<Record<string, unknown>>;
   };

package/src/primitives/keyboard-avoider.tsx

@@ -14,6 +14,13 @@ export interface KeyboardAvoiderProps extends ViewProps {
   className?: string;
   /** Set false to leave the content where it is. */
   enabled?: boolean;
+  /**
+   * Whether this is the element that should get out of the keyboard's way.
+   * Defaults to true, which is right for a composer or a toolbar. Pass a
+   * field's focus state when wrapping a single field, so the others on the
+   * screen stay put.
+   */
+  active?: boolean;
   /** Gap to keep between the content's bottom edge and the keyboard. */
   offset?: number;
   children?: ReactNode;
@@ -22,13 +29,14 @@ export interface KeyboardAvoiderProps extends ViewProps {
 export function KeyboardAvoider({
   className,
   enabled = true,
+  active = true,
   offset = 16,
   children,
   style,
   onLayout,
   ...props
 }: KeyboardAvoiderProps) {
-  const avoidance = useKeyboardAvoidance({ enabled, offset });
+  const avoidance = useKeyboardAvoidance({ enabled, active, offset });
 
   return (
     <Animated.View

package/src/utils/haptics.ts

@@ -0,0 +1,63 @@
+/**
+ * Optional bridge to the platform's haptic engine.
+ *
+ * A tick under the finger is the difference between a control that responds
+ * and one that merely updates — but it is also the kind of thing that has to
+ * be free to ignore. `expo-haptics` is resolved lazily and every caller falls
+ * back to doing nothing, so a component with `haptics` set is silent rather
+ * than broken when the package is absent.
+ *
+ * ```sh
+ * npx expo install expo-haptics
+ * ```
+ */
+import { Platform } from 'react-native';
+
+interface HapticsModule {
+  selectionAsync: () => Promise<void>;
+  impactAsync: (style?: unknown) => Promise<void>;
+  ImpactFeedbackStyle?: Record<string, unknown>;
+}
+
+let resolved = false;
+let module: HapticsModule | null = null;
+
+/**
+ * The haptics module, or null when it is not installed or the platform has no
+ * engine behind it. Resolved once and cached — a failed require is not retried
+ * on every keystroke.
+ */
+function getHaptics(): HapticsModule | null {
+  if (resolved) return module;
+  resolved = true;
+
+  // Web has no haptic engine; the Vibration API is a different thing and a
+  // worse one — a buzz where a tick was meant.
+  if (Platform.OS === 'web') return null;
+
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    module = require('expo-haptics') as HapticsModule;
+  } catch {
+    module = null;
+  }
+
+  return module;
+}
+
+/** Whether a haptic will actually be felt. */
+export function hasHaptics(): boolean {
+  return getHaptics() !== null;
+}
+
+/**
+ * The light tick for moving between options — a segmented control, a picker,
+ * a section marker. Deliberately not an impact: selection is the lightest of
+ * the feedbacks, and anything heavier gets tiring when it fires on scroll.
+ *
+ * Fire-and-forget. A rejected haptic is not worth an unhandled rejection, and
+ * there is nothing useful to do about one.
+ */
+export function selectionTick(): void {
+  void getHaptics()?.selectionAsync().catch(() => {});
+}

package/theme.css

@@ -199,8 +199,12 @@
       --color-secondary-foreground: #f5f5f5;
 
       --color-muted: rgba(255, 255, 255, 0.08);
-      /* color-mix(neutral-500 90%, white) */
-      --color-muted-foreground: #818181;
+      /*
+       * color-mix(neutral-500 86%, white). Was 90% (#818181), which came out
+       * at 4.42:1 on the popover surface — under the 4.5:1 floor for body
+       * text. Every other theme's muted foreground already clears it.
+       */
+      --color-muted-foreground: #878787;
 
       --color-accent: rgba(255, 255, 255, 0.08);
       --color-accent-foreground: #f5f5f5;

package/lib/module/components/inline-select/index.js

@@ -1,284 +0,0 @@
-"use strict";
-
-/**
- * InlineSelect — a select that reveals its options next to the trigger instead
- * of taking over the screen with a sheet.
- *
- * Two presentations, because the right one depends on what surrounds it:
- *
- * - Inline (default) expands the list in normal layout flow. Everything below
- *   moves down. Fine inside a settings list where that reads as the row
- *   growing, wrong anywhere the shift is jarring.
- * - `overlay` floats the list above the page through a portal, anchored to the
- *   trigger and flipped above it when there is no room below. Nothing else on
- *   the screen moves.
- */
-import { Children, createContext, isValidElement, useCallback, useContext, useMemo, useRef, useState } from 'react';
-import { Pressable, ScrollView, useWindowDimensions, View } from 'react-native';
-import Animated, { FadeIn, FadeOut, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-import { tv } from 'tailwind-variants';
-import { useCSSVariable } from 'uniwind';
-import { CheckIcon, ChevronDownIcon } from "../../icons/index.js";
-import { Portal } from "../../primitives/portal.js";
-import { Text } from "../../primitives/text.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const inlineSelectVariants = tv({
-  slots: {
-    trigger: 'w-full flex-row items-center justify-between gap-3 rounded-2xl border border-input bg-background px-4 py-3.5',
-    triggerLabel: 'flex-1 text-base font-medium text-foreground',
-    placeholder: 'flex-1 text-base text-muted-foreground',
-    list: 'overflow-hidden rounded-2xl border border-border bg-popover p-2 shadow-sm',
-    item: 'flex-row items-center gap-2 rounded-xl px-3 py-3',
-    itemLabel: 'flex-1 text-base font-medium text-foreground',
-    itemIndicator: 'h-5 w-5 items-center justify-center'
-  },
-  variants: {
-    selected: {
-      true: {
-        item: 'bg-accent'
-      }
-    },
-    disabled: {
-      true: {
-        trigger: 'opacity-[0.64]'
-      }
-    },
-    presentation: {
-      inline: {
-        list: 'mt-2'
-      },
-      overlay: {
-        list: 'shadow-lg'
-      }
-    }
-  },
-  defaultVariants: {
-    presentation: 'inline'
-  }
-});
-const InlineSelectContext = /*#__PURE__*/createContext(null);
-/** Option row. */
-function InlineSelectItem({
-  value,
-  label
-}) {
-  const context = useContext(InlineSelectContext);
-  if (!context) {
-    throw new Error('InlineSelect.Item must be used within an <InlineSelect>');
-  }
-  const selected = context.value === value;
-  const {
-    item,
-    itemLabel,
-    itemIndicator
-  } = inlineSelectVariants({
-    selected
-  });
-  const checkColor = useCSSVariable('--color-muted-foreground');
-  return /*#__PURE__*/_jsxs(Pressable, {
-    accessibilityRole: "menuitem",
-    accessibilityState: {
-      selected
-    },
-    onPress: () => context.onSelect(value),
-    className: item(),
-    children: [/*#__PURE__*/_jsx(Text, {
-      className: itemLabel(),
-      children: label
-    }), /*#__PURE__*/_jsx(View, {
-      className: itemIndicator(),
-      children: selected ? /*#__PURE__*/_jsx(CheckIcon, {
-        size: 16,
-        color: typeof checkColor === 'string' ? checkColor : '#737373'
-      }) : null
-    })]
-  });
-}
-
-/** Trigger frame in window coordinates, measured when the list opens. */
-
-function InlineSelectRoot({
-  className,
-  value,
-  onValueChange,
-  placeholder = 'Select an option',
-  disabled,
-  overlay = false,
-  overlayWidth = 'trigger',
-  overlayOffset = 8,
-  onOpenChange,
-  children
-}) {
-  const [open, setOpen] = useState(false);
-  const [anchor, setAnchor] = useState(null);
-  const [listHeight, setListHeight] = useState(0);
-  const triggerRef = useRef(null);
-  const chevron = useSharedValue(0);
-  const {
-    height: screenHeight
-  } = useWindowDimensions();
-  const selectedLabel = useMemo(() => {
-    let label;
-    Children.forEach(children, child => {
-      if (/*#__PURE__*/isValidElement(child) && child.props.value === value) {
-        label = child.props.label;
-      }
-    });
-    return label;
-  }, [children, value]);
-  const close = useCallback(() => {
-    chevron.value = withTiming(0, {
-      duration: 160
-    });
-    setOpen(false);
-    onOpenChange?.(false);
-  }, [chevron, onOpenChange]);
-  const toggle = useCallback(() => {
-    if (open) {
-      close();
-      return;
-    }
-    const show = () => {
-      chevron.value = withTiming(1, {
-        duration: 160
-      });
-      setOpen(true);
-      onOpenChange?.(true);
-    };
-    if (!overlay) {
-      show();
-      return;
-    }
-
-    // The list is positioned in window coordinates, so it has to know where
-    // the trigger actually landed — not where layout said it would.
-    triggerRef.current?.measureInWindow((x, y, width, height) => {
-      setAnchor({
-        x,
-        y,
-        width,
-        height
-      });
-      show();
-    });
-  }, [chevron, close, onOpenChange, open, overlay]);
-  const context = useMemo(() => ({
-    value,
-    onSelect: next => {
-      onValueChange(next);
-      close();
-    }
-  }), [value, onValueChange, close]);
-  const slots = inlineSelectVariants({
-    disabled: !!disabled,
-    presentation: overlay ? 'overlay' : 'inline'
-  });
-  const chevronColor = useCSSVariable('--color-muted-foreground');
-  const chevronStyle = useAnimatedStyle(() => ({
-    transform: [{
-      rotate: `${chevron.value * 180}deg`
-    }]
-  }));
-  const trigger = /*#__PURE__*/_jsxs(Pressable, {
-    ref: triggerRef,
-    accessibilityRole: "button",
-    accessibilityState: {
-      disabled: !!disabled,
-      expanded: open
-    },
-    disabled: disabled,
-    onPress: toggle,
-    className: slots.trigger(),
-    children: [selectedLabel ? /*#__PURE__*/_jsx(Text, {
-      className: slots.triggerLabel(),
-      children: selectedLabel
-    }) : /*#__PURE__*/_jsx(Text, {
-      className: slots.placeholder(),
-      children: placeholder
-    }), /*#__PURE__*/_jsx(Animated.View, {
-      style: chevronStyle,
-      children: /*#__PURE__*/_jsx(ChevronDownIcon, {
-        color: typeof chevronColor === 'string' ? chevronColor : '#737373'
-      })
-    })]
-  });
-  if (!overlay) {
-    return /*#__PURE__*/_jsx(InlineSelectContext.Provider, {
-      value: context,
-      children: /*#__PURE__*/_jsxs(View, {
-        className: className,
-        children: [trigger, open ? /*#__PURE__*/_jsx(Animated.View, {
-          entering: FadeIn.duration(140),
-          exiting: FadeOut.duration(120),
-          className: slots.list(),
-          children: children
-        }) : null]
-      })
-    });
-  }
-
-  // Flip above the trigger when the list would run off the bottom. listHeight
-  // is 0 on the first frame, so the list opens downwards and corrects itself
-  // once measured — which is invisible inside the 140ms fade.
-  const spaceBelow = anchor ? screenHeight - (anchor.y + anchor.height) - overlayOffset : 0;
-  const flip = !!anchor && listHeight > 0 && listHeight > spaceBelow;
-  const overlayPosition = anchor ? {
-    position: 'absolute',
-    left: anchor.x,
-    ...(flip ? {
-      bottom: screenHeight - anchor.y + overlayOffset
-    } : {
-      top: anchor.y + anchor.height + overlayOffset
-    }),
-    ...(overlayWidth === 'trigger' ? {
-      width: anchor.width
-    } : typeof overlayWidth === 'number' ? {
-      width: overlayWidth
-    } : {
-      minWidth: anchor.width
-    }),
-    // Never collapse to nothing in a cramped viewport — the list scrolls.
-    maxHeight: Math.max((flip ? anchor.y : spaceBelow) - overlayOffset, 160)
-  } : null;
-  const onListLayout = event => {
-    setListHeight(event.nativeEvent.layout.height);
-  };
-  return /*#__PURE__*/_jsxs(InlineSelectContext.Provider, {
-    value: context,
-    children: [/*#__PURE__*/_jsx(View, {
-      className: className,
-      children: trigger
-    }), open && overlayPosition ? /*#__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(InlineSelectContext.Provider, {
-        value: context,
-        children: /*#__PURE__*/_jsx(Animated.View, {
-          entering: FadeIn.duration(140),
-          exiting: FadeOut.duration(120),
-          onLayout: onListLayout,
-          style: overlayPosition,
-          className: slots.list(),
-          children: /*#__PURE__*/_jsx(ScrollView, {
-            bounces: false,
-            showsVerticalScrollIndicator: false,
-            children: children
-          })
-        })
-      })]
-    }) : null]
-  });
-}
-export const InlineSelect = Object.assign(InlineSelectRoot, {
-  Item: InlineSelectItem
-});
-//# sourceMappingURL=index.js.map

package/lib/module/components/inline-select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Children","createContext","isValidElement","useCallback","useContext","useMemo","useRef","useState","Pressable","ScrollView","useWindowDimensions","View","Animated","FadeIn","FadeOut","useAnimatedStyle","useSharedValue","withTiming","tv","useCSSVariable","CheckIcon","ChevronDownIcon","Portal","Text","jsx","_jsx","jsxs","_jsxs","inlineSelectVariants","slots","trigger","triggerLabel","placeholder","list","item","itemLabel","itemIndicator","variants","selected","true","disabled","presentation","inline","overlay","defaultVariants","InlineSelectContext","InlineSelectItem","value","label","context","Error","checkColor","accessibilityRole","accessibilityState","onPress","onSelect","className","children","size","color","InlineSelectRoot","onValueChange","overlayWidth","overlayOffset","onOpenChange","open","setOpen","anchor","setAnchor","listHeight","setListHeight","triggerRef","chevron","height","screenHeight","selectedLabel","forEach","child","props","close","duration","toggle","show","current","measureInWindow","x","y","width","next","chevronColor","chevronStyle","transform","rotate","ref","expanded","style","Provider","entering","exiting","spaceBelow","flip","overlayPosition","position","left","bottom","top","minWidth","maxHeight","Math","max","onListLayout","event","nativeEvent","layout","accessibilityLabel","right","onLayout","bounces","showsVerticalScrollIndicator","InlineSelect","Object","assign","Item"],"sourceRoot":"../../../../src","sources":["components/inline-select/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/inline-select/index.d.ts

@@ -1,48 +0,0 @@
-/**
- * InlineSelect — a select that reveals its options next to the trigger instead
- * of taking over the screen with a sheet.
- *
- * Two presentations, because the right one depends on what surrounds it:
- *
- * - Inline (default) expands the list in normal layout flow. Everything below
- *   moves down. Fine inside a settings list where that reads as the row
- *   growing, wrong anywhere the shift is jarring.
- * - `overlay` floats the list above the page through a portal, anchored to the
- *   trigger and flipped above it when there is no room below. Nothing else on
- *   the screen moves.
- */
-import { type ReactNode } from 'react';
-export interface InlineSelectItemProps {
-    value: string;
-    label: string;
-}
-/** Option row. */
-declare function InlineSelectItem({ value, label }: InlineSelectItemProps): import("react").JSX.Element;
-export interface InlineSelectProps {
-    className?: string;
-    value?: string;
-    onValueChange: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    /**
-     * Float the list above the page instead of expanding it in layout flow, so
-     * opening the select does not push the content below it down.
-     */
-    overlay?: boolean;
-    /**
-     * Width of the floating list. `trigger` matches the trigger, `content` sizes
-     * to the longest option, or pass a pixel value. Ignored without `overlay`.
-     */
-    overlayWidth?: 'trigger' | 'content' | number;
-    /** Gap between the trigger and the floating list. Ignored without `overlay`. */
-    overlayOffset?: number;
-    /** Called when the list opens or closes. */
-    onOpenChange?: (open: boolean) => void;
-    children: ReactNode;
-}
-declare function InlineSelectRoot({ className, value, onValueChange, placeholder, disabled, overlay, overlayWidth, overlayOffset, onOpenChange, children, }: InlineSelectProps): import("react").JSX.Element;
-export declare const InlineSelect: typeof InlineSelectRoot & {
-    Item: typeof InlineSelectItem;
-};
-export {};
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/inline-select/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/inline-select/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAwDf,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,kBAAkB;AAClB,iBAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,qBAAqB,+BA4BhE;AAUD,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC9C,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAK,EACL,aAAa,EACb,WAAgC,EAChC,QAAQ,EACR,OAAe,EACf,YAAwB,EACxB,aAAiB,EACjB,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,+BA0KnB;AAED,eAAO,MAAM,YAAY;;CAEvB,CAAC"}