@erquhart/heroui-native 1.0.0-beta.10.1

package/lib/module/components/pressable-feedback/pressable-feedback.md

@@ -0,0 +1,246 @@
+# PressableFeedback
+
+Container component that provides visual feedback for press interactions with automatic scale animation.
+
+## Imports
+
+Note: Before importing this component, ensure you have completed the setup as per the [Quick Start guide](../../../README.md).
+
+```tsx
+import { PressableFeedback } from 'heroui-native';
+```
+
+## Usage
+
+### Basic Usage
+
+The PressableFeedback component wraps content to provide press feedback effects. By default, it applies a subtle scale animation when pressed.
+
+```tsx
+<PressableFeedback>...</PressableFeedback>
+```
+
+### Highlight Effect
+
+Add a highlight overlay component for iOS-style feedback effect. The highlight uses the root's press state from context.
+
+```tsx
+<PressableFeedback>
+  <PressableFeedback.Highlight />
+  ...
+</PressableFeedback>
+```
+
+### Ripple Effect
+
+Add a ripple overlay component for Android-style feedback effect that emanates from the press point.
+
+```tsx
+<PressableFeedback>
+  <PressableFeedback.Ripple />
+  ...
+</PressableFeedback>
+```
+
+### Custom Scale Animation
+
+Customize or disable the default scale animation on press.
+
+```tsx
+<PressableFeedback
+  animation={{
+    scale: {
+      value: 0.9,
+      timingConfig: { duration: 150 },
+    },
+  }}
+>
+  ...
+</PressableFeedback>
+```
+
+### Custom Highlight Animation
+
+Configure highlight overlay opacity and background color.
+
+```tsx
+<PressableFeedback>
+  <PressableFeedback.Highlight
+    animation={{
+      opacity: { value: [0, 0.2] },
+      backgroundColor: { value: '#3b82f6' },
+    }}
+  />
+  ...
+</PressableFeedback>
+```
+
+### Custom Ripple Animation
+
+Configure ripple effect color, opacity, and duration.
+
+```tsx
+<PressableFeedback>
+  <PressableFeedback.Ripple
+    animation={{
+      backgroundColor: { value: '#ec4899' },
+      opacity: { value: [0, 0.1, 0] },
+      progress: { baseDuration: 600 },
+    }}
+  />
+  ...
+</PressableFeedback>
+```
+
+## Example
+
+```tsx
+import { PressableFeedback, Card, Button } from 'heroui-native';
+import { Image } from 'expo-image';
+import { LinearGradient } from 'expo-linear-gradient';
+import { StyleSheet, View } from 'react-native';
+
+export default function PressableFeedbackExample() {
+  return (
+    <PressableFeedback className="w-full aspect-square rounded-3xl">
+      <Card className="flex-1">
+        <Image
+          source={{
+            uri: 'https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/docs/neo2.jpeg',
+          }}
+          style={StyleSheet.absoluteFill}
+          contentFit="cover"
+        />
+        <LinearGradient
+          colors={['rgba(0,0,0,0.1)', 'rgba(0,0,0,0.4)']}
+          style={StyleSheet.absoluteFill}
+        />
+        <PressableFeedback.Ripple
+          animation={{
+            backgroundColor: { value: 'white' },
+            opacity: { value: [0, 0.3, 0] },
+          }}
+        />
+        <View className="flex-1 gap-4" pointerEvents="box-none">
+          <Card.Body className="flex-1" pointerEvents="none">
+            <Card.Title className="text-base text-zinc-50 uppercase mb-0.5">
+              Neo
+            </Card.Title>
+            <Card.Description className="text-zinc-50 font-medium text-base">
+              Home robot
+            </Card.Description>
+          </Card.Body>
+          <Card.Footer className="gap-3">
+            <View className="flex-row items-center justify-between">
+              <View pointerEvents="none">
+                <Text className="text-base text-white">Available soon</Text>
+                <Text className="text-base text-zinc-300">Get notified</Text>
+              </View>
+              <Button size="sm" className="bg-white">
+                <Button.Label className="text-black">Notify me</Button.Label>
+              </Button>
+            </View>
+          </Card.Footer>
+        </View>
+      </Card>
+    </PressableFeedback>
+  );
+}
+```
+
+## API Reference
+
+### PressableFeedback
+
+| prop                    | type                             | default | description                                                  |
+| ----------------------- | -------------------------------- | ------- | ------------------------------------------------------------ |
+| `children`              | `React.ReactNode`                | -       | Content to be wrapped with press feedback                    |
+| `isDisabled`            | `boolean`                        | `false` | Whether the pressable component is disabled                  |
+| `className`             | `string`                         | -       | Additional CSS classes                                       |
+| `animation`             | `PressableFeedbackRootAnimation` | -       | Animation configuration for scale animation only             |
+| `isAnimatedStyleActive` | `boolean`                        | `true`  | Whether animated styles (react-native-reanimated) are active |
+| `...AnimatedProps`      | `AnimatedProps<PressableProps>`  | -       | All Reanimated Animated Pressable props are supported        |
+
+#### PressableFeedbackRootAnimation
+
+Animation configuration for PressableFeedback root component (scale only). Can be:
+
+- `false` or `"disabled"`: Disable only root animations
+- `"disable-all"`: Disable all animations including children
+- `true` or `undefined`: Use default animations
+- `object`: Custom animation configuration
+
+| prop                           | type                                    | default                                              | description                                                                |
+| ------------------------------ | --------------------------------------- | ---------------------------------------------------- | -------------------------------------------------------------------------- |
+| `state`                        | `'disabled' \| 'disable-all' \| boolean` | -                                                    | Disable animations while customizing properties                             |
+| `scale.value`                  | `number`                                | `0.985`                                              | Scale value when pressed (automatically adjusted based on container width) |
+| `scale.timingConfig`           | `WithTimingConfig`                      | `{ duration: 300, easing: Easing.out(Easing.ease) }` | Animation timing configuration                                             |
+| `scale.ignoreScaleCoefficient` | `boolean`                               | `false`                                              | Ignore automatic scale coefficient and use the scale value directly        |
+
+### PressableFeedback.Highlight
+
+| prop                    | type                                  | default | description                                                  |
+| ----------------------- | ------------------------------------- | ------- | ------------------------------------------------------------ |
+| `className`             | `string`                              | -       | Additional CSS classes                                       |
+| `animation`             | `PressableFeedbackHighlightAnimation` | -       | Animation configuration for highlight overlay                |
+| `isAnimatedStyleActive` | `boolean`                             | `true`  | Whether animated styles (react-native-reanimated) are active |
+| `style`                 | `ViewStyle`                           | -       | Additional styles                                            |
+| `...AnimatedProps`      | `AnimatedProps<ViewProps>`            | -       | All Reanimated Animated View props are supported             |
+
+#### PressableFeedbackHighlightAnimation
+
+Animation configuration for highlight overlay. Can be:
+
+- `false` or `"disabled"`: Disable highlight animations
+- `"disable-all"`: Disable all animations including children
+- `true` or `undefined`: Use default animations
+- `object`: Custom animation configuration
+
+| prop                    | type                          | default             | description                           |
+| ----------------------- | ----------------------------- | ------------------- | ------------------------------------- |
+| `state`                 | `'disabled' \| boolean`       | -                   | Disable animations while customizing properties |
+| `opacity.value`         | `[number, number]`            | `[0, 0.1]`          | Opacity values [unpressed, pressed]   |
+| `opacity.timingConfig`  | `WithTimingConfig`            | `{ duration: 200 }` | Animation timing configuration        |
+| `backgroundColor.value` | `string`                      | Theme-aware gray    | Background color of highlight overlay |
+
+### PressableFeedback.Ripple
+
+| prop                    | type                                     | default | description                                                  |
+| ----------------------- | ---------------------------------------- | ------- | ------------------------------------------------------------ |
+| `className`             | `string`                                 | -       | Additional CSS classes for container slot                    |
+| `classNames`            | `ElementSlots<RippleSlots>`              | -       | Additional CSS classes for slots (container, ripple)         |
+| `containerStyle`        | `ViewStyle`                              | -       | Style for the container slot                                 |
+| `rippleStyle`           | `ViewStyle`                              | -       | Style for the ripple slot                                    |
+| `animation`             | `PressableFeedbackRippleAnimation`       | -       | Animation configuration for ripple overlay                   |
+| `isAnimatedStyleActive` | `boolean`                                | `true`  | Whether animated styles (react-native-reanimated) are active |
+| `...ViewProps`          | `Omit<ViewProps, 'style'>`               | -       | All View props except style are supported                    |
+
+#### PressableFeedbackRippleAnimation
+
+Animation configuration for ripple overlay. Can be:
+
+- `false` or `"disabled"`: Disable ripple animations
+- `"disable-all"`: Disable all animations including children
+- `true` or `undefined`: Use default animations
+- `object`: Custom animation configuration
+
+| prop                                 | type                          | default                 | description                                                                  |
+| ------------------------------------ | ----------------------------- | ----------------------- | ---------------------------------------------------------------------------- |
+| `state`                              | `'disabled' \| boolean`       | -                       | Disable animations while customizing properties                              |
+| `backgroundColor.value`               | `string`                      | Computed based on theme | Background color of ripple effect                                            |
+| `progress.baseDuration`              | `number`                      | `1000`                  | Base duration for ripple progress (automatically adjusted based on diagonal) |
+| `progress.minBaseDuration`           | `number`                      | `750`                   | Minimum base duration for the ripple progress animation                      |
+| `progress.ignoreDurationCoefficient` | `boolean`                     | `false`                 | Ignore automatic duration coefficient and use base duration directly         |
+| `opacity.value`                      | `[number, number, number]`    | `[0, 0.1, 0]`           | Opacity values [start, peak, end] for ripple animation                       |
+| `opacity.timingConfig`               | `WithTimingConfig`            | `{ duration: 200 }`     | Animation timing configuration                                               |
+| `scale.value`                        | `[number, number, number]`    | `[0, 1, 1]`             | Scale values [start, peak, end] for ripple animation                         |
+| `scale.timingConfig`                 | `WithTimingConfig`            | `{ duration: 200 }`     | Animation timing configuration                                               |
+
+#### ElementSlots<RippleSlots>
+
+Additional CSS classes for ripple slots:
+
+| slot        | description                                                                                                         |
+| ----------- | ------------------------------------------------------------------------------------------------------------------- |
+| `container` | Outer container slot (`absolute inset-0`) - styles can be fully customized                                          |
+| `ripple`    | Inner ripple slot (`absolute top-0 left-0 rounded-full`) - has animated properties that cannot be set via className |

