@erquhart/heroui-native 1.0.0-beta.10.1

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

@@ -0,0 +1,150 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { combineStyles } from "../../helpers/theme/utils/combine-styles.js";
+
+/**
+ * Avatar root styles
+ */
+const avatarRoot = tv({
+  base: 'items-center justify-center overflow-hidden rounded-full',
+  variants: {
+    variant: {
+      default: 'bg-default',
+      soft: ''
+    },
+    size: {
+      sm: 'size-10',
+      md: 'size-12',
+      lg: 'size-16'
+    },
+    color: {
+      accent: '',
+      default: '',
+      success: '',
+      warning: '',
+      danger: ''
+    }
+  },
+  compoundVariants: [
+  // Soft variant colors
+  {
+    variant: 'soft',
+    color: 'accent',
+    className: 'bg-accent/15'
+  }, {
+    variant: 'soft',
+    color: 'default',
+    className: 'bg-default'
+  }, {
+    variant: 'soft',
+    color: 'success',
+    className: 'bg-success/15'
+  }, {
+    variant: 'soft',
+    color: 'warning',
+    className: 'bg-warning/15'
+  }, {
+    variant: 'soft',
+    color: 'danger',
+    className: 'bg-danger/15'
+  }],
+  defaultVariants: {
+    variant: 'default',
+    size: 'md',
+    color: 'accent'
+  }
+});
+
+/**
+ * Avatar image styles
+ *
+ * @note ANIMATED PROPERTIES (cannot be set via className):
+ * The following property is animated and cannot be overridden using Tailwind classes:
+ * - `opacity` - Animated for image loading transitions (from 0 to 1 when image loads)
+ *
+ * To customize this property, use the `animation` prop on `Avatar.Image`:
+ * ```tsx
+ * <Avatar.Image
+ *   animation={{
+ *     opacity: { value: [0, 1], timingConfig: { duration: 200, easing: Easing.in(Easing.ease) } }
+ *   }}
+ * />
+ * ```
+ *
+ * To completely disable animated styles and apply your own via className or style prop,
+ * set `isAnimatedStyleActive={false}` on `Avatar.Image`.
+ */
+const avatarImage = tv({
+  base: 'h-full w-full'
+});
+
+/**
+ * Avatar fallback styles with slots
+ */
+const avatarFallback = tv({
+  slots: {
+    container: 'h-full w-full items-center justify-center rounded-full',
+    text: 'font-medium'
+  },
+  variants: {
+    size: {
+      sm: {
+        text: 'text-xs'
+      },
+      md: {
+        text: 'text-sm'
+      },
+      lg: {
+        text: 'text-base'
+      }
+    },
+    color: {
+      default: {
+        text: 'text-default-foreground'
+      },
+      accent: {
+        text: 'text-accent'
+      },
+      success: {
+        text: 'text-success'
+      },
+      warning: {
+        text: 'text-warning'
+      },
+      danger: {
+        text: 'text-danger'
+      }
+    }
+  },
+  defaultVariants: {
+    size: 'md',
+    color: 'default'
+  }
+});
+
+/**
+ * Native styles for border curves
+ */
+export const styleSheet = StyleSheet.create({
+  borderCurve: {
+    borderCurve: 'continuous'
+  }
+});
+
+/**
+ * Combined avatar styles
+ */
+const avatarStyles = combineStyles({
+  root: avatarRoot,
+  image: avatarImage,
+  fallback: avatarFallback
+});
+
+/**
+ * Export slot types for type-safe classNames props
+ */
+
+export default avatarStyles;
+//# sourceMappingURL=avatar.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","tv","combineStyles","avatarRoot","base","variants","variant","default","soft","size","sm","md","lg","color","accent","success","warning","danger","compoundVariants","className","defaultVariants","avatarImage","avatarFallback","slots","container","text","styleSheet","create","borderCurve","avatarStyles","root","image","fallback"],"sourceRoot":"../../../../src","sources":["components/avatar/avatar.styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,QAAQ,mBAAmB;AACtC,SAASC,aAAa,QAAQ,6CAA0C;;AAExE;AACA;AACA;AACA,MAAMC,UAAU,GAAGF,EAAE,CAAC;EACpBG,IAAI,EAAE,0DAA0D;EAChEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,YAAY;MACrBC,IAAI,EAAE;IACR,CAAC;IACDC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN,CAAC;IACDC,KAAK,EAAE;MACLC,MAAM,EAAE,EAAE;MACVP,OAAO,EAAE,EAAE;MACXQ,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAE;IACV;EACF,CAAC;EACDC,gBAAgB,EAAE;EAChB;EACA;IACEZ,OAAO,EAAE,MAAM;IACfO,KAAK,EAAE,QAAQ;IACfM,SAAS,EAAE;EACb,CAAC,EACD;IACEb,OAAO,EAAE,MAAM;IACfO,KAAK,EAAE,SAAS;IAChBM,SAAS,EAAE;EACb,CAAC,EACD;IACEb,OAAO,EAAE,MAAM;IACfO,KAAK,EAAE,SAAS;IAChBM,SAAS,EAAE;EACb,CAAC,EACD;IACEb,OAAO,EAAE,MAAM;IACfO,KAAK,EAAE,SAAS;IAChBM,SAAS,EAAE;EACb,CAAC,EACD;IACEb,OAAO,EAAE,MAAM;IACfO,KAAK,EAAE,QAAQ;IACfM,SAAS,EAAE;EACb,CAAC,CACF;EACDC,eAAe,EAAE;IACfd,OAAO,EAAE,SAAS;IAClBG,IAAI,EAAE,IAAI;IACVI,KAAK,EAAE;EACT;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMQ,WAAW,GAAGpB,EAAE,CAAC;EACrBG,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMkB,cAAc,GAAGrB,EAAE,CAAC;EACxBsB,KAAK,EAAE;IACLC,SAAS,EAAE,wDAAwD;IACnEC,IAAI,EAAE;EACR,CAAC;EACDpB,QAAQ,EAAE;IACRI,IAAI,EAAE;MACJC,EAAE,EAAE;QACFe,IAAI,EAAE;MACR,CAAC;MACDd,EAAE,EAAE;QACFc,IAAI,EAAE;MACR,CAAC;MACDb,EAAE,EAAE;QACFa,IAAI,EAAE;MACR;IACF,CAAC;IACDZ,KAAK,EAAE;MACLN,OAAO,EAAE;QACPkB,IAAI,EAAE;MACR,CAAC;MACDX,MAAM,EAAE;QACNW,IAAI,EAAE;MACR,CAAC;MACDV,OAAO,EAAE;QACPU,IAAI,EAAE;MACR,CAAC;MACDT,OAAO,EAAE;QACPS,IAAI,EAAE;MACR,CAAC;MACDR,MAAM,EAAE;QACNQ,IAAI,EAAE;MACR;IACF;EACF,CAAC;EACDL,eAAe,EAAE;IACfX,IAAI,EAAE,IAAI;IACVI,KAAK,EAAE;EACT;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,OAAO,MAAMa,UAAU,GAAG1B,UAAU,CAAC2B,MAAM,CAAC;EAC1CC,WAAW,EAAE;IACXA,WAAW,EAAE;EACf;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,YAAY,GAAG3B,aAAa,CAAC;EACjC4B,IAAI,EAAE3B,UAAU;EAChB4B,KAAK,EAAEV,WAAW;EAClBW,QAAQ,EAAEV;AACZ,CAAC,CAAC;;AAEF;AACA;AACA;;AAGA,eAAeO,YAAY","ignoreList":[]}

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

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

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

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

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

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

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

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

