@fluentui-react-native/drawer 0.4.18 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # Change Log - @fluentui-react-native/drawer
 
+## 0.5.0
+
+### Minor Changes
+
+- d7adbdd: # Migration from Beachball to Changesets
+
+  This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
+
+  All 75 affected packages receive a minor version bump to acknowledge the accumulated changes from the beachball era.
+
+  ## What Changed
+
+  Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
+
+  - ❌ 440+ beachball change files from `change/` directory
+  - ❌ `beachball` package dependency
+  - ❌ Beachball scripts from `package.json`
+  - ❌ `beachball.config.js` configuration file
+  - ❌ Beachball publish steps from Azure Pipelines
+
+  ## New Workflow
+
+  ✅ **Create changes**: Run `yarn changeset` to document changes
+  ✅ **Version bump PRs**: Automatically created by GitHub Actions
+  ✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
+  ✅ **Validation**: CI validates changesets and blocks major version bumps
+
+  For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.
+
+### Patch Changes
+
+- d1d8c26: We were pinning @types/react and react-native-macos via resolutions. This fixes that which uncovered a bunch of type inconsistencies that needed to be addressed.
+- Updated dependencies [d7adbdd]
+- Updated dependencies [d1d8c26]
+- Updated dependencies [d1d8c26]
+  - @fluentui-react-native/framework@0.15.0
+  - @fluentui-react-native/interactive-hooks@0.28.0
+  - @fluentui-react-native/theme-tokens@0.28.0
+  - @fluentui-react-native/use-styling@0.14.0
+
 <!-- This log was last generated on Tue, 05 Aug 2025 18:50:42 GMT and should not be manually modified. -->
 
 <!-- Start content -->

package/lib/Drawer.d.ts

@@ -1,4 +1,9 @@
 import type { DrawerProps } from './Drawer.types';
 export declare const drawerLookup: (layer: string, userProps: DrawerProps) => boolean;
-export declare const Drawer: import("@fluentui-react-native/framework").ComposableComponent<DrawerProps, import("./Drawer.types").DrawerSlotProps, import("./Drawer.types").DrawerTokens, import("@fluentui-react-native/framework").ObjectBase>;
-//# sourceMappingURL=Drawer.d.ts.map
+export declare const Drawer: import('@fluentui-react-native/framework').ComposableComponent<
+  DrawerProps,
+  import('./Drawer.types').DrawerSlotProps,
+  import('./Drawer.types').DrawerTokens,
+  import('@fluentui-react-native/framework-base').ObjectBase
+>;
+//# sourceMappingURL=Drawer.d.ts.map

package/lib/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../src/Drawer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAc,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI9D,eAAO,MAAM,YAAY,UAAW,MAAM,aAAa,WAAW,KAAG,OAEpE,CAAC;AAEF,eAAO,MAAM,MAAM,qNAmCjB,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../src/Drawer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAc,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI9D,eAAO,MAAM,YAAY,oDAExB,CAAC;AAEF,eAAO,MAAM,MAAM,0NAmCjB,CAAC"}

package/lib/Drawer.js

@@ -1,35 +1,47 @@
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+import { jsx as _jsx, jsxs as _jsxs } from '@fluentui-react-native/framework-base/jsx-runtime';
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import { Animated, Modal, TouchableWithoutFeedback, View } from 'react-native';
-import { compose, mergeProps, withSlots } from '@fluentui-react-native/framework';
+import { compose, mergeProps } from '@fluentui-react-native/framework';
 import { stylingSettings } from './Drawer.styling';
 import { DrawerName } from './Drawer.types';
 import { useDrawer } from './useDrawer';
 export const drawerLookup = (layer, userProps) => {
-    return userProps[layer] || layer === userProps['drawerPosition'];
+  return userProps[layer] || layer === userProps['drawerPosition'];
 };
 export const Drawer = compose({
-    displayName: DrawerName,
-    ...stylingSettings,
-    slots: {
-        modal: Modal,
-        scrim: TouchableWithoutFeedback,
-        scrimContent: Animated.View,
-        content: Animated.View,
-        handle: View,
-    },
-    useRender: (userProps, useSlots) => {
-        const drawerProps = useDrawer(userProps).props;
-        const Slots = useSlots(userProps, (layer) => drawerLookup(layer, drawerProps));
-        return (final, children) => {
-            const { open, onClose, onScrimClick, animationConfig, drawerPosition, showHandle, ...rest } = mergeProps(drawerProps, final);
-            return (withSlots(Slots.modal, { ...rest, visible: open, onRequestClose: onClose, supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'], animationType: "none", transparent: true },
-                withSlots(Slots.scrim, { onPress: onScrimClick },
-                    withSlots(Slots.scrimContent, { style: [{ opacity: animationConfig.animatedOpacity }] })),
-                withSlots(Slots.content, { style: animationConfig.animatedStyle },
-                    drawerPosition === 'bottom' && showHandle && withSlots(Slots.handle, null),
-                    children)));
-        };
-    },
+  displayName: DrawerName,
+  ...stylingSettings,
+  slots: {
+    modal: Modal,
+    scrim: TouchableWithoutFeedback,
+    scrimContent: Animated.View,
+    content: Animated.View,
+    handle: View,
+  },
+  useRender: (userProps, useSlots) => {
+    const drawerProps = useDrawer(userProps).props;
+    const Slots = useSlots(userProps, (layer) => drawerLookup(layer, drawerProps));
+    return (final, children) => {
+      const { open, onClose, onScrimClick, animationConfig, drawerPosition, showHandle, ...rest } = mergeProps(drawerProps, final);
+      return _jsxs(Slots.modal, {
+        ...rest,
+        visible: open,
+        onRequestClose: onClose,
+        supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'],
+        animationType: 'none',
+        transparent: true,
+        children: [
+          _jsx(Slots.scrim, {
+            onPress: onScrimClick,
+            children: _jsx(Slots.scrimContent, { style: [{ opacity: animationConfig.animatedOpacity }] }),
+          }),
+          _jsxs(Slots.content, {
+            style: animationConfig.animatedStyle,
+            children: [drawerPosition === 'bottom' && showHandle && _jsx(Slots.handle, {}), children],
+          }),
+        ],
+      });
+    };
+  },
 });
-//# sourceMappingURL=Drawer.js.map
+//# sourceMappingURL=Drawer.js.map

package/lib/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../src/Drawer.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,SAAsB,EAAW,EAAE;IAC7E,OAAO,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,SAAS,CAAC,gBAAgB,CAAC,CAAC;AACnE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,OAAO,CAAa;IACxC,WAAW,EAAE,UAAU;IACvB,GAAG,eAAe;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,wBAAwB;QAC/B,YAAY,EAAE,QAAQ,CAAC,IAAI;QAC3B,OAAO,EAAE,QAAQ,CAAC,IAAI;QACtB,MAAM,EAAE,IAAI;KACb;IACD,SAAS,EAAE,CAAC,SAAsB,EAAE,QAA8B,EAAE,EAAE;QACpE,MAAM,WAAW,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC;QAC/C,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;QAC/E,OAAO,CAAC,KAAkB,EAAE,QAAyB,EAAE,EAAE;YACvD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YAC7H,OAAO,CACL,UAAC,KAAK,CAAC,KAAK,OACN,IAAI,EACR,OAAO,EAAE,IAAI,EACb,cAAc,EAAE,OAAO,EACvB,qBAAqB,EAAE,CAAC,UAAU,EAAE,sBAAsB,EAAE,WAAW,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,EAC7G,aAAa,EAAC,MAAM,EACpB,WAAW;gBAEX,UAAC,KAAK,CAAC,KAAK,IAAC,OAAO,EAAE,YAAY;oBAChC,UAAC,KAAK,CAAC,YAAY,IAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,eAAe,CAAC,eAAe,EAAE,CAAC,GAAI,CACjE;gBACd,UAAC,KAAK,CAAC,OAAO,IAAC,KAAK,EAAE,eAAe,CAAC,aAAa;oBAChD,cAAc,KAAK,QAAQ,IAAI,UAAU,IAAI,UAAC,KAAK,CAAC,MAAM,OAAG;oBAC7D,QAAQ,CACK,CACJ,CACf,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../src/Drawer.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,SAAsB,EAAW,EAAE,CAAC;IAC9E,OAAO,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,SAAS,CAAC,gBAAgB,CAAC,CAAC;AAAA,CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,OAAO,CAAa;IACxC,WAAW,EAAE,UAAU;IACvB,GAAG,eAAe;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,wBAAwB;QAC/B,YAAY,EAAE,QAAQ,CAAC,IAAI;QAC3B,OAAO,EAAE,QAAQ,CAAC,IAAI;QACtB,MAAM,EAAE,IAAI;KACb;IACD,SAAS,EAAE,CAAC,SAAsB,EAAE,QAA8B,EAAE,EAAE,CAAC;QACrE,MAAM,WAAW,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC;QAC/C,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;QAC/E,OAAO,CAAC,KAAkB,EAAE,QAAyB,EAAE,EAAE,CAAC;YACxD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YAC7H,OAAO,CACL,MAAC,KAAK,CAAC,KAAK,OACN,IAAI,EACR,OAAO,EAAE,IAAI,EACb,cAAc,EAAE,OAAO,EACvB,qBAAqB,EAAE,CAAC,UAAU,EAAE,sBAAsB,EAAE,WAAW,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,EAC7G,aAAa,EAAC,MAAM,EACpB,WAAW;oBAEX,KAAC,KAAK,CAAC,KAAK,IAAC,OAAO,EAAE,YAAY,YAChC,KAAC,KAAK,CAAC,YAAY,IAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,eAAe,CAAC,eAAe,EAAE,CAAC,GAAI,GACjE,EACd,MAAC,KAAK,CAAC,OAAO,IAAC,KAAK,EAAE,eAAe,CAAC,aAAa,aAChD,cAAc,KAAK,QAAQ,IAAI,UAAU,IAAI,KAAC,KAAK,CAAC,MAAM,KAAG,EAC7D,QAAQ,IACK;oBACJ,CACf,CAAC;QAAA,CACH,CAAC;IAAA,CACH;CACF,CAAC,CAAC"}

package/lib/Drawer.styling.d.ts

@@ -1,4 +1,4 @@
 import type { UseStylingOptions } from '@fluentui-react-native/framework';
 import type { DrawerTokens, DrawerSlotProps, DrawerProps } from './Drawer.types';
 export declare const stylingSettings: UseStylingOptions<DrawerProps, DrawerSlotProps, DrawerTokens>;
-//# sourceMappingURL=Drawer.styling.d.ts.map
+//# sourceMappingURL=Drawer.styling.d.ts.map

package/lib/Drawer.styling.js

@@ -2,46 +2,55 @@ import { buildProps } from '@fluentui-react-native/framework';
 import { DrawerName } from './Drawer.types';
 import { defaultDrawerTokens } from './DrawerTokens';
 export const stylingSettings = {
-    tokens: [defaultDrawerTokens, DrawerName],
-    tokensThatAreAlsoProps: 'all',
-    states: ['left', 'right', 'bottom'],
-    slotProps: {
-        scrimContent: buildProps((tokens, _theme) => ({
-            style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '100%',
-                backgroundColor: tokens.scrimColor,
-                opacity: tokens.scrimOpacity,
-            },
-        }), ['scrimColor']),
-        content: buildProps((tokens, _theme) => ({
-            style: {
-                position: 'absolute',
-                height: tokens.height,
-                width: tokens.width,
-                elevation: tokens.drawerElevation,
-                borderTopEndRadius: tokens.drawerCornerRadius,
-                borderTopStartRadius: tokens.drawerCornerRadius,
-                right: tokens.rightPosition,
-                left: tokens.leftPosition,
-                bottom: tokens.bottomPosition,
-                top: tokens.topPosition,
-                backgroundColor: tokens.drawerBackgroundColor,
-            },
-        }), ['drawerBackgroundColor', 'drawerElevation', 'height', 'width']),
-        handle: buildProps((tokens, _theme) => ({
-            style: {
-                width: tokens.handleWidth,
-                height: tokens.handleHeight,
-                borderRadius: tokens.handleCornerRadius,
-                backgroundColor: tokens.handleBackgroundColor,
-                alignSelf: tokens.handleAlignment,
-                marginTop: tokens.handleMarginTop,
-            },
-        }), ['handleWidth', 'handleHeight', 'handleCornerRadius', 'handleBackgroundColor', 'handleAlignment', 'handleMarginTop']),
-    },
+  tokens: [defaultDrawerTokens, DrawerName],
+  tokensThatAreAlsoProps: 'all',
+  states: ['left', 'right', 'bottom'],
+  slotProps: {
+    scrimContent: buildProps(
+      (tokens, _theme) => ({
+        style: {
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          width: '100%',
+          height: '100%',
+          backgroundColor: tokens.scrimColor,
+          opacity: tokens.scrimOpacity,
+        },
+      }),
+      ['scrimColor'],
+    ),
+    content: buildProps(
+      (tokens, _theme) => ({
+        style: {
+          position: 'absolute',
+          height: tokens.height,
+          width: tokens.width,
+          elevation: tokens.drawerElevation,
+          borderTopEndRadius: tokens.drawerCornerRadius,
+          borderTopStartRadius: tokens.drawerCornerRadius,
+          right: tokens.rightPosition,
+          left: tokens.leftPosition,
+          bottom: tokens.bottomPosition,
+          top: tokens.topPosition,
+          backgroundColor: tokens.drawerBackgroundColor,
+        },
+      }),
+      ['drawerBackgroundColor', 'drawerElevation', 'height', 'width'],
+    ),
+    handle: buildProps(
+      (tokens, _theme) => ({
+        style: {
+          width: tokens.handleWidth,
+          height: tokens.handleHeight,
+          borderRadius: tokens.handleCornerRadius,
+          backgroundColor: tokens.handleBackgroundColor,
+          alignSelf: tokens.handleAlignment,
+          marginTop: tokens.handleMarginTop,
+        },
+      }),
+      ['handleWidth', 'handleHeight', 'handleCornerRadius', 'handleBackgroundColor', 'handleAlignment', 'handleMarginTop'],
+    ),
+  },
 };
-//# sourceMappingURL=Drawer.styling.js.map
+//# sourceMappingURL=Drawer.styling.js.map

package/lib/Drawer.types.d.ts

@@ -1,184 +1,195 @@
-import type { Animated, ColorValue, DimensionValue, FlexAlignType, ModalProps, TouchableWithoutFeedbackProps, ViewProps } from 'react-native';
+import type {
+  AnimatableNumericValue,
+  Animated,
+  ColorValue,
+  DimensionValue,
+  FlexAlignType,
+  ModalProps,
+  TouchableWithoutFeedbackProps,
+  ViewProps,
+} from 'react-native';
 import type { InteractionEvent, PressableFocusProps } from '@fluentui-react-native/interactive-hooks';
-export declare const DrawerName = "Drawer";
+export declare const DrawerName = 'Drawer';
 /**
  * Specifies the possible position of the Drawer.
  */
 export type DrawerPositionType = 'bottom' | 'left' | 'right';
 export interface DrawerTokens {
-    /**
-     * The color of the scrim.
-     * */
-    scrimColor?: ColorValue;
-    /**
-     * The opacity of the scrim.
-     * */
-    scrimOpacity?: number;
-    /**
-     * Width of the handle.
-     */
-    handleWidth?: number;
-    /**
-     * Height of the handle.
-     */
-    handleHeight?: number;
-    /**
-     * The background color of the handle.
-     * */
-    handleBackgroundColor?: ColorValue;
-    /**
-     * The corner radius of the handle.
-     * */
-    handleCornerRadius?: number;
-    /**
-     * The top margin of the handle.
-     *  */
-    handleMarginTop?: number;
-    /**
-     * The bottom margin of the handle.
-     * */
-    handleMarginBottom?: number;
-    /**
-     * The start margin of the handle.
-     * */
-    handleMarginStart?: number;
-    /**
-     * The end margin of the handle.
-     * */
-    handleMarginEnd?: number;
-    /**
-     * The flex alignment of the handle.
-     * */
-    handleAlignment?: FlexAlignType;
-    /**
-     * The background for drawer
-     * */
-    drawerBackgroundColor?: ColorValue;
-    /**
-     * The corner radius of the Drawer
-     * @default 0
-     * */
-    drawerCornerRadius?: number;
-    /**
-     * The elevation of the Drawer
-     * @default 5
-     * @platform android
-     * */
-    drawerElevation?: number;
-    /**
-     * The width of the Drawer
-     * Note: Only applicable when position is 'left' or 'right'
-     * @default '100%'
-     * */
-    width?: DimensionValue;
-    /**
-     * The height of the Drawer
-     * Note: Only applicable when position is 'bottom'
-     * @default '40%'
-     * */
-    height?: DimensionValue;
-    /**
-     * The shadow color of the Drawer
-     * @platform iOS
-     * */
-    shadowColor?: ColorValue;
-    /**
-     * The shadow offset of the Drawer
-     * @platform iOS
-     * */
-    shadowOffset?: {
-        width: number;
-        height: number;
-    };
-    /**
-     * The shadow opacity of the Drawer
-     * @platform iOS
-     * */
-    shadowOpacity?: number;
-    /**
-     * The shadow radius of the Drawer
-     * @platform iOS
-     * */
-    shadowRadius?: number;
-    /**
-     * Positions/Behaviours of the Drawer, This is used to apply different tokens for different positions.
-     */
-    left?: DrawerTokens;
-    right?: DrawerTokens;
-    bottom?: DrawerTokens;
-    /**
-     * Coordinate position of the Drawer, This is used to position the Drawer at a particular coordinate.
-     */
-    leftPosition?: number;
-    rightPosition?: number;
-    bottomPosition?: number;
-    topPosition?: number;
+  /**
+   * The color of the scrim.
+   * */
+  scrimColor?: ColorValue;
+  /**
+   * The opacity of the scrim.
+   * */
+  scrimOpacity?: number;
+  /**
+   * Width of the handle.
+   */
+  handleWidth?: number;
+  /**
+   * Height of the handle.
+   */
+  handleHeight?: number;
+  /**
+   * The background color of the handle.
+   * */
+  handleBackgroundColor?: ColorValue;
+  /**
+   * The corner radius of the handle.
+   * */
+  handleCornerRadius?: AnimatableNumericValue | string;
+  /**
+   * The top margin of the handle.
+   *  */
+  handleMarginTop?: number;
+  /**
+   * The bottom margin of the handle.
+   * */
+  handleMarginBottom?: number;
+  /**
+   * The start margin of the handle.
+   * */
+  handleMarginStart?: number;
+  /**
+   * The end margin of the handle.
+   * */
+  handleMarginEnd?: number;
+  /**
+   * The flex alignment of the handle.
+   * */
+  handleAlignment?: FlexAlignType;
+  /**
+   * The background for drawer
+   * */
+  drawerBackgroundColor?: ColorValue;
+  /**
+   * The corner radius of the Drawer
+   * @default 0
+   * */
+  drawerCornerRadius?: AnimatableNumericValue | string;
+  /**
+   * The elevation of the Drawer
+   * @default 5
+   * @platform android
+   * */
+  drawerElevation?: number;
+  /**
+   * The width of the Drawer
+   * Note: Only applicable when position is 'left' or 'right'
+   * @default '100%'
+   * */
+  width?: DimensionValue;
+  /**
+   * The height of the Drawer
+   * Note: Only applicable when position is 'bottom'
+   * @default '40%'
+   * */
+  height?: DimensionValue;
+  /**
+   * The shadow color of the Drawer
+   * @platform iOS
+   * */
+  shadowColor?: ColorValue;
+  /**
+   * The shadow offset of the Drawer
+   * @platform iOS
+   * */
+  shadowOffset?: {
+    width: number;
+    height: number;
+  };
+  /**
+   * The shadow opacity of the Drawer
+   * @platform iOS
+   * */
+  shadowOpacity?: number;
+  /**
+   * The shadow radius of the Drawer
+   * @platform iOS
+   * */
+  shadowRadius?: AnimatableNumericValue | string;
+  /**
+   * Positions/Behaviours of the Drawer, This is used to apply different tokens for different positions.
+   */
+  left?: DrawerTokens;
+  right?: DrawerTokens;
+  bottom?: DrawerTokens;
+  /**
+   * Coordinate position of the Drawer, This is used to position the Drawer at a particular coordinate.
+   */
+  leftPosition?: number;
+  rightPosition?: number;
+  bottomPosition?: number;
+  topPosition?: number;
 }
 export interface DrawerProps extends PressableFocusProps {
-    accessibilityLabel?: string;
-    /**
-     * Visibility of the Drawer
-     */
-    open?: boolean;
-    /**
-     * Callback when the Drawer is closed
-     * */
-    onClose?: (e: InteractionEvent) => void;
-    /**
-     * Callback when the Drawer is opened
-     * */
-    onOpen?: (e: InteractionEvent) => void;
-    /**
-     * Callback when the scrim is clicked
-     * */
-    onScrimClick?: (e: InteractionEvent) => void;
-    /**
-     * The content of the Drawer
-     * */
-    children?: React.ReactNode;
-    /**
-     * The behavior of the Drawer
-     * @default 'left'
-     * */
-    drawerPosition?: DrawerPositionType;
-    /**
-     * The behavior is for only bottom drawer in which content is scrollable without expanding the bottom drawer
-     * @default false
-     * */
-    isContentScrollableUnexpanded?: boolean;
-    /**
-     * The behavior is for only bottom drawer in which handle can be hidden for some usecases
-     * @default true
-     * */
-    showHandle?: boolean;
-    /**
-     * The width of the Drawer
-     * Animation configuration for the Drawer
-     * */
-    animationConfig?: {
-        animatedOpacity: Animated.AnimatedInterpolation<number>;
-        animatedStyle: {
-            transform: {
-                translateX: Animated.AnimatedInterpolation<number>;
-            }[] | {
-                translateY: Animated.AnimatedInterpolation<number>;
-            }[];
-        };
+  accessibilityLabel?: string;
+  /**
+   * Visibility of the Drawer
+   */
+  open?: boolean;
+  /**
+   * Callback when the Drawer is closed
+   * */
+  onClose?: (e: InteractionEvent) => void;
+  /**
+   * Callback when the Drawer is opened
+   * */
+  onOpen?: (e: InteractionEvent) => void;
+  /**
+   * Callback when the scrim is clicked
+   * */
+  onScrimClick?: (e: InteractionEvent) => void;
+  /**
+   * The content of the Drawer
+   * */
+  children?: React.ReactNode;
+  /**
+   * The behavior of the Drawer
+   * @default 'left'
+   * */
+  drawerPosition?: DrawerPositionType;
+  /**
+   * The behavior is for only bottom drawer in which content is scrollable without expanding the bottom drawer
+   * @default false
+   * */
+  isContentScrollableUnexpanded?: boolean;
+  /**
+   * The behavior is for only bottom drawer in which handle can be hidden for some usecases
+   * @default true
+   * */
+  showHandle?: boolean;
+  /**
+   * The width of the Drawer
+   * Animation configuration for the Drawer
+   * */
+  animationConfig?: {
+    animatedOpacity: Animated.AnimatedInterpolation<number>;
+    animatedStyle: {
+      transform:
+        | {
+            translateX: Animated.AnimatedInterpolation<number>;
+          }[]
+        | {
+            translateY: Animated.AnimatedInterpolation<number>;
+          }[];
     };
+  };
 }
 export interface DrawerInfo {
-    props: DrawerProps;
+  props: DrawerProps;
 }
 export interface DrawerSlotProps {
-    modal: ModalProps;
-    scrim: TouchableWithoutFeedbackProps;
-    scrimContent: Animated.AnimatedProps<ViewProps>;
-    content: Animated.AnimatedProps<ViewProps>;
-    handle: ViewProps;
+  modal: ModalProps;
+  scrim: TouchableWithoutFeedbackProps;
+  scrimContent: Animated.AnimatedProps<ViewProps>;
+  content: Animated.AnimatedProps<ViewProps>;
+  handle: ViewProps;
 }
 export interface DrawerType {
-    props: DrawerProps;
-    tokens: DrawerTokens;
-    slotProps: DrawerSlotProps;
+  props: DrawerProps;
+  tokens: DrawerTokens;
+  slotProps: DrawerSlotProps;
 }
-//# sourceMappingURL=Drawer.types.d.ts.map
+//# sourceMappingURL=Drawer.types.d.ts.map

package/lib/Drawer.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../src/Drawer.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../src/Drawer.types.ts"],"names":[],"mappings":"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"}

package/lib/Drawer.types.js

@@ -1,2 +1,2 @@
 export const DrawerName = 'Drawer';
-//# sourceMappingURL=Drawer.types.js.map
+//# sourceMappingURL=Drawer.types.js.map

package/lib/Drawer.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.types.js","sourceRoot":"","sources":["../src/Drawer.types.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Drawer.types.js","sourceRoot":"","sources":["../src/Drawer.types.ts"],"names":[],"mappings":"AAaA,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC"}