package/lib/module/components/pressable-feedback/pressable-feedback.styles.js

@@ -0,0 +1,104 @@
+"use strict";
+
+/* eslint-disable prettier/prettier */
+import { StyleSheet } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { combineStyles } from "../../helpers/theme/utils/combine-styles.js";
+
+/**
+ * PressableFeedback 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: 'overflow-hidden'
+});
+
+/**
+ * PressableFeedback highlight style definition
+ *
+ * @note ANIMATED PROPERTIES (cannot be set via className):
+ * The following properties are animated and cannot be overridden using Tailwind classes:
+ * - `backgroundColor` - Animated for highlight background color transitions (default: theme-aware gray)
+ * - `opacity` - Animated for highlight visibility transitions (unpressed: 0, pressed: 0.1, default duration: 200ms)
+ *
+ * To customize these properties, use the `animation` prop on `PressableFeedback.Highlight`:
+ * ```tsx
+ * <PressableFeedback.Highlight
+ *   animation={{
+ *     backgroundColor: { value: '#3f3f46' },
+ *     opacity: { value: [0, 0.2], timingConfig: { duration: 300 } }
+ *   }}
+ * />
+ * ```
+ *
+ * To completely disable animated styles and apply your own via className or style prop,
+ * set `isAnimatedStyleActive={false}` on `PressableFeedback.Highlight`.
+ */
+const highlight = tv({
+  base: 'absolute inset-0'
+});
+
+/**
+ * PressableFeedback ripple style definition
+ *
+ * Contains two slots:
+ * - `container`: Outer container (`absolute inset-0`) that handles touch events and positioning - styles can be fully customized
+ * - `ripple`: Inner ripple element (`absolute top-0 left-0 rounded-full`) that contains animated styles
+ *
+ * @note ANIMATED PROPERTIES (cannot be set via className on the `ripple` slot only):
+ * The following properties on the `ripple` slot are animated and cannot be overridden using Tailwind classes:
+ * - `width`, `height`, `borderRadius` - Animated for ripple circle size calculations (based on container diagonal)
+ * - `opacity` - Animated for ripple visibility transitions (unpressed: 0, expanding: 0.1, fading: 0)
+ * - `transform` (specifically `translateX`, `translateY`, `scale`) - Animated for ripple position and expansion from touch point
+ *
+ * The `container` slot styles can be fully customized via className or `classNames.container`.
+ *
+ * To customize the animated properties on the `ripple` slot, use the `animation` prop on `PressableFeedback.Ripple`:
+ * ```tsx
+ * <PressableFeedback.Ripple
+ *   animation={{
+ *     opacity: { value: [0, 0.1, 0], timingConfig: { duration: 400 } },
+ *     scale: { value: [0, 1, 1] },
+ *     backgroundColor: { value: '#3f3f46' }
+ *   }}
+ * />
+ * ```
+ *
+ * Touch handlers (`onTouchStart`, `onTouchEnd`, `onTouchCancel`) can be customized via props and will be called alongside animation handlers.
+ *
+ * To completely disable animated styles and apply your own via className or style prop,
+ * set `isAnimatedStyleActive={false}` on `PressableFeedback.Ripple`.
+ */
+const ripple = tv({
+  slots: {
+    container: 'absolute inset-0',
+    ripple: 'absolute top-0 left-0 rounded-full'
+  }
+});
+const pressableFeedbackStyles = combineStyles({
+  root,
+  highlight,
+  ripple
+});
+export const styleSheet = StyleSheet.create({
+  root: {
+    borderCurve: 'continuous'
+  }
+});
+export default pressableFeedbackStyles;
+//# sourceMappingURL=pressable-feedback.styles.js.map

