@fluentui-react-native/pressable 0.12.18 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # Change Log - @fluentui-react-native/pressable
 
+## 0.13.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/adapters@0.14.0
+  - @fluentui-react-native/interactive-hooks@0.28.0
+  - @uifabricshared/foundation-composable@0.14.0
+  - @uifabricshared/foundation-settings@0.16.0
+
 <!-- This log was last generated on Tue, 05 Aug 2025 18:50:41 GMT and should not be manually modified. -->
 
 <!-- Start content -->
@@ -1726,24 +1766,31 @@ Thu, 16 Apr 2020 23:57:38 GMT
 - publish with correct main/module references (jasonmo@microsoft.com)
 
 ## 0.2.11
+
 Thu, 09 Apr 2020 18:39:15 GMT
 
 ### Patches
 
 - merge conflicts (ppatboyd@outlook.com)
+
 ## 0.2.9
+
 Fri, 03 Apr 2020 20:40:51 GMT
 
 ### Patches
 
 - switch the bin name from just-script to fluent-scripts to disambiguate names (jasonmo@microsoft.com)
+
 ## 0.2.7
+
 Mon, 30 Mar 2020 16:27:00 GMT
 
 ### Patches
 
 - Update main attribute to specify TypeScript index file. (kinhln@microsoft.com)
+
 ## 0.2.0
+
 Mon, 16 Mar 2020 23:03:24 GMT
 
 ### Minor changes

package/lib/Pressable.d.ts

@@ -1,6 +1,13 @@
 import type { IPressableProps } from './Pressable.props';
-export declare const Pressable: import("@uifabricshared/foundation-composable").IWithComposable<import("react").FunctionComponent<IPressableProps<import("@fluentui-react-native/adapters").IViewProps>>, import("@uifabricshared/foundation-composable").IComposable<IPressableProps<import("@fluentui-react-native/adapters").IViewProps>, {
-    root: import("@fluentui-react-native/adapters").IViewProps;
-}, object>>;
+export declare const Pressable: import('@uifabricshared/foundation-composable').IWithComposable<
+  import('react').FunctionComponent<IPressableProps>,
+  import('@uifabricshared/foundation-composable').IComposable<
+    IPressableProps,
+    {
+      root: import('@fluentui-react-native/adapters').IViewProps;
+    },
+    object
+  >
+>;
 export default Pressable;
-//# sourceMappingURL=Pressable.d.ts.map
+//# sourceMappingURL=Pressable.d.ts.map

package/lib/Pressable.js

@@ -14,17 +14,17 @@ import { useAsPressable } from '@fluentui-react-native/interactive-hooks';
 import { composable } from '@uifabricshared/foundation-composable';
 import { mergeSettings } from '@uifabricshared/foundation-settings';
 export const Pressable = composable({
-    slots: { root: View },
-    usePrepareProps: (userProps, useStyling) => {
-        const { renderStyle, ...rest } = userProps;
-        const { props, state } = useAsPressable(rest);
-        const styleProps = useStyling(props);
-        renderStyle && (props.style = renderStyle(state));
-        return {
-            slotProps: mergeSettings(styleProps, { root: props }),
-            state: { state },
-        };
-    },
+  slots: { root: View },
+  usePrepareProps: (userProps, useStyling) => {
+    const { renderStyle, ...rest } = userProps;
+    const { props, state } = useAsPressable(rest);
+    const styleProps = useStyling(props);
+    renderStyle && (props.style = renderStyle(state));
+    return {
+      slotProps: mergeSettings(styleProps, { root: props }),
+      state: { state },
+    };
+  },
 });
 export default Pressable;
-//# sourceMappingURL=Pressable.js.map
+//# sourceMappingURL=Pressable.js.map

