panelui-native 0.2.0 → 0.4.0

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

@@ -13,7 +13,9 @@ const checkboxVariants = tv({
     row: 'flex-row items-center gap-2.5',
     box: 'h-5 w-5 items-center justify-center rounded-md border border-input bg-background',
     fill: 'absolute inset-0 items-center justify-center rounded-md bg-primary',
-    label: 'text-sm text-foreground'
+    content: 'flex-1 gap-0.5',
+    label: 'text-sm text-foreground',
+    description: 'text-sm text-muted-foreground'
   },
   variants: {
     disabled: {
@@ -28,7 +30,8 @@ export const Checkbox = /*#__PURE__*/forwardRef(({
   checked,
   onCheckedChange,
   disabled,
-  label
+  label,
+  description
 }, ref) => {
   const progress = useSharedValue(checked ? 1 : 0);
   const slots = checkboxVariants({
@@ -58,11 +61,15 @@ export const Checkbox = /*#__PURE__*/forwardRef(({
       disabled: !!disabled
     },
     accessibilityLabel: label,
+    accessibilityHint: description,
     disabled: disabled,
     onPress: () => onCheckedChange?.(!checked),
-    hitSlop: 8,
+    hitSlop: 8
+    // A description makes the row two lines tall — align the box to the
+    // label rather than centring it against the whole block.
+    ,
     className: slots.row({
-      className
+      className: description ? `items-start ${className ?? ''}` : className
     }),
     children: [/*#__PURE__*/_jsx(View, {
       className: slots.box(),
@@ -74,9 +81,15 @@ export const Checkbox = /*#__PURE__*/forwardRef(({
           color: typeof checkColor === 'string' ? checkColor : '#fff'
         })
       })
-    }), label ? /*#__PURE__*/_jsx(Text, {
-      className: slots.label(),
-      children: label
+    }), label || description ? /*#__PURE__*/_jsxs(View, {
+      className: slots.content(),
+      children: [label ? /*#__PURE__*/_jsx(Text, {
+        className: slots.label(),
+        children: label
+      }) : null, description ? /*#__PURE__*/_jsx(Text, {
+        className: slots.description(),
+        children: description
+      }) : null]
     }) : null]
   });
 });

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useEffect","Pressable","View","Animated","useAnimatedStyle","useSharedValue","withSpring","withTiming","tv","useCSSVariable","CheckIcon","Text","jsx","_jsx","jsxs","_jsxs","checkboxVariants","slots","row","box","fill","label","variants","disabled","true","Checkbox","className","checked","onCheckedChange","ref","progress","checkColor","value","damping","stiffness","mass","duration","fillStyle","opacity","transform","scale","accessibilityRole","accessibilityState","accessibilityLabel","onPress","hitSlop","children","style","size","color","displayName"],"sourceRoot":"../../../../src","sources":["components/checkbox/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useEffect","Pressable","View","Animated","useAnimatedStyle","useSharedValue","withSpring","withTiming","tv","useCSSVariable","CheckIcon","Text","jsx","_jsx","jsxs","_jsxs","checkboxVariants","slots","row","box","fill","content","label","description","variants","disabled","true","Checkbox","className","checked","onCheckedChange","ref","progress","checkColor","value","damping","stiffness","mass","duration","fillStyle","opacity","transform","scale","accessibilityRole","accessibilityState","accessibilityLabel","accessibilityHint","onPress","hitSlop","children","style","size","color","displayName"],"sourceRoot":"../../../../src","sources":["components/checkbox/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,178 @@
+"use strict";
+
+/**
+ * EmptyState — the placeholder shown when a list or view has no content.
+ *
+ * Adapted from: cosscom/coss packages/ui/src/components/empty.tsx
+ * (centered Header / Media / Title / Description / Content anatomy, and the
+ * `icon` media variant that stacks two rotated ghost cards behind the icon).
+ * Coss does that with CSS pseudo-elements; on native it is two absolutely
+ * positioned siblings with static rotate transforms.
+ */
+import { forwardRef } 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 emptyStateVariants = tv({
+  slots: {
+    root: 'w-full flex-1 items-center justify-center gap-6 px-6 py-12',
+    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',
+    content: 'w-full max-w-sm items-center gap-3'
+  }
+});
+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'
+  },
+  variants: {
+    variant: {
+      default: {
+        card: 'bg-transparent',
+        ghost: 'hidden'
+      },
+      icon: {
+        card: 'rounded-md border border-border bg-card'
+      }
+    }
+  },
+  defaultVariants: {
+    variant: 'default'
+  }
+});
+const EmptyStateRoot = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    root
+  } = emptyStateVariants();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: root({
+      className
+    }),
+    ...props
+  });
+});
+EmptyStateRoot.displayName = 'EmptyState';
+
+/** Groups Media, Title and Description into one centered column. */
+const EmptyStateHeader = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    header
+  } = emptyStateVariants();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: header({
+      className
+    }),
+    ...props
+  });
+});
+EmptyStateHeader.displayName = 'EmptyState.Header';
+/**
+ * Visual anchor above the title. `variant="icon"` frames the child in a small
+ * card with two rotated ghost cards fanned out behind it.
+ */
+const EmptyStateMedia = /*#__PURE__*/forwardRef(({
+  className,
+  variant = 'default',
+  children,
+  ...props
+}, ref) => {
+  const {
+    wrapper,
+    card,
+    ghost
+  } = mediaVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    className: wrapper({
+      className: `mb-4 ${className ?? ''}`
+    }),
+    ...props,
+    children: [variant === 'icon' ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(View, {
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        className: `${ghost()} -translate-x-2 -rotate-[10deg] scale-90`
+      }), /*#__PURE__*/_jsx(View, {
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        className: `${ghost()} translate-x-2 rotate-[10deg] scale-90`
+      })]
+    }) : null, /*#__PURE__*/_jsx(View, {
+      className: card(),
+      children: children
+    })]
+  });
+});
+EmptyStateMedia.displayName = 'EmptyState.Media';
+const EmptyStateTitle = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    title
+  } = emptyStateVariants();
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: title({
+      className
+    }),
+    ...props
+  });
+});
+EmptyStateTitle.displayName = 'EmptyState.Title';
+const EmptyStateDescription = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    description
+  } = emptyStateVariants();
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: description({
+      className
+    }),
+    ...props
+  });
+});
+EmptyStateDescription.displayName = 'EmptyState.Description';
+
+/** Slot below the header, for actions such as a primary button. */
+const EmptyStateContent = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    content
+  } = emptyStateVariants();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: content({
+      className
+    }),
+    ...props
+  });
+});
+EmptyStateContent.displayName = 'EmptyState.Content';
+export const EmptyState = Object.assign(EmptyStateRoot, {
+  Header: EmptyStateHeader,
+  Media: EmptyStateMedia,
+  Title: EmptyStateTitle,
+  Description: EmptyStateDescription,
+  Content: EmptyStateContent
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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