package/lib/module/components/pressable-feedback/pressable-feedback.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","tv","combineStyles","root","base","highlight","ripple","slots","container","pressableFeedbackStyles","styleSheet","create","borderCurve"],"sourceRoot":"../../../../src","sources":["components/pressable-feedback/pressable-feedback.styles.ts"],"mappings":";;AAAA;AACA,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;AACR,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,SAAS,GAAGJ,EAAE,CAAC;EACnBG,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,MAAM,GAAGL,EAAE,CAAC;EAChBM,KAAK,EAAE;IACLC,SAAS,EAAE,kBAAkB;IAC7BF,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,MAAMG,uBAAuB,GAAGP,aAAa,CAAC;EAC5CC,IAAI;EACJE,SAAS;EACTC;AACF,CAAC,CAAC;AAEF,OAAO,MAAMI,UAAU,GAAGV,UAAU,CAACW,MAAM,CAAC;EAC1CR,IAAI,EAAE;IACJS,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAIF,eAAeH,uBAAuB","ignoreList":[]}

package/lib/module/components/pressable-feedback/pressable-feedback.types.js

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

package/lib/module/components/pressable-feedback/pressable-feedback.types.js.map

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

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default as RadioGroup, useRadioGroup, useRadioGroupItem } from "./radio-group.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","RadioGroup","useRadioGroup","useRadioGroupItem"],"sourceRoot":"../../../../src","sources":["components/radio-group/index.ts"],"mappings":";;AAAA,SACEA,OAAO,IAAIC,UAAU,EACrBC,aAAa,EACbC,iBAAiB,QACZ,kBAAe","ignoreList":[]}