package/lib/module/components/avatar/person-icon.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const PersonIcon = ({
+  size = 16,
+  color = 'currentColor'
+}) => {
+  return /*#__PURE__*/_jsx(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    children: /*#__PURE__*/_jsx(Path, {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M10 4.5C10 5.60457 9.10457 6.5 8 6.5C6.89543 6.5 6 5.60457 6 4.5C6 3.39543 6.89543 2.5 8 2.5C9.10457 2.5 10 3.39543 10 4.5ZM11.5 4.5C11.5 6.433 9.933 8 8 8C6.067 8 4.5 6.433 4.5 4.5C4.5 2.567 6.067 1 8 1C9.933 1 11.5 2.567 11.5 4.5ZM2.5 12.5C2.5 12.2955 2.72027 11.6911 3.81956 11.0413C4.83752 10.4395 6.31979 10 8 10C9.68021 10 11.1625 10.4395 12.1804 11.0413C13.2797 11.6911 13.5 12.2955 13.5 12.5C13.5 13.0523 13.0523 13.5 12.5 13.5H3.5C2.94772 13.5 2.5 13.0523 2.5 12.5ZM8 8.5C4.15 8.5 1 10.5 1 12.5C1 13.8807 2.11929 15 3.5 15H12.5C13.8807 15 15 13.8807 15 12.5C15 10.5 11.85 8.5 8 8.5Z",
+      fill: color
+    })
+  });
+};
+//# sourceMappingURL=person-icon.js.map

package/lib/module/components/avatar/person-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Svg","Path","jsx","_jsx","PersonIcon","size","color","width","height","viewBox","fill","children","fillRule","clipRule","d"],"sourceRoot":"../../../../src","sources":["components/avatar/person-icon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO7C,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG;AACV,CAAC,KAAK;EACJ,oBACEH,IAAA,CAACH,GAAG;IAACO,KAAK,EAAEF,IAAK;IAACG,MAAM,EAAEH,IAAK;IAACI,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,eAC7DR,IAAA,CAACF,IAAI;MACHW,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,ilBAAilB;MACnlBJ,IAAI,EAAEJ;IAAM,CACb;EAAC,CACC,CAAC;AAEV,CAAC","ignoreList":[]}

package/lib/module/components/bottom-sheet/bottom-sheet.animation.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { useAnimationSettings } from "../../helpers/contexts/index.js";
+import { createContext } from "../../helpers/utils/index.js";
+import { getAnimationState, getIsAnimationDisabledValue } from "../../helpers/utils/animation.js";
+const [BottomSheetAnimationProvider, useBottomSheetAnimation] = createContext({
+  name: 'BottomSheetAnimationContext'
+});
+export { BottomSheetAnimationProvider, useBottomSheetAnimation };
+
+// --------------------------------------------------
+
+/**
+ * Animation hook for BottomSheet Content component
+ * Handles animation disabled state based on local and global animation settings
+ */
+export function useBottomSheetContentAnimation(options) {
+  const {
+    animation
+  } = options;
+
+  // Read from global animation context (always available in compound parts)
+  const {
+    isAllAnimationsDisabled
+  } = useAnimationSettings();
+  const {
+    isAnimationDisabled
+  } = getAnimationState(animation);
+  const isAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+  return {
+    isAnimationDisabledValue
+  };
+}
+//# sourceMappingURL=bottom-sheet.animation.js.map

package/lib/module/components/bottom-sheet/bottom-sheet.animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAnimationSettings","createContext","getAnimationState","getIsAnimationDisabledValue","BottomSheetAnimationProvider","useBottomSheetAnimation","name","useBottomSheetContentAnimation","options","animation","isAllAnimationsDisabled","isAnimationDisabled","isAnimationDisabledValue"],"sourceRoot":"../../../../src","sources":["components/bottom-sheet/bottom-sheet.animation.ts"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,iCAAwB;AAE7D,SAASC,aAAa,QAAQ,8BAAqB;AACnD,SACEC,iBAAiB,EACjBC,2BAA2B,QACtB,kCAA+B;AAGtC,MAAM,CAACC,4BAA4B,EAAEC,uBAAuB,CAAC,GAC3DJ,aAAa,CAAmC;EAC9CK,IAAI,EAAE;AACR,CAAC,CAAC;AAEJ,SAASF,4BAA4B,EAAEC,uBAAuB;;AAE9D;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASE,8BAA8BA,CAACC,OAG9C,EAAE;EACD,MAAM;IAAEC;EAAU,CAAC,GAAGD,OAAO;;EAE7B;EACA,MAAM;IAAEE;EAAwB,CAAC,GAAGV,oBAAoB,CAAC,CAAC;EAE1D,MAAM;IAAEW;EAAoB,CAAC,GAAGT,iBAAiB,CAACO,SAAS,CAAC;EAE5D,MAAMG,wBAAwB,GAAGT,2BAA2B,CAAC;IAC3DQ,mBAAmB;IACnBD;EACF,CAAC,CAAC;EAEF,OAAO;IACLE;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/components/bottom-sheet/bottom-sheet.constants.js

@@ -0,0 +1,16 @@
+"use strict";
+
+/**
+ * Display names for BottomSheet components
+ */
+export const DISPLAY_NAME = {
+  ROOT: 'HeroUINative.BottomSheet.Root',
+  TRIGGER: 'HeroUINative.BottomSheet.Trigger',
+  PORTAL: 'HeroUINative.BottomSheet.Portal',
+  OVERLAY: 'HeroUINative.BottomSheet.Overlay',
+  CONTENT: 'HeroUINative.BottomSheet.Content',
+  CLOSE: 'HeroUINative.BottomSheet.Close',
+  TITLE: 'HeroUINative.BottomSheet.Title',
+  DESCRIPTION: 'HeroUINative.BottomSheet.Description'
+};
+//# sourceMappingURL=bottom-sheet.constants.js.map

package/lib/module/components/bottom-sheet/bottom-sheet.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DISPLAY_NAME","ROOT","TRIGGER","PORTAL","OVERLAY","CONTENT","CLOSE","TITLE","DESCRIPTION"],"sourceRoot":"../../../../src","sources":["components/bottom-sheet/bottom-sheet.constants.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAO,MAAMA,YAAY,GAAG;EAC1BC,IAAI,EAAE,+BAA+B;EACrCC,OAAO,EAAE,kCAAkC;EAC3CC,MAAM,EAAE,iCAAiC;EACzCC,OAAO,EAAE,kCAAkC;EAC3CC,OAAO,EAAE,kCAAkC;EAC3CC,KAAK,EAAE,gCAAgC;EACvCC,KAAK,EAAE,gCAAgC;EACvCC,WAAW,EAAE;AACf,CAAC","ignoreList":[]}

package/lib/module/components/bottom-sheet/bottom-sheet.js

@@ -0,0 +1,329 @@
+"use strict";
+
+import GorhomBottomSheet from '@gorhom/bottom-sheet';
+import { forwardRef, useMemo } from 'react';
+import Animated, { ReduceMotion, useSharedValue } from 'react-native-reanimated';
+import { withUniwind } from 'uniwind';
+import { BottomSheetContentContainer, CloseIcon, FullWindowOverlay } from "../../helpers/components/index.js";
+import { HeroText } from "../../helpers/components/hero-text.js";
+import { AnimationSettingsProvider, useAnimationSettings } from "../../helpers/contexts/animation-settings-context.js";
+import { usePopupBottomSheetContentAnimation } from "../../helpers/hooks/use-popup-bottom-sheet-content-animation.js";
+import { usePopupOverlayAnimation } from "../../helpers/hooks/use-popup-overlay-animation.js";
+import { usePopupRootAnimation } from "../../helpers/hooks/use-popup-root-animation.js";
+import { useThemeColor } from "../../helpers/theme/index.js";
+import * as BottomSheetPrimitives from "../../primitives/bottom-sheet/index.js";
+import { BottomSheetAnimationProvider, useBottomSheetAnimation, useBottomSheetContentAnimation } from "./bottom-sheet.animation.js";
+import { DISPLAY_NAME } from "./bottom-sheet.constants.js";
+import bottomSheetStyles, { styleSheet } from "./bottom-sheet.styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedOverlay = Animated.createAnimatedComponent(BottomSheetPrimitives.Overlay);
+const StyledGorhomBottomSheet = withUniwind(GorhomBottomSheet);
+const useBottomSheet = BottomSheetPrimitives.useRootContext;
+
+// --------------------------------------------------
+
+const BottomSheetRoot = /*#__PURE__*/forwardRef(({
+  children,
+  closeDelay = 300,
+  isDismissKeyboardOnClose = true,
+  isOpen: isOpenProp,
+  isDefaultOpen,
+  onOpenChange: onOpenChangeProp,
+  animation,
+  ...props
+}, ref) => {
+  const {
+    internalIsOpen,
+    componentState,
+    progress,
+    onOpenChange,
+    isAllAnimationsDisabled
+  } = usePopupRootAnimation({
+    isOpen: isOpenProp,
+    isDefaultOpen,
+    onOpenChange: onOpenChangeProp,
+    closeDelay,
+    isDismissKeyboardOnClose,
+    animation
+  });
+  const animationContextValue = useMemo(() => ({
+    bottomSheetState: componentState,
+    progress
+  }), [componentState, progress]);
+  const animationSettingsContextValue = useMemo(() => ({
+    isAllAnimationsDisabled
+  }), [isAllAnimationsDisabled]);
+  return /*#__PURE__*/_jsx(AnimationSettingsProvider, {
+    value: animationSettingsContextValue,
+    children: /*#__PURE__*/_jsx(BottomSheetAnimationProvider, {
+      value: animationContextValue,
+      children: /*#__PURE__*/_jsx(BottomSheetPrimitives.Root, {
+        ref: ref,
+        isOpen: internalIsOpen,
+        isDefaultOpen: isDefaultOpen,
+        onOpenChange: onOpenChange,
+        ...props,
+        children: children
+      })
+    })
+  });
+});
+
+// --------------------------------------------------
+
+const BottomSheetTrigger = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/_jsx(BottomSheetPrimitives.Trigger, {
+    ref: ref,
+    ...props
+  });
+});
+
+// --------------------------------------------------
+
+const BottomSheetPortal = ({
+  children,
+  ...props
+}) => {
+  const animationSettingsContext = useAnimationSettings();
+  const animationContext = useBottomSheetAnimation();
+  return /*#__PURE__*/_jsx(BottomSheetPrimitives.Portal, {
+    ...props,
+    children: /*#__PURE__*/_jsx(AnimationSettingsProvider, {
+      value: animationSettingsContext,
+      children: /*#__PURE__*/_jsx(BottomSheetAnimationProvider, {
+        value: animationContext,
+        children: /*#__PURE__*/_jsx(FullWindowOverlay, {
+          children: children
+        })
+      })
+    })
+  });
+};
+
+// --------------------------------------------------
+
+const BottomSheetOverlay = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  animation,
+  isAnimatedStyleActive = true,
+  ...props
+}, ref) => {
+  const {
+    progress
+  } = useBottomSheetAnimation();
+  const isDragging = useSharedValue(false);
+  const overlayClassName = bottomSheetStyles.overlay({
+    className
+  });
+  const {
+    rContainerStyle
+  } = usePopupOverlayAnimation({
+    progress,
+    isDragging,
+    animation
+  });
+  const overlayStyle = isAnimatedStyleActive ? [rContainerStyle, style] : style;
+  return /*#__PURE__*/_jsx(AnimatedOverlay, {
+    ref: ref,
+    className: overlayClassName,
+    style: overlayStyle,
+    ...props
+  });
+});
+
+// --------------------------------------------------
+
+const BottomSheetContent = /*#__PURE__*/forwardRef(({
+  children,
+  backgroundClassName,
+  handleIndicatorClassName,
+  contentContainerClassName,
+  contentContainerProps,
+  animationConfigs,
+  animation,
+  ...restProps
+}, ref) => {
+  const {
+    onOpenChange
+  } = useBottomSheet();
+  const {
+    bottomSheetState,
+    progress
+  } = useBottomSheetAnimation();
+  const {
+    isAnimationDisabledValue
+  } = useBottomSheetContentAnimation({
+    animation
+  });
+  const {
+    animatedIndex
+  } = usePopupBottomSheetContentAnimation({
+    progress,
+    componentState: bottomSheetState
+  });
+  const contentBackgroundClassName = bottomSheetStyles.contentBackground({
+    className: backgroundClassName
+  });
+  const contentHandleIndicatorClassName = bottomSheetStyles.contentHandleIndicator({
+    className: handleIndicatorClassName
+  });
+  const contentContainerClassNameValue = bottomSheetStyles.contentContainer({
+    className: contentContainerClassName
+  });
+  const onClose = () => {
+    onOpenChange(false);
+    restProps.onClose?.();
+  };
+  const mergedAnimationConfigs = useMemo(() => ({
+    ...animationConfigs,
+    reduceMotion: isAnimationDisabledValue ? ReduceMotion.Always : animationConfigs?.reduceMotion
+  }), [animationConfigs, isAnimationDisabledValue]);
+  return /*#__PURE__*/_jsx(StyledGorhomBottomSheet, {
+    ref: ref,
+    backgroundClassName: contentBackgroundClassName,
+    backgroundStyle: [styleSheet.contentContainer, restProps.backgroundStyle],
+    handleIndicatorClassName: contentHandleIndicatorClassName,
+    enablePanDownToClose: restProps.enablePanDownToClose ?? true,
+    animatedIndex: animatedIndex ?? restProps.animatedIndex,
+    onClose: onClose,
+    animationConfigs: mergedAnimationConfigs,
+    ...restProps,
+    children: /*#__PURE__*/_jsx(BottomSheetContentContainer, {
+      state: bottomSheetState,
+      contentContainerClassName: contentContainerClassNameValue,
+      contentContainerProps: contentContainerProps,
+      children: children
+    })
+  });
+});
+
+// --------------------------------------------------
+
+const BottomSheetClose = /*#__PURE__*/forwardRef(({
+  className,
+  iconProps,
+  hitSlop = 12,
+  children,
+  ...props
+}, ref) => {
+  const themeColorMuted = useThemeColor('muted');
+  const tvStyles = bottomSheetStyles.close({
+    className
+  });
+  return /*#__PURE__*/_jsx(BottomSheetPrimitives.Close, {
+    ref: ref,
+    className: tvStyles,
+    hitSlop: hitSlop,
+    ...props,
+    children: children || /*#__PURE__*/_jsx(CloseIcon, {
+      size: iconProps?.size ?? 18,
+      color: iconProps?.color ?? themeColorMuted
+    })
+  });
+});
+
+// --------------------------------------------------
+
+const BottomSheetTitle = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    nativeID
+  } = useBottomSheet();
+  const tvStyles = bottomSheetStyles.label({
+    className
+  });
+  return /*#__PURE__*/_jsx(HeroText, {
+    ref: ref,
+    role: "heading",
+    accessibilityRole: "header",
+    nativeID: `${nativeID}_label`,
+    className: tvStyles,
+    ...props,
+    children: children
+  });
+});
+
+// --------------------------------------------------
+
+const BottomSheetDescription = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    nativeID
+  } = useBottomSheet();
+  const tvStyles = bottomSheetStyles.description({
+    className
+  });
+  return /*#__PURE__*/_jsx(HeroText, {
+    ref: ref,
+    accessibilityRole: "text",
+    nativeID: `${nativeID}_desc`,
+    className: tvStyles,
+    ...props,
+    children: children
+  });
+});
+
+// --------------------------------------------------
+
+BottomSheetRoot.displayName = DISPLAY_NAME.ROOT;
+BottomSheetTrigger.displayName = DISPLAY_NAME.TRIGGER;
+BottomSheetPortal.displayName = DISPLAY_NAME.PORTAL;
+BottomSheetOverlay.displayName = DISPLAY_NAME.OVERLAY;
+BottomSheetContent.displayName = DISPLAY_NAME.CONTENT;
+BottomSheetClose.displayName = DISPLAY_NAME.CLOSE;
+BottomSheetTitle.displayName = DISPLAY_NAME.TITLE;
+BottomSheetDescription.displayName = DISPLAY_NAME.DESCRIPTION;
+
+/**
+ * Compound BottomSheet component with sub-components
+ *
+ * @component BottomSheet.Root - Main container that manages open/close state.
+ * Provides the bottom sheet context to child components.
+ *
+ * @component BottomSheet.Trigger - Button or element that opens the bottom sheet.
+ * Accepts any pressable element as children.
+ *
+ * @component BottomSheet.Portal - Portal container for bottom sheet overlay and content.
+ * Renders children in a portal with full window overlay.
+ *
+ * @component BottomSheet.Overlay - Background overlay that covers the screen.
+ * Typically closes the bottom sheet when clicked.
+ *
+ * @component BottomSheet.Content - The bottom sheet content container.
+ * Uses @gorhom/bottom-sheet for rendering. Contains the main bottom sheet UI elements.
+ *
+ * @component BottomSheet.Close - Close button for the bottom sheet.
+ * Can accept custom children or uses default close icon.
+ *
+ * @component BottomSheet.Title - The bottom sheet title text.
+ * Automatically linked for accessibility.
+ *
+ * @component BottomSheet.Description - The bottom sheet description text.
+ * Automatically linked for accessibility.
+ */
+const BottomSheet = Object.assign(BottomSheetRoot, {
+  /** @optional Trigger element to open the bottom sheet */
+  Trigger: BottomSheetTrigger,
+  /** @optional Portal container for overlay and content */
+  Portal: BottomSheetPortal,
+  /** @optional Background overlay */
+  Overlay: BottomSheetOverlay,
+  /** @optional Main bottom sheet content container */
+  Content: BottomSheetContent,
+  /** @optional Close button for the bottom sheet */
+  Close: BottomSheetClose,
+  /** @optional Bottom sheet title text */
+  Title: BottomSheetTitle,
+  /** @optional Bottom sheet description text */
+  Description: BottomSheetDescription
+});
+export { useBottomSheet, useBottomSheetAnimation };
+export default BottomSheet;
+//# sourceMappingURL=bottom-sheet.js.map

package/lib/module/components/bottom-sheet/bottom-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GorhomBottomSheet","forwardRef","useMemo","Animated","ReduceMotion","useSharedValue","withUniwind","BottomSheetContentContainer","CloseIcon","FullWindowOverlay","HeroText","AnimationSettingsProvider","useAnimationSettings","usePopupBottomSheetContentAnimation","usePopupOverlayAnimation","usePopupRootAnimation","useThemeColor","BottomSheetPrimitives","BottomSheetAnimationProvider","useBottomSheetAnimation","useBottomSheetContentAnimation","DISPLAY_NAME","bottomSheetStyles","styleSheet","jsx","_jsx","AnimatedOverlay","createAnimatedComponent","Overlay","StyledGorhomBottomSheet","useBottomSheet","useRootContext","BottomSheetRoot","children","closeDelay","isDismissKeyboardOnClose","isOpen","isOpenProp","isDefaultOpen","onOpenChange","onOpenChangeProp","animation","props","ref","internalIsOpen","componentState","progress","isAllAnimationsDisabled","animationContextValue","bottomSheetState","animationSettingsContextValue","value","Root","BottomSheetTrigger","Trigger","BottomSheetPortal","animationSettingsContext","animationContext","Portal","BottomSheetOverlay","className","style","isAnimatedStyleActive","isDragging","overlayClassName","overlay","rContainerStyle","overlayStyle","BottomSheetContent","backgroundClassName","handleIndicatorClassName","contentContainerClassName","contentContainerProps","animationConfigs","restProps","isAnimationDisabledValue","animatedIndex","contentBackgroundClassName","contentBackground","contentHandleIndicatorClassName","contentHandleIndicator","contentContainerClassNameValue","contentContainer","onClose","mergedAnimationConfigs","reduceMotion","Always","backgroundStyle","enablePanDownToClose","state","BottomSheetClose","iconProps","hitSlop","themeColorMuted","tvStyles","close","Close","size","color","BottomSheetTitle","nativeID","label","role","accessibilityRole","BottomSheetDescription","description","displayName","ROOT","TRIGGER","PORTAL","OVERLAY","CONTENT","CLOSE","TITLE","DESCRIPTION","BottomSheet","Object","assign","Content","Title","Description"],"sourceRoot":"../../../../src","sources":["components/bottom-sheet/bottom-sheet.tsx"],"mappings":"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","ignoreList":[]}