panelui-native 0.1.0 → 0.4.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","Text","cn","jsx","_jsx","FrameRoot","className","props","ref","displayName","FrameHeader","FrameTitle","size","weight","FrameDescription","muted","FramePanel","FrameRow","divided","FrameFooter","Frame","Object","assign","Header","Title","Description","Panel","Row","Footer"],"sourceRoot":"../../../../src","sources":["components/frame/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,159 @@
+"use strict";
+
+import { Children, createContext, isValidElement, useCallback, useContext, useMemo, useState } from 'react';
+import { Pressable, 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 { 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: 'mt-2 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]'
+      }
+    }
+  }
+});
+const InlineSelectContext = /*#__PURE__*/createContext(null);
+/** Option row. Rendered inline beneath the trigger — no overlay involved. */
+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
+    })]
+  });
+}
+/**
+ * A select that expands its options inline instead of opening a bottom sheet.
+ * Useful inside forms and scroll views where an overlay would be disruptive.
+ */
+function InlineSelectRoot({
+  className,
+  value,
+  onValueChange,
+  placeholder = 'Select an option',
+  disabled,
+  children
+}) {
+  const [open, setOpen] = useState(false);
+  const chevron = useSharedValue(0);
+  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 toggle = useCallback(() => {
+    setOpen(current => {
+      chevron.value = withTiming(current ? 0 : 1, {
+        duration: 160
+      });
+      return !current;
+    });
+  }, [chevron]);
+  const context = useMemo(() => ({
+    value,
+    onSelect: next => {
+      onValueChange(next);
+      chevron.value = withTiming(0, {
+        duration: 160
+      });
+      setOpen(false);
+    }
+  }), [value, onValueChange, chevron]);
+  const slots = inlineSelectVariants({
+    disabled: !!disabled
+  });
+  const chevronColor = useCSSVariable('--color-muted-foreground');
+  const chevronStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${chevron.value * 180}deg`
+    }]
+  }));
+  return /*#__PURE__*/_jsx(InlineSelectContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsxs(View, {
+      className: className,
+      children: [/*#__PURE__*/_jsxs(Pressable, {
+        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'
+          })
+        })]
+      }), open ? /*#__PURE__*/_jsx(Animated.View, {
+        entering: FadeIn.duration(140),
+        exiting: FadeOut.duration(120),
+        className: slots.list(),
+        children: children
+      }) : null]
+    })
+  });
+}
+export const InlineSelect = Object.assign(InlineSelectRoot, {
+  Item: InlineSelectItem
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Children","createContext","isValidElement","useCallback","useContext","useMemo","useState","Pressable","View","Animated","FadeIn","FadeOut","useAnimatedStyle","useSharedValue","withTiming","tv","useCSSVariable","CheckIcon","ChevronDownIcon","Text","jsx","_jsx","jsxs","_jsxs","inlineSelectVariants","slots","trigger","triggerLabel","placeholder","list","item","itemLabel","itemIndicator","variants","selected","true","disabled","InlineSelectContext","InlineSelectItem","value","label","context","Error","checkColor","accessibilityRole","accessibilityState","onPress","onSelect","className","children","size","color","InlineSelectRoot","onValueChange","open","setOpen","chevron","selectedLabel","forEach","child","props","toggle","current","duration","next","chevronColor","chevronStyle","transform","rotate","Provider","expanded","style","entering","exiting","InlineSelect","Object","assign","Item"],"sourceRoot":"../../../../src","sources":["components/inline-select/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -44,7 +44,7 @@ export const Input = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => {
   const [focused, setFocused] = useState(false);
-  const placeholderColor = useCSSVariable('--muted-foreground');
+  const placeholderColor = useCSSVariable('--color-muted-foreground');
   const slots = inputVariants({
     focused,
     invalid: !!errorMessage,

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useCallback","useState","TextInput","View","tv","useCSSVariable","Text","jsx","_jsx","jsxs","_jsxs","inputVariants","slots","container","field","label","description","error","variants","focused","true","invalid","disabled","Input","className","containerClassName","errorMessage","onFocus","onBlur","props","ref","setFocused","placeholderColor","handleFocus","event","handleBlur","children","editable","accessibilityLabel","accessibilityState","placeholderTextColor","undefined","displayName"],"sourceRoot":"../../../../src","sources":["components/input/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useCallback","useState","TextInput","View","tv","useCSSVariable","Text","jsx","_jsx","jsxs","_jsxs","inputVariants","slots","container","field","label","description","error","variants","focused","true","invalid","disabled","Input","className","containerClassName","errorMessage","onFocus","onBlur","props","ref","setFocused","placeholderColor","handleFocus","event","handleBlur","children","editable","accessibilityLabel","accessibilityState","placeholderTextColor","undefined","displayName"],"sourceRoot":"../../../../src","sources":["components/input/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,132 @@
+"use strict";
+
+/**
+ * InputGroup — an Input with leading and/or trailing decorators.
+ *
+ * Adapted from: heroui-inc/heroui-native src/components/input-group/
+ * Prefix and Suffix are absolutely positioned and their measured widths become
+ * padding on the Input, so text never runs underneath a decorator regardless
+ * of how wide that decorator turns out to be.
+ */
+import { createContext, forwardRef, useCallback, useContext, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { Input } from "../input/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const inputGroupVariants = tv({
+  slots: {
+    root: 'w-full',
+    prefix: 'absolute bottom-0 left-0 top-0 z-10 flex-row items-center justify-center gap-2 px-3',
+    suffix: 'absolute bottom-0 right-0 top-0 z-10 flex-row items-center justify-center gap-2 px-3'
+  },
+  variants: {
+    isDisabled: {
+      true: {
+        prefix: 'opacity-[0.64]',
+        suffix: 'opacity-[0.64]'
+      }
+    }
+  }
+});
+const InputGroupContext = /*#__PURE__*/createContext(null);
+function useInputGroup() {
+  return useContext(InputGroupContext);
+}
+const InputGroupRoot = /*#__PURE__*/forwardRef(({
+  className,
+  isDisabled = false,
+  children,
+  ...props
+}, ref) => {
+  const {
+    root
+  } = inputGroupVariants();
+  const [prefixWidth, setPrefixWidth] = useState(0);
+  const [suffixWidth, setSuffixWidth] = useState(0);
+  const value = useMemo(() => ({
+    isDisabled,
+    prefixWidth,
+    suffixWidth,
+    setPrefixWidth,
+    setSuffixWidth
+  }), [isDisabled, prefixWidth, suffixWidth]);
+  return /*#__PURE__*/_jsx(InputGroupContext.Provider, {
+    value: value,
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      className: root({
+        className
+      }),
+      ...props,
+      children: children
+    })
+  });
+});
+InputGroupRoot.displayName = 'InputGroup';
+/** Builds Prefix/Suffix, which differ only in which side they measure. */
+function createDecorator(side) {
+  const Decorator = /*#__PURE__*/forwardRef(({
+    className,
+    isDecorative = false,
+    onLayout,
+    children,
+    ...props
+  }, ref) => {
+    const group = useInputGroup();
+    const slots = inputGroupVariants({
+      isDisabled: group?.isDisabled ?? false
+    });
+    const setWidth = side === 'prefix' ? group?.setPrefixWidth : group?.setSuffixWidth;
+    const handleLayout = useCallback(event => {
+      setWidth?.(event.nativeEvent.layout.width);
+      onLayout?.(event);
+    }, [setWidth, onLayout]);
+    return /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      onLayout: handleLayout,
+      pointerEvents: isDecorative ? 'none' : 'auto',
+      accessibilityElementsHidden: isDecorative,
+      importantForAccessibility: isDecorative ? 'no-hide-descendants' : 'auto',
+      className: slots[side]({
+        className
+      }),
+      ...props,
+      children: children
+    });
+  });
+  Decorator.displayName = side === 'prefix' ? 'InputGroup.Prefix' : 'InputGroup.Suffix';
+  return Decorator;
+}
+const InputGroupPrefix = createDecorator('prefix');
+const InputGroupSuffix = createDecorator('suffix');
+/**
+ * The Input itself. Receives left/right padding matching the measured
+ * decorator widths, so its text always clears them.
+ */
+const InputGroupInput = /*#__PURE__*/forwardRef(({
+  style,
+  disabled,
+  ...props
+}, ref) => {
+  const group = useInputGroup();
+  return /*#__PURE__*/_jsx(Input, {
+    ref: ref,
+    disabled: disabled ?? group?.isDisabled,
+    style: [
+    // Only override padding on the side that actually has a decorator —
+    // a 0 here would wipe out the field's default horizontal padding.
+    group?.prefixWidth ? {
+      paddingLeft: group.prefixWidth
+    } : null, group?.suffixWidth ? {
+      paddingRight: group.suffixWidth
+    } : null, style],
+    ...props
+  });
+});
+InputGroupInput.displayName = 'InputGroup.Input';
+export const InputGroup = Object.assign(InputGroupRoot, {
+  Prefix: InputGroupPrefix,
+  Input: InputGroupInput,
+  Suffix: InputGroupSuffix
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","forwardRef","useCallback","useContext","useMemo","useState","View","tv","Input","jsx","_jsx","inputGroupVariants","slots","root","prefix","suffix","variants","isDisabled","true","InputGroupContext","useInputGroup","InputGroupRoot","className","children","props","ref","prefixWidth","setPrefixWidth","suffixWidth","setSuffixWidth","value","Provider","displayName","createDecorator","side","Decorator","isDecorative","onLayout","group","setWidth","handleLayout","event","nativeEvent","layout","width","pointerEvents","accessibilityElementsHidden","importantForAccessibility","InputGroupPrefix","InputGroupSuffix","InputGroupInput","style","disabled","paddingLeft","paddingRight","InputGroup","Object","assign","Prefix","Suffix"],"sourceRoot":"../../../../src","sources":["components/input-group/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,117 @@
+"use strict";
+
+/**
+ * Label — text that names a form field.
+ *
+ * Adapted from: heroui-inc/heroui-native src/components/label/ (root +
+ * Label.Text anatomy, string children auto-wrapping, the required asterisk,
+ * and the isInvalid / isDisabled recolouring).
+ */
+import { createContext, forwardRef, useContext, useMemo } 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";
+const labelVariants = tv({
+  slots: {
+    root: 'flex-row items-center gap-1',
+    text: 'text-sm font-medium text-foreground',
+    asterisk: 'text-sm font-medium text-destructive'
+  },
+  variants: {
+    isDisabled: {
+      true: {
+        root: 'opacity-[0.64]',
+        asterisk: 'text-muted-foreground'
+      }
+    },
+    isInvalid: {
+      true: {
+        text: 'text-destructive'
+      }
+    }
+  }
+});
+const LabelContext = /*#__PURE__*/createContext({
+  isRequired: false,
+  isInvalid: false,
+  isDisabled: false
+});
+const LabelRoot = /*#__PURE__*/forwardRef(({
+  className,
+  isRequired = false,
+  isInvalid = false,
+  isDisabled = false,
+  children,
+  ...props
+}, ref) => {
+  const {
+    root
+  } = labelVariants({
+    isDisabled,
+    isInvalid
+  });
+  const state = useMemo(() => ({
+    isRequired,
+    isInvalid,
+    isDisabled
+  }), [isRequired, isInvalid, isDisabled]);
+  return /*#__PURE__*/_jsx(LabelContext.Provider, {
+    value: state,
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      className: root({
+        className
+      }),
+      accessibilityState: {
+        disabled: isDisabled
+      },
+      ...props,
+      children: typeof children === 'string' ? /*#__PURE__*/_jsx(LabelText, {
+        children: children
+      }) : children
+    })
+  });
+});
+LabelRoot.displayName = 'Label';
+const LabelText = /*#__PURE__*/forwardRef(({
+  className,
+  asteriskClassName,
+  children,
+  ...props
+}, ref) => {
+  const {
+    isRequired,
+    isInvalid,
+    isDisabled
+  } = useContext(LabelContext);
+  const {
+    text,
+    asterisk
+  } = labelVariants({
+    isDisabled,
+    isInvalid
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      ref: ref,
+      className: text({
+        className
+      }),
+      ...props,
+      children: children
+    }), isRequired ? /*#__PURE__*/_jsx(Text, {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      className: asterisk({
+        className: asteriskClassName
+      }),
+      children: "*"
+    }) : null]
+  });
+});
+LabelText.displayName = 'Label.Text';
+export const Label = Object.assign(LabelRoot, {
+  Text: LabelText
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","forwardRef","useContext","useMemo","View","tv","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","labelVariants","slots","root","text","asterisk","variants","isDisabled","true","isInvalid","LabelContext","isRequired","LabelRoot","className","children","props","ref","state","Provider","value","accessibilityState","disabled","LabelText","displayName","asteriskClassName","accessibilityElementsHidden","importantForAccessibility","Label","Object","assign"],"sourceRoot":"../../../../src","sources":["components/label/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,138 @@
+"use strict";
+
+import { forwardRef, useEffect } from 'react';
+import { View } from 'react-native';
+import Animated, { Easing, cancelAnimation, interpolate, useAnimatedStyle, useSharedValue, withRepeat, withSpring, withTiming } from 'react-native-reanimated';
+import { tv } from 'tailwind-variants';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SPRING = {
+  damping: 20,
+  stiffness: 180,
+  mass: 0.6
+};
+/** Fraction of the track covered by the sliding bar in indeterminate mode. */
+const INDETERMINATE_WIDTH = 0.4;
+const progressVariants = tv({
+  slots: {
+    track: 'w-full overflow-hidden rounded-full',
+    indicator: 'h-full rounded-full'
+  },
+  variants: {
+    color: {
+      primary: {
+        track: 'bg-primary/16',
+        indicator: 'bg-primary'
+      },
+      success: {
+        track: 'bg-success/16',
+        indicator: 'bg-success'
+      },
+      warning: {
+        track: 'bg-warning/16',
+        indicator: 'bg-warning'
+      },
+      destructive: {
+        track: 'bg-destructive/16',
+        indicator: 'bg-destructive'
+      },
+      info: {
+        track: 'bg-info/16',
+        indicator: 'bg-info'
+      }
+    },
+    size: {
+      sm: {
+        track: 'h-1.5'
+      },
+      md: {
+        track: 'h-2'
+      },
+      lg: {
+        track: 'h-3'
+      }
+    }
+  },
+  defaultVariants: {
+    color: 'primary',
+    size: 'md'
+  }
+});
+function clamp(value) {
+  'worklet';
+
+  if (value < 0) return 0;
+  if (value > 100) return 100;
+  return value;
+}
+
+/**
+ * Determinate or indeterminate progress bar. The fill width (determinate) and
+ * the sliding bar (indeterminate) are both driven on the UI thread, so updates
+ * never re-render past the value change itself.
+ */
+export const Progress = /*#__PURE__*/forwardRef(({
+  className,
+  indicatorClassName,
+  value = 0,
+  indeterminate = false,
+  color,
+  size,
+  ...props
+}, ref) => {
+  const slots = progressVariants({
+    color,
+    size
+  });
+  const trackWidth = useSharedValue(0);
+  const progress = useSharedValue(clamp(value) / 100);
+  const slide = useSharedValue(0);
+  const target = clamp(value) / 100;
+  useEffect(() => {
+    if (indeterminate) {
+      slide.value = withRepeat(withTiming(1, {
+        duration: 1100,
+        easing: Easing.inOut(Easing.ease)
+      }), -1, false);
+      return () => cancelAnimation(slide);
+    }
+    progress.value = withSpring(target, SPRING);
+    return undefined;
+  }, [indeterminate, target, progress, slide]);
+  const onLayout = event => {
+    trackWidth.value = event.nativeEvent.layout.width;
+  };
+  const determinateStyle = useAnimatedStyle(() => ({
+    width: trackWidth.value * progress.value
+  }));
+  const indeterminateStyle = useAnimatedStyle(() => {
+    const barWidth = trackWidth.value * INDETERMINATE_WIDTH;
+    return {
+      width: barWidth,
+      transform: [{
+        translateX: interpolate(slide.value, [0, 1], [-barWidth, trackWidth.value])
+      }]
+    };
+  });
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    accessibilityRole: "progressbar",
+    accessibilityValue: indeterminate ? undefined : {
+      min: 0,
+      max: 100,
+      now: clamp(value)
+    },
+    className: slots.track({
+      className
+    }),
+    onLayout: onLayout,
+    ...props,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: indeterminate ? indeterminateStyle : determinateStyle,
+      className: slots.indicator({
+        className: indicatorClassName
+      })
+    })
+  });
+});
+Progress.displayName = 'Progress';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","View","Animated","Easing","cancelAnimation","interpolate","useAnimatedStyle","useSharedValue","withRepeat","withSpring","withTiming","tv","jsx","_jsx","SPRING","damping","stiffness","mass","INDETERMINATE_WIDTH","progressVariants","slots","track","indicator","variants","color","primary","success","warning","destructive","info","size","sm","md","lg","defaultVariants","clamp","value","Progress","className","indicatorClassName","indeterminate","props","ref","trackWidth","progress","slide","target","duration","easing","inOut","ease","undefined","onLayout","event","nativeEvent","layout","width","determinateStyle","indeterminateStyle","barWidth","transform","translateX","accessibilityRole","accessibilityValue","min","max","now","children","style","displayName"],"sourceRoot":"../../../../src","sources":["components/progress/index.tsx"],"mappings":"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","ignoreList":[]}