panelui-native 0.2.0 → 0.5.1

package/README.md

@@ -0,0 +1,258 @@
+# PanelUI — React Native UI components for Expo, styled with Tailwind CSS
+
+**PanelUI** (`panelui-native`) is an accessible, high-performance React Native component
+library for Expo apps. 26 typed components — buttons, bottom sheets, dialogs, selects,
+toasts, forms — styled with Tailwind CSS v4 and animated on the UI thread with Reanimated.
+Zero native code, so it runs in Expo Go.
+
+[![npm version](https://img.shields.io/npm/v/panelui-native?style=flat-square)](https://www.npmjs.com/package/panelui-native)
+[![npm downloads](https://img.shields.io/npm/dm/panelui-native?style=flat-square)](https://www.npmjs.com/package/panelui-native)
+[![bundle size](https://img.shields.io/bundlephobia/minzip/panelui-native?style=flat-square)](https://bundlephobia.com/package/panelui-native)
+[![MIT license](https://img.shields.io/badge/license-MIT-blue?style=flat-square)](https://github.com/panel-ui/PanelUI/blob/main/LICENSE)
+![platforms iOS and Android](https://img.shields.io/badge/platforms-iOS%20%7C%20Android-black?style=flat-square)
+![Expo SDK 57+](https://img.shields.io/badge/Expo-SDK%2057%2B-000?style=flat-square&logo=expo)
+
+- ⚡ **Tailwind CSS for React Native** via [Uniwind](https://uniwind.dev) — no Babel transform,
+  roughly 2.4–3× faster styling than NativeWind.
+- 🧵 **60fps animations on the UI thread** with Reanimated 4. Press feedback, switches, sheets,
+  dialogs and tabs never touch the JS thread.
+- 🎨 **Six built-in themes** — Panel, Moon and Grass, each in light and dark. A theme sets radius
+  as well as colour, so switching one restyles the shape of the UI too.
+- 🌗 **Native dark mode.** Theme switching is applied natively by Uniwind, without re-rendering
+  your component tree.
+- ♿ **Accessible by default** — every interactive component wires up `accessibilityRole`,
+  state and labels.
+- 📦 **TypeScript, tree-shakeable, zero native modules** — works in Expo Go, no prebuild needed.
+
+## Install
+
+```sh
+npx expo install panelui-native uniwind tailwindcss react-native-reanimated react-native-gesture-handler react-native-safe-area-context react-native-svg react-native-worklets
+```
+
+## Quick start
+
+**1. Configure Metro**
+
+```js
+// metro.config.js
+const { getDefaultConfig } = require('expo/metro-config');
+const { withUniwindConfig } = require('uniwind/metro');
+
+const config = getDefaultConfig(__dirname);
+
+module.exports = withUniwindConfig(config, {
+  cssEntryFile: './global.css',
+  dtsFile: './uniwind-types.d.ts',
+  // Only needed if you use the Moon or Grass themes.
+  extraThemes: ['moon', 'moon-dark', 'grass', 'grass-dark'],
+});
+```
+
+**2. Create `global.css`**
+
+```css
+@import 'tailwindcss';
+@import 'uniwind';
+@import 'panelui-native/theme.css';
+
+@source './node_modules/panelui-native/src';
+```
+
+**3. Wrap your app**
+
+```tsx
+// App.tsx
+import './global.css';
+import { PanelUIProvider, Button, Card } from 'panelui-native';
+
+export default function App() {
+  return (
+    <PanelUIProvider>
+      <Card>
+        <Card.Header>
+          <Card.Title>Create project</Card.Title>
+          <Card.Description>Deploy your new project in one click.</Card.Description>
+        </Card.Header>
+        <Card.Footer>
+          <Button>Deploy</Button>
+        </Card.Footer>
+      </Card>
+    </PanelUIProvider>
+  );
+}
+```
+
+`PanelUIProvider` sets up the gesture root, the themed page background, the portal host used by
+overlays, and the toast viewport.
+
+## Components
+
+| Component | What it does |
+| --- | --- |
+| `Accordion` | Collapsible sections — five variants, single or multiple selection |
+| `Alert` | Status message with a built-in icon — info, success, warning, destructive |
+| `Avatar` | User image with initials fallback, four sizes, `Avatar.Badge` overlay |
+| `Badge` | Status label, dot, or a count clamped at 99+ |
+| `BottomSheet` | Draggable bottom sheet with swipe-to-dismiss |
+| `Button` | Variants (including social sign-in), sizes, loading, theme-aware icon slots |
+| `Card` | Content surface with `Header`, `Content` and `Footer` |
+| `Checkbox` | Animated checkbox with label, description, and a checkable card variant |
+| `Dialog` | Modal dialog with backdrop, title, description and footer actions |
+| `EmptyState` | Placeholder for an empty list or screen, with a stacked-icon media slot |
+| `Frame` | Widget shell — header row with action, inset panel of rows, caption footer |
+| `InlineSelect` | Picker that expands its options in place |
+| `Input` | Text field with label, description and error message |
+| `InputGroup` | Input with leading and trailing decorators, auto-measured |
+| `Label` | Form field label with required, invalid and disabled states |
+| `Progress` | Determinate and indeterminate progress bar |
+| `RadioGroup` | Single-select list of options |
+| `Select` | Picker that opens in a bottom sheet |
+| `Skeleton` | Shimmer placeholder for loading content |
+| `Spinner` | Indeterminate loading indicator |
+| `Steps` | Stepper for multi-step flows, horizontal or vertical |
+| `Switch` | Animated on/off toggle |
+| `Tabs` | Segmented navigation with animated indicator |
+| `Timeline` | Vertical sequence of events — dot, icon, numbered, card or compact, with per-item tones |
+| `Toast` | Transient notification queue with swipe-to-dismiss |
+| `Typography` | Semantic text presets — `h1`–`h6`, body sizes, inline code |
+
+Plus `PanelUIProvider`, `Portal`, `AnimatedPressable`, `Text`, `useTheme`, `useThemeMode`,
+`useToast`, a set of SVG icons (with brand marks for Google, Facebook and Apple), and the `cn`
+class-merging helper.
+
+Icons inside a coloured surface inherit a readable colour automatically — `Button` provides the
+foreground its variant reads against, so an icon in `startContent` follows the theme without a
+hardcoded hex. Wrap your own surfaces in `IconColorProvider` to do the same.
+
+Every component takes a `className`, so anything can be restyled with Tailwind utilities:
+
+```tsx
+<Button className="w-full rounded-full" labelClassName="uppercase">
+  Continue
+</Button>
+```
+
+## Toasts
+
+```tsx
+import { useToast } from 'panelui-native';
+
+const { toast } = useToast();
+
+toast.show('Link copied');
+toast.show({
+  variant: 'success',
+  label: 'Deployment complete',
+  description: 'panelui.dev is live on production.',
+  actionLabel: 'View',
+  onActionPress: ({ hide }) => hide(),
+});
+```
+
+The queue lives outside React, so `toast.show()` also works from API clients and other
+non-component code.
+
+## Theming and dark mode
+
+PanelUI ships three theme families, each in light and dark: **Panel** (`light` / `dark`),
+**Moon** (`moon` / `moon-dark`) and **Grass** (`grass` / `grass-dark`). A family sets its own
+radius scale as well as its own palette — Panel is the Coss default, Moon is sharp and
+monochrome, Grass is soft and green.
+
+```tsx
+import { useTheme, useThemeMode, PANEL_THEMES } from 'panelui-native';
+
+// Switch to a specific theme
+const { theme, setTheme } = useTheme();
+setTheme('moon-dark');
+setTheme('system'); // follow the device
+
+// Or treat brand and light/dark as separate axes
+const { family, mode, setFamily, toggleMode } = useThemeMode();
+toggleMode();            // dark ↔ light, staying in the current brand
+setFamily('grass');      // switch family, staying in the current mode
+```
+
+Tokens are plain CSS variables, so you can override any of them in your own `global.css`:
+
+```css
+@import 'panelui-native/theme.css';
+
+@layer theme {
+  :root {
+    @variant dark {
+      --color-primary: #818cf8;
+    }
+  }
+}
+```
+
+### Using Expo Router? Read this
+
+React Navigation paints its own theme background over every screen, and it defaults to an opaque
+light grey — which sits on top of `PanelUIProvider`'s background and makes theme switching look
+like it does nothing. Feed it the live PanelUI tokens:
+
+```tsx
+import { DarkTheme, DefaultTheme, Stack, ThemeProvider } from 'expo-router';
+import { useCSSVariable } from 'uniwind';
+import { useThemeMode } from 'panelui-native';
+
+function ThemedNavigation() {
+  const { mode } = useThemeMode();
+  const [background, card, text, border] = useCSSVariable([
+    '--color-background', '--color-card', '--color-foreground', '--color-border',
+  ]) as (string | undefined)[];
+
+  const base = mode === 'dark' ? DarkTheme : DefaultTheme;
+
+  return (
+    <ThemeProvider value={{ ...base, dark: mode === 'dark',
+                            colors: { ...base.colors, background, card, text, border } }}>
+      <Stack />
+    </ThemeProvider>
+  );
+}
+```
+
+`useCSSVariable` subscribes to Uniwind's theme changes, so this re-runs on every switch — including
+the named themes, which the OS `Appearance` API knows nothing about. For the same reason, drive
+`<StatusBar>` from `mode` rather than `style="auto"`.
+
+## FAQ
+
+### How is PanelUI different from NativeWind?
+
+NativeWind is a styling engine; PanelUI is a component library. PanelUI is built on **Uniwind**,
+a faster Tailwind v4 engine for React Native that skips the Babel transform and applies theme
+changes natively.
+
+### Does it work with Expo Go?
+
+Yes. PanelUI is pure TypeScript with no native modules, so no development build or prebuild is
+required.
+
+### Is it accessible?
+
+Every interactive component sets an `accessibilityRole`, mirrors its state through
+`accessibilityState`, and exposes labels. Decorative icons are hidden from screen readers.
+
+### Can I use it in a bare React Native app?
+
+Yes, as long as Uniwind, Reanimated and Gesture Handler are configured. Expo is the tested
+path.
+
+### Why do my Moon or Grass themes throw "it was not registered"?
+
+Named themes must be listed in `extraThemes` in your Metro config — see [Quick start](#quick-start).
+
+## Links
+
+- **Documentation and source:** [github.com/panel-ui/PanelUI](https://github.com/panel-ui/PanelUI)
+- **Report an issue:** [github.com/panel-ui/PanelUI/issues](https://github.com/panel-ui/PanelUI/issues)
+- **Changelog:** [releases](https://github.com/panel-ui/PanelUI/releases)
+
+## License
+
+MIT © Khalid Abdi

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

@@ -0,0 +1,312 @@
+"use strict";
+
+/**
+ * Accordion — collapsible sections.
+ *
+ * Adapted from: heroui-inc/heroui-native src/components/accordion/
+ * (the Item / Trigger / Indicator / Content anatomy, single vs multiple
+ * selection, the rotating chevron indicator, and layout-transition expand).
+ *
+ * Upstream ships `default` and `surface`; the extra variants here follow the
+ * same slot structure.
+ */
+import { Children, createContext, forwardRef, isValidElement, useCallback, useContext, useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import Animated, { LinearTransition, useAnimatedStyle, useDerivedValue, withTiming } from 'react-native-reanimated';
+import { tv } from 'tailwind-variants';
+import { ChevronDownIcon } from "../../icons/index.js";
+import { Text } from "../../primitives/text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const accordionVariants = tv({
+  slots: {
+    root: 'w-full flex-col overflow-hidden',
+    separator: 'h-px bg-border',
+    item: 'flex-col overflow-hidden',
+    trigger: 'flex-row items-center justify-between gap-4 py-4',
+    title: 'flex-1 text-base font-medium text-foreground',
+    indicator: 'items-center justify-center',
+    content: 'pb-4',
+    contentText: 'text-sm text-muted-foreground'
+  },
+  variants: {
+    variant: {
+      default: {
+        trigger: 'px-1',
+        content: 'px-1'
+      },
+      surface: {
+        root: 'rounded-2xl border border-border bg-surface',
+        separator: 'mx-4',
+        trigger: 'px-4',
+        content: 'px-4'
+      },
+      separated: {
+        root: 'gap-2.5 overflow-visible',
+        separator: 'hidden',
+        item: 'rounded-xl border border-border bg-card',
+        trigger: 'px-4',
+        content: 'px-4'
+      },
+      bordered: {
+        separator: 'hidden',
+        item: 'mb-2 rounded-xl border border-border',
+        trigger: 'px-4',
+        content: 'px-4'
+      },
+      ghost: {
+        separator: 'hidden',
+        trigger: 'px-0',
+        content: 'px-0'
+      }
+    }
+  },
+  defaultVariants: {
+    variant: 'default'
+  }
+});
+const AccordionContext = /*#__PURE__*/createContext(null);
+const AccordionItemContext = /*#__PURE__*/createContext(null);
+function useAccordion(component) {
+  const context = useContext(AccordionContext);
+  if (!context) throw new Error(`${component} must be used within an <Accordion>`);
+  return context;
+}
+function useAccordionItem(component) {
+  const context = useContext(AccordionItemContext);
+  if (!context) throw new Error(`${component} must be used within an <Accordion.Item>`);
+  return context;
+}
+const toArray = value => value === undefined ? [] : Array.isArray(value) ? value : [value];
+const AccordionRoot = /*#__PURE__*/forwardRef(({
+  className,
+  variant = 'default',
+  selectionMode = 'single',
+  value,
+  defaultValue,
+  onValueChange,
+  hideSeparator = false,
+  children,
+  ...props
+}, ref) => {
+  const [internal, setInternal] = useState(() => toArray(defaultValue));
+  const isControlled = value !== undefined;
+  const expanded = isControlled ? toArray(value) : internal;
+  const toggle = useCallback(itemValue => {
+    const isOpen = expanded.includes(itemValue);
+    const next = selectionMode === 'single' ? isOpen ? [] : [itemValue] : isOpen ? expanded.filter(entry => entry !== itemValue) : [...expanded, itemValue];
+    if (!isControlled) setInternal(next);
+    // Hand back the shape the caller gave us.
+    onValueChange?.(selectionMode === 'single' ? next[0] ?? '' : next);
+  }, [expanded, selectionMode, isControlled, onValueChange]);
+  const context = useMemo(() => ({
+    expanded,
+    toggle,
+    variant
+  }), [expanded, toggle, variant]);
+  const {
+    root,
+    separator
+  } = accordionVariants({
+    variant
+  });
+  const items = Children.toArray(children).filter(isValidElement);
+  return /*#__PURE__*/_jsx(AccordionContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      ref: ref,
+      layout: LinearTransition.duration(200),
+      className: root({
+        className
+      }),
+      ...props,
+      children: items.map((child, index) => /*#__PURE__*/_jsxs(View, {
+        children: [child, !hideSeparator && index < items.length - 1 ? /*#__PURE__*/_jsx(View, {
+          className: separator()
+        }) : null]
+      }, child.key ?? index))
+    })
+  });
+});
+AccordionRoot.displayName = 'Accordion';
+const AccordionItem = /*#__PURE__*/forwardRef(({
+  className,
+  value,
+  isDisabled = false,
+  children,
+  ...props
+}, ref) => {
+  const {
+    expanded,
+    variant
+  } = useAccordion('Accordion.Item');
+  const isExpanded = expanded.includes(value);
+  const {
+    item
+  } = accordionVariants({
+    variant
+  });
+  const context = useMemo(() => ({
+    value,
+    isExpanded,
+    isDisabled
+  }), [value, isExpanded, isDisabled]);
+  return /*#__PURE__*/_jsx(AccordionItemContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      ref: ref,
+      layout: LinearTransition.duration(200),
+      className: item({
+        className
+      }),
+      ...props,
+      children: children
+    })
+  });
+});
+AccordionItem.displayName = 'Accordion.Item';
+/** The pressable header row. Bare strings are wrapped in the title style. */
+const AccordionTrigger = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    toggle,
+    variant
+  } = useAccordion('Accordion.Trigger');
+  const {
+    value,
+    isExpanded,
+    isDisabled
+  } = useAccordionItem('Accordion.Trigger');
+  const {
+    trigger,
+    title
+  } = accordionVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsx(Pressable, {
+    ref: ref,
+    accessibilityRole: "button",
+    accessibilityState: {
+      expanded: isExpanded,
+      disabled: isDisabled
+    },
+    disabled: isDisabled,
+    onPress: () => toggle(value),
+    className: trigger({
+      className
+    }),
+    ...props,
+    children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+      className: title(),
+      children: children
+    }) : children
+  });
+});
+AccordionTrigger.displayName = 'Accordion.Trigger';
+/** Chevron that rotates 180° while the item is open. */
+const AccordionIndicator = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useAccordion('Accordion.Indicator');
+  const {
+    isExpanded
+  } = useAccordionItem('Accordion.Indicator');
+  const {
+    indicator
+  } = accordionVariants({
+    variant
+  });
+  const rotation = useDerivedValue(() => withTiming(isExpanded ? 180 : 0, {
+    duration: 200
+  }), [isExpanded]);
+  const style = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${rotation.value}deg`
+    }]
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: style,
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      className: indicator({
+        className
+      }),
+      ...props,
+      children: children ?? /*#__PURE__*/_jsx(ChevronDownIcon, {
+        size: 18
+      })
+    })
+  });
+});
+AccordionIndicator.displayName = 'Accordion.Indicator';
+/**
+ * The collapsible body. Unmounts when closed, per the repo's convention for
+ * conditionally shown content — the layout transition on the item animates
+ * the height change.
+ */
+const AccordionContent = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useAccordion('Accordion.Content');
+  const {
+    isExpanded
+  } = useAccordionItem('Accordion.Content');
+  const {
+    content,
+    contentText
+  } = accordionVariants({
+    variant
+  });
+  if (!isExpanded) return null;
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: content({
+      className
+    }),
+    ...props,
+    children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+      className: contentText(),
+      children: children
+    }) : children
+  });
+});
+AccordionContent.displayName = 'Accordion.Content';
+const AccordionTitle = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useAccordion('Accordion.Title');
+  const {
+    title
+  } = accordionVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: title({
+      className
+    }),
+    ...props
+  });
+});
+AccordionTitle.displayName = 'Accordion.Title';
+export const Accordion = Object.assign(AccordionRoot, {
+  Item: AccordionItem,
+  Trigger: AccordionTrigger,
+  Title: AccordionTitle,
+  Indicator: AccordionIndicator,
+  Content: AccordionContent
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Children","createContext","forwardRef","isValidElement","useCallback","useContext","useMemo","useState","Pressable","View","Animated","LinearTransition","useAnimatedStyle","useDerivedValue","withTiming","tv","ChevronDownIcon","Text","jsx","_jsx","jsxs","_jsxs","accordionVariants","slots","root","separator","item","trigger","title","indicator","content","contentText","variants","variant","default","surface","separated","bordered","ghost","defaultVariants","AccordionContext","AccordionItemContext","useAccordion","component","context","Error","useAccordionItem","toArray","value","undefined","Array","isArray","AccordionRoot","className","selectionMode","defaultValue","onValueChange","hideSeparator","children","props","ref","internal","setInternal","isControlled","expanded","toggle","itemValue","isOpen","includes","next","filter","entry","items","Provider","layout","duration","map","child","index","length","key","displayName","AccordionItem","isDisabled","isExpanded","AccordionTrigger","accessibilityRole","accessibilityState","disabled","onPress","AccordionIndicator","rotation","style","transform","rotate","size","AccordionContent","AccordionTitle","Accordion","Object","assign","Item","Trigger","Title","Indicator","Content"],"sourceRoot":"../../../../src","sources":["components/accordion/index.tsx"],"mappings":"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","ignoreList":[]}