@erquhart/heroui-native 1.0.0-beta.10.1

package/lib/module/components/button/button.md

@@ -0,0 +1,316 @@
+# Button
+
+Interactive component that triggers an action when pressed.
+
+## Imports
+
+Note: Before importing this component, ensure you have completed the setup as per the [Quick Start guide](../../../README.md).
+
+```tsx
+import { Button } from 'heroui-native';
+```
+
+## Usage
+
+### Basic Usage
+
+The Button component accepts string children that automatically render as label.
+
+```tsx
+<Button>Basic Button</Button>
+```
+
+### With Compound Parts
+
+Use Button.Label for explicit control over the label component.
+
+```tsx
+<Button>
+  <Button.Label>Click me</Button.Label>
+</Button>
+```
+
+### With Icons
+
+Combine icons with labels for enhanced visual communication.
+
+```tsx
+<Button>
+  <Icon name="add" size={20} />
+  <Button.Label>Add Item</Button.Label>
+</Button>
+
+<Button>
+  <Button.Label>Download</Button.Label>
+  <Icon name="download" size={18} />
+</Button>
+```
+
+### Icon Only
+
+Create square icon-only buttons using the isIconOnly prop.
+
+```tsx
+<Button isIconOnly>
+  <Icon name="heart" size={18} />
+</Button>
+```
+
+### Sizes
+
+Control button dimensions with three size options.
+
+```tsx
+<Button size="sm">Small</Button>
+<Button size="md">Medium</Button>
+<Button size="lg">Large</Button>
+```
+
+### Variants
+
+Choose from six visual variants for different emphasis levels.
+
+```tsx
+<Button variant="primary">Primary</Button>
+<Button variant="secondary">Secondary</Button>
+<Button variant="tertiary">Tertiary</Button>
+<Button variant="ghost">Ghost</Button>
+<Button variant="danger">Danger</Button>
+<Button variant="danger-soft">Danger Soft</Button>
+```
+
+### Feedback Variants
+
+Choose between highlight, ripple, or no feedback effects for press interactions.
+
+```tsx
+{
+  /* Highlight feedback (default) */
+}
+<Button pressableFeedbackVariant="highlight">Highlight Effect</Button>;
+
+{
+  /* Ripple feedback */
+}
+<Button pressableFeedbackVariant="ripple">Ripple Effect</Button>;
+
+{
+  /* No feedback overlay (only scale animation) */
+}
+<Button pressableFeedbackVariant="none">No Overlay</Button>;
+
+{
+  /* Customize highlight animation */
+}
+<Button
+  pressableFeedbackVariant="highlight"
+  pressableFeedbackHighlightProps={{
+    animation: {
+      backgroundColor: { value: '#3b82f6' },
+      opacity: { value: [0, 0.2] },
+    },
+  }}
+>
+  Custom Highlight
+</Button>;
+
+{
+  /* Customize ripple animation */
+}
+<Button
+  pressableFeedbackVariant="ripple"
+  pressableFeedbackRippleProps={{
+    animation: {
+      backgroundColor: { value: '#3b82f6' },
+      opacity: { value: [0, 0.3, 0] },
+    },
+  }}
+>
+  Custom Ripple
+</Button>;
+```
+
+### Loading State with Spinner
+
+Transform button to loading state with spinner animation.
+
+```tsx
+const themeColorAccentForeground = useThemeColor('accent-foreground');
+
+<Button
+  layout={LinearTransition.springify()}
+  variant="primary"
+  onPress={() => {
+    setIsDownloading(true);
+    setTimeout(() => {
+      setIsDownloading(false);
+    }, 3000);
+  }}
+  isIconOnly={isDownloading}
+  className="self-center"
+>
+  {isDownloading ? (
+    <Spinner entering={FadeIn.delay(50)} color={themeColorAccentForeground} />
+  ) : (
+    'Download now'
+  )}
+</Button>;
+```
+
+### Custom Background with LinearGradient
+
+Add gradient backgrounds using absolute positioned elements. Use `pressableFeedbackVariant="none"` to disable the default highlight overlay, or add a custom ripple effect.
+
+```tsx
+import { Button, PressableFeedback } from 'heroui-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import { StyleSheet } from 'react-native';
+
+{
+  /* Gradient with no feedback overlay */
+}
+<Button pressableFeedbackVariant="none">
+  <LinearGradient
+    colors={['#9333ea', '#ec4899']}
+    start={{ x: 0, y: 0 }}
+    end={{ x: 1, y: 0 }}
+    style={StyleSheet.absoluteFill}
+  />
+  <Button.Label className="text-white font-bold">Gradient</Button.Label>
+</Button>;
+
+{
+  /* Gradient with custom ripple effect */
+}
+<Button pressableFeedbackVariant="none">
+  <LinearGradient
+    colors={['#0d9488', '#ec4899']}
+    start={{ x: 0, y: 0 }}
+    end={{ x: 1, y: 0 }}
+    style={StyleSheet.absoluteFill}
+  />
+  <PressableFeedback.Ripple
+    animation={{
+      backgroundColor: { value: 'white' },
+      opacity: { value: [0, 0.5, 0] },
+    }}
+  />
+  <Button.Label className="text-white font-bold" pointerEvents="none">
+    Gradient with Ripple
+  </Button.Label>
+</Button>;
+```
+
+## Example
+
+```tsx
+import { Button, useThemeColor } from 'heroui-native';
+import { Ionicons } from '@expo/vector-icons';
+import { View } from 'react-native';
+
+export default function ButtonExample() {
+  const [
+    themeColorAccentForeground,
+    themeColorAccentSoftForeground,
+    themeColorDangerForeground,
+    themeColorDefaultForeground,
+  ] = useThemeColor([
+    'accent-foreground',
+    'accent-soft-foreground',
+    'danger-foreground',
+    'default-foreground',
+  ]);
+
+  return (
+    <View className="gap-4 p-4">
+      <Button variant="primary">
+        <Ionicons name="add" size={20} color={themeColorAccentForeground} />
+        <Button.Label>Add Item</Button.Label>
+      </Button>
+
+      <View className="flex-row gap-4">
+        <Button size="sm" isIconOnly>
+          <Ionicons name="heart" size={16} color={themeColorAccentForeground} />
+        </Button>
+        <Button size="sm" variant="secondary" isIconOnly>
+          <Ionicons
+            name="bookmark"
+            size={16}
+            color={themeColorAccentSoftForeground}
+          />
+        </Button>
+        <Button size="sm" variant="danger" isIconOnly>
+          <Ionicons name="trash" size={16} color={themeColorDangerForeground} />
+        </Button>
+      </View>
+
+      <Button variant="tertiary">
+        <Button.Label>Learn More</Button.Label>
+        <Ionicons
+          name="chevron-forward"
+          size={18}
+          color={themeColorDefaultForeground}
+        />
+      </Button>
+    </View>
+  );
+}
+```
+
+## Anatomy
+
+```tsx
+<Button>
+  <Button.Label>...</Button.Label>
+</Button>
+```
+
+- **Button**: Main container that handles press interactions, animations, and variants. Renders string children as label or accepts compound components for custom layouts.
+- **Button.Label**: Text content of the button. Inherits size and variant styling from parent Button context.
+
+## API Reference
+
+### Button
+
+Button extends all props from [PressableFeedback](../pressable-feedback/pressable-feedback.md) component with additional button-specific props.
+
+| prop                              | type                                                                             | default       | description                                                    |
+| --------------------------------- | -------------------------------------------------------------------------------- | ------------- | -------------------------------------------------------------- |
+| `variant`                         | `'primary' \| 'secondary' \| 'tertiary' \| 'ghost' \| 'danger' \| 'danger-soft'` | `'primary'`   | Visual variant of the button                                   |
+| `size`                            | `'sm' \| 'md' \| 'lg'`                                                           | `'md'`        | Size of the button                                             |
+| `isIconOnly`                      | `boolean`                                                                        | `false`       | Whether the button displays an icon only (square aspect ratio) |
+| `pressableFeedbackVariant`        | `'highlight' \| 'ripple' \| 'none'`                                              | `'highlight'` | Variant of pressable feedback effect                           |
+| `pressableFeedbackHighlightProps` | `PressableFeedbackHighlightProps`                                                | -             | Props for PressableFeedback.Highlight component                |
+| `pressableFeedbackRippleProps`    | `PressableFeedbackRippleProps`                                                   | -             | Props for PressableFeedback.Ripple component                   |
+
+For inherited props including `animation` (for root scale animation), `isDisabled`, `className`, `children`, and all Pressable props, see [PressableFeedback API Reference](../pressable-feedback/pressable-feedback.md#api-reference).
+
+### Button.Label
+
+| prop           | type              | default | description                           |
+| -------------- | ----------------- | ------- | ------------------------------------- |
+| `children`     | `React.ReactNode` | -       | Content to be rendered as label       |
+| `className`    | `string`          | -       | Additional CSS classes                |
+| `...TextProps` | `TextProps`       | -       | All standard Text props are supported |
+
+## Hooks
+
+### useButton
+
+Hook to access the Button context values. Returns the button's size, variant, and disabled state.
+
+```tsx
+import { useButton } from 'heroui-native';
+
+const { size, variant, isDisabled } = useButton();
+```
+
+#### Return Value
+
+| property     | type                                                                             | description                    |
+| ------------ | -------------------------------------------------------------------------------- | ------------------------------ |
+| `size`       | `'sm' \| 'md' \| 'lg'`                                                           | Size of the button             |
+| `variant`    | `'primary' \| 'secondary' \| 'tertiary' \| 'ghost' \| 'danger' \| 'danger-soft'` | Visual variant of the button   |
+| `isDisabled` | `boolean`                                                                        | Whether the button is disabled |
+
+**Note:** This hook must be used within a `Button` component. It will throw an error if called outside of the button context.

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

@@ -0,0 +1,88 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { combineStyles } from "../../helpers/theme/utils/combine-styles.js";
+
+/**
+ * Button root style definition
+ *
+ * @note ANIMATED PROPERTIES (cannot be set via className):
+ * The following property is animated and cannot be overridden using Tailwind classes:
+ * - `transform` (specifically `scale`) - Animated for press feedback transitions (unpressed: 1, pressed: adjusted scale based on container width, default: 0.985)
+ *
+ * To customize this property, use the `animation` prop on `PressableFeedback`:
+ * ```tsx
+ * <PressableFeedback
+ *   animation={{
+ *     scale: { value: 0.985, timingConfig: { duration: 300, easing: Easing.out(Easing.ease) } }
+ *   }}
+ * />
+ * ```
+ *
+ * To completely disable animated styles and apply your own via className or style prop,
+ * set `isAnimatedStyleActive={false}` on `PressableFeedback`.
+ */
+const root = tv({
+  base: 'flex-row items-center justify-center rounded-full',
+  variants: {
+    variant: {
+      primary: 'bg-accent',
+      secondary: 'bg-default',
+      tertiary: 'bg-default',
+      ghost: 'bg-transparent',
+      danger: 'bg-danger',
+      ['danger-soft']: 'bg-danger-soft'
+    },
+    size: {
+      sm: 'h-[36px] px-3.5 gap-1.5',
+      md: 'h-[48px] px-4 gap-2',
+      lg: 'h-[56px] px-5 gap-2.5'
+    },
+    isIconOnly: {
+      true: 'p-0 aspect-square'
+    },
+    isDisabled: {
+      true: 'opacity-disabled pointer-events-none'
+    }
+  },
+  defaultVariants: {
+    variant: 'primary',
+    size: 'md',
+    isIconOnly: false,
+    isDisabled: false
+  }
+});
+const label = tv({
+  base: 'font-medium',
+  variants: {
+    variant: {
+      primary: 'text-accent-foreground',
+      secondary: 'text-accent-soft-foreground',
+      tertiary: 'text-default-foreground',
+      ghost: 'text-default-foreground',
+      danger: 'text-danger-foreground',
+      ['danger-soft']: 'text-danger'
+    },
+    size: {
+      sm: 'text-sm',
+      md: 'text-base',
+      lg: 'text-lg'
+    }
+  },
+  defaultVariants: {
+    variant: 'primary',
+    size: 'md'
+  }
+});
+export const styleSheet = StyleSheet.create({
+  buttonRoot: {
+    borderCurve: 'continuous'
+  }
+});
+const buttonStyles = combineStyles({
+  root,
+  label
+});
+export default buttonStyles;
+//# sourceMappingURL=button.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","tv","combineStyles","root","base","variants","variant","primary","secondary","tertiary","ghost","danger","size","sm","md","lg","isIconOnly","true","isDisabled","defaultVariants","label","styleSheet","create","buttonRoot","borderCurve","buttonStyles"],"sourceRoot":"../../../../src","sources":["components/button/button.styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,QAAQ,mBAAmB;AACtC,SAASC,aAAa,QAAQ,6CAA0C;;AAExE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,IAAI,GAAGF,EAAE,CAAC;EACdG,IAAI,EAAE,mDAAmD;EACzDC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,WAAW;MACpBC,SAAS,EAAE,YAAY;MACvBC,QAAQ,EAAE,YAAY;MACtBC,KAAK,EAAE,gBAAgB;MACvBC,MAAM,EAAE,WAAW;MACnB,CAAC,aAAa,GAAG;IACnB,CAAC;IACDC,IAAI,EAAE;MACJC,EAAE,EAAE,yBAAyB;MAC7BC,EAAE,EAAE,qBAAqB;MACzBC,EAAE,EAAE;IACN,CAAC;IACDC,UAAU,EAAE;MACVC,IAAI,EAAE;IACR,CAAC;IACDC,UAAU,EAAE;MACVD,IAAI,EAAE;IACR;EACF,CAAC;EACDE,eAAe,EAAE;IACfb,OAAO,EAAE,SAAS;IAClBM,IAAI,EAAE,IAAI;IACVI,UAAU,EAAE,KAAK;IACjBE,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,MAAME,KAAK,GAAGnB,EAAE,CAAC;EACfG,IAAI,EAAE,aAAa;EACnBC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,wBAAwB;MACjCC,SAAS,EAAE,6BAA6B;MACxCC,QAAQ,EAAE,yBAAyB;MACnCC,KAAK,EAAE,yBAAyB;MAChCC,MAAM,EAAE,wBAAwB;MAChC,CAAC,aAAa,GAAG;IACnB,CAAC;IACDC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE;IACN;EACF,CAAC;EACDI,eAAe,EAAE;IACfb,OAAO,EAAE,SAAS;IAClBM,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMS,UAAU,GAAGrB,UAAU,CAACsB,MAAM,CAAC;EAC1CC,UAAU,EAAE;IACVC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGvB,aAAa,CAAC;EACjCC,IAAI;EACJiB;AACF,CAAC,CAAC;AAEF,eAAeK,YAAY","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=button.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/button/button.types.ts"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default as Button, useButton } from "./button.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","Button","useButton"],"sourceRoot":"../../../../src","sources":["components/button/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,EAAEC,SAAS,QAAQ,aAAU","ignoreList":[]}

package/lib/module/components/card/card.constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+/**
+ * Display names for Card components
+ */
+export const DISPLAY_NAME = {
+  ROOT: 'HeroUINative.Card.Root',
+  HEADER: 'HeroUINative.Card.Header',
+  BODY: 'HeroUINative.Card.Body',
+  FOOTER: 'HeroUINative.Card.Footer',
+  TITLE: 'HeroUINative.Card.Title',
+  DESCRIPTION: 'HeroUINative.Card.Description'
+};
+//# sourceMappingURL=card.constants.js.map

package/lib/module/components/card/card.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DISPLAY_NAME","ROOT","HEADER","BODY","FOOTER","TITLE","DESCRIPTION"],"sourceRoot":"../../../../src","sources":["components/card/card.constants.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAO,MAAMA,YAAY,GAAG;EAC1BC,IAAI,EAAE,wBAAwB;EAC9BC,MAAM,EAAE,0BAA0B;EAClCC,IAAI,EAAE,wBAAwB;EAC9BC,MAAM,EAAE,0BAA0B;EAClCC,KAAK,EAAE,yBAAyB;EAChCC,WAAW,EAAE;AACf,CAAC","ignoreList":[]}

package/lib/module/components/card/card.js

@@ -0,0 +1,169 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { HeroText } from "../../helpers/components/index.js";
+import { Surface } from "../surface/index.js";
+import { DISPLAY_NAME } from "./card.constants.js";
+import cardStyles from "./card.styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+// --------------------------------------------------
+
+const CardRoot = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    variant = 'default',
+    className,
+    ...restProps
+  } = props;
+  const tvStyles = cardStyles.root({
+    className
+  });
+  return /*#__PURE__*/_jsx(Surface, {
+    ref: ref,
+    variant: variant,
+    className: tvStyles,
+    ...restProps,
+    children: children
+  });
+});
+
+// --------------------------------------------------
+
+const CardHeader = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    ...restProps
+  } = props;
+  const tvStyles = cardStyles.header({
+    className
+  });
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: tvStyles,
+    ...restProps,
+    children: children
+  });
+});
+
+// --------------------------------------------------
+
+const CardBody = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    ...restProps
+  } = props;
+  const tvStyles = cardStyles.body({
+    className
+  });
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: tvStyles,
+    ...restProps,
+    children: children
+  });
+});
+
+// --------------------------------------------------
+
+const CardFooter = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    ...restProps
+  } = props;
+  const tvStyles = cardStyles.footer({
+    className
+  });
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: tvStyles,
+    ...restProps,
+    children: children
+  });
+});
+
+// --------------------------------------------------
+
+const CardTitle = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    ...restProps
+  } = props;
+  const tvStyles = cardStyles.label({
+    className
+  });
+  return /*#__PURE__*/_jsx(HeroText, {
+    ref: ref,
+    className: tvStyles,
+    ...restProps,
+    children: children
+  });
+});
+
+// --------------------------------------------------
+
+const CardDescription = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    ...restProps
+  } = props;
+  const tvStyles = cardStyles.description({
+    className
+  });
+  return /*#__PURE__*/_jsx(HeroText, {
+    ref: ref,
+    className: tvStyles,
+    ...restProps,
+    children: children
+  });
+});
+
+// --------------------------------------------------
+
+CardRoot.displayName = DISPLAY_NAME.ROOT;
+CardHeader.displayName = DISPLAY_NAME.HEADER;
+CardBody.displayName = DISPLAY_NAME.BODY;
+CardFooter.displayName = DISPLAY_NAME.FOOTER;
+CardTitle.displayName = DISPLAY_NAME.TITLE;
+CardDescription.displayName = DISPLAY_NAME.DESCRIPTION;
+
+/**
+ * Compound Card component with sub-components
+ *
+ * @component Card - Main container that extends Surface component. Provides base card structure
+ * with configurable surface variants and handles overall layout.
+ *
+ * @component Card.Header - Header section for top-aligned content like icons or badges.
+ *
+ * @component Card.Body - Main content area with flex-1 that expands to fill all available space
+ * between Card.Header and Card.Footer.
+ *
+ * @component Card.Title - Title text with foreground color and medium font weight.
+ *
+ * @component Card.Description - Description text with muted color and smaller font size.
+ *
+ * @component Card.Footer - Footer section for bottom-aligned actions like buttons.
+ *
+ * All sub-components support asChild pattern for custom element composition.
+ *
+ * @see Full documentation: https://heroui.com/components/card
+ */
+const CompoundCard = Object.assign(CardRoot, {
+  /** @optional Top-aligned header section */
+  Header: CardHeader,
+  /** @optional Main content area that expands between header and footer */
+  Body: CardBody,
+  /** @optional Bottom-aligned footer for actions */
+  Footer: CardFooter,
+  /** @optional Title text with styled typography */
+  Title: CardTitle,
+  /** @optional Description text with muted styling */
+  Description: CardDescription
+});
+export default CompoundCard;
+//# sourceMappingURL=card.js.map

package/lib/module/components/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","HeroText","Surface","DISPLAY_NAME","cardStyles","jsx","_jsx","CardRoot","props","ref","children","variant","className","restProps","tvStyles","root","CardHeader","header","CardBody","body","CardFooter","footer","CardTitle","label","CardDescription","description","displayName","ROOT","HEADER","BODY","FOOTER","TITLE","DESCRIPTION","CompoundCard","Object","assign","Header","Body","Footer","Title","Description"],"sourceRoot":"../../../../src","sources":["components/card/card.tsx"],"mappings":"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","ignoreList":[]}