panelui-native 0.2.0 → 0.4.0

package/README.md

@@ -0,0 +1,251 @@
+# 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. 24 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 |
+| --- | --- |
+| `Alert` | Status message with a built-in icon — info, success, warning, destructive |
+| `Avatar` | User image with initials fallback, four sizes |
+| `Badge` | Compact status label with semantic colour variants |
+| `BottomSheet` | Draggable bottom sheet with swipe-to-dismiss |
+| `Button` | Pressable action with variants, sizes, loading state and icon slots |
+| `Card` | Content surface with `Header`, `Content` and `Footer` |
+| `Checkbox` | Animated checkbox with label and description |
+| `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` | Grouped list section with `Header`, `Panel`, `Row` and `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 |
+| `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, and the `cn` class-merging helper.
+
+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/alert/index.js

@@ -1,33 +1,52 @@
 "use strict";
 
+/**
+ * Alert — a status message with an optional leading status icon.
+ *
+ * Adapted from: heroui-inc/heroui-native src/components/alert/alert.tsx
+ * (Indicator / Content / Title / Description anatomy, status-driven icon and
+ * title colour), restyled with Coss UI tokens.
+ *
+ * The `variant` prop name is kept from PanelUI v0.2 rather than renamed to
+ * HeroUI's `status`, so existing code keeps working.
+ */
 import { createContext, forwardRef, useContext } from 'react';
 import { View } from 'react-native';
 import { tv } from 'tailwind-variants';