package/lib/Pressable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.js","sourceRoot":"","sources":["../src/Pressable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,YAAY,CAAC;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAiB;IAClD,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;IACrB,eAAe,EAAE,CAAC,SAA0B,EAAE,UAAuC,EAAE,EAAE;QACvF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,SAAS,CAAC;QAC3C,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;QAC9C,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,WAAW,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QAClD,OAAO;YACL,SAAS,EAAE,aAAa,CAA8B,UAAU,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;YAClF,KAAK,EAAE,EAAE,KAAK,EAAE;SACjB,CAAC;IACJ,CAAC;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Pressable.js","sourceRoot":"","sources":["../src/Pressable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,YAAY,CAAC;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAiB;IAClD,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;IACrB,eAAe,EAAE,CAAC,SAA0B,EAAE,UAAuC,EAAE,EAAE,CAAC;QACxF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,SAAS,CAAC;QAC3C,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;QAC9C,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,WAAW,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QAClD,OAAO;YACL,SAAS,EAAE,aAAa,CAA8B,UAAU,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;YAClF,KAAK,EAAE,EAAE,KAAK,EAAE;SACjB,CAAC;IAAA,CACH;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/Pressable.props.d.ts

@@ -1,11 +1,11 @@
 import type * as React from 'react';
-import type { ViewStyle, StyleProp } from 'react-native';
-import type { IViewProps } from '@fluentui-react-native/adapters';
+import type { ViewStyle } from 'react-native';
+import type { IViewProps, IViewStyle } from '@fluentui-react-native/adapters';
 import type { IWithPressableOptions, IPressableState } from '@fluentui-react-native/interactive-hooks';
 type ObjectBase = {};
-export type IPressableProps<TBase extends ObjectBase = IViewProps> = IWithPressableOptions<TBase> & {
-    children?: IRenderChild<IPressableState>;
-    renderStyle?: IRenderStyle<IPressableState, ViewStyle>;
+export type IPressableProps = IWithPressableOptions<IViewProps> & {
+  children?: React.ReactNode;
+  renderStyle?: IRenderStyle<IPressableState, IViewStyle>;
 };
 /**
  * Used by IRenderChild, it simply describes a function that takes
@@ -24,15 +24,15 @@ export type IRenderChild<T> = IChildAsFunction<T> | React.ReactNode;
 /**
  * An IRenderStyle describes style as a function that takes the current
  * state of the parent component. It is up to the parent to invoke the function
- * and make proper use of the more typical StyleProp<S> object that is returned
+ * and make proper use of the more typical ViewStyle object that is returned
  * This is convenient for when styles need to be calculated depending on interaction states.
  */
-export type IRenderStyle<T, S> = (state: T) => StyleProp<S>;
+export type IRenderStyle<T, S extends ViewStyle> = (state: T) => S;
 export type IPressableType<TBase extends ObjectBase = IViewProps> = {
-    props: IPressableProps<TBase>;
-    slotProps: {
-        root: TBase;
-    };
+  props: IPressableProps;
+  slotProps: {
+    root: TBase;
+  };
 };
 export {};
-//# sourceMappingURL=Pressable.props.d.ts.map
+//# sourceMappingURL=Pressable.props.d.ts.map

package/lib/Pressable.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.props.d.ts","sourceRoot":"","sources":["../src/Pressable.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAGvG,KAAK,UAAU,GAAG,EAAE,CAAC;AAErB,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,UAAU,GAAG,UAAU,IAAI,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAClG,QAAQ,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;IAQzC,WAAW,CAAC,EAAE,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;CACxD,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AAEhE;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;AAE5D,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,UAAU,GAAG,UAAU,IAAI;IAClE,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC9B,SAAS,EAAE;QACT,IAAI,EAAE,KAAK,CAAC;KACb,CAAC;CACH,CAAC"}
+{"version":3,"file":"Pressable.props.d.ts","sourceRoot":"","sources":["../src/Pressable.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAGvG,KAAK,UAAU,GAAG,EAAE,CAAC;AAErB,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC,UAAU,CAAC,GAAG;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAQ3B,WAAW,CAAC,EAAE,YAAY,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;CACzD,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AAEhE;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AAEnE,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,UAAU,GAAG,UAAU,IAAI;IAClE,KAAK,EAAE,eAAe,CAAC;IACvB,SAAS,EAAE;QACT,IAAI,EAAE,KAAK,CAAC;KACb,CAAC;CACH,CAAC"}

package/lib/Pressable.props.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Pressable.props.js.map
+//# sourceMappingURL=Pressable.props.js.map

package/lib/index.d.ts

@@ -1,3 +1,3 @@
 export type { IChildAsFunction, IPressableProps, IPressableType, IRenderChild, IRenderStyle } from './Pressable.props';
 export { Pressable } from './Pressable';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,2 +1,2 @@
 export { Pressable } from './Pressable';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib-commonjs/Pressable.d.ts

@@ -1,6 +1,13 @@
 import type { IPressableProps } from './Pressable.props';
-export declare const Pressable: import("@uifabricshared/foundation-composable").IWithComposable<import("react").FunctionComponent<IPressableProps<import("@fluentui-react-native/adapters").IViewProps>>, import("@uifabricshared/foundation-composable").IComposable<IPressableProps<import("@fluentui-react-native/adapters").IViewProps>, {
-    root: import("@fluentui-react-native/adapters").IViewProps;
-}, object>>;
+export declare const Pressable: import('@uifabricshared/foundation-composable').IWithComposable<
+  import('react').FunctionComponent<IPressableProps>,
+  import('@uifabricshared/foundation-composable').IComposable<
+    IPressableProps,
+    {
+      root: import('@fluentui-react-native/adapters').IViewProps;
+    },
+    object
+  >
+>;
 export default Pressable;
-//# sourceMappingURL=Pressable.d.ts.map
+//# sourceMappingURL=Pressable.d.ts.map

package/lib-commonjs/Pressable.js

@@ -9,24 +9,24 @@
  * provides an overview over how touchables work and interact with the gesture responder system.
  */
 'use strict';
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Pressable = void 0;
-const react_native_1 = require("react-native");
-const interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
-const foundation_composable_1 = require("@uifabricshared/foundation-composable");
-const foundation_settings_1 = require("@uifabricshared/foundation-settings");
+const react_native_1 = require('react-native');
+const interactive_hooks_1 = require('@fluentui-react-native/interactive-hooks');
+const foundation_composable_1 = require('@uifabricshared/foundation-composable');
+const foundation_settings_1 = require('@uifabricshared/foundation-settings');
 exports.Pressable = (0, foundation_composable_1.composable)({
-    slots: { root: react_native_1.View },
-    usePrepareProps: (userProps, useStyling) => {
-        const { renderStyle, ...rest } = userProps;
-        const { props, state } = (0, interactive_hooks_1.useAsPressable)(rest);
-        const styleProps = useStyling(props);
-        renderStyle && (props.style = renderStyle(state));
-        return {
-            slotProps: (0, foundation_settings_1.mergeSettings)(styleProps, { root: props }),
-            state: { state },
-        };
-    },
+  slots: { root: react_native_1.View },
+  usePrepareProps: (userProps, useStyling) => {
+    const { renderStyle, ...rest } = userProps;
+    const { props, state } = (0, interactive_hooks_1.useAsPressable)(rest);
+    const styleProps = useStyling(props);
+    renderStyle && (props.style = renderStyle(state));
+    return {
+      slotProps: (0, foundation_settings_1.mergeSettings)(styleProps, { root: props }),
+      state: { state },
+    };
+  },
 });
 exports.default = exports.Pressable;
-//# sourceMappingURL=Pressable.js.map
+//# sourceMappingURL=Pressable.js.map

package/lib-commonjs/Pressable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.js","sourceRoot":"","sources":["../src/Pressable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,YAAY,CAAC;;;AAEb,+CAAoC;AAEpC,gFAA0E;AAE1E,iFAAmE;AACnE,6EAAoE;AAIvD,QAAA,SAAS,GAAG,IAAA,kCAAU,EAAiB;IAClD,KAAK,EAAE,EAAE,IAAI,EAAE,mBAAI,EAAE;IACrB,eAAe,EAAE,CAAC,SAA0B,EAAE,UAAuC,EAAE,EAAE;QACvF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,SAAS,CAAC;QAC3C,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAA,kCAAc,EAAC,IAAI,CAAC,CAAC;QAC9C,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,WAAW,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QAClD,OAAO;YACL,SAAS,EAAE,IAAA,mCAAa,EAA8B,UAAU,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;YAClF,KAAK,EAAE,EAAE,KAAK,EAAE;SACjB,CAAC;IACJ,CAAC;CACF,CAAC,CAAC;AAEH,kBAAe,iBAAS,CAAC"}
+{"version":3,"file":"Pressable.js","sourceRoot":"","sources":["../src/Pressable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,YAAY,CAAC;;;AAEb,+CAAoC;AAEpC,gFAA0E;AAE1E,iFAAmE;AACnE,6EAAoE;AAIvD,QAAA,SAAS,GAAG,IAAA,kCAAU,EAAiB;IAClD,KAAK,EAAE,EAAE,IAAI,EAAE,mBAAI,EAAE;IACrB,eAAe,EAAE,CAAC,SAA0B,EAAE,UAAuC,EAAE,EAAE,CAAC;QACxF,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,SAAS,CAAC;QAC3C,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAA,kCAAc,EAAC,IAAI,CAAC,CAAC;QAC9C,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,WAAW,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QAClD,OAAO;YACL,SAAS,EAAE,IAAA,mCAAa,EAA8B,UAAU,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;YAClF,KAAK,EAAE,EAAE,KAAK,EAAE;SACjB,CAAC;IAAA,CACH;CACF,CAAC,CAAC;kBAEY,QAAA,SAAS"}

package/lib-commonjs/Pressable.props.d.ts

@@ -1,11 +1,11 @@
 import type * as React from 'react';
-import type { ViewStyle, StyleProp } from 'react-native';
-import type { IViewProps } from '@fluentui-react-native/adapters';
+import type { ViewStyle } from 'react-native';
+import type { IViewProps, IViewStyle } from '@fluentui-react-native/adapters';
 import type { IWithPressableOptions, IPressableState } from '@fluentui-react-native/interactive-hooks';
 type ObjectBase = {};
-export type IPressableProps<TBase extends ObjectBase = IViewProps> = IWithPressableOptions<TBase> & {
-    children?: IRenderChild<IPressableState>;
-    renderStyle?: IRenderStyle<IPressableState, ViewStyle>;
+export type IPressableProps = IWithPressableOptions<IViewProps> & {
+  children?: React.ReactNode;
+  renderStyle?: IRenderStyle<IPressableState, IViewStyle>;
 };
 /**
  * Used by IRenderChild, it simply describes a function that takes
@@ -24,15 +24,15 @@ export type IRenderChild<T> = IChildAsFunction<T> | React.ReactNode;
 /**
  * An IRenderStyle describes style as a function that takes the current
  * state of the parent component. It is up to the parent to invoke the function
- * and make proper use of the more typical StyleProp<S> object that is returned
+ * and make proper use of the more typical ViewStyle object that is returned
  * This is convenient for when styles need to be calculated depending on interaction states.
  */
-export type IRenderStyle<T, S> = (state: T) => StyleProp<S>;
+export type IRenderStyle<T, S extends ViewStyle> = (state: T) => S;
 export type IPressableType<TBase extends ObjectBase = IViewProps> = {
-    props: IPressableProps<TBase>;
-    slotProps: {
-        root: TBase;
-    };
+  props: IPressableProps;
+  slotProps: {
+    root: TBase;
+  };
 };
 export {};
-//# sourceMappingURL=Pressable.props.d.ts.map
+//# sourceMappingURL=Pressable.props.d.ts.map

package/lib-commonjs/Pressable.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.props.d.ts","sourceRoot":"","sources":["../src/Pressable.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAGvG,KAAK,UAAU,GAAG,EAAE,CAAC;AAErB,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,UAAU,GAAG,UAAU,IAAI,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAClG,QAAQ,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;IAQzC,WAAW,CAAC,EAAE,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;CACxD,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AAEhE;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;AAE5D,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,UAAU,GAAG,UAAU,IAAI;IAClE,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC9B,SAAS,EAAE;QACT,IAAI,EAAE,KAAK,CAAC;KACb,CAAC;CACH,CAAC"}
+{"version":3,"file":"Pressable.props.d.ts","sourceRoot":"","sources":["../src/Pressable.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAGvG,KAAK,UAAU,GAAG,EAAE,CAAC;AAErB,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC,UAAU,CAAC,GAAG;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAQ3B,WAAW,CAAC,EAAE,YAAY,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;CACzD,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AAEhE;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AAEnE,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,UAAU,GAAG,UAAU,IAAI;IAClE,KAAK,EAAE,eAAe,CAAC;IACvB,SAAS,EAAE;QACT,IAAI,EAAE,KAAK,CAAC;KACb,CAAC;CACH,CAAC"}

package/lib-commonjs/Pressable.props.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=Pressable.props.js.map
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+//# sourceMappingURL=Pressable.props.js.map

package/lib-commonjs/index.d.ts

@@ -1,3 +1,3 @@
 export type { IChildAsFunction, IPressableProps, IPressableType, IRenderChild, IRenderStyle } from './Pressable.props';
 export { Pressable } from './Pressable';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.js

@@ -1,6 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Pressable = void 0;
-var Pressable_1 = require("./Pressable");
-Object.defineProperty(exports, "Pressable", { enumerable: true, get: function () { return Pressable_1.Pressable; } });
-//# sourceMappingURL=index.js.map
+const Pressable_1 = require('./Pressable');
+Object.defineProperty(exports, 'Pressable', {
+  enumerable: true,
+  get: function () {
+    return Pressable_1.Pressable;
+  },
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,2CAAwC;AAA/B,sGAAA,SAAS,OAAA"}

package/package.json

@@ -1,96 +1,93 @@
 {
   "name": "@fluentui-react-native/pressable",
-  "version": "0.12.18",
+  "version": "0.13.0",
   "description": "A cross-platform Pressable component",
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "react-native": "src/index.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui-react-native.git",
+    "directory": "packages/components/Pressable"
+  },
+  "license": "MIT",
+  "author": "",
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js",
-      "types": "./lib/index.d.ts"
+      "require": "./lib-commonjs/index.js"
     }
   },
-  "typings": "lib/index.d.ts",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
-    "just": "fluentui-scripts",
+    "build-cjs": "tsgo --outDir lib-commonjs",
+    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
-    "test": "fluentui-scripts jest",
-    "update-snapshots": "fluentui-scripts jest -u",
+    "lint-package": "fluentui-scripts lint-package",
     "prettier": "fluentui-scripts prettier",
-    "prettier-fix": "fluentui-scripts prettier --fix true"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/microsoft/fluentui-react-native.git",
-    "directory": "packages/components/Pressable"
+    "test": "fluentui-scripts jest",
+    "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/adapters": "0.13.5",
-    "@fluentui-react-native/interactive-hooks": "0.27.18",
-    "@uifabricshared/foundation-composable": "0.13.11",
-    "@uifabricshared/foundation-settings": "0.15.11"
+    "@fluentui-react-native/adapters": "0.14.0",
+    "@fluentui-react-native/interactive-hooks": "0.28.0",
+    "@uifabricshared/foundation-composable": "0.14.0",
+    "@uifabricshared/foundation-settings": "0.16.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
     "@fluentui-react-native/eslint-config-rules": "0.1.1",
-    "@fluentui-react-native/scripts": "0.1.1",
-    "@react-native/babel-preset": "^0.74.0",
-    "@react-native/metro-config": "^0.74.0",
-    "@types/react": "~18.2.0",
-    "react": "18.2.0",
-    "react-native": "^0.74.0",
-    "react-native-macos": "^0.74.0",
-    "react-native-windows": "^0.74.0"
+    "@fluentui-react-native/kit-config": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.2",
+    "@react-native-community/cli": "^20.0.0",
+    "@react-native-community/cli-platform-android": "^20.0.0",
+    "@react-native-community/cli-platform-ios": "^20.0.0",
+    "@react-native/metro-config": "^0.81.0",
+    "@types/react": "~19.1.0",
+    "react": "19.1.0",
+    "react-native": "^0.81.0",
+    "react-native-macos": "^0.81.0",
+    "react-native-windows": "^0.81.0"
   },
   "peerDependencies": {
     "@office-iss/react-native-win32": "^0.74.0",
-    "react": "18.2.0",
-    "react-native": "^0.73.0 || ^0.74.0",
-    "react-native-macos": "^0.73.0 || ^0.74.0",
-    "react-native-windows": "^0.73.0 || ^0.74.0"
+    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
+    "react": "18.2.0 || 19.0.0 || 19.1.0",
+    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
+  },
+  "peerDependenciesMeta": {
+    "@office-iss/react-native-win32": {
+      "optional": true
+    },
+    "@types/react": {
+      "optional": true
+    },
+    "react-native-macos": {
+      "optional": true
+    },
+    "react-native-windows": {
+      "optional": true
+    }
   },
-  "author": "",
-  "license": "MIT",
   "rnx-kit": {
     "kitType": "library",
     "alignDeps": {
-      "presets": [
-        "microsoft/react-native"
-      ],
-      "requirements": {
-        "development": [
-          "react-native@0.74"
-        ],
-        "production": [
-          "react-native@0.73 || 0.74"
-        ]
-      },
       "capabilities": [
-        "babel-preset-react-native",
         "core",
         "core-android",
         "core-ios",
         "core-macos",
         "core-windows",
-        "react"
+        "react",
+        "tools-core"
       ]
-    }
-  },
-  "peerDependenciesMeta": {
-    "@office-iss/react-native-win32": {
-      "optional": true
     },
-    "react-native-macos": {
-      "optional": true
-    },
-    "react-native-windows": {
-      "optional": true
-    }
+    "extends": "@fluentui-react-native/kit-config"
   }
-}
+}

package/src/Pressable.props.ts

@@ -1,22 +1,22 @@
 import type * as React from 'react';
-import type { ViewStyle, StyleProp } from 'react-native';
+import type { ViewStyle } from 'react-native';
 
-import type { IViewProps } from '@fluentui-react-native/adapters';
+import type { IViewProps, IViewStyle } from '@fluentui-react-native/adapters';
 import type { IWithPressableOptions, IPressableState } from '@fluentui-react-native/interactive-hooks';
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 type ObjectBase = {};
 
-export type IPressableProps<TBase extends ObjectBase = IViewProps> = IWithPressableOptions<TBase> & {
-  children?: IRenderChild<IPressableState>;
+export type IPressableProps = IWithPressableOptions<IViewProps> & {
+  children?: React.ReactNode;
 
   // Typescript will not allow an extension of the IView* interface
   // that allows style to take on a function value. This is not a problem
   // with children, presumably because function components are valid as children.
   // As such, a renderStyle prop that takes a function value is provided
-  // instead, in conjunction with the base style prop (StyleProp<ViewStyle>).
+  // instead, in conjunction with the base style prop (ViewStyle).
   // The style prop will only be used if a renderStyle is not provided.
-  renderStyle?: IRenderStyle<IPressableState, ViewStyle>;
+  renderStyle?: IRenderStyle<IPressableState, IViewStyle>;
 };
 
 /**
@@ -38,13 +38,13 @@ export type IRenderChild<T> = IChildAsFunction<T> | React.ReactNode;
 /**
  * An IRenderStyle describes style as a function that takes the current
  * state of the parent component. It is up to the parent to invoke the function
- * and make proper use of the more typical StyleProp<S> object that is returned
+ * and make proper use of the more typical ViewStyle object that is returned
  * This is convenient for when styles need to be calculated depending on interaction states.
  */
-export type IRenderStyle<T, S> = (state: T) => StyleProp<S>;
+export type IRenderStyle<T, S extends ViewStyle> = (state: T) => S;
 
 export type IPressableType<TBase extends ObjectBase = IViewProps> = {
-  props: IPressableProps<TBase>;
+  props: IPressableProps;
   slotProps: {
     root: TBase;
   };