panelui-native 0.28.1 → 0.30.0

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

@@ -0,0 +1,300 @@
+"use strict";
+
+/**
+ * Task — one step an agent took, and what it did while it was there.
+ *
+ * The header is the step; the body is the detail nobody reads unless something
+ * went wrong. Open by default, because a task that is running is the thing the
+ * reader is watching — and it stays open afterwards rather than folding itself
+ * away, because unlike a reasoning trace the steps are the record of what
+ * happened and are worth scrolling back through.
+ *
+ * ```tsx
+ * <Task status="running">
+ *   <Task.Trigger title="Searching the codebase" />
+ *   <Task.Content>
+ *     <Task.Item>
+ *       Read <Task.File>calendar/index.tsx</Task.File>
+ *     </Task.Item>
+ *   </Task.Content>
+ * </Task>
+ * ```
+ *
+ * ## Where the props come from
+ *
+ * With the AI SDK a task is a tool-call part: `part.type` is `tool-<name>` and
+ * `part.state` runs `input-streaming` → `input-available` → `output-available`
+ * or `output-error`. Those map onto `status` as pending, running, complete and
+ * error; `part.input` is usually what the body should say.
+ */
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import Animated, { useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
+import { tv } from 'tailwind-variants';
+import { useCSSVariable } from 'uniwind';
+import { AlertTriangleIcon, CheckCircleIcon, ChevronDownIcon, CircleIcon, SearchIcon } from "../../icons/index.js";
+import { Collapse } from "../../primitives/collapse.js";
+import { Text, textChildren } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { Shimmer } from "../shimmer/index.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const taskVariants = tv({
+  slots: {
+    root: 'w-full gap-2',
+    trigger: 'flex-row items-center gap-2 py-0.5',
+    title: 'flex-1 text-sm text-muted-foreground',
+    /*
+     * Indented behind a rule rather than merely padded. The rule is what says
+     * these lines belong to the step above them instead of being the next few
+     * steps, which matters as soon as there is more than one task in a row.
+     */
+    content: 'ms-2 gap-1.5 border-s border-border ps-4',
+    item: 'text-sm leading-relaxed text-muted-foreground',
+    file: 'flex-row items-center gap-1 self-start rounded-md border border-border bg-muted px-1.5 py-0.5',
+    fileLabel: 'font-mono text-xs text-foreground'
+  },
+  variants: {
+    status: {
+      pending: {
+        title: 'text-muted-foreground/60'
+      },
+      running: {},
+      complete: {},
+      error: {
+        title: 'text-destructive'
+      }
+    }
+  },
+  defaultVariants: {
+    status: 'complete'
+  }
+});
+const TaskContext = /*#__PURE__*/createContext(null);
+function useTask(component) {
+  const context = useContext(TaskContext);
+  if (!context) {
+    throw new Error(`${component} must be used within a <Task>`);
+  }
+  return context;
+}
+function TaskRoot({
+  className,
+  status = 'complete',
+  open: openProp,
+  defaultOpen = true,
+  onOpenChange,
+  children,
+  ...props
+}) {
+  const {
+    root
+  } = taskVariants({
+    status
+  });
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const isControlled = openProp !== undefined;
+  const open = isControlled ? openProp : internalOpen;
+  const setOpen = useCallback(next => {
+    if (!isControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  }, [isControlled, onOpenChange]);
+  const context = useMemo(() => ({
+    status,
+    open,
+    setOpen
+  }), [status, open, setOpen]);
+  return /*#__PURE__*/_jsx(TaskContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(View, {
+      ...props,
+      className: cn(root(), className),
+      children: children
+    })
+  });
+}
+TaskRoot.displayName = 'Task';
+function TaskTrigger({
+  className,
+  title,
+  icon,
+  children,
+  onPress,
+  ...props
+}) {
+  const {
+    status,
+    open,
+    setOpen
+  } = useTask('Task.Trigger');
+  const slots = taskVariants({
+    status
+  });
+  const reducedMotion = useReducedMotion();
+  const progress = useSharedValue(open ? 1 : 0);
+  useEffect(() => {
+    progress.value = reducedMotion ? open ? 1 : 0 : withTiming(open ? 1 : 0, {
+      duration: 180
+    });
+  }, [open, reducedMotion, progress]);
+  const chevronStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${progress.value * 180}deg`
+    }]
+  }));
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "button",
+    accessibilityState: {
+      expanded: open
+    },
+    onPress: event => {
+      onPress?.(event);
+      setOpen(!open);
+    },
+    className: cn(slots.trigger(), className),
+    ...props,
+    children: children ?? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [icon ?? /*#__PURE__*/_jsx(TaskStatusIcon, {
+        status: status
+      }), status === 'running' && title ? /*#__PURE__*/_jsx(View, {
+        className: "flex-1",
+        children: /*#__PURE__*/_jsx(Shimmer, {
+          textClassName: slots.title(),
+          children: title
+        })
+      }) : /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        className: slots.title(),
+        children: title
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: chevronStyle,
+        children: /*#__PURE__*/_jsx(ChevronDownIcon, {
+          size: 16
+        })
+      })]
+    })
+  });
+}
+
+/**
+ * The glyph for each status. A magnifier while running: a step is a search.
+ *
+ * Every one is given an explicit colour. The filled status icons fall back to
+ * `currentColor`, which React Native's SVG does not resolve — it paints black,
+ * which on a dark theme is a black disc floating in the row. They are built to
+ * take their colour from an enclosing `IconColorProvider`, and a task row is
+ * not one, so the tint is resolved here.
+ */
+function TaskStatusIcon({
+  status
+}) {
+  const muted = useTint('--color-muted-foreground');
+  const success = useTint('--color-success');
+  const destructive = useTint('--color-destructive');
+  switch (status) {
+    case 'pending':
+      return /*#__PURE__*/_jsx(CircleIcon, {
+        size: 16,
+        color: muted
+      });
+    case 'error':
+      return /*#__PURE__*/_jsx(AlertTriangleIcon, {
+        size: 16,
+        color: destructive
+      });
+    case 'complete':
+      return /*#__PURE__*/_jsx(CheckCircleIcon, {
+        size: 16,
+        color: success
+      });
+    default:
+      return /*#__PURE__*/_jsx(SearchIcon, {
+        size: 16,
+        color: muted
+      });
+  }
+}
+
+/**
+ * A theme token as a colour an icon will accept.
+ *
+ * `useCSSVariable` answers with whatever the token holds, which for a length or
+ * a number is not a colour at all — so anything that is not a string is dropped
+ * and the icon falls back to what it would have used anyway.
+ */
+function useTint(variable) {
+  const raw = useCSSVariable(variable);
+  return typeof raw === 'string' ? raw : undefined;
+}
+function TaskContent({
+  className,
+  children,
+  ...props
+}) {
+  const {
+    open
+  } = useTask('Task.Content');
+  const {
+    content
+  } = taskVariants();
+  return /*#__PURE__*/_jsx(Collapse, {
+    open: open,
+    className: cn(content(), className),
+    ...props,
+    children: children
+  });
+}
+/** One line of what the step did. */
+function TaskItem({
+  className,
+  children,
+  ...props
+}) {
+  const {
+    item
+  } = taskVariants();
+  return /*#__PURE__*/_jsx(View, {
+    ...props,
+    className: cn('flex-row flex-wrap items-center gap-1', className),
+    children: textChildren(children, text => /*#__PURE__*/_jsx(Text, {
+      className: item(),
+      children: text
+    }))
+  });
+}
+/**
+ * A filename inside a line, drawn as a chip.
+ *
+ * Bordered rather than merely monospaced, because a path in the middle of a
+ * sentence is otherwise indistinguishable from the sentence — and the paths
+ * are the part of a task line anyone actually scans for.
+ */
+function TaskFile({
+  className,
+  icon,
+  children,
+  ...props
+}) {
+  const {
+    file,
+    fileLabel
+  } = taskVariants();
+  return /*#__PURE__*/_jsxs(View, {
+    ...props,
+    className: cn(file(), className),
+    children: [icon, textChildren(children, text => /*#__PURE__*/_jsx(Text, {
+      className: fileLabel(),
+      children: text
+    }))]
+  });
+}
+TaskTrigger.displayName = 'Task.Trigger';
+TaskContent.displayName = 'Task.Content';
+TaskItem.displayName = 'Task.Item';
+TaskFile.displayName = 'Task.File';
+export const Task = Object.assign(TaskRoot, {
+  Trigger: TaskTrigger,
+  Content: TaskContent,
+  Item: TaskItem,
+  File: TaskFile
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useCallback","useContext","useEffect","useMemo","useState","Pressable","View","Animated","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","tv","useCSSVariable","AlertTriangleIcon","CheckCircleIcon","ChevronDownIcon","CircleIcon","SearchIcon","Collapse","Text","textChildren","cn","Shimmer","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","taskVariants","slots","root","trigger","title","content","item","file","fileLabel","variants","status","pending","running","complete","error","defaultVariants","TaskContext","useTask","component","context","Error","TaskRoot","className","open","openProp","defaultOpen","onOpenChange","children","props","internalOpen","setInternalOpen","isControlled","undefined","setOpen","next","Provider","value","displayName","TaskTrigger","icon","onPress","reducedMotion","progress","duration","chevronStyle","transform","rotate","accessibilityRole","accessibilityState","expanded","event","TaskStatusIcon","textClassName","numberOfLines","style","size","muted","useTint","success","destructive","color","variable","raw","TaskContent","TaskItem","text","TaskFile","Task","Object","assign","Trigger","Content","Item","File"],"sourceRoot":"../../../../src","sources":["components/task/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,295 @@
+"use strict";
+
+/**
+ * Textarea — a field for text that runs to several lines.
+ *
+ * It shares Input's focus treatment: the border crosses between two colours on
+ * the UI thread over 150ms rather than snapping, because a border that switches
+ * wholesale reads as a redraw instead of as the field answering you.
+ *
+ * Height comes from `rows` rather than from a class, so it composes with `size`
+ * instead of fighting it — three rows of 14px text and three rows of 16px text
+ * are different heights, and both are three rows. `autoGrow` then lets the
+ * field follow its content up to `maxRows`, after which it scrolls, which is
+ * the behaviour a composer wants: it starts small, opens up as you write, and
+ * stops before it eats the screen.
+ *
+ * ```tsx
+ * <Textarea label="Notes" placeholder="Anything we should know?" />
+ * <Textarea autoGrow rows={2} maxRows={8} showCount maxLength={280} />
+ * ```
+ *
+ * For a single line, reach for `Input`.
+ */
+import { forwardRef, useCallback, useEffect, useMemo, 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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const FOCUS_DURATION = 150;
+
+/**
+ * Type size and the leading it is given, per `size`.
+ *
+ * The height of the box is derived from these rather than set as a class,
+ * because `rows` is a count and a count only becomes a height once you know how
+ * tall a line is. They are the same numbers the classes below carry; keeping
+ * them here as well is what lets `rows` and `size` compose.
+ */
+const METRICS = {
+  sm: {
+    fontSize: 14,
+    lineHeight: 20,
+    padding: 10
+  },
+  md: {
+    fontSize: 16,
+    lineHeight: 22,
+    padding: 12
+  },
+  lg: {
+    fontSize: 16,
+    lineHeight: 24,
+    padding: 14
+  }
+};
+const textareaVariants = tv({
+  slots: {
+    container: 'w-full gap-1.5',
+    /*
+     * No height here: it is computed from `rows` and applied as a style. Text
+     * starts at the top rather than floating in the middle of an empty box, and
+     * the leading is wanted — between several lines it separates them, where in
+     * a one-line field it would push the text off centre.
+     */
+    field: 'w-full rounded-lg border text-foreground',
+    footer: 'w-full flex-row items-start justify-between gap-3',
+    description: 'text-sm text-muted-foreground',
+    error: 'text-sm text-destructive',
+    count: 'shrink-0 text-sm tabular-nums text-muted-foreground'
+  },
+  variants: {
+    variant: {
+      // The border colour is animated, so it is deliberately not set here —
+      // only the background belongs to the class.
+      outline: {
+        field: 'bg-background'
+      },
+      filled: {
+        field: 'bg-muted'
+      }
+    },
+    size: {
+      sm: {
+        field: 'px-3 text-[14px]'
+      },
+      md: {
+        field: 'px-3.5 text-[16px]'
+      },
+      lg: {
+        field: 'px-4 text-[16px]'
+      }
+    },
+    disabled: {
+      true: {
+        field: 'opacity-[0.64]'
+      }
+    },
+    /** Past the limit the counter is the error, so it is tinted like one. */
+    over: {
+      true: {
+        count: 'text-destructive'
+      }
+    }
+  },
+  defaultVariants: {
+    variant: 'outline',
+    size: 'md'
+  }
+});
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
+export const Textarea = /*#__PURE__*/forwardRef(({
+  className,
+  containerClassName,
+  label,
+  description,
+  errorMessage,
+  isRequired,
+  disabled,
+  variant,
+  size = 'md',
+  rows = 4,
+  autoGrow = false,
+  maxRows = 10,
+  showCount = false,
+  avoidKeyboard = false,
+  keyboardMode = 'lift',
+  keyboardOffset = 16,
+  keyboardBottomInset = 0,
+  onFocus,
+  onBlur,
+  onContentSizeChange,
+  style,
+  ...props
+}, ref) => {
+  const [focused, setFocused] = useState(false);
+  const invalid = !!errorMessage;
+  const metrics = METRICS[size];
+  /* Both paddings plus the lines themselves — the box a row count asks for. */
+  const heightFor = useCallback(lines => lines * metrics.lineHeight + metrics.padding * 2, [metrics]);
+  const minHeight = heightFor(rows);
+  const maxHeight = autoGrow ? heightFor(Math.max(rows, maxRows)) : undefined;
+
+  /*
+   * What the text actually measures, once it has been laid out. It only ever
+   * raises the floor — the field never shrinks below `rows`, and never grows
+   * past `maxRows`, so the clamping happens here rather than in the style.
+   */
+  const [contentHeight, setContentHeight] = useState(0);
+  const grownHeight = autoGrow ? Math.min(Math.max(minHeight, contentHeight + metrics.padding * 2), maxHeight ?? Number.POSITIVE_INFINITY) : minHeight;
+  const length = props.value?.length ?? props.defaultValue?.length ?? 0;
+  const over = !!props.maxLength && length >= props.maxLength;
+  const placeholderColor = useCSSVariable('--color-muted-foreground');
+  const restColor = useCSSVariable('--color-input');
+  const focusColor = useCSSVariable('--color-ring');
+  const errorColor = useCSSVariable('--color-destructive');
+  const slots = textareaVariants({
+    variant,
+    size,
+    disabled: !!disabled,
+    over
+  });
+
+  /*
+   * 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);
+  }, [onFocus]);
+  const handleBlur = useCallback(event => {
+    setFocused(false);
+    onBlur?.(event);
+  }, [onBlur]);
+  const handleContentSizeChange = useCallback(event => {
+    if (autoGrow) {
+      setContentHeight(event.nativeEvent.contentSize.height);
+    }
+    onContentSizeChange?.(event);
+  }, [autoGrow, onContentSizeChange]);
+
+  /*
+   * Type metrics go through `style` rather than through classes because the
+   * height is computed from them, and a line height set in two places is a
+   * line height that will disagree with itself.
+   */
+  const boxStyle = useMemo(() => ({
+    height: grownHeight,
+    lineHeight: metrics.lineHeight,
+    paddingTop: metrics.padding,
+    paddingBottom: metrics.padding,
+    // Android starts the caret in the middle of the box without it.
+    textAlignVertical: 'top'
+  }), [grownHeight, metrics]);
+  const footer = errorMessage || description || showCount && props.maxLength ? /*#__PURE__*/_jsxs(View, {
+    className: slots.footer(),
+    children: [errorMessage ? /*#__PURE__*/_jsx(Text, {
+      className: slots.error(),
+      children: errorMessage
+    }) : description ? /*#__PURE__*/_jsx(Text, {
+      className: slots.description(),
+      children: description
+    }) : /*#__PURE__*/_jsx(View, {
+      className: "flex-1"
+    }), showCount && props.maxLength ? /*#__PURE__*/_jsxs(Text, {
+      className: slots.count(),
+      children: [length, "/", props.maxLength]
+    }) : null]
+  }) : null;
+  const body = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [label ? /*#__PURE__*/_jsx(Label, {
+      isRequired: isRequired,
+      isInvalid: invalid,
+      isDisabled: !!disabled,
+      children: label
+    }) : null, /*#__PURE__*/_jsx(AnimatedTextInput, {
+      ref: ref,
+      multiline: true,
+      editable: !disabled,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onContentSizeChange: handleContentSizeChange,
+      accessibilityLabel: label,
+      accessibilityState: {
+        disabled: !!disabled
+      },
+      "aria-required": isRequired,
+      "aria-invalid": invalid,
+      className: slots.field({
+        className
+      })
+      // Caller styles come last, but never last enough to drop the
+      // animated border or the height the row count asked for.
+      ,
+      style: [boxStyle, borderStyle, style],
+      placeholderTextColor: typeof placeholderColor === 'string' ? placeholderColor : undefined,
+      ...props
+    }), footer]
+  });
+  const containerClasses = slots.container({
+    className: containerClassName
+  });
+
+  /*
+   * The keyboard hook is deliberately behind a component boundary rather
+   * than an `enabled` flag. Calling it at all has global consequences —
+   * without the keyboard controller installed it falls back to Reanimated's
+   * useAnimatedKeyboard, which switches Android out of adjustResize for the
+   * whole app. A field that never asked to avoid the keyboard must not do
+   * that to every other screen.
+   */
+  if (avoidKeyboard) {
+    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,
+      mode: keyboardMode,
+      offset: keyboardOffset,
+      bottomInset: keyboardBottomInset,
+      className: containerClasses,
+      children: body
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    className: containerClasses,
+    children: body
+  });
+});
+Textarea.displayName = 'Textarea';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useMemo","useState","TextInput","View","Animated","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","tv","useCSSVariable","KeyboardAvoider","Text","Label","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","FOCUS_DURATION","METRICS","sm","fontSize","lineHeight","padding","md","lg","textareaVariants","slots","container","field","footer","description","error","count","variants","variant","outline","filled","size","disabled","true","over","defaultVariants","AnimatedTextInput","createAnimatedComponent","Textarea","className","containerClassName","label","errorMessage","isRequired","rows","autoGrow","maxRows","showCount","avoidKeyboard","keyboardMode","keyboardOffset","keyboardBottomInset","onFocus","onBlur","onContentSizeChange","style","props","ref","focused","setFocused","invalid","metrics","heightFor","lines","minHeight","maxHeight","Math","max","undefined","contentHeight","setContentHeight","grownHeight","min","Number","POSITIVE_INFINITY","length","value","defaultValue","maxLength","placeholderColor","restColor","focusColor","errorColor","focus","duration","resting","active","idle","borderStyle","borderColor","handleFocus","event","handleBlur","handleContentSizeChange","nativeEvent","contentSize","height","boxStyle","paddingTop","paddingBottom","textAlignVertical","children","body","isInvalid","isDisabled","multiline","editable","accessibilityLabel","accessibilityState","placeholderTextColor","containerClasses","mode","offset","bottomInset","displayName"],"sourceRoot":"../../../../src","sources":["components/textarea/index.tsx"],"mappings":"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","ignoreList":[]}