package/lib/module/components/radio-group/radio-group.animation.js

@@ -0,0 +1,80 @@
+"use strict";
+
+import { Easing, useAnimatedStyle, withTiming } from 'react-native-reanimated';
+import { useAnimationSettings } from "../../helpers/contexts/index.js";
+import { useCombinedAnimationDisabledState } from "../../helpers/hooks/index.js";
+import { getAnimationState, getAnimationValueMergedConfig, getAnimationValueProperty, getIsAnimationDisabledValue } from "../../helpers/utils/animation.js";
+// --------------------------------------------------
+
+/**
+ * Animation hook for RadioGroup root component
+ * Handles cascading animation disabled state to child components
+ */
+export function useRadioGroupRootAnimation(options) {
+  const {
+    animation
+  } = options;
+  const isAllAnimationsDisabled = useCombinedAnimationDisabledState(animation);
+  return {
+    isAllAnimationsDisabled
+  };
+}
+
+// --------------------------------------------------
+
+/**
+ * Animation hook for RadioGroupIndicatorThumb component
+ * Handles scale animation based on selection state
+ */
+export function useRadioGroupIndicatorThumbAnimation(options) {
+  const {
+    animation,
+    isSelected
+  } = options;
+
+  // Read from global animation context (always available in compound parts)
+  const {
+    isAllAnimationsDisabled
+  } = useAnimationSettings();
+  const {
+    animationConfig,
+    isAnimationDisabled
+  } = getAnimationState(animation);
+  const isAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+
+  // Scale animation
+  const scaleValue = getAnimationValueProperty({
+    animationValue: animationConfig?.scale,
+    property: 'value',
+    defaultValue: [1.5, 1]
+  });
+  const scaleTimingConfig = getAnimationValueMergedConfig({
+    animationValue: animationConfig?.scale,
+    property: 'timingConfig',
+    defaultValue: {
+      duration: 300,
+      easing: Easing.out(Easing.ease)
+    }
+  });
+  const rContainerStyle = useAnimatedStyle(() => {
+    if (isAnimationDisabledValue) {
+      return {
+        transform: [{
+          scale: scaleValue[1]
+        }]
+      };
+    }
+    return {
+      transform: [{
+        scale: withTiming(isSelected ? scaleValue[1] : scaleValue[0], scaleTimingConfig)
+      }]
+    };
+  });
+  return {
+    rContainerStyle
+  };
+}
+//# sourceMappingURL=radio-group.animation.js.map