+import { useCSSVariable } from 'uniwind';
 import { cn } from "../../utils/cn.js";
 import { Text } from "../../primitives/text.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangleIcon, CheckCircleIcon, InfoIcon } from "../../icons/index.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const alertVariants = tv({
   slots: {
-    root: 'w-full gap-0.5 rounded-xl border px-3.5 py-3',
-    title: 'text-sm font-medium text-card-foreground',
+    root: 'w-full flex-row gap-3 rounded-xl border px-3.5 py-3',
+    indicator: 'pt-px',
+    content: 'flex-1 gap-0.5',
+    title: 'text-sm font-medium',
     description: 'text-sm text-muted-foreground'
   },
   variants: {
     variant: {
       default: {
-        root: 'border-border bg-surface'
+        root: 'border-border bg-surface',
+        title: 'text-card-foreground'
       },
       info: {
-        root: 'border-info/32 bg-info/10 dark:bg-info/[0.06]'
+        root: 'border-info/32 bg-info-soft',
+        title: 'text-info-foreground'
       },
       success: {
-        root: 'border-success/32 bg-success/10 dark:bg-success/[0.06]'
+        root: 'border-success/32 bg-success-soft',
+        title: 'text-success-foreground'
       },
       warning: {
-        root: 'border-warning/32 bg-warning/10 dark:bg-warning/[0.06]'
+        root: 'border-warning/32 bg-warning-soft',
+        title: 'text-warning-foreground'
       },
       destructive: {
-        root: 'border-destructive/32 bg-destructive/10 dark:bg-destructive/[0.06]'
+        root: 'border-destructive/32 bg-destructive-soft',
+        title: 'text-destructive-foreground'
       }
     }
   },
@@ -36,6 +55,22 @@ const alertVariants = tv({
   }
 });
 const AlertContext = /*#__PURE__*/createContext('default');
+
+/** CSS variable each variant's indicator icon takes its colour from. */
+const INDICATOR_COLOR_VAR = {
+  default: '--color-muted-foreground',
+  info: '--color-info-foreground',
+  success: '--color-success-foreground',
+  warning: '--color-warning-foreground',
+  destructive: '--color-destructive-foreground'
+};
+const INDICATOR_ICON = {
+  default: InfoIcon,
+  info: InfoIcon,
+  success: CheckCircleIcon,
+  warning: AlertTriangleIcon,
+  destructive: AlertTriangleIcon
+};
 const AlertRoot = /*#__PURE__*/forwardRef(({
   className,
   variant = 'default',
@@ -44,7 +79,9 @@ const AlertRoot = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => {
   const {
-    root
+    root,
+    indicator,
+    content
   } = alertVariants({
     variant
   });
@@ -57,13 +94,12 @@ const AlertRoot = /*#__PURE__*/forwardRef(({
         className
       }),
       ...props,
-      children: icon ? /*#__PURE__*/_jsxs(View, {
-        className: "flex-row items-start gap-3",
+      children: icon ? /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsx(View, {
-          className: "mt-0.5",
+          className: indicator(),
           children: icon
         }), /*#__PURE__*/_jsx(View, {
-          className: "flex-1 gap-1",
+          className: content(),
           children: children
         })]
       }) : children
@@ -71,6 +107,59 @@ const AlertRoot = /*#__PURE__*/forwardRef(({
   });
 });
 AlertRoot.displayName = 'Alert';
+/**
+ * Leading status icon. Resolves both the icon and its colour from the parent
+ * Alert's variant, so it follows the active theme.
+ */
+const AlertIndicator = /*#__PURE__*/forwardRef(({
+  className,
+  iconProps,
+  children,
+  ...props
+}, ref) => {
+  const variant = useContext(AlertContext);
+  const {
+    indicator
+  } = alertVariants({
+    variant
+  });
+  const themeColor = useCSSVariable(INDICATOR_COLOR_VAR[variant]);
+  const Icon = INDICATOR_ICON[variant];
+  const color = iconProps?.color ?? (typeof themeColor === 'string' ? themeColor : undefined);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: indicator({
+      className
+    }),
+    ...props,
+    children: children ?? /*#__PURE__*/_jsx(Icon, {
+      size: iconProps?.size ?? 18,
+      color: color
+    })
+  });
+});
+AlertIndicator.displayName = 'Alert.Indicator';
+
+/** Flex-1 wrapper for Alert.Title and Alert.Description. */
+const AlertContent = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const variant = useContext(AlertContext);
+  const {
+    content
+  } = alertVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: content({
+      className
+    }),
+    ...props
+  });
+});
+AlertContent.displayName = 'Alert.Content';
 const AlertTitle = /*#__PURE__*/forwardRef(({
   className,
   ...props
@@ -106,6 +195,10 @@ const AlertDescription = /*#__PURE__*/forwardRef(({
 });
 AlertDescription.displayName = 'Alert.Description';
 export const Alert = Object.assign(AlertRoot, {
+  /** @optional Status icon rendered as the leading visual element. */
+  Indicator: AlertIndicator,
+  /** @optional Wrapper for title and description. */
+  Content: AlertContent,
   Title: AlertTitle,
   Description: AlertDescription
 });

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

@@ -1 +1 @@
-{"version":3,"names":["createContext","forwardRef","useContext","View","tv","cn","Text","jsx","_jsx","jsxs","_jsxs","alertVariants","slots","root","title","description","variants","variant","default","info","success","warning","destructive","defaultVariants","AlertContext","AlertRoot","className","icon","children","props","ref","Provider","value","accessibilityRole","displayName","AlertTitle","AlertDescription","Alert","Object","assign","Title","Description"],"sourceRoot":"../../../../src","sources":["components/alert/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createContext","forwardRef","useContext","View","tv","useCSSVariable","cn","Text","AlertTriangleIcon","CheckCircleIcon","InfoIcon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","alertVariants","slots","root","indicator","content","title","description","variants","variant","default","info","success","warning","destructive","defaultVariants","AlertContext","INDICATOR_COLOR_VAR","INDICATOR_ICON","AlertRoot","className","icon","children","props","ref","Provider","value","accessibilityRole","displayName","AlertIndicator","iconProps","themeColor","Icon","color","undefined","size","AlertContent","AlertTitle","AlertDescription","Alert","Object","assign","Indicator","Content","Title","Description"],"sourceRoot":"../../../../src","sources":["components/alert/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -29,15 +29,15 @@ const badgeVariants = tv({
         label: 'text-white'
       },
       success: {
-        root: 'bg-success/8 dark:bg-success/16',
+        root: 'bg-success-subtle',
         label: 'text-success-foreground'
       },
       warning: {
-        root: 'bg-warning/8 dark:bg-warning/16',
+        root: 'bg-warning-subtle',
         label: 'text-warning-foreground'
       },
       info: {
-        root: 'bg-info/8 dark:bg-info/16',
+        root: 'bg-info-subtle',
         label: 'text-info-foreground'
       }
     }

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","tv","Text","jsx","_jsx","badgeVariants","slots","root","label","variants","variant","default","secondary","outline","destructive","success","warning","info","defaultVariants","Badge","children","className","labelClassName","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/badge/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAwB,OAAO;AAClD,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,EAAE,QAA2B,mBAAmB;AACzD,SAASC,IAAI,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,aAAa,GAAGJ,EAAE,CAAC;EACvBK,KAAK,EAAE;IACLC,IAAI,EAAE,wGAAwG;IAC9GC,KAAK,EAAE;EACT,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;QAAEJ,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAA0B,CAAC;MACjEI,SAAS,EAAE;QAAEL,IAAI,EAAE,cAAc;QAAEC,KAAK,EAAE;MAA4B,CAAC;MACvEK,OAAO,EAAE;QAAEN,IAAI,EAAE,8BAA8B;QAAEC,KAAK,EAAE;MAAkB,CAAC;MAC3EM,WAAW,EAAE;QAAEP,IAAI,EAAE,gBAAgB;QAAEC,KAAK,EAAE;MAAa,CAAC;MAC5DO,OAAO,EAAE;QAAER,IAAI,EAAE,iCAAiC;QAAEC,KAAK,EAAE;MAA0B,CAAC;MACtFQ,OAAO,EAAE;QAAET,IAAI,EAAE,iCAAiC;QAAEC,KAAK,EAAE;MAA0B,CAAC;MACtFS,IAAI,EAAE;QAAEV,IAAI,EAAE,2BAA2B;QAAEC,KAAK,EAAE;MAAuB;IAC3E;EACF,CAAC;EACDU,eAAe,EAAE;IACfR,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAUF,OAAO,MAAMS,KAAK,gBAAGpB,UAAU,CAC7B,CAAC;EAAEqB,QAAQ;EAAEC,SAAS;EAAEC,cAAc;EAAEZ,OAAO;EAAE,GAAGa;AAAM,CAAC,EAAEC,GAAG,KAAK;EACnE,MAAM;IAAEjB,IAAI;IAAEC;EAAM,CAAC,GAAGH,aAAa,CAAC;IAAEK;EAAQ,CAAC,CAAC;EAElD,oBACEN,IAAA,CAACJ,IAAI;IAACwB,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEd,IAAI,CAAC;MAAEc;IAAU,CAAC,CAAE;IAAA,GAAKE,KAAK;IAAAH,QAAA,EACtD,OAAOA,QAAQ,KAAK,QAAQ,gBAC3BhB,IAAA,CAACF,IAAI;MAACmB,SAAS,EAAEb,KAAK,CAAC;QAAEa,SAAS,EAAEC;MAAe,CAAC,CAAE;MAAAF,QAAA,EAAEA;IAAQ,CAAO,CAAC,GAExEA;EACD,CACG,CAAC;AAEX,CACF,CAAC;AAEDD,KAAK,CAACM,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"names":["forwardRef","View","tv","Text","jsx","_jsx","badgeVariants","slots","root","label","variants","variant","default","secondary","outline","destructive","success","warning","info","defaultVariants","Badge","children","className","labelClassName","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/badge/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAwB,OAAO;AAClD,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,EAAE,QAA2B,mBAAmB;AACzD,SAASC,IAAI,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,aAAa,GAAGJ,EAAE,CAAC;EACvBK,KAAK,EAAE;IACLC,IAAI,EAAE,wGAAwG;IAC9GC,KAAK,EAAE;EACT,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;QAAEJ,IAAI,EAAE,YAAY;QAAEC,KAAK,EAAE;MAA0B,CAAC;MACjEI,SAAS,EAAE;QAAEL,IAAI,EAAE,cAAc;QAAEC,KAAK,EAAE;MAA4B,CAAC;MACvEK,OAAO,EAAE;QAAEN,IAAI,EAAE,8BAA8B;QAAEC,KAAK,EAAE;MAAkB,CAAC;MAC3EM,WAAW,EAAE;QAAEP,IAAI,EAAE,gBAAgB;QAAEC,KAAK,EAAE;MAAa,CAAC;MAC5DO,OAAO,EAAE;QAAER,IAAI,EAAE,mBAAmB;QAAEC,KAAK,EAAE;MAA0B,CAAC;MACxEQ,OAAO,EAAE;QAAET,IAAI,EAAE,mBAAmB;QAAEC,KAAK,EAAE;MAA0B,CAAC;MACxES,IAAI,EAAE;QAAEV,IAAI,EAAE,gBAAgB;QAAEC,KAAK,EAAE;MAAuB;IAChE;EACF,CAAC;EACDU,eAAe,EAAE;IACfR,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAUF,OAAO,MAAMS,KAAK,gBAAGpB,UAAU,CAC7B,CAAC;EAAEqB,QAAQ;EAAEC,SAAS;EAAEC,cAAc;EAAEZ,OAAO;EAAE,GAAGa;AAAM,CAAC,EAAEC,GAAG,KAAK;EACnE,MAAM;IAAEjB,IAAI;IAAEC;EAAM,CAAC,GAAGH,aAAa,CAAC;IAAEK;EAAQ,CAAC,CAAC;EAElD,oBACEN,IAAA,CAACJ,IAAI;IAACwB,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEd,IAAI,CAAC;MAAEc;IAAU,CAAC,CAAE;IAAA,GAAKE,KAAK;IAAAH,QAAA,EACtD,OAAOA,QAAQ,KAAK,QAAQ,gBAC3BhB,IAAA,CAACF,IAAI;MAACmB,SAAS,EAAEb,KAAK,CAAC;QAAEa,SAAS,EAAEC;MAAe,CAAC,CAAE;MAAAF,QAAA,EAAEA;IAAQ,CAAO,CAAC,GAExEA;EACD,CACG,CAAC;AAEX,CACF,CAAC;AAEDD,KAAK,CAACM,WAAW,GAAG,OAAO","ignoreList":[]}

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

@@ -1,36 +1,43 @@
 "use strict";
 
-import { forwardRef, isValidElement } from 'react';
+import { forwardRef } from 'react';
 import { tv } from 'tailwind-variants';
 import { AnimatedPressable } from "../../primitives/animated-pressable.js";
 import { Text } from "../../primitives/text.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Spinner } from "../spinner/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const buttonVariants = tv({
   slots: {
     root: 'flex-row items-center justify-center gap-2 rounded-lg border border-transparent',
-    label: 'font-medium'
+    label: 'font-medium',
+    spinner: ''
   },
   variants: {
     variant: {
       primary: {
         root: 'border-primary bg-primary shadow-sm',
-        label: 'text-primary-foreground'
+        label: 'text-primary-foreground',
+        spinner: 'border-primary-foreground/32 border-t-primary-foreground'
       },
       secondary: {
         root: 'bg-secondary',
-        label: 'text-secondary-foreground'
+        label: 'text-secondary-foreground',
+        spinner: 'border-secondary-foreground/24 border-t-secondary-foreground'
       },
       outline: {
         root: 'border-input bg-popover shadow-sm',
-        label: 'text-foreground'
+        label: 'text-foreground',
+        spinner: 'border-muted border-t-foreground'
       },
       ghost: {
         root: 'bg-transparent',
-        label: 'text-foreground'
+        label: 'text-foreground',
+        spinner: 'border-muted border-t-foreground'
       },
       destructive: {
         root: 'border-destructive bg-destructive shadow-sm',
-        label: 'text-white'
+        label: 'text-white',
+        spinner: 'border-white/32 border-t-white'
       }
     },
     size: {
@@ -50,6 +57,11 @@ const buttonVariants = tv({
         root: 'h-11 w-11 px-0'
       }
     },
+    fullWidth: {
+      true: {
+        root: 'w-full'
+      }
+    },
     disabled: {
       true: {
         root: 'opacity-[0.64]'
@@ -61,40 +73,57 @@ const buttonVariants = tv({
     size: 'md'
   }
 });
+const SPINNER_SIZE = {
+  sm: 'sm',
+  md: 'sm',
+  lg: 'md',
+  icon: 'sm'
+};
 export const Button = /*#__PURE__*/forwardRef(({
   children,
   className,
   labelClassName,
   variant,
   size,
+  fullWidth,
   disabled,
+  loading = false,
+  startContent,
+  endContent,
   ...props
 }, ref) => {
+  const isDisabled = disabled || loading;
   const {
     root,
-    label
+    label,
+    spinner
   } = buttonVariants({
     variant,
     size,
-    disabled: !!disabled
+    fullWidth,
+    disabled: isDisabled
   });
-  return /*#__PURE__*/_jsx(AnimatedPressable, {
+  return /*#__PURE__*/_jsxs(AnimatedPressable, {
     ref: ref,
     accessibilityRole: "button",
     accessibilityState: {
-      disabled: !!disabled
+      disabled: isDisabled,
+      busy: loading
     },
-    disabled: disabled,
+    disabled: isDisabled,
     className: root({
       className
     }),
     ...props,
-    children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
+    children: [loading ? /*#__PURE__*/_jsx(Spinner, {
+      size: SPINNER_SIZE[size ?? 'md'],
+      className: spinner()
+    }) : startContent, typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
       className: label({
         className: labelClassName
       }),
       children: children
-    }) : /*#__PURE__*/isValidElement(children) ? children : children
+    }) : children, endContent]
   });
 });
 Button.displayName = 'Button';

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","isValidElement","tv","AnimatedPressable","Text","jsx","_jsx","buttonVariants","slots","root","label","variants","variant","primary","secondary","outline","ghost","destructive","size","sm","md","lg","icon","disabled","true","defaultVariants","Button","children","className","labelClassName","props","ref","accessibilityRole","accessibilityState","displayName"],"sourceRoot":"../../../../src","sources":["components/button/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,cAAc,QAAwB,OAAO;AAElE,SAASC,EAAE,QAA2B,mBAAmB;AACzD,SACEC,iBAAiB,QAEZ,wCAAqC;AAC5C,SAASC,IAAI,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,cAAc,GAAGL,EAAE,CAAC;EACxBM,KAAK,EAAE;IACLC,IAAI,EAAE,iFAAiF;IACvFC,KAAK,EAAE;EACT,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;QACPJ,IAAI,EAAE,qCAAqC;QAC3CC,KAAK,EAAE;MACT,CAAC;MACDI,SAAS,EAAE;QACTL,IAAI,EAAE,cAAc;QACpBC,KAAK,EAAE;MACT,CAAC;MACDK,OAAO,EAAE;QACPN,IAAI,EAAE,mCAAmC;QACzCC,KAAK,EAAE;MACT,CAAC;MACDM,KAAK,EAAE;QACLP,IAAI,EAAE,gBAAgB;QACtBC,KAAK,EAAE;MACT,CAAC;MACDO,WAAW,EAAE;QACXR,IAAI,EAAE,6CAA6C;QACnDC,KAAK,EAAE;MACT;IACF,CAAC;IACDQ,IAAI,EAAE;MACJC,EAAE,EAAE;QAAEV,IAAI,EAAE,oBAAoB;QAAEC,KAAK,EAAE;MAAU,CAAC;MACpDU,EAAE,EAAE;QAAEX,IAAI,EAAE,WAAW;QAAEC,KAAK,EAAE;MAAY,CAAC;MAC7CW,EAAE,EAAE;QAAEZ,IAAI,EAAE,WAAW;QAAEC,KAAK,EAAE;MAAU,CAAC;MAC3CY,IAAI,EAAE;QAAEb,IAAI,EAAE;MAAiB;IACjC,CAAC;IACDc,QAAQ,EAAE;MACRC,IAAI,EAAE;QAAEf,IAAI,EAAE;MAAiB;IACjC;EACF,CAAC;EACDgB,eAAe,EAAE;IACfb,OAAO,EAAE,SAAS;IAClBM,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAaF,OAAO,MAAMQ,MAAM,gBAAG1B,UAAU,CAC9B,CACE;EAAE2B,QAAQ;EAAEC,SAAS;EAAEC,cAAc;EAAEjB,OAAO;EAAEM,IAAI;EAAEK,QAAQ;EAAE,GAAGO;AAAM,CAAC,EAC1EC,GAAG,KACA;EACH,MAAM;IAAEtB,IAAI;IAAEC;EAAM,CAAC,GAAGH,cAAc,CAAC;IAAEK,OAAO;IAAEM,IAAI;IAAEK,QAAQ,EAAE,CAAC,CAACA;EAAS,CAAC,CAAC;EAE/E,oBACEjB,IAAA,CAACH,iBAAiB;IAChB4B,GAAG,EAAEA,GAAI;IACTC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEV,QAAQ,EAAE,CAAC,CAACA;IAAS,CAAE;IAC7CA,QAAQ,EAAEA,QAAS;IACnBK,SAAS,EAAEnB,IAAI,CAAC;MAAEmB;IAAU,CAAC,CAAE;IAAA,GAC3BE,KAAK;IAAAH,QAAA,EAER,OAAOA,QAAQ,KAAK,QAAQ,gBAC3BrB,IAAA,CAACF,IAAI;MAACwB,SAAS,EAAElB,KAAK,CAAC;QAAEkB,SAAS,EAAEC;MAAe,CAAC,CAAE;MAAAF,QAAA,EAAEA;IAAQ,CAAO,CAAC,GACtE,aAAA1B,cAAc,CAAC0B,QAAQ,CAAC,GAC1BA,QAAQ,GAERA;EACD,CACgB,CAAC;AAExB,CACF,CAAC;AAEDD,MAAM,CAACQ,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"names":["forwardRef","tv","AnimatedPressable","Text","Spinner","jsx","_jsx","jsxs","_jsxs","buttonVariants","slots","root","label","spinner","variants","variant","primary","secondary","outline","ghost","destructive","size","sm","md","lg","icon","fullWidth","true","disabled","defaultVariants","SPINNER_SIZE","Button","children","className","labelClassName","loading","startContent","endContent","props","ref","isDisabled","accessibilityRole","accessibilityState","busy","displayName"],"sourceRoot":"../../../../src","sources":["components/button/index.tsx"],"mappings":"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","ignoreList":[]}