@cdx-ui/components 0.0.1-alpha.2 → 0.0.1-alpha.21

package/README.md

@@ -2,7 +2,7 @@
 
 Styled, theme-aware UI components for the Candescent Design System.
 
-Built on top of [`@cdx-ui/primitives`](../primitives/) and [`@cdx-ui/tokens`](../tokens/), styled via [Uniwind](https://uniwind.dev) + [CVA](https://cva.style).
+Built on top of [`@cdx-ui/primitives`](../primitives/) and [`@cdx-ui/styles`](../styles/), styled via [Uniwind](https://uniwind.dev) + [CVA](https://cva.style).
 
 ## Installation
 
@@ -24,7 +24,7 @@ import { Button } from '@cdx-ui/components';
 
 export function Example() {
   return (
-    <Button variant="solid" color="primary" size="md" onPress={() => console.log('pressed')}>
+    <Button variant="strong" color="action" size="default" onPress={() => console.log('pressed')}>
       <Button.Label>Get Started</Button.Label>
     </Button>
   );

package/lib/commonjs/components/Avatar/index.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _Icon = require("../Icon");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const SCOPE = 'AVATAR';
+const Root = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
+const useAvatarStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
+const AvatarPrimitive = (0, _primitives.createAvatar)({
+  Root,
+  Image: _reactNative.Image,
+  Text: _reactNative.Text,
+  Icon: _Icon.Icon,
+  Badge: _reactNative.View
+});
+
+// =============================================================================
+// AVATAR ROOT
+// =============================================================================
+
+const AvatarRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  size = 'lg',
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarRootVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    context: {
+      size
+    },
+    ...props,
+    children: children
+  });
+});
+AvatarRoot.displayName = 'Avatar';
+
+// =============================================================================
+// AVATAR IMAGE
+// =============================================================================
+
+const AvatarImage = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarImageVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Image, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+});
+AvatarImage.displayName = 'Avatar.Image';
+
+// =============================================================================
+// AVATAR TEXT
+// =============================================================================
+
+const AvatarText = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useAvatarStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarTextVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Text, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+AvatarText.displayName = 'Avatar.Text';
+
+// =============================================================================
+// AVATAR ICON
+// =============================================================================
+
+const AvatarIcon = ({
+  className,
+  style,
+  ...props
+}) => {
+  const {
+    size
+  } = useAvatarStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarIconVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Icon, {
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+};
+AvatarIcon.displayName = 'Avatar.Icon';
+
+// =============================================================================
+// AVATAR BADGE
+// =============================================================================
+
+const AvatarBadge = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useAvatarStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarBadgeVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Badge, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+AvatarBadge.displayName = 'Avatar.Badge';
+
+// =============================================================================
+// COMPOUND COMPONENT
+// =============================================================================
+
+const Avatar = exports.Avatar = Object.assign(AvatarRoot, {
+  Image: AvatarImage,
+  Text: AvatarText,
+  Icon: AvatarIcon,
+  Badge: AvatarBadge
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useAvatarStyleContext","useStyleContext","AvatarPrimitive","createAvatar","Image","Text","Icon","IconComponent","Badge","AvatarRoot","forwardRef","size","className","children","style","props","ref","computedClassName","cn","avatarRootVariants","jsx","context","displayName","AvatarImage","avatarImageVariants","AvatarText","avatarTextVariants","AvatarIcon","avatarIconVariants","AvatarBadge","avatarBadgeVariants","Avatar","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Avatar/styles.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.avatarTextVariants = exports.avatarRootVariants = exports.avatarImageVariants = exports.avatarIconVariants = exports.avatarBadgeVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+var _primitives = require("../../styles/primitives");
+// ── Root ─────────────────────────────────────────────────
+
+const avatarRootVariants = exports.avatarRootVariants = (0, _classVarianceAuthority.cva)([_primitives.RADIUS_FULL, 'relative items-center justify-center', _primitives.COLOR_BG_MUTED], {
+  variants: {
+    size: {
+      sm: 'w-8 h-8',
+      md: 'w-10 h-10',
+      lg: 'w-12 h-12',
+      xl: 'w-16 h-16',
+      '2xl': 'w-20 h-20'
+    }
+  },
+  defaultVariants: {
+    size: 'lg'
+  }
+});
+
+// ── Image ────────────────────────────────────────────────
+
+const avatarImageVariants = exports.avatarImageVariants = (0, _classVarianceAuthority.cva)(['absolute top-0 left-0 w-full h-full', _primitives.RADIUS_FULL, 'overflow-hidden']);
+
+// ── Text ─────────────────────────────────────────────────
+
+const avatarTextVariants = exports.avatarTextVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_SECONDARY, 'font-semibold'], {
+  variants: {
+    size: {
+      sm: 'text-xs',
+      md: 'text-sm',
+      lg: 'text-base',
+      xl: 'text-xl',
+      '2xl': 'text-2xl'
+    }
+  },
+  defaultVariants: {
+    size: 'lg'
+  }
+});
+
+// ── Icon ─────────────────────────────────────────────────
+
+const avatarIconVariants = exports.avatarIconVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_SECONDARY], {
+  variants: {
+    size: {
+      sm: 'size-4',
+      md: 'size-5',
+      lg: 'size-6',
+      xl: 'size-8',
+      '2xl': 'size-10'
+    }
+  },
+  defaultVariants: {
+    size: 'lg'
+  }
+});
+
+// ── Badge ────────────────────────────────────────────────
+
+const avatarBadgeVariants = exports.avatarBadgeVariants = (0, _classVarianceAuthority.cva)(['absolute border-2 border-white', _primitives.RADIUS_FULL], {
+  variants: {
+    size: {
+      sm: 'w-2.5 h-2.5 bottom-0 right-0',
+      md: 'w-3 h-3 bottom-0 right-0',
+      lg: 'w-3.5 h-3.5 bottom-0 right-0',
+      xl: 'w-4 h-4 bottom-0.5 right-0.5',
+      '2xl': 'w-5 h-5 bottom-0.5 right-0.5'
+    }
+  },
+  defaultVariants: {
+    size: 'lg'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/Avatar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","_primitives","avatarRootVariants","exports","cva","RADIUS_FULL","COLOR_BG_MUTED","variants","size","sm","md","lg","xl","defaultVariants","avatarImageVariants","avatarTextVariants","COLOR_TEXT_SECONDARY","avatarIconVariants","avatarBadgeVariants"],"sourceRoot":"../../../../src","sources":["components/Avatar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA;;AAEO,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,2BAAG,EACnC,CAACC,uBAAW,EAAE,sCAAsC,EAAEC,0BAAc,CAAC,EACrE;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACf,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMM,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,IAAAV,2BAAG,EAAC,CACrC,qCAAqC,EACrCC,uBAAW,EACX,iBAAiB,CAClB,CAAC;;AAEF;;AAEO,MAAMU,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,2BAAG,EAAC,CAACY,gCAAoB,EAAE,eAAe,CAAC,EAAE;EAC7ET,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,SAAS;MACb,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMS,kBAAkB,GAAAd,OAAA,CAAAc,kBAAA,GAAG,IAAAb,2BAAG,EAAC,CAACY,gCAAoB,CAAC,EAAE;EAC5DT,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMU,mBAAmB,GAAAf,OAAA,CAAAe,mBAAA,GAAG,IAAAd,2BAAG,EAAC,CAAC,gCAAgC,EAAEC,uBAAW,CAAC,EAAE;EACtFE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,0BAA0B;MAC9BC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,8BAA8B;MAClC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/BottomSheet/index.js

@@ -0,0 +1,248 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BottomSheet = void 0;
+exports.useBottomSheet = useBottomSheet;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _bottomSheet = require("@gorhom/bottom-sheet");
+var _utils = require("@cdx-ui/utils");
+var _icons = require("@cdx-ui/icons");
+var _Heading = require("../Heading");
+var _Icon = require("../Icon");
+var _Text = require("../Text");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Ref type for BottomSheet; forwards the @gorhom modal ref (present, dismiss, snapToIndex, minimize, restore, etc.). */
+
+function BottomSheetHeaderComponent({
+  title,
+  subtitle,
+  children,
+  className,
+  onClose,
+  closeAccessibilityLabel,
+  onBack,
+  backAccessibilityLabel = 'Go back'
+}, ref) {
+  const hasTitle = title !== undefined && title !== '';
+  const hasContent = hasTitle || !!children || !!onBack;
+  const computedClassName = (0, _utils.cn)((0, _styles.bottomSheetHeaderVariants)({
+    hasTitle: hasContent
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ref: ref,
+    className: computedClassName,
+    children: [onBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: onBack,
+      hitSlop: 12,
+      accessibilityRole: "button",
+      accessibilityLabel: backAccessibilityLabel,
+      className: (0, _utils.cn)((0, _styles.bottomSheetBackButtonVariants)()),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        as: _icons.ArrowBackIosNew,
+        className: (0, _styles.bottomSheetBackIconVariants)()
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: "flex-1",
+      children: children ?? (hasTitle ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.Heading, {
+          size: "xs",
+          className: "text-lg",
+          children: title
+        }), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          className: (0, _styles.bottomSheetSubtitleVariants)(),
+          children: subtitle
+        }) : null]
+      }) : null)
+    }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(BottomSheetCloseButton, {
+      onPress: onClose,
+      ...(closeAccessibilityLabel !== undefined && {
+        accessibilityLabel: closeAccessibilityLabel
+      })
+    })]
+  });
+}
+BottomSheetHeaderComponent.displayName = 'BottomSheet.Header';
+const BottomSheetHeader = /*#__PURE__*/(0, _react.forwardRef)(BottomSheetHeaderComponent);
+BottomSheetHeader.displayName = 'BottomSheet.Header';
+
+// =============================================================================
+// CLOSEBUTTON
+// =============================================================================
+
+function BottomSheetCloseButton({
+  onPress,
+  className,
+  accessibilityLabel = 'Close'
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onPress,
+    hitSlop: 12,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    className: (0, _utils.cn)((0, _styles.bottomSheetCloseButtonVariants)(), className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      as: _icons.Close,
+      className: (0, _styles.bottomSheetCloseIconVariants)()
+    })
+  });
+}
+BottomSheetCloseButton.displayName = 'BottomSheet.CloseButton';
+
+// =============================================================================
+// CONTENT
+// =============================================================================
+
+const BottomSheetContent = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  hasSafeAreaInset,
+  style
+}, ref) => {
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const computedClassName = (0, _utils.cn)((0, _styles.bottomSheetContentVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    className: computedClassName,
+    style: hasSafeAreaInset ? {
+      paddingBottom: insets.bottom,
+      ...style
+    } : style,
+    pointerEvents: "box-none",
+    children: children
+  });
+});
+BottomSheetContent.displayName = 'BottomSheet.Content';
+
+// =============================================================================
+// FOOTER
+// =============================================================================
+
+const BottomSheetFooter = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  style
+}, ref) => {
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const computedClassName = (0, _utils.cn)((0, _styles.bottomSheetFooterVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    className: computedClassName,
+    style: {
+      paddingBottom: Math.max(insets.bottom, 24),
+      ...style
+    },
+    pointerEvents: "box-none",
+    children: children
+  });
+});
+BottomSheetFooter.displayName = 'BottomSheet.Footer';
+
+// =============================================================================
+// MODAL WRAPPER (WITH STYLES)
+// =============================================================================
+
+const MAX_DYNAMIC_CONTENT_SIZE = _reactNative.Dimensions.get('window').height * 0.9;
+const CustomBackdrop = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetBackdrop, {
+    ...props,
+    disappearsOnIndex: -1,
+    appearsOnIndex: 0,
+    opacity: 0.5,
+    pressBehavior: "close"
+  });
+};
+const BottomSheetModalStyled = /*#__PURE__*/(0, _react.forwardRef)(({
+  handleVisible = true,
+  footer,
+  ...rest
+}, ref) => {
+  const renderFooter = (0, _react.useCallback)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetFooter, {
+    ...props,
+    children: footer
+  }), [footer]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetModal, {
+    ref: ref,
+    enableDynamicSizing: true,
+    maxDynamicContentSize: MAX_DYNAMIC_CONTENT_SIZE,
+    handleComponent: handleVisible ? undefined : null,
+    handleIndicatorStyle: handleVisible ? _styles.handleIndicatorStyle : undefined,
+    backdropComponent: CustomBackdrop,
+    backgroundComponent: backgroundProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ...backgroundProps,
+      className: (0, _utils.cn)((0, _styles.bottomSheetContainerVariants)())
+    }),
+    ...rest,
+    ...(footer != null && {
+      footerComponent: renderFooter
+    })
+  });
+});
+BottomSheetModalStyled.displayName = 'BottomSheet.Modal';
+
+// =============================================================================
+// SCROLLVIEW WRAPPER (with footer margin adjustment enabled by default)
+// =============================================================================
+
+function BottomSheetScrollViewStyled({
+  enableFooterMarginAdjustment = true,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetScrollView, {
+    enableFooterMarginAdjustment: enableFooterMarginAdjustment,
+    ...rest,
+    children: children
+  });
+}
+BottomSheetScrollViewStyled.displayName = 'BottomSheet.ScrollView';
+
+// =============================================================================
+// VIEW WRAPPER (with footer margin adjustment enabled by default)
+// =============================================================================
+
+function BottomSheetViewStyled({
+  enableFooterMarginAdjustment = true,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetView, {
+    enableFooterMarginAdjustment: enableFooterMarginAdjustment,
+    ...rest,
+    children: children
+  });
+}
+BottomSheetViewStyled.displayName = 'BottomSheet.View';
+
+// Display names for gorhom components exposed as BottomSheet.*
+
+_bottomSheet.BottomSheetModalProvider.displayName = 'BottomSheet.Provider';
+
+// ── Public exports ────────────────────────────────────────
+
+const BottomSheet = exports.BottomSheet = {
+  Modal: BottomSheetModalStyled,
+  Header: BottomSheetHeader,
+  Content: BottomSheetContent,
+  Footer: BottomSheetFooter,
+  Provider: _bottomSheet.BottomSheetModalProvider,
+  ScrollView: BottomSheetScrollViewStyled,
+  View: BottomSheetViewStyled
+};
+
+// ── Hooks ────────────────────────────────────────────────
+
+function useBottomSheet() {
+  const ref = (0, _react.useRef)(null);
+  return {
+    ref,
+    present: () => ref.current?.present(),
+    dismiss: () => ref.current?.dismiss()
+  };
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/BottomSheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_bottomSheet","_utils","_icons","_Heading","_Icon","_Text","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BottomSheetHeaderComponent","title","subtitle","children","className","onClose","closeAccessibilityLabel","onBack","backAccessibilityLabel","ref","hasTitle","undefined","hasContent","computedClassName","cn","bottomSheetHeaderVariants","jsxs","View","jsx","Pressable","onPress","hitSlop","accessibilityRole","accessibilityLabel","bottomSheetBackButtonVariants","Icon","as","ArrowBackIosNew","bottomSheetBackIconVariants","Heading","size","Text","bottomSheetSubtitleVariants","BottomSheetCloseButton","displayName","BottomSheetHeader","forwardRef","bottomSheetCloseButtonVariants","Close","bottomSheetCloseIconVariants","BottomSheetContent","hasSafeAreaInset","style","insets","useSafeAreaInsets","bottomSheetContentVariants","paddingBottom","bottom","pointerEvents","BottomSheetFooter","bottomSheetFooterVariants","Math","max","MAX_DYNAMIC_CONTENT_SIZE","Dimensions","height","CustomBackdrop","props","BottomSheetBackdrop","disappearsOnIndex","appearsOnIndex","opacity","pressBehavior","BottomSheetModalStyled","handleVisible","footer","rest","renderFooter","useCallback","BottomSheetModal","enableDynamicSizing","maxDynamicContentSize","handleComponent","handleIndicatorStyle","backdropComponent","backgroundComponent","backgroundProps","bottomSheetContainerVariants","footerComponent","BottomSheetScrollViewStyled","enableFooterMarginAdjustment","BottomSheetScrollView","BottomSheetViewStyled","BottomSheetView","BottomSheetModalProvider","BottomSheet","exports","Modal","Header","Content","Footer","Provider","ScrollView","useBottomSheet","useRef","present","current","dismiss"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/BottomSheet/styles.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleIndicatorStyle = exports.bottomSheetSubtitleVariants = exports.bottomSheetHeaderVariants = exports.bottomSheetFooterVariants = exports.bottomSheetContentVariants = exports.bottomSheetContainerVariants = exports.bottomSheetCloseIconVariants = exports.bottomSheetCloseButtonVariants = exports.bottomSheetBackIconVariants = exports.bottomSheetBackButtonVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+var _primitives = require("../../styles/primitives");
+// ── Container ──────────────────────────────────────────────
+
+const bottomSheetContainerVariants = exports.bottomSheetContainerVariants = (0, _classVarianceAuthority.cva)(['rounded-t-3xl border-t border-x overflow-hidden', _primitives.COLOR_BG_PRIMARY, _primitives.COLOR_BORDER_DEFAULT]);
+
+// ── Header ─────────────────────────────────────────────────
+
+const bottomSheetHeaderVariants = exports.bottomSheetHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between min-h-12 px-4 pt-3 pb-2', _primitives.COLOR_BG_PRIMARY, _primitives.COLOR_TEXT_PRIMARY], {
+  variants: {
+    hasTitle: {
+      true: '',
+      false: 'justify-end'
+    }
+  },
+  defaultVariants: {
+    hasTitle: true
+  }
+});
+
+// ── Content ────────────────────────────────────────────────
+
+const bottomSheetContentVariants = exports.bottomSheetContentVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_BG_PRIMARY, 'px-4 pb-6']);
+
+// ── Footer ─────────────────────────────────────────────────
+
+const bottomSheetFooterVariants = exports.bottomSheetFooterVariants = (0, _classVarianceAuthority.cva)(['px-4 pt-3 pb-4 border-t', _primitives.COLOR_BG_PRIMARY, _primitives.COLOR_BORDER_DEFAULT]);
+
+// ── Subtitle ────────────────────────────────────────────────
+
+const bottomSheetSubtitleVariants = exports.bottomSheetSubtitleVariants = (0, _classVarianceAuthority.cva)(['text-sm', _primitives.COLOR_TEXT_SECONDARY]);
+
+// ── Back Button ─────────────────────────────────────────────
+
+const bottomSheetBackButtonVariants = exports.bottomSheetBackButtonVariants = (0, _classVarianceAuthority.cva)(['p-1 -m-1 mr-2 rounded-full active:opacity-70']);
+const bottomSheetBackIconVariants = exports.bottomSheetBackIconVariants = (0, _classVarianceAuthority.cva)(['size-5 text-slate-500']);
+
+// ── Close Button ───────────────────────────────────────────
+
+const bottomSheetCloseButtonVariants = exports.bottomSheetCloseButtonVariants = (0, _classVarianceAuthority.cva)(['p-1 -m-1 rounded-full active:opacity-70']);
+
+// ── Close Icon ─────────────────────────────────────────────
+
+const bottomSheetCloseIconVariants = exports.bottomSheetCloseIconVariants = (0, _classVarianceAuthority.cva)(['size-5 text-slate-500']);
+
+// ── Handle indicator ────────────────────────────────────────
+// Plain ViewStyle — gorhom's handleIndicatorStyle doesn't accept classNames.
+// slate-300 (#cbd5e1) maps to COLOR_BORDER_STRONG; update when raw token palette is available (TODO).
+const handleIndicatorStyle = exports.handleIndicatorStyle = {
+  backgroundColor: '#cbd5e1',
+  width: 36,
+  height: 4,
+  borderRadius: 2
+};
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/BottomSheet/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","_primitives","bottomSheetContainerVariants","exports","cva","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","bottomSheetHeaderVariants","COLOR_TEXT_PRIMARY","variants","hasTitle","true","false","defaultVariants","bottomSheetContentVariants","bottomSheetFooterVariants","bottomSheetSubtitleVariants","COLOR_TEXT_SECONDARY","bottomSheetBackButtonVariants","bottomSheetBackIconVariants","bottomSheetCloseButtonVariants","bottomSheetCloseIconVariants","handleIndicatorStyle","backgroundColor","width","height","borderRadius"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/styles.ts"],"mappings":";;;;;;AACA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAOA;;AAEO,MAAME,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,2BAAG,EAAC,CAC9C,iDAAiD,EACjDC,4BAAgB,EAChBC,gCAAoB,CACrB,CAAC;;AAEF;;AAEO,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAG,IAAAH,2BAAG,EAC1C,CACE,+DAA+D,EAC/DC,4BAAgB,EAChBG,8BAAkB,CACnB,EACD;EACEC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;;AAED;;AAEO,MAAMI,0BAA0B,GAAAX,OAAA,CAAAW,0BAAA,GAAG,IAAAV,2BAAG,EAAC,CAACC,4BAAgB,EAAE,WAAW,CAAC,CAAC;;AAE9E;;AAEO,MAAMU,yBAAyB,GAAAZ,OAAA,CAAAY,yBAAA,GAAG,IAAAX,2BAAG,EAAC,CAC3C,yBAAyB,EACzBC,4BAAgB,EAChBC,gCAAoB,CACrB,CAAC;;AAEF;;AAEO,MAAMU,2BAA2B,GAAAb,OAAA,CAAAa,2BAAA,GAAG,IAAAZ,2BAAG,EAAC,CAAC,SAAS,EAAEa,gCAAoB,CAAC,CAAC;;AAEjF;;AAEO,MAAMC,6BAA6B,GAAAf,OAAA,CAAAe,6BAAA,GAAG,IAAAd,2BAAG,EAAC,CAAC,8CAA8C,CAAC,CAAC;AAE3F,MAAMe,2BAA2B,GAAAhB,OAAA,CAAAgB,2BAAA,GAAG,IAAAf,2BAAG,EAAC,CAAC,uBAAuB,CAAC,CAAC;;AAEzE;;AAEO,MAAMgB,8BAA8B,GAAAjB,OAAA,CAAAiB,8BAAA,GAAG,IAAAhB,2BAAG,EAAC,CAAC,yCAAyC,CAAC,CAAC;;AAE9F;;AAEO,MAAMiB,4BAA4B,GAAAlB,OAAA,CAAAkB,4BAAA,GAAG,IAAAjB,2BAAG,EAAC,CAAC,uBAAuB,CAAC,CAAC;;AAE1E;AACA;AACA;AACO,MAAMkB,oBAA+B,GAAAnB,OAAA,CAAAmB,oBAAA,GAAG;EAC7CC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,CAAC;EACTC,YAAY,EAAE;AAChB,CAAC","ignoreList":[]}

package/lib/commonjs/components/Box/Box.js

@@ -8,6 +8,7 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _WrapStringChild = require("../../utils/WrapStringChild");
 var _jsxRuntime = require("react/jsx-runtime");
+/** @deprecated Use View instead */
 const Box = exports.Box = /*#__PURE__*/(0, _react.forwardRef)(({
   style,
   className,

package/lib/commonjs/components/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_WrapStringChild","_jsxRuntime","Box","exports","forwardRef","style","className","children","textProps","restProps","ref","jsx","View","WrapStringChild","displayName"],"sourceRoot":"../../../../src","sources":["components/Box/Box.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAQvD,MAAMI,GAAG,GAAAC,OAAA,CAAAD,GAAA,gBAAG,IAAAE,iBAAU,EAC3B,CAAC;EAAEC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAU,CAAC,EAAEC,GAAuB,KAAK;EACpF,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAACF,GAAG,EAAEA,GAAI;IAACL,KAAK,EAAEA,KAAM;IAACC,SAAS,EAAEA,SAAU;IAAA,GAAKG,SAAS;IAAAF,QAAA,eAC/D,IAAAN,WAAA,CAAAU,GAAA,EAACX,gBAAA,CAAAa,eAAe;MAACL,SAAS,EAAEA,SAAU;MAAAD,QAAA,EAAEA;IAAQ,CAAkB;EAAC,CAC/D,CAAC;AAEX,CACF,CAAC;AAEDL,GAAG,CAACY,WAAW,GAAG,KAAK","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_WrapStringChild","_jsxRuntime","Box","exports","forwardRef","style","className","children","textProps","restProps","ref","jsx","View","WrapStringChild","displayName"],"sourceRoot":"../../../../src","sources":["components/Box/Box.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAQ9D;AACO,MAAMI,GAAG,GAAAC,OAAA,CAAAD,GAAA,gBAAG,IAAAE,iBAAU,EAC3B,CAAC;EAAEC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAU,CAAC,EAAEC,GAAuB,KAAK;EACpF,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAACF,GAAG,EAAEA,GAAI;IAACL,KAAK,EAAEA,KAAM;IAACC,SAAS,EAAEA,SAAU;IAAA,GAAKG,SAAS;IAAAF,QAAA,eAC/D,IAAAN,WAAA,CAAAU,GAAA,EAACX,gBAAA,CAAAa,eAAe;MAACL,SAAS,EAAEA,SAAU;MAAAD,QAAA,EAAEA;IAAQ,CAAkB;EAAC,CAC/D,CAAC;AAEX,CACF,CAAC;AAEDL,GAAG,CAACY,WAAW,GAAG,KAAK","ignoreList":[]}