package/lib/module/components/radio-group/radio-group.animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Easing","useAnimatedStyle","withTiming","useAnimationSettings","useCombinedAnimationDisabledState","getAnimationState","getAnimationValueMergedConfig","getAnimationValueProperty","getIsAnimationDisabledValue","useRadioGroupRootAnimation","options","animation","isAllAnimationsDisabled","useRadioGroupIndicatorThumbAnimation","isSelected","animationConfig","isAnimationDisabled","isAnimationDisabledValue","scaleValue","animationValue","scale","property","defaultValue","scaleTimingConfig","duration","easing","out","ease","rContainerStyle","transform"],"sourceRoot":"../../../../src","sources":["components/radio-group/radio-group.animation.ts"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,yBAAyB;AAC9E,SAASC,oBAAoB,QAAQ,iCAAwB;AAC7D,SAASC,iCAAiC,QAAQ,8BAAqB;AAEvE,SACEC,iBAAiB,EACjBC,6BAA6B,EAC7BC,yBAAyB,EACzBC,2BAA2B,QACtB,kCAA+B;AAGtC;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CAACC,OAE1C,EAAE;EACD,MAAM;IAAEC;EAAU,CAAC,GAAGD,OAAO;EAE7B,MAAME,uBAAuB,GAAGR,iCAAiC,CAACO,SAAS,CAAC;EAE5E,OAAO;IACLC;EACF,CAAC;AACH;;AAEA;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,oCAAoCA,CAACH,OAGpD,EAAE;EACD,MAAM;IAAEC,SAAS;IAAEG;EAAW,CAAC,GAAGJ,OAAO;;EAEzC;EACA,MAAM;IAAEE;EAAwB,CAAC,GAAGT,oBAAoB,CAAC,CAAC;EAE1D,MAAM;IAAEY,eAAe;IAAEC;EAAoB,CAAC,GAAGX,iBAAiB,CAACM,SAAS,CAAC;EAE7E,MAAMM,wBAAwB,GAAGT,2BAA2B,CAAC;IAC3DQ,mBAAmB;IACnBJ;EACF,CAAC,CAAC;;EAEF;EACA,MAAMM,UAAU,GAAGX,yBAAyB,CAAC;IAC3CY,cAAc,EAAEJ,eAAe,EAAEK,KAAK;IACtCC,QAAQ,EAAE,OAAO;IACjBC,YAAY,EAAE,CAAC,GAAG,EAAE,CAAC;EACvB,CAAC,CAAC;EAEF,MAAMC,iBAAiB,GAAGjB,6BAA6B,CAAC;IACtDa,cAAc,EAAEJ,eAAe,EAAEK,KAAK;IACtCC,QAAQ,EAAE,cAAc;IACxBC,YAAY,EAAE;MAAEE,QAAQ,EAAE,GAAG;MAAEC,MAAM,EAAEzB,MAAM,CAAC0B,GAAG,CAAC1B,MAAM,CAAC2B,IAAI;IAAE;EACjE,CAAC,CAAC;EAEF,MAAMC,eAAe,GAAG3B,gBAAgB,CAAC,MAAM;IAC7C,IAAIgB,wBAAwB,EAAE;MAC5B,OAAO;QACLY,SAAS,EAAE,CACT;UACET,KAAK,EAAEF,UAAU,CAAC,CAAC;QACrB,CAAC;MAEL,CAAC;IACH;IAEA,OAAO;MACLW,SAAS,EAAE,CACT;QACET,KAAK,EAAElB,UAAU,CACfY,UAAU,GAAGI,UAAU,CAAC,CAAC,CAAC,GAAGA,UAAU,CAAC,CAAC,CAAC,EAC1CK,iBACF;MACF,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IACLK;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/components/radio-group/radio-group.constants.js

@@ -0,0 +1,16 @@
+"use strict";
+
+/**
+ * Display names for RadioGroup components
+ */
+export const DISPLAY_NAME = {
+  RADIO_GROUP_ROOT: 'HeroUINative.RadioGroup.Root',
+  RADIO_GROUP_ITEM: 'HeroUINative.RadioGroup.Item',
+  RADIO_GROUP_INDICATOR: 'HeroUINative.RadioGroup.Indicator',
+  RADIO_GROUP_INDICATOR_THUMB: 'HeroUINative.RadioGroup.IndicatorThumb',
+  RADIO_GROUP_TITLE: 'HeroUINative.RadioGroup.Label',
+  RADIO_GROUP_DESCRIPTION: 'HeroUINative.RadioGroup.Description',
+  RADIO_GROUP_ERROR_MESSAGE: 'HeroUINative.RadioGroup.ErrorMessage'
+};
+export const DEFAULT_HIT_SLOP = 6;
+//# sourceMappingURL=radio-group.constants.js.map

package/lib/module/components/radio-group/radio-group.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DISPLAY_NAME","RADIO_GROUP_ROOT","RADIO_GROUP_ITEM","RADIO_GROUP_INDICATOR","RADIO_GROUP_INDICATOR_THUMB","RADIO_GROUP_TITLE","RADIO_GROUP_DESCRIPTION","RADIO_GROUP_ERROR_MESSAGE","DEFAULT_HIT_SLOP"],"sourceRoot":"../../../../src","sources":["components/radio-group/radio-group.constants.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAO,MAAMA,YAAY,GAAG;EAC1BC,gBAAgB,EAAE,8BAA8B;EAChDC,gBAAgB,EAAE,8BAA8B;EAChDC,qBAAqB,EAAE,mCAAmC;EAC1DC,2BAA2B,EAAE,wCAAwC;EACrEC,iBAAiB,EAAE,+BAA+B;EAClDC,uBAAuB,EAAE,qCAAqC;EAC9DC,yBAAyB,EAAE;AAC7B,CAAU;AAEV,OAAO,MAAMC,gBAAgB,GAAG,CAAC","ignoreList":[]}