panelui-native 0.7.0 → 0.12.0

package/lib/module/components/empty-state/index.js

@@ -8,25 +8,63 @@
  * is a pair of CSS pseudo-elements; React Native has none, so it is two
  * absolutely positioned siblings with static rotate transforms.
  */
-import { forwardRef } from 'react';
+import { createContext, forwardRef, useContext } from 'react';
 import { View } from 'react-native';
 import { tv } from 'tailwind-variants';
 import { Text } from "../../primitives/text.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/** Sub-components read the size so the title, description and media scale with the root. */
+const EmptyStateContext = /*#__PURE__*/createContext({
+  size: 'default'
+});
 const emptyStateVariants = tv({
   slots: {
-    root: 'w-full flex-1 items-center justify-center gap-6 px-6 py-12',
+    root: 'w-full items-center justify-center',
     header: 'w-full max-w-sm items-center gap-1',
-    title: 'text-center text-xl font-semibold text-foreground',
-    description: 'text-center text-sm text-muted-foreground',
+    title: 'text-center font-semibold text-foreground',
+    description: 'text-center text-muted-foreground',
     content: 'w-full max-w-sm items-center gap-3'
+  },
+  variants: {
+    variant: {
+      // Fills whatever space it is given — a whole screen, or a flex parent.
+      default: {
+        root: 'flex-1'
+      },
+      // A self-contained block that sits inside content rather than filling a
+      // screen: bordered, on the card fill, sized to its contents.
+      card: {
+        root: 'rounded-2xl border border-border bg-card'
+      }
+    },
+    size: {
+      sm: {
+        root: 'gap-4 px-4 py-8',
+        title: 'text-base',
+        description: 'text-sm'
+      },
+      default: {
+        root: 'gap-6 px-6 py-12',
+        title: 'text-xl',
+        description: 'text-sm'
+      },
+      lg: {
+        root: 'gap-6 px-6 py-16',
+        title: 'text-2xl',
+        description: 'text-base'
+      }
+    }
+  },
+  defaultVariants: {
+    variant: 'default',
+    size: 'default'
   }
 });
 const mediaVariants = tv({
   slots: {
     wrapper: 'items-center justify-center',
-    card: 'h-9 w-9 shrink-0 items-center justify-center',
-    ghost: 'absolute h-9 w-9 rounded-md border border-border bg-card'
+    card: 'shrink-0 items-center justify-center',
+    ghost: 'absolute rounded-md border border-border bg-card'
   },
   variants: {
     variant: {
@@ -37,25 +75,50 @@ const mediaVariants = tv({
       icon: {
         card: 'rounded-md border border-border bg-card'
       }
+    },
+    size: {
+      sm: {
+        card: 'h-8 w-8',
+        ghost: 'h-8 w-8'
+      },
+      default: {
+        card: 'h-9 w-9',
+        ghost: 'h-9 w-9'
+      },
+      lg: {
+        card: 'h-11 w-11',
+        ghost: 'h-11 w-11'
+      }
     }
   },
   defaultVariants: {
-    variant: 'default'
+    variant: 'default',
+    size: 'default'
   }
 });
 const EmptyStateRoot = /*#__PURE__*/forwardRef(({
   className,
+  variant,
+  size = 'default',
   ...props
 }, ref) => {
   const {
     root
-  } = emptyStateVariants();
-  return /*#__PURE__*/_jsx(View, {
-    ref: ref,
-    className: root({
-      className
-    }),
-    ...props
+  } = emptyStateVariants({
+    variant,
+    size
+  });
+  return /*#__PURE__*/_jsx(EmptyStateContext.Provider, {
+    value: {
+      size
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      className: root({
+        className
+      }),
+      ...props
+    })
   });
 });
 EmptyStateRoot.displayName = 'EmptyState';
@@ -87,12 +150,16 @@ const EmptyStateMedia = /*#__PURE__*/forwardRef(({
   children,
   ...props
 }, ref) => {
+  const {
+    size
+  } = useContext(EmptyStateContext);
   const {
     wrapper,
     card,
     ghost
   } = mediaVariants({
-    variant
+    variant,
+    size
   });
   return /*#__PURE__*/_jsxs(View, {
     ref: ref,
@@ -121,9 +188,14 @@ const EmptyStateTitle = /*#__PURE__*/forwardRef(({
   className,
   ...props
 }, ref) => {
+  const {
+    size
+  } = useContext(EmptyStateContext);
   const {
     title
-  } = emptyStateVariants();
+  } = emptyStateVariants({
+    size
+  });
   return /*#__PURE__*/_jsx(Text, {
     ref: ref,
     className: title({
@@ -137,9 +209,14 @@ const EmptyStateDescription = /*#__PURE__*/forwardRef(({
   className,
   ...props
 }, ref) => {
+  const {
+    size
+  } = useContext(EmptyStateContext);
   const {
     description
-  } = emptyStateVariants();
+  } = emptyStateVariants({
+    size
+  });
   return /*#__PURE__*/_jsx(Text, {
     ref: ref,
     className: description({

package/lib/module/components/empty-state/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","tv","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","emptyStateVariants","slots","root","header","title","description","content","mediaVariants","wrapper","card","ghost","variants","variant","default","icon","defaultVariants","EmptyStateRoot","className","props","ref","displayName","EmptyStateHeader","EmptyStateMedia","children","accessibilityElementsHidden","importantForAccessibility","EmptyStateTitle","EmptyStateDescription","EmptyStateContent","EmptyState","Object","assign","Header","Media","Title","Description","Content"],"sourceRoot":"../../../../src","sources":["components/empty-state/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createContext","forwardRef","useContext","View","tv","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","EmptyStateContext","size","emptyStateVariants","slots","root","header","title","description","content","variants","variant","default","card","sm","lg","defaultVariants","mediaVariants","wrapper","ghost","icon","EmptyStateRoot","className","props","ref","Provider","value","children","displayName","EmptyStateHeader","EmptyStateMedia","accessibilityElementsHidden","importantForAccessibility","EmptyStateTitle","EmptyStateDescription","EmptyStateContent","EmptyState","Object","assign","Header","Media","Title","Description","Content"],"sourceRoot":"../../../../src","sources":["components/empty-state/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/frame/index.js

@@ -17,23 +17,57 @@
  *   </Frame.Header>
  *   <Frame.Panel>
  *     <Frame.Row>…</Frame.Row>
- *     <Frame.Row divided>…</Frame.Row>
+ *     <Frame.Row>…</Frame.Row>
  *   </Frame.Panel>
  *   <Frame.Footer>Updated 2 minutes ago</Frame.Footer>
  * </Frame>
  * ```
+ *
+ * The panel draws the hairlines between its own rows. React Native has no
+ * `:first-child`, so the alternative is every caller writing
+ * `divided={index > 0}` on every row and getting it wrong once.
  */
-import { forwardRef } from 'react';
-import { View } from 'react-native';
+import { Children, cloneElement, forwardRef, isValidElement } from 'react';
+import { Pressable, View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { ChevronRightIcon } from "../../icons/index.js";
 import { Text } from "../../primitives/text.js";
 import { cn } from "../../utils/cn.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const frameVariants = tv({
+  slots: {
+    root: '',
+    panel: 'overflow-hidden rounded-xl border border-border bg-card'
+  },
+  variants: {
+    variant: {
+      default: {
+        root: 'rounded-2xl border border-border bg-surface p-1.5'
+      },
+      // No shell: the panel is the whole widget. For a Frame nested inside a
+      // card that already draws a border, where the shell's own edge sitting
+      // just inside it reads as a double line.
+      plain: {
+        root: '',
+        panel: 'rounded-2xl'
+      }
+    }
+  },
+  defaultVariants: {
+    variant: 'default'
+  }
+});
 const FrameRoot = /*#__PURE__*/forwardRef(({
   className,
+  variant,
   ...props
 }, ref) => /*#__PURE__*/_jsx(View, {
   ref: ref,
-  className: cn('rounded-2xl border border-border bg-surface p-1.5', className),
+  className: frameVariants({
+    variant
+  }).root({
+    className
+  }),
   ...props
 }));
 FrameRoot.displayName = 'Frame';
@@ -94,35 +128,113 @@ const FrameDescription = /*#__PURE__*/forwardRef(({
 }));
 FrameDescription.displayName = 'Frame.Description';
 
+/**
+ * Marks the parts that take part in the panel's own divider bookkeeping —
+ * a Row draws a line above itself, a Section draws one above its heading.
+ * Anything else the panel is given is left alone.
+ */
+
+/**
+ * Draws the hairline above every child but the first. An explicit `divided`
+ * on a child wins, so a row can still opt out or force one.
+ */
+function divideChildren(children) {
+  let seen = 0;
+  return Children.map(children, child => {
+    if (! /*#__PURE__*/isValidElement(child)) return child;
+    if (!DIVIDABLE.has(child.type)) return child;
+    const index = seen++;
+    if (child.props.divided !== undefined) return child;
+    return /*#__PURE__*/cloneElement(child, {
+      divided: index > 0
+    });
+  });
+}
 /**
  * The inset card holding the frame's content — the raised surface sitting in
  * from the shell's edges, with its own smaller radius.
  */
 const FramePanel = /*#__PURE__*/forwardRef(({
   className,
+  dividers = true,
+  children,
   ...props
 }, ref) => /*#__PURE__*/_jsx(View, {
   ref: ref,
-  className: cn('overflow-hidden rounded-xl border border-border bg-card', className),
-  ...props
+  className: frameVariants().panel({
+    className
+  }),
+  ...props,
+  children: dividers ? divideChildren(children) : children
 }));
 FramePanel.displayName = 'Frame.Panel';
-
 /**
- * A row inside a Frame.Panel. Pass `divided` on every row after the first to
- * draw a hairline separator above it (React Native has no :first-child).
+ * A row inside a Frame.Panel. Give it an `onPress` and it becomes a real
+ * pressable — press feedback, a button role — rather than a View with a
+ * handler bolted on.
  */
-
 const FrameRow = /*#__PURE__*/forwardRef(({
   className,
   divided,
+  chevron,
+  children,
+  onPress,
   ...props
-}, ref) => /*#__PURE__*/_jsx(View, {
-  ref: ref,
-  className: cn('flex-row items-center gap-3 px-4 py-3.5', divided && 'border-t border-border', className),
+}, ref) => {
+  const classes = cn('flex-row items-center gap-3 px-4 py-3.5', divided && 'border-t border-border', onPress && 'active:bg-muted', className);
+  const body = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [children, chevron ? /*#__PURE__*/_jsx(ChevronRightIcon, {
+      size: 16
+    }) : null]
+  });
+  if (!onPress) {
+    return /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      className: classes,
+      ...props,
+      children: body
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    ref: ref,
+    accessibilityRole: "button",
+    onPress: onPress,
+    className: classes,
+    ...props,
+    children: body
+  });
+});
+FrameRow.displayName = 'Frame.Row';
+/**
+ * A labelled cluster of rows inside a Panel, for a widget holding more than
+ * one group. It divides its own rows the way the panel does, so the two nest
+ * without either having to know about the other.
+ */
+const FrameSection = /*#__PURE__*/forwardRef(({
+  className,
+  title,
+  divided,
+  children,
   ...props
+}, ref) => /*#__PURE__*/_jsxs(View, {
+  ref: ref,
+  className: cn(divided && 'border-t border-border', className),
+  ...props,
+  children: [title ? /*#__PURE__*/_jsx(View, {
+    className: "bg-muted/40 px-4 pb-1.5 pt-2.5",
+    children: typeof title === 'string' ? /*#__PURE__*/_jsx(Text, {
+      size: "xs",
+      weight: "medium",
+      muted: true,
+      className: "uppercase tracking-wider",
+      children: title
+    }) : title
+  }) : null, divideChildren(children)]
 }));
-FrameRow.displayName = 'Frame.Row';
+FrameSection.displayName = 'Frame.Section';
+
+/** Parts the panel divides. Declared after them, since it holds references. */
+const DIVIDABLE = new Set([FrameRow, FrameSection]);
 /** Muted caption under the panel. Strings are wrapped for you. */
 const FrameFooter = /*#__PURE__*/forwardRef(({
   className,
@@ -145,6 +257,7 @@ export const Frame = Object.assign(FrameRoot, {
   Action: FrameAction,
   Description: FrameDescription,
   Panel: FramePanel,
+  Section: FrameSection,
   Row: FrameRow,
   Footer: FrameFooter
 });

package/lib/module/components/frame/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","Text","cn","jsx","_jsx","FrameRoot","className","props","ref","displayName","FrameHeader","FrameTitle","size","weight","FrameAction","children","muted","FrameDescription","FramePanel","FrameRow","divided","FrameFooter","Frame","Object","assign","Header","Title","Action","Description","Panel","Row","Footer"],"sourceRoot":"../../../../src","sources":["components/frame/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Children","cloneElement","forwardRef","isValidElement","Pressable","View","tv","ChevronRightIcon","Text","cn","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","frameVariants","slots","root","panel","variants","variant","default","plain","defaultVariants","FrameRoot","className","props","ref","displayName","FrameHeader","FrameTitle","size","weight","FrameAction","children","muted","FrameDescription","divideChildren","seen","map","child","DIVIDABLE","has","type","index","divided","undefined","FramePanel","dividers","FrameRow","chevron","onPress","classes","body","accessibilityRole","FrameSection","title","Set","FrameFooter","Frame","Object","assign","Header","Title","Action","Description","Panel","Section","Row","Footer"],"sourceRoot":"../../../../src","sources":["components/frame/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/input/index.js

@@ -1,29 +1,72 @@
 "use strict";
 
-import { forwardRef, useCallback, useState } from 'react';
+/**
+ * Input — a text field with a label, a description and an error line.
+ *
+ * The field's focus state is animated rather than switched. A border that
+ * snaps between two colours reads as a redraw; one that crosses over in
+ * 150ms reads as the field responding to you. The interpolation runs on the
+ * UI thread, so it costs nothing and keeps up with a fast tab through a form.
+ *
+ * Two backgrounds, because a field's job changes with what surrounds it:
+ * `outline` sits on the page and draws its own edge; `filled` sits inside a
+ * card or a sheet, where a second border next to the container's own reads as
+ * a seam.
+ *
+ * ```tsx
+ * <Input label="Email" placeholder="you@example.com" />
+ * <Input variant="filled" size="lg" label="Name" isRequired />
+ * ```
+ *
+ * For a field with an icon or a button attached, reach for `InputGroup` — it
+ * measures its decorators and pads this field around them.
+ */
+import { forwardRef, useCallback, useEffect, useState } from 'react';
 import { TextInput, View } from 'react-native';
+import Animated, { interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 import { tv } from 'tailwind-variants';
 import { useCSSVariable } from 'uniwind';
 import { KeyboardAvoider } from "../../primitives/keyboard-avoider.js";
 import { Text } from "../../primitives/text.js";
+import { Label } from "../label/index.js";
+
+/** Long enough to read as a transition, short enough not to lag a fast tab. */
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const FOCUS_DURATION = 150;
 const inputVariants = tv({
   slots: {
     container: 'w-full gap-1.5',
-    field: 'h-11 w-full rounded-lg border border-input bg-background px-3 text-base text-foreground',
-    label: 'text-sm font-medium text-foreground',
+    field: 'w-full rounded-lg border text-foreground',
     description: 'text-sm text-muted-foreground',
     error: 'text-sm text-destructive'
   },
   variants: {
-    focused: {
-      true: {
-        field: 'border-ring'
+    variant: {
+      // The border colour is animated, so it is deliberately not set here —
+      // only the background and the resting border width belong to the class.
+      outline: {
+        field: 'bg-background'
+      },
+      filled: {
+        field: 'bg-muted'
+      }
+    },
+    size: {
+      sm: {
+        field: 'h-10 px-3 text-sm'
+      },
+      md: {
+        field: 'h-12 px-3.5 text-base'
+      },
+      lg: {
+        field: 'h-14 px-4 text-base'
       }
     },
-    invalid: {
+    multiline: {
+      // A multiline field grows, so a fixed height would crop it. Text starts
+      // at the top rather than floating in the middle of an empty box.
       true: {
-        field: 'border-destructive/40'
+        field: 'h-auto min-h-24 py-3'
       }
     },
     disabled: {
@@ -31,28 +74,63 @@ const inputVariants = tv({
         field: 'opacity-[0.64]'
       }
     }
+  },
+  defaultVariants: {
+    variant: 'outline',
+    size: 'md'
   }
 });
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
 export const Input = /*#__PURE__*/forwardRef(({
   className,
   containerClassName,
   label,
   description,
   errorMessage,
+  isRequired,
   disabled,
+  variant,
+  size,
   avoidKeyboard = false,
   keyboardOffset = 16,
   onFocus,
   onBlur,
+  style,
   ...props
 }, ref) => {
   const [focused, setFocused] = useState(false);
+  const invalid = !!errorMessage;
   const placeholderColor = useCSSVariable('--color-muted-foreground');
+  const restColor = useCSSVariable('--color-input');
+  const focusColor = useCSSVariable('--color-ring');
+  const errorColor = useCSSVariable('--color-destructive');
   const slots = inputVariants({
-    focused,
-    invalid: !!errorMessage,
+    variant,
+    size,
+    multiline: !!props.multiline,
     disabled: !!disabled
   });
+
+  /*
+   * Border colour is driven by one 0..1 value rather than by a class per
+   * state. Uniwind can only swap a class wholesale, which is the snap this
+   * is here to avoid, and a shared value crosses between the two colours on
+   * the UI thread without a re-render.
+   */
+  const focus = useSharedValue(0);
+  useEffect(() => {
+    focus.value = withTiming(focused ? 1 : 0, {
+      duration: FOCUS_DURATION
+    });
+  }, [focused, focus]);
+  const resting = typeof restColor === 'string' ? restColor : '#e5e5e5';
+  const active = invalid ? typeof errorColor === 'string' ? errorColor : '#ef4444' : typeof focusColor === 'string' ? focusColor : '#a3a3a3';
+  // An invalid field is tinted even at rest — the error is a fact about the
+  // value, not about whether the field happens to be focused.
+  const idle = invalid ? active : resting;
+  const borderStyle = useAnimatedStyle(() => ({
+    borderColor: interpolateColor(focus.value, [0, 1], [idle, active])
+  }));
   const handleFocus = useCallback(event => {
     setFocused(true);
     onFocus?.(event);
@@ -62,10 +140,12 @@ export const Input = /*#__PURE__*/forwardRef(({
     onBlur?.(event);
   }, [onBlur]);
   const body = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [label ? /*#__PURE__*/_jsx(Text, {
-      className: slots.label(),
+    children: [label ? /*#__PURE__*/_jsx(Label, {
+      isRequired: isRequired,
+      isInvalid: invalid,
+      isDisabled: !!disabled,
       children: label
-    }) : null, /*#__PURE__*/_jsx(TextInput, {
+    }) : null, /*#__PURE__*/_jsx(AnimatedTextInput, {
       ref: ref,
       editable: !disabled,
       onFocus: handleFocus,
@@ -74,9 +154,15 @@ export const Input = /*#__PURE__*/forwardRef(({
       accessibilityState: {
         disabled: !!disabled
       },
+      "aria-required": isRequired,
+      "aria-invalid": invalid,
       className: slots.field({
         className
-      }),
+      })
+      // Caller styles come last so InputGroup can pad the field around its
+      // decorators, but never last enough to drop the animated border.
+      ,
+      style: [borderStyle, style],
       placeholderTextColor: typeof placeholderColor === 'string' ? placeholderColor : undefined,
       ...props
     }), errorMessage ? /*#__PURE__*/_jsx(Text, {
@@ -100,7 +186,13 @@ export const Input = /*#__PURE__*/forwardRef(({
    * that to every other screen.
    */
   if (avoidKeyboard) {
-    return /*#__PURE__*/_jsx(KeyboardAvoider, {
+    return /*#__PURE__*/_jsx(KeyboardAvoider
+    // Only while *this* field is the one being typed into. Without it
+    // every avoiding field on the screen lifts the moment any field
+    // anywhere is tapped, and since they all aim at the same gap above
+    // the keyboard, they arrive stacked on top of one another.
+    , {
+      active: focused,
       offset: keyboardOffset,
       className: containerClasses,
       children: body

package/lib/module/components/input/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useCallback","useState","TextInput","View","tv","useCSSVariable","KeyboardAvoider","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","inputVariants","slots","container","field","label","description","error","variants","focused","true","invalid","disabled","Input","className","containerClassName","errorMessage","avoidKeyboard","keyboardOffset","onFocus","onBlur","props","ref","setFocused","placeholderColor","handleFocus","event","handleBlur","body","children","editable","accessibilityLabel","accessibilityState","placeholderTextColor","undefined","containerClasses","offset","displayName"],"sourceRoot":"../../../../src","sources":["components/input/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useCallback","useEffect","useState","TextInput","View","Animated","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","tv","useCSSVariable","KeyboardAvoider","Text","Label","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FOCUS_DURATION","inputVariants","slots","container","field","description","error","variants","variant","outline","filled","size","sm","md","lg","multiline","true","disabled","defaultVariants","AnimatedTextInput","createAnimatedComponent","Input","className","containerClassName","label","errorMessage","isRequired","avoidKeyboard","keyboardOffset","onFocus","onBlur","style","props","ref","focused","setFocused","invalid","placeholderColor","restColor","focusColor","errorColor","focus","value","duration","resting","active","idle","borderStyle","borderColor","handleFocus","event","handleBlur","body","children","isInvalid","isDisabled","editable","accessibilityLabel","accessibilityState","placeholderTextColor","undefined","containerClasses","offset","displayName"],"sourceRoot":"../../../../src","sources":["components/input/index.tsx"],"mappings":"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","ignoreList":[]}