@cdx-ui/components 0.0.1-beta.10 → 0.0.1-beta.100

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

@@ -8,15 +8,26 @@ exports.useBottomSheet = useBottomSheet;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _uniwind = require("uniwind");
 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 _IconButton = require("../IconButton");
 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); }
+const ZERO_INSETS = {
+  top: 0,
+  bottom: 0,
+  left: 0,
+  right: 0
+};
+function useSafeInsets() {
+  return (0, _react.useContext)(_reactNativeSafeAreaContext.SafeAreaInsetsContext) ?? ZERO_INSETS;
+}
+
 /** Ref type for BottomSheet; forwards the @gorhom modal ref (present, dismiss, snapToIndex, minimize, restore, etc.). */
 
 function BottomSheetHeaderComponent({
@@ -37,29 +48,27 @@ function BottomSheetHeaderComponent({
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     ref: ref,
     className: computedClassName,
-    children: [onBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BottomSheetBackButton, {
+      className: (0, _utils.cn)(!onBack && 'opacity-0'),
       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)()
+      ...(backAccessibilityLabel !== undefined && {
+        accessibilityLabel: backAccessibilityLabel
       })
     }), /*#__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",
+          size: "sm",
+          className: "text-center",
           children: title
         }), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
-          className: (0, _styles.bottomSheetSubtitleVariants)(),
+          size: "sm",
+          className: "text-center text-content-secondary",
           children: subtitle
         }) : null]
       }) : null)
-    }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(BottomSheetCloseButton, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BottomSheetCloseButton, {
+      className: (0, _utils.cn)(!onClose && 'opacity-0'),
       onPress: onClose,
       ...(closeAccessibilityLabel !== undefined && {
         accessibilityLabel: closeAccessibilityLabel
@@ -71,6 +80,28 @@ BottomSheetHeaderComponent.displayName = 'BottomSheet.Header';
 const BottomSheetHeader = /*#__PURE__*/(0, _react.forwardRef)(BottomSheetHeaderComponent);
 BottomSheetHeader.displayName = 'BottomSheet.Header';
 
+// =============================================================================
+// BACKBUTTON
+// =============================================================================
+
+function BottomSheetBackButton({
+  onPress,
+  className,
+  accessibilityLabel = 'Go back'
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
+    as: _icons.ArrowBack,
+    variant: "solid",
+    color: "neutral",
+    size: "default",
+    onPress: onPress,
+    hitSlop: 12,
+    accessibilityLabel: accessibilityLabel,
+    className: className
+  });
+}
+BottomSheetBackButton.displayName = 'BottomSheet.BackButton';
+
 // =============================================================================
 // CLOSEBUTTON
 // =============================================================================
@@ -80,16 +111,15 @@ function BottomSheetCloseButton({
   className,
   accessibilityLabel = 'Close'
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
+    as: _icons.Close,
+    variant: "solid",
+    color: "neutral",
+    size: "default",
     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)()
-    })
+    className: className
   });
 }
 BottomSheetCloseButton.displayName = 'BottomSheet.CloseButton';
@@ -104,7 +134,7 @@ const BottomSheetContent = /*#__PURE__*/(0, _react.forwardRef)(({
   hasSafeAreaInset,
   style
 }, ref) => {
-  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const insets = useSafeInsets();
   const computedClassName = (0, _utils.cn)((0, _styles.bottomSheetContentVariants)(), className);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     ref: ref,
@@ -128,7 +158,7 @@ const BottomSheetFooter = /*#__PURE__*/(0, _react.forwardRef)(({
   className,
   style
 }, ref) => {
-  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const insets = useSafeInsets();
   const computedClassName = (0, _utils.cn)((0, _styles.bottomSheetFooterVariants)(), className);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     ref: ref,
@@ -157,27 +187,45 @@ const CustomBackdrop = props => {
     pressBehavior: "close"
   });
 };
+const CustomBackground = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  ...props,
+  className: _styles.bottomSheetBackgroundClassName
+});
 const BottomSheetModalStyled = /*#__PURE__*/(0, _react.forwardRef)(({
   handleVisible = true,
   footer,
+  onDismiss,
+  onChange,
   ...rest
 }, ref) => {
   const renderFooter = (0, _react.useCallback)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetFooter, {
     ...props,
     children: footer
   }), [footer]);
+  const dismissedRef = (0, _react.useRef)(false);
+  const handleDismiss = (0, _react.useCallback)(() => {
+    if (dismissedRef.current) return;
+    dismissedRef.current = true;
+    onDismiss?.();
+  }, [onDismiss]);
+  const handleChange = (0, _react.useCallback)((...args) => {
+    dismissedRef.current = false;
+    onChange?.(...args);
+  }, [onChange]);
+  const sheetContainerStyle = (0, _uniwind.useResolveClassNames)(_styles.bottomSheetModalContainerClassName);
+  const handleIndicatorStyle = (0, _uniwind.useResolveClassNames)('bg-surface-neutral-subtle w-9 h-[5px] rounded-full');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetModal, {
     ref: ref,
     enableDynamicSizing: true,
     maxDynamicContentSize: MAX_DYNAMIC_CONTENT_SIZE,
+    style: sheetContainerStyle,
     handleComponent: handleVisible ? undefined : null,
-    handleIndicatorStyle: handleVisible ? _styles.handleIndicatorStyle : undefined,
+    handleIndicatorStyle: handleVisible ? handleIndicatorStyle : undefined,
     backdropComponent: CustomBackdrop,
-    backgroundComponent: backgroundProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      ...backgroundProps,
-      className: (0, _utils.cn)((0, _styles.bottomSheetContainerVariants)())
-    }),
+    backgroundComponent: CustomBackground,
     ...rest,
+    onDismiss: handleDismiss,
+    onChange: handleChange,
     ...(footer != null && {
       footerComponent: renderFooter
     })

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

@@ -1 +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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_uniwind","_bottomSheet","_utils","_icons","_Heading","_IconButton","_Text","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ZERO_INSETS","top","bottom","left","right","useSafeInsets","useContext","SafeAreaInsetsContext","BottomSheetHeaderComponent","title","subtitle","children","className","onClose","closeAccessibilityLabel","onBack","backAccessibilityLabel","ref","hasTitle","undefined","hasContent","computedClassName","cn","bottomSheetHeaderVariants","jsxs","View","jsx","BottomSheetBackButton","onPress","accessibilityLabel","Heading","size","Text","BottomSheetCloseButton","displayName","BottomSheetHeader","forwardRef","IconButton","as","ArrowBack","variant","color","hitSlop","Close","BottomSheetContent","hasSafeAreaInset","style","insets","bottomSheetContentVariants","paddingBottom","pointerEvents","BottomSheetFooter","bottomSheetFooterVariants","Math","max","MAX_DYNAMIC_CONTENT_SIZE","Dimensions","height","CustomBackdrop","props","BottomSheetBackdrop","disappearsOnIndex","appearsOnIndex","opacity","pressBehavior","CustomBackground","bottomSheetBackgroundClassName","BottomSheetModalStyled","handleVisible","footer","onDismiss","onChange","rest","renderFooter","useCallback","dismissedRef","useRef","handleDismiss","current","handleChange","args","sheetContainerStyle","useResolveClassNames","bottomSheetModalContainerClassName","handleIndicatorStyle","BottomSheetModal","enableDynamicSizing","maxDynamicContentSize","handleComponent","backdropComponent","backgroundComponent","footerComponent","BottomSheetScrollViewStyled","enableFooterMarginAdjustment","BottomSheetScrollView","BottomSheetViewStyled","BottomSheetView","BottomSheetModalProvider","BottomSheet","exports","Modal","Header","Content","Footer","Provider","ScrollView","useBottomSheet","present","dismiss"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/index.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAWA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AAMkB,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAD,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAa,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAElB,MAAMkB,WAAuB,GAAG;EAAEC,GAAG,EAAE,CAAC;EAAEC,MAAM,EAAE,CAAC;EAAEC,IAAI,EAAE,CAAC;EAAEC,KAAK,EAAE;AAAE,CAAC;AAExE,SAASC,aAAaA,CAAA,EAAe;EACnC,OAAO,IAAAC,iBAAU,EAACC,iDAAqB,CAAC,IAAIP,WAAW;AACzD;;AAEA;;AAcA,SAASQ,0BAA0BA,CACjC;EACEC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,uBAAuB;EACvBC,MAAM;EACNC,sBAAsB,GAAG;AACH,CAAC,EACzBC,GAAoB,EACpB;EACA,MAAMC,QAAQ,GAAGT,KAAK,KAAKU,SAAS,IAAIV,KAAK,KAAK,EAAE;EACpD,MAAMW,UAAU,GAAGF,QAAQ,IAAI,CAAC,CAACP,QAAQ,IAAI,CAAC,CAACI,MAAM;EACrD,MAAMM,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAC,iCAAyB,EAAC;IAAEL,QAAQ,EAAEE;EAAW,CAAC,CAAC,EAAER,SAAS,CAAC;EAC5F,oBACE,IAAAhC,WAAA,CAAA4C,IAAA,EAACtD,YAAA,CAAAuD,IAAI;IAACR,GAAG,EAAEA,GAAI;IAACL,SAAS,EAAES,iBAAkB;IAAAV,QAAA,gBAC3C,IAAA/B,WAAA,CAAA8C,GAAA,EAACC,qBAAqB;MACpBf,SAAS,EAAE,IAAAU,SAAE,EAAC,CAACP,MAAM,IAAI,WAAW,CAAE;MACtCa,OAAO,EAAEb,MAAO;MAAA,IACXC,sBAAsB,KAAKG,SAAS,IAAI;QAC3CU,kBAAkB,EAAEb;MACtB,CAAC;IAAA,CACF,CAAC,eACF,IAAApC,WAAA,CAAA8C,GAAA,EAACxD,YAAA,CAAAuD,IAAI;MAACb,SAAS,EAAC,QAAQ;MAAAD,QAAA,EACrBA,QAAQ,KACNO,QAAQ,gBACP,IAAAtC,WAAA,CAAA4C,IAAA,EAACtD,YAAA,CAAAuD,IAAI;QAAAd,QAAA,gBACH,IAAA/B,WAAA,CAAA8C,GAAA,EAAClD,QAAA,CAAAsD,OAAO;UAACC,IAAI,EAAC,IAAI;UAACnB,SAAS,EAAC,aAAa;UAAAD,QAAA,EACvCF;QAAK,CACC,CAAC,EACTC,QAAQ,gBACP,IAAA9B,WAAA,CAAA8C,GAAA,EAAChD,KAAA,CAAAsD,IAAI;UAACD,IAAI,EAAC,IAAI;UAACnB,SAAS,EAAC,oCAAoC;UAAAD,QAAA,EAC3DD;QAAQ,CACL,CAAC,GACL,IAAI;MAAA,CACJ,CAAC,GACL,IAAI;IAAC,CACP,CAAC,eACP,IAAA9B,WAAA,CAAA8C,GAAA,EAACO,sBAAsB;MACrBrB,SAAS,EAAE,IAAAU,SAAE,EAAC,CAACT,OAAO,IAAI,WAAW,CAAE;MACvCe,OAAO,EAAEf,OAAQ;MAAA,IACZC,uBAAuB,KAAKK,SAAS,IAAI;QAC5CU,kBAAkB,EAAEf;MACtB,CAAC;IAAA,CACF,CAAC;EAAA,CACE,CAAC;AAEX;AAEAN,0BAA0B,CAAC0B,WAAW,GAAG,oBAAoB;AAE7D,MAAMC,iBAAiB,gBAAG,IAAAC,iBAAU,EAA+B5B,0BAA0B,CAAC;AAC9F2B,iBAAiB,CAACD,WAAW,GAAG,oBAAoB;;AAEpD;AACA;AACA;;AAOA,SAASP,qBAAqBA,CAAC;EAC7BC,OAAO;EACPhB,SAAS;EACTiB,kBAAkB,GAAG;AACe,CAAC,EAAE;EACvC,oBACE,IAAAjD,WAAA,CAAA8C,GAAA,EAACjD,WAAA,CAAA4D,UAAU;IACTC,EAAE,EAAEC,gBAAU;IACdC,OAAO,EAAC,OAAO;IACfC,KAAK,EAAC,SAAS;IACfV,IAAI,EAAC,SAAS;IACdH,OAAO,EAAEA,OAAQ;IACjBc,OAAO,EAAE,EAAG;IACZb,kBAAkB,EAAEA,kBAAmB;IACvCjB,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN;AAEAe,qBAAqB,CAACO,WAAW,GAAG,wBAAwB;;AAE5D;AACA;AACA;;AAOA,SAASD,sBAAsBA,CAAC;EAC9BL,OAAO;EACPhB,SAAS;EACTiB,kBAAkB,GAAG;AACgB,CAAC,EAAE;EACxC,oBACE,IAAAjD,WAAA,CAAA8C,GAAA,EAACjD,WAAA,CAAA4D,UAAU;IACTC,EAAE,EAAEK,YAAM;IACVH,OAAO,EAAC,OAAO;IACfC,KAAK,EAAC,SAAS;IACfV,IAAI,EAAC,SAAS;IACdH,OAAO,EAAEA,OAAQ;IACjBc,OAAO,EAAE,EAAG;IACZb,kBAAkB,EAAEA,kBAAmB;IACvCjB,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN;AAEAqB,sBAAsB,CAACC,WAAW,GAAG,yBAAyB;;AAE9D;AACA;AACA;;AASA,MAAMU,kBAAkB,gBAAG,IAAAR,iBAAU,EACnC,CAAC;EAAEzB,QAAQ;EAAEC,SAAS;EAAEiC,gBAAgB;EAAEC;AAAM,CAAC,EAAE7B,GAAG,KAAK;EACzD,MAAM8B,MAAM,GAAG1C,aAAa,CAAC,CAAC;EAC9B,MAAMgB,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAA0B,kCAA0B,EAAC,CAAC,EAAEpC,SAAS,CAAC;EACrE,oBACE,IAAAhC,WAAA,CAAA8C,GAAA,EAACxD,YAAA,CAAAuD,IAAI;IACHR,GAAG,EAAEA,GAAI;IACTL,SAAS,EAAES,iBAAkB;IAC7ByB,KAAK,EAAED,gBAAgB,GAAG;MAAEI,aAAa,EAAEF,MAAM,CAAC7C,MAAM;MAAE,GAAG4C;IAAM,CAAC,GAAGA,KAAM;IAC7EI,aAAa,EAAC,UAAU;IAAAvC,QAAA,EAEvBA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDiC,kBAAkB,CAACV,WAAW,GAAG,qBAAqB;;AAEtD;AACA;AACA;;AAOA,MAAMiB,iBAAiB,gBAAG,IAAAf,iBAAU,EAClC,CAAC;EAAEzB,QAAQ;EAAEC,SAAS;EAAEkC;AAAM,CAAC,EAAE7B,GAAG,KAAK;EACvC,MAAM8B,MAAM,GAAG1C,aAAa,CAAC,CAAC;EAC9B,MAAMgB,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAA8B,iCAAyB,EAAC,CAAC,EAAExC,SAAS,CAAC;EACpE,oBACE,IAAAhC,WAAA,CAAA8C,GAAA,EAACxD,YAAA,CAAAuD,IAAI;IACHR,GAAG,EAAEA,GAAI;IACTL,SAAS,EAAES,iBAAkB;IAC7ByB,KAAK,EAAE;MAAEG,aAAa,EAAEI,IAAI,CAACC,GAAG,CAACP,MAAM,CAAC7C,MAAM,EAAE,EAAE,CAAC;MAAE,GAAG4C;IAAM,CAAE;IAChEI,aAAa,EAAC,UAAU;IAAAvC,QAAA,EAEvBA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDwC,iBAAiB,CAACjB,WAAW,GAAG,oBAAoB;;AAEpD;AACA;AACA;;AASA,MAAMqB,wBAAwB,GAAGC,uBAAU,CAAC/D,GAAG,CAAC,QAAQ,CAAC,CAACgE,MAAM,GAAG,GAAG;AAEtE,MAAMC,cAAc,GAAIC,KAA+B,IAAK;EAC1D,oBACE,IAAA/E,WAAA,CAAA8C,GAAA,EAACrD,YAAA,CAAAuF,mBAAmB;IAAA,GACdD,KAAK;IACTE,iBAAiB,EAAE,CAAC,CAAE;IACtBC,cAAc,EAAE,CAAE;IAClBC,OAAO,EAAE,GAAI;IACbC,aAAa,EAAC;EAAO,CACtB,CAAC;AAEN,CAAC;AAED,MAAMC,gBAAgB,GAAIN,KAAkD,iBAC1E,IAAA/E,WAAA,CAAA8C,GAAA,EAACxD,YAAA,CAAAuD,IAAI;EAAA,GAAKkC,KAAK;EAAE/C,SAAS,EAAEsD;AAA+B,CAAE,CAC9D;AAED,MAAMC,sBAAsB,gBAAG,IAAA/B,iBAAU,EAGvC,CAAC;EAAEgC,aAAa,GAAG,IAAI;EAAEC,MAAM;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EAAEvD,GAAG,KAAK;EACzE,MAAMwD,YAAY,GAAG,IAAAC,kBAAW,EAC7Bf,KAAmC,iBAClC,IAAA/E,WAAA,CAAA8C,GAAA,EAACrD,YAAA,CAAA8E,iBAAuB;IAAA,GAAKQ,KAAK;IAAAhD,QAAA,EAAG0D;EAAM,CAA0B,CACtE,EACD,CAACA,MAAM,CACT,CAAC;EAED,MAAMM,YAAY,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAElC,MAAMC,aAAa,GAAG,IAAAH,kBAAW,EAAC,MAAM;IACtC,IAAIC,YAAY,CAACG,OAAO,EAAE;IAC1BH,YAAY,CAACG,OAAO,GAAG,IAAI;IAC3BR,SAAS,GAAG,CAAC;EACf,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMS,YAAY,GAAG,IAAAL,kBAAW,EAC9B,CAAC,GAAGM,IAAgE,KAAK;IACvEL,YAAY,CAACG,OAAO,GAAG,KAAK;IAC5BP,QAAQ,GAAG,GAAGS,IAAI,CAAC;EACrB,CAAC,EACD,CAACT,QAAQ,CACX,CAAC;EAED,MAAMU,mBAAmB,GAAG,IAAAC,6BAAoB,EAACC,0CAAkC,CAAC;EACpF,MAAMC,oBAAoB,GAAG,IAAAF,6BAAoB,EAC/C,oDACF,CAAC;EAED,oBACE,IAAAtG,WAAA,CAAA8C,GAAA,EAACrD,YAAA,CAAAgH,gBAAgB;IACfpE,GAAG,EAAEA,GAAI;IACTqE,mBAAmB;IACnBC,qBAAqB,EAAEhC,wBAAyB;IAChDT,KAAK,EAAEmC,mBAAoB;IAC3BO,eAAe,EAAEpB,aAAa,GAAGjD,SAAS,GAAG,IAAK;IAClDiE,oBAAoB,EAAEhB,aAAa,GAAGgB,oBAAoB,GAAGjE,SAAU;IACvEsE,iBAAiB,EAAE/B,cAAe;IAClCgC,mBAAmB,EAAEzB,gBAAiB;IAAA,GAClCO,IAAI;IACRF,SAAS,EAAEO,aAAc;IACzBN,QAAQ,EAAEQ,YAAa;IAAA,IAClBV,MAAM,IAAI,IAAI,IAAI;MAAEsB,eAAe,EAAElB;IAAa,CAAC;EAAA,CACzD,CAAC;AAEN,CAAC,CAAC;AAEFN,sBAAsB,CAACjC,WAAW,GAAG,mBAAmB;;AAExD;AACA;AACA;;AAEA,SAAS0D,2BAA2BA,CAAC;EACnCC,4BAA4B,GAAG,IAAI;EACnClF,QAAQ;EACR,GAAG6D;AACyD,CAAC,EAAE;EAC/D,oBACE,IAAA5F,WAAA,CAAA8C,GAAA,EAACrD,YAAA,CAAAyH,qBAAqB;IAACD,4BAA4B,EAAEA,4BAA6B;IAAA,GAAKrB,IAAI;IAAA7D,QAAA,EACxFA;EAAQ,CACY,CAAC;AAE5B;AAEAiF,2BAA2B,CAAC1D,WAAW,GAAG,wBAAwB;;AAElE;AACA;AACA;;AAEA,SAAS6D,qBAAqBA,CAAC;EAC7BF,4BAA4B,GAAG,IAAI;EACnClF,QAAQ;EACR,GAAG6D;AACmD,CAAC,EAAE;EACzD,oBACE,IAAA5F,WAAA,CAAA8C,GAAA,EAACrD,YAAA,CAAA2H,eAAe;IAACH,4BAA4B,EAAEA,4BAA6B;IAAA,GAAKrB,IAAI;IAAA7D,QAAA,EAClFA;EAAQ,CACM,CAAC;AAEtB;AAEAoF,qBAAqB,CAAC7D,WAAW,GAAG,kBAAkB;;AAEtD;;AAIC+D,qCAAwB,CAAqB/D,WAAW,GAAG,sBAAsB;;AAElF;;AAYO,MAAMgE,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EACzBE,KAAK,EAAEjC,sBAAsB;EAC7BkC,MAAM,EAAElE,iBAAiB;EACzBmE,OAAO,EAAE1D,kBAAkB;EAC3B2D,MAAM,EAAEpD,iBAAiB;EACzBqD,QAAQ,EAAEP,qCAAwB;EAClCQ,UAAU,EAAEb,2BAA2B;EACvCnE,IAAI,EAAEsE;AACR,CAAwB;;AAExB;;AAEO,SAASW,cAAcA,CAAA,EAAG;EAC/B,MAAMzF,GAAG,GAAG,IAAA2D,aAAM,EAAsB,IAAI,CAAC;EAC7C,OAAO;IAAE3D,GAAG;IAAE0F,OAAO,EAAEA,CAAA,KAAM1F,GAAG,CAAC6D,OAAO,EAAE6B,OAAO,CAAC,CAAC;IAAEC,OAAO,EAAEA,CAAA,KAAM3F,GAAG,CAAC6D,OAAO,EAAE8B,OAAO,CAAC;EAAE,CAAC;AAC9F","ignoreList":[]}

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

@@ -3,16 +3,14 @@
 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;
+exports.bottomSheetModalContainerClassName = exports.bottomSheetHeaderVariants = exports.bottomSheetFooterVariants = exports.bottomSheetContentVariants = exports.bottomSheetBackgroundClassName = void 0;
 var _classVarianceAuthority = require("class-variance-authority");
-var _primitives = require("../../styles/primitives");
-// ── Container ──────────────────────────────────────────────
+/** Shared top-radius + clip — used by background CVA and gorhom modal `style` (via useResolveClassNames). */
+const bottomSheetModalContainerClassName = exports.bottomSheetModalContainerClassName = 'overflow-hidden rounded-t-4xl';
 
-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], {
+/** Gorhom backgroundComponent — surface fill + shared top-radius clip. */
+const bottomSheetBackgroundClassName = exports.bottomSheetBackgroundClassName = `${bottomSheetModalContainerClassName} bg-surface-primary`;
+const bottomSheetHeaderVariants = exports.bottomSheetHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between min-h-11 px-4 pt-3 pb-2.5', 'bg-surface-primary', 'text-content-primary'], {
   variants: {
     hasTitle: {
       true: '',
@@ -23,39 +21,6 @@ const bottomSheetHeaderVariants = exports.bottomSheetHeaderVariants = (0, _class
     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
-};
+const bottomSheetContentVariants = exports.bottomSheetContentVariants = (0, _classVarianceAuthority.cva)(['bg-surface-primary', 'px-5 pb-5 gap-3']);
+const bottomSheetFooterVariants = exports.bottomSheetFooterVariants = (0, _classVarianceAuthority.cva)(['px-5 pb-5 gap-2', 'bg-surface-primary']);
 //# sourceMappingURL=styles.js.map

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

@@ -1 +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":[]}
+{"version":3,"names":["_classVarianceAuthority","require","bottomSheetModalContainerClassName","exports","bottomSheetBackgroundClassName","bottomSheetHeaderVariants","cva","variants","hasTitle","true","false","defaultVariants","bottomSheetContentVariants","bottomSheetFooterVariants"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEA;AACO,MAAMC,kCAAkC,GAAAC,OAAA,CAAAD,kCAAA,GAAG,+BAA+B;;AAEjF;AACO,MAAME,8BAA8B,GAAAD,OAAA,CAAAC,8BAAA,GAAG,GAAGF,kCAAkC,qBAAqB;AAEjG,MAAMG,yBAAyB,GAAAF,OAAA,CAAAE,yBAAA,GAAG,IAAAC,2BAAG,EAC1C,CACE,iEAAiE,EACjE,oBAAoB,EACpB,sBAAsB,CACvB,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;AAEM,MAAMI,0BAA0B,GAAAT,OAAA,CAAAS,0BAAA,GAAG,IAAAN,2BAAG,EAAC,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC;AAEjF,MAAMO,yBAAyB,GAAAV,OAAA,CAAAU,yBAAA,GAAG,IAAAP,2BAAG,EAAC,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,CAAC","ignoreList":[]}

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

@@ -4,30 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Button = void 0;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _primitives = require("@cdx-ui/primitives");
 var _utils = require("@cdx-ui/utils");
 var _Icon = require("../Icon");
+var _positionToDataIcon = require("../../utils/positionToDataIcon");
 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); }
 const SCOPE = 'BUTTON';
-const Root = (0, _utils.withStyleContext)(_reactNative.Pressable, SCOPE);
 const useButtonStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
-const ButtonPrimitive = (0, _primitives.createButton)({
-  Root,
-  Text: _reactNative.Text,
-  Group: _reactNative.View,
-  Spinner: _reactNative.ActivityIndicator,
-  Icon: _reactNative.View
-});
 
 // =============================================================================
 // STYLED ROOT COMPONENT
 // =============================================================================
 
+/** @deprecated Use {@link ButtonVariant} (`'solid'`) instead. */
+
+let hasWarnedStrongButtonVariant = false;
 const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
-  variant = 'strong',
+  variant: variantProp = 'solid',
   color = 'action',
   size = 'default',
   fullWidth = false,
@@ -36,33 +33,52 @@ const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
   style,
   ...props
 }, ref) => {
+  // TODO: Remove this once the `strong` variant is removed.
+  (0, _react.useEffect)(() => {
+    if (__DEV__ && variantProp === 'strong' && !hasWarnedStrongButtonVariant) {
+      hasWarnedStrongButtonVariant = true;
+      console.warn('[Button] The `strong` variant is deprecated and will be removed in a future major release. Use `solid` instead.');
+    }
+  }, [variantProp]);
+  const variant = variantProp === 'strong' ? 'solid' : variantProp;
   const computedClassName = (0, _utils.cn)((0, _styles.buttonRootVariants)({
     variant,
     color,
     size,
     fullWidth
   }), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive, {
-    ref: ref,
-    className: computedClassName,
-    style: style,
-    context: {
+  const parent = (0, _utils.useParentContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [SCOPE]: {
       variant,
       color,
       size,
       fullWidth
-    },
-    ...props,
-    children: children
+    }
+  }), [parent, variant, color, size, fullWidth]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ButtonRoot, {
+      ref: ref,
+      className: computedClassName,
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'button'
+      })),
+      children: children
+    })
   });
 });
 ButtonRoot.displayName = 'Button';
 
 // =============================================================================
-// STYLED TEXT COMPONENT
+// STYLED LABEL COMPONENT
 // =============================================================================
 
 const ButtonLabel = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   children,
   style,
@@ -78,82 +94,180 @@ const ButtonLabel = /*#__PURE__*/(0, _react.forwardRef)(({
     color,
     size
   }), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive.Text, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'button-label'
+    })),
     children: children
   });
 });
 ButtonLabel.displayName = 'Button.Label';
 
+// =============================================================================
+// STYLED GROUP COMPONENT
+// =============================================================================
+
 // TODO: Use ButtonGroupVariantProps
 
 const ButtonGroup = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   children,
   style,
   flexDirection = 'row',
   isAttached,
+  isDisabled,
+  isReversed,
+  reversed,
   ...props
 }, ref) => {
+  const direction = flexDirection.includes('reverse') ? flexDirection === 'column-reverse' ? 'column' : 'row' : flexDirection;
+  let childrenArray = _react.default.Children.toArray((0, _utils.flattenChildren)(children));
+  childrenArray = isReversed || reversed ? [...childrenArray].reverse() : childrenArray;
+  const computedChildren = childrenArray.map((child, index) => {
+    if (typeof child === 'string' || typeof child === 'number') {
+      return child;
+    }
+    const attachedStyles = {};
+    if (index === 0) {
+      if (direction === 'column') {
+        attachedStyles.borderBottomLeftRadius = 0;
+        attachedStyles.borderBottomRightRadius = 0;
+      } else {
+        attachedStyles.borderTopRightRadius = 0;
+        attachedStyles.borderBottomRightRadius = 0;
+      }
+    } else if (index === childrenArray.length - 1) {
+      if (direction === 'column') {
+        attachedStyles.borderTopLeftRadius = 0;
+        attachedStyles.borderTopRightRadius = 0;
+      } else {
+        attachedStyles.borderTopLeftRadius = 0;
+        attachedStyles.borderBottomLeftRadius = 0;
+      }
+    } else {
+      attachedStyles.borderRadius = 0;
+    }
+    const childProps = {
+      isDisabled,
+      ...child.props,
+      style: {
+        ...(isAttached ? attachedStyles : {}),
+        ...child.props.style
+      }
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+      children: /*#__PURE__*/_react.default.cloneElement(child, childProps)
+    }, child.key ?? `spaced-child-${index.toString()}`);
+  });
   const groupClassName = (0, _utils.cn)((0, _styles.buttonGroupVariants)({
     flexDirection,
     isAttached: !!isAttached
   }), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive.Group, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  const gapProp = isAttached ? {
+    gap: 0
+  } : {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: groupClassName,
     style: [{
       flexDirection
-    }, style],
-    isAttached: isAttached,
+    }, style, gapProp],
     ...props,
-    children: children
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'button-group'
+    })),
+    children: computedChildren
   });
 });
 ButtonGroup.displayName = 'Button.Group';
+
+// =============================================================================
+// STYLED ICON COMPONENT
+// =============================================================================
+
 const ButtonIcon = ({
+  asChild,
   className,
   style,
   as,
+  position,
   ...props
 }) => {
   const {
+    variant,
+    color,
     size
   } = useButtonStyleContext();
   const computedClassName = (0, _utils.cn)((0, _styles.buttonIconVariants)({
+    variant,
+    color,
     size
   }), className);
+  if (asChild) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Slot, {
+      className: computedClassName,
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'button-icon'
+      }), (0, _positionToDataIcon.positionToDataIcon)(position))
+    });
+  }
+  if (!as) {
+    return null;
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
     as: as,
     className: computedClassName,
     style: style,
-    ...props
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'button-icon'
+    }), (0, _positionToDataIcon.positionToDataIcon)(position))
   });
 };
 ButtonIcon.displayName = 'Button.Icon';
+
+// =============================================================================
+// STYLED SPINNER COMPONENT
+// =============================================================================
+
 const ButtonSpinner = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   colorClassName,
   style,
+  position,
+  accessibilityLabel = 'Loading',
   ...props
 }, ref) => {
   const {
     variant,
     color
   } = useButtonStyleContext();
-  const computedColorClassName = (0, _utils.cn)((0, _styles.buttonSpinnerVariants)({
+  const computedClassName = (0, _utils.cn)((0, _styles.buttonSpinnerVariants)(), className);
+  const computedColorClassName = (0, _utils.cn)((0, _styles.buttonSpinnerColorVariants)({
     variant,
     color
   }), colorClassName);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive.Spinner, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.ActivityIndicator;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
-    className: className,
+    className: computedClassName,
     colorClassName: computedColorClassName,
     style: style,
-    ...props
+    accessibilityLabel: accessibilityLabel,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'button-spinner'
+    }), (0, _positionToDataIcon.positionToDataIcon)(position))
   });
 });
 ButtonSpinner.displayName = 'Button.Spinner';