@fluentui-react-native/experimental-expander 0.9.0 → 0.9.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Change Log - @fluentui-react-native/experimental-expander
 
+## 0.9.1
+
+### Patch Changes
+
+- 0d6e9c1: chore: migrate to `oxfmt`
+- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
+- Updated dependencies [0d6e9c1]
+- Updated dependencies [ac6e7af]
+  - @fluentui-react-native/framework@0.15.1
+
 ## 0.9.0
 
 ### Minor Changes

package/lib/Expander.d.ts

@@ -4,12 +4,7 @@
  * @format
  */
 import type { ExpanderProps } from './Expander.types';
-export declare const Expander: import('@fluentui-react-native/framework').ComposableComponent<
-  ExpanderProps,
-  {
-    root: import('./ExpanderNativeComponent').NativeProps;
-  },
-  import('./Expander.types').ExpanderTokens,
-  import('@fluentui-react-native/framework-base').ObjectBase
->;
-//# sourceMappingURL=Expander.d.ts.map
+export declare const Expander: import("@fluentui-react-native/framework").ComposableComponent<ExpanderProps, {
+    root: import("./ExpanderNativeComponent").NativeProps;
+}, import("./Expander.types").ExpanderTokens, import("@fluentui-react-native/framework-base").ObjectBase>;
+//# sourceMappingURL=Expander.d.ts.map

package/lib/Expander.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
+import { jsx as _jsx } from "@fluentui-react-native/framework-base/jsx-runtime";
 /**
  * Copyright (c) Microsoft Corporation.
  * Licensed under the MIT License.
@@ -10,37 +10,30 @@ import { compose, mergeProps, buildProps } from '@fluentui-react-native/framewor
 import { expanderName } from './Expander.types';
 import { ExpanderComponent } from './ExpanderNativeComponent';
 function delay(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
+    return new Promise((resolve) => setTimeout(resolve, ms));
 }
 export const Expander = compose({
-  displayName: expanderName,
-  tokens: [{}, expanderName],
-  slotProps: {
-    root: buildProps((tokens) => ({ ...tokens })),
-  },
-  slots: { root: ExpanderComponent },
-  useRender: (userProps, useSlots) => {
-    const Root = useSlots(userProps).root;
-    const [expandedState, setExpandedState] = React.useState(userProps.expanded);
-    const expanderHeight = expandedState ? userProps.expandedHeight : userProps.collapsedHeight;
-    const _onCollapsing = async () => {
-      userProps.onCollapsing?.();
-      // Need to delay the height change so that the animation runs
-      await delay(175);
-      setExpandedState(false);
-    };
-    const _onExpanding = () => {
-      setExpandedState(true);
-      userProps.onExpanding?.();
-    };
-    return (rest, ...children) =>
-      _jsx(Root, {
-        ...mergeProps(userProps, rest),
-        height: expanderHeight,
-        onCollapsing: _onCollapsing,
-        onExpanding: _onExpanding,
-        children: children,
-      });
-  },
+    displayName: expanderName,
+    tokens: [{}, expanderName],
+    slotProps: {
+        root: buildProps((tokens) => ({ ...tokens })),
+    },
+    slots: { root: ExpanderComponent },
+    useRender: (userProps, useSlots) => {
+        const Root = useSlots(userProps).root;
+        const [expandedState, setExpandedState] = React.useState(userProps.expanded);
+        const expanderHeight = expandedState ? userProps.expandedHeight : userProps.collapsedHeight;
+        const _onCollapsing = async () => {
+            userProps.onCollapsing?.();
+            // Need to delay the height change so that the animation runs
+            await delay(175);
+            setExpandedState(false);
+        };
+        const _onExpanding = () => {
+            setExpandedState(true);
+            userProps.onExpanding?.();
+        };
+        return (rest, ...children) => (_jsx(Root, { ...mergeProps(userProps, rest), height: expanderHeight, onCollapsing: _onCollapsing, onExpanding: _onExpanding, children: children }));
+    },
 });
-//# sourceMappingURL=Expander.js.map
+//# sourceMappingURL=Expander.js.map

package/lib/Expander.types.d.ts

@@ -1,152 +1,152 @@
 import type { PropsWithChildren } from 'react';
 import type { ColorValue } from 'react-native';
 import type { NativeProps } from './ExpanderNativeComponent';
-export declare const expanderName = 'Expander';
+export declare const expanderName = "Expander";
 export type ExpanderProps = PropsWithChildren<{
-  /**
-   * Direction to expand the Expander.
-   */
-  expandDirection?: ExpandDirection;
-  /**
-   * Determines if the expander is currently expanded
-   */
-  expanded?: boolean;
-  /**
-   * Is Expander control enabled for the user
-   */
-  enabled?: boolean;
-  /**
-   * Height of the Expander
-   */
-  height?: number;
-  /**
-   * Height for the Expander when expanded
-   */
-  expandedHeight: number;
-  /**
-   * Height for the Expander when collapsed
-   */
-  collapsedHeight: number;
-  /**
-   * A callback to call on Expander collapsed event
-   */
-  onCollapsing?: () => void;
-  /**
-   * A callback to call on Expander expanding event
-   */
-  onExpanding?: () => void;
+    /**
+     * Direction to expand the Expander.
+     */
+    expandDirection?: ExpandDirection;
+    /**
+     * Determines if the expander is currently expanded
+     */
+    expanded?: boolean;
+    /**
+     * Is Expander control enabled for the user
+     */
+    enabled?: boolean;
+    /**
+     * Height of the Expander
+     */
+    height?: number;
+    /**
+     * Height for the Expander when expanded
+     */
+    expandedHeight: number;
+    /**
+     * Height for the Expander when collapsed
+     */
+    collapsedHeight: number;
+    /**
+     * A callback to call on Expander collapsed event
+     */
+    onCollapsing?: () => void;
+    /**
+     * A callback to call on Expander expanding event
+     */
+    onExpanding?: () => void;
 }>;
 export interface ExpanderTokens {
-  /**
-   * Width of the expander
-   */
-  width?: number;
-  /**
-   * Horizontal alignment of the expander's content
-   */
-  contentHorizontalAlignment?: HorizontalAlignment;
-  /**
-   * Vertical alignment of the expander's content
-   */
-  contentVerticalAlignment?: VerticalAlignment;
-  /**
-   * Header background color
-   */
-  headerBackground?: ColorValue;
-  /**
-   * Header foreground color at rest
-   */
-  headerForeground?: ColorValue;
-  /**
-   * Header foreground color on pointer over
-   */
-  headerForegroundPointerOver?: ColorValue;
-  /**
-   * Header foreground color when pressed
-   */
-  headerForegroundPressed?: ColorValue;
-  /**
-   * Header border color at rest
-   */
-  headerBorderBrush?: ColorValue;
-  /**
-   * Header border color on pointer over
-   */
-  headerBorderPointerOverBrush?: ColorValue;
-  /**
-   * Header border color when pressed
-   */
-  headerBorderPressedBrush?: ColorValue;
-  /**
-   * Header foreground color when disabled
-   */
-  headerDisabledForeground?: ColorValue;
-  /**
-   * Header border color when disabled
-   */
-  headerDisabledBorderBrush?: ColorValue;
-  /**
-   * Header border thickness
-   */
-  headerBorderThickness?: number;
-  /**
-   * Content background color
-   */
-  contentBackground?: ColorValue;
-  /**
-   * Content border color
-   */
-  contentBorderBrush?: ColorValue;
-  /**
-   * Chevron background color at rest
-   */
-  chevronBackground?: ColorValue;
-  /**
-   * Chevron foreground color at rest
-   */
-  chevronForeground?: ColorValue;
-  /**
-   * Chevron background color on pointer over
-   */
-  chevronPointerOverBackground?: ColorValue;
-  /**
-   * Chevron foreground color on pointer over
-   */
-  chevronPointerOverForeground?: ColorValue;
-  /**
-   * Chevron background color when pressed
-   */
-  chevronPressedBackground?: ColorValue;
-  /**
-   * Chevron foreground color when pressed
-   */
-  chevronPressedForeground?: ColorValue;
-  /**
-   * Chevron border thickness
-   */
-  chevronBorderThickness?: number;
-  /**
-   * Chevron border color at rest
-   */
-  chevronBorderBrush?: ColorValue;
-  /**
-   * Chevron border color on pointer over
-   */
-  chevronBorderPointerOverBrush?: ColorValue;
-  /**
-   * Chevron border color when pressed
-   */
-  chevronBorderPressedBrush?: ColorValue;
+    /**
+     * Width of the expander
+     */
+    width?: number;
+    /**
+     * Horizontal alignment of the expander's content
+     */
+    contentHorizontalAlignment?: HorizontalAlignment;
+    /**
+     * Vertical alignment of the expander's content
+     */
+    contentVerticalAlignment?: VerticalAlignment;
+    /**
+     * Header background color
+     */
+    headerBackground?: ColorValue;
+    /**
+     * Header foreground color at rest
+     */
+    headerForeground?: ColorValue;
+    /**
+     * Header foreground color on pointer over
+     */
+    headerForegroundPointerOver?: ColorValue;
+    /**
+     * Header foreground color when pressed
+     */
+    headerForegroundPressed?: ColorValue;
+    /**
+     * Header border color at rest
+     */
+    headerBorderBrush?: ColorValue;
+    /**
+     * Header border color on pointer over
+     */
+    headerBorderPointerOverBrush?: ColorValue;
+    /**
+     * Header border color when pressed
+     */
+    headerBorderPressedBrush?: ColorValue;
+    /**
+     * Header foreground color when disabled
+     */
+    headerDisabledForeground?: ColorValue;
+    /**
+     * Header border color when disabled
+     */
+    headerDisabledBorderBrush?: ColorValue;
+    /**
+     * Header border thickness
+     */
+    headerBorderThickness?: number;
+    /**
+     * Content background color
+     */
+    contentBackground?: ColorValue;
+    /**
+     * Content border color
+     */
+    contentBorderBrush?: ColorValue;
+    /**
+     * Chevron background color at rest
+     */
+    chevronBackground?: ColorValue;
+    /**
+     * Chevron foreground color at rest
+     */
+    chevronForeground?: ColorValue;
+    /**
+     * Chevron background color on pointer over
+     */
+    chevronPointerOverBackground?: ColorValue;
+    /**
+     * Chevron foreground color on pointer over
+     */
+    chevronPointerOverForeground?: ColorValue;
+    /**
+     * Chevron background color when pressed
+     */
+    chevronPressedBackground?: ColorValue;
+    /**
+     * Chevron foreground color when pressed
+     */
+    chevronPressedForeground?: ColorValue;
+    /**
+     * Chevron border thickness
+     */
+    chevronBorderThickness?: number;
+    /**
+     * Chevron border color at rest
+     */
+    chevronBorderBrush?: ColorValue;
+    /**
+     * Chevron border color on pointer over
+     */
+    chevronBorderPointerOverBrush?: ColorValue;
+    /**
+     * Chevron border color when pressed
+     */
+    chevronBorderPressedBrush?: ColorValue;
 }
 export type ExpandDirection = 'up' | 'down';
 export type VerticalAlignment = 'bottom' | 'center' | 'stretch' | 'top';
 export type HorizontalAlignment = 'center' | 'left' | 'right' | 'stretch';
 export type ExpanderViewProps = ExpanderProps & ExpanderTokens;
 export interface ExpanderType {
-  props: ExpanderProps;
-  tokens: ExpanderTokens;
-  slotProps: {
-    root: NativeProps;
-  };
+    props: ExpanderProps;
+    tokens: ExpanderTokens;
+    slotProps: {
+        root: NativeProps;
+    };
 }
-//# sourceMappingURL=Expander.types.d.ts.map
+//# sourceMappingURL=Expander.types.d.ts.map

package/lib/Expander.types.js

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

package/lib/ExpanderNativeComponent.d.ts

@@ -6,38 +6,38 @@
 import type { ColorValue, HostComponent, ViewProps } from 'react-native';
 import type { DirectEventHandler, Double, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
 export interface NativeProps extends ViewProps {
-  expandDirection?: WithDefault<'up' | 'down', 'down'>;
-  expanded?: boolean;
-  enabled?: boolean;
-  width?: Double;
-  height?: Double;
-  contentHorizontalAlignment?: WithDefault<'center' | 'left' | 'right' | 'stretch', 'stretch'>;
-  contentVerticalAlignment?: WithDefault<'bottom' | 'center' | 'stretch' | 'top', 'top'>;
-  headerBackground?: ColorValue;
-  headerForeground?: ColorValue;
-  headerForegroundPointerOver?: ColorValue;
-  headerForegroundPressed?: ColorValue;
-  headerBorderBrush?: ColorValue;
-  headerBorderPointerOverBrush?: ColorValue;
-  headerBorderPressedBrush?: ColorValue;
-  headerDisabledForeground?: ColorValue;
-  headerDisabledBorderBrush?: ColorValue;
-  headerBorderThickness?: Double;
-  contentBackground?: ColorValue;
-  contentBorderBrush?: ColorValue;
-  chevronBackground?: ColorValue;
-  chevronForeground?: ColorValue;
-  chevronPointerOverBackground?: ColorValue;
-  chevronPointerOverForeground?: ColorValue;
-  chevronPressedBackground?: ColorValue;
-  chevronPressedForeground?: ColorValue;
-  chevronBorderThickness?: Double;
-  chevronBorderBrush?: ColorValue;
-  chevronBorderPointerOverBrush?: ColorValue;
-  chevronBorderPressedBrush?: ColorValue;
-  onCollapsing?: DirectEventHandler<null>;
-  onExpanding?: DirectEventHandler<null>;
+    expandDirection?: WithDefault<'up' | 'down', 'down'>;
+    expanded?: boolean;
+    enabled?: boolean;
+    width?: Double;
+    height?: Double;
+    contentHorizontalAlignment?: WithDefault<'center' | 'left' | 'right' | 'stretch', 'stretch'>;
+    contentVerticalAlignment?: WithDefault<'bottom' | 'center' | 'stretch' | 'top', 'top'>;
+    headerBackground?: ColorValue;
+    headerForeground?: ColorValue;
+    headerForegroundPointerOver?: ColorValue;
+    headerForegroundPressed?: ColorValue;
+    headerBorderBrush?: ColorValue;
+    headerBorderPointerOverBrush?: ColorValue;
+    headerBorderPressedBrush?: ColorValue;
+    headerDisabledForeground?: ColorValue;
+    headerDisabledBorderBrush?: ColorValue;
+    headerBorderThickness?: Double;
+    contentBackground?: ColorValue;
+    contentBorderBrush?: ColorValue;
+    chevronBackground?: ColorValue;
+    chevronForeground?: ColorValue;
+    chevronPointerOverBackground?: ColorValue;
+    chevronPointerOverForeground?: ColorValue;
+    chevronPressedBackground?: ColorValue;
+    chevronPressedForeground?: ColorValue;
+    chevronBorderThickness?: Double;
+    chevronBorderBrush?: ColorValue;
+    chevronBorderPointerOverBrush?: ColorValue;
+    chevronBorderPressedBrush?: ColorValue;
+    onCollapsing?: DirectEventHandler<null>;
+    onExpanding?: DirectEventHandler<null>;
 }
 export declare const ExpanderComponent: HostComponent<NativeProps>;
 export default ExpanderComponent;
-//# sourceMappingURL=ExpanderNativeComponent.d.ts.map
+//# sourceMappingURL=ExpanderNativeComponent.d.ts.map

package/lib/ExpanderNativeComponent.js

@@ -6,4 +6,4 @@
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 export const ExpanderComponent = codegenNativeComponent('ExpanderView');
 export default ExpanderComponent;
-//# sourceMappingURL=ExpanderNativeComponent.js.map
+//# sourceMappingURL=ExpanderNativeComponent.js.map

package/lib/index.d.ts

@@ -1,12 +1,4 @@
 export { Expander } from './Expander';
 export { expanderName } from './Expander.types';
-export type {
-  ExpandDirection,
-  ExpanderProps,
-  ExpanderTokens,
-  ExpanderType,
-  ExpanderViewProps,
-  HorizontalAlignment,
-  VerticalAlignment,
-} from './Expander.types';
-//# sourceMappingURL=index.d.ts.map
+export type { ExpandDirection, ExpanderProps, ExpanderTokens, ExpanderType, ExpanderViewProps, HorizontalAlignment, VerticalAlignment, } from './Expander.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EACV,eAAe,EACf,aAAa,EACb,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,kBAAkB,CAAC"}

package/lib/index.js

@@ -1,3 +1,3 @@
 export { Expander } from './Expander';
 export { expanderName } from './Expander.types';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib-commonjs/Expander.d.ts

@@ -4,12 +4,7 @@
  * @format
  */
 import type { ExpanderProps } from './Expander.types';
-export declare const Expander: import('@fluentui-react-native/framework').ComposableComponent<
-  ExpanderProps,
-  {
-    root: import('./ExpanderNativeComponent').NativeProps;
-  },
-  import('./Expander.types').ExpanderTokens,
-  import('@fluentui-react-native/framework').ObjectBase
->;
-//# sourceMappingURL=Expander.d.ts.map
+export declare const Expander: import("@fluentui-react-native/framework").ComposableComponent<ExpanderProps, {
+    root: import("./ExpanderNativeComponent").NativeProps;
+}, import("./Expander.types").ExpanderTokens, import("@fluentui-react-native/framework").ObjectBase>;
+//# sourceMappingURL=Expander.d.ts.map

package/lib-commonjs/Expander.js

@@ -1,99 +1,75 @@
-'use strict';
-var __createBinding =
-  (this && this.__createBinding) ||
-  (Object.create
-    ? function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-          desc = {
-            enumerable: true,
-            get: function () {
-              return m[k];
-            },
-          };
-        }
-        Object.defineProperty(o, k2, desc);
-      }
-    : function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-      });
-var __setModuleDefault =
-  (this && this.__setModuleDefault) ||
-  (Object.create
-    ? function (o, v) {
-        Object.defineProperty(o, 'default', { enumerable: true, value: v });
-      }
-    : function (o, v) {
-        o['default'] = v;
-      });
-var __importStar =
-  (this && this.__importStar) ||
-  (function () {
-    var ownKeys = function (o) {
-      ownKeys =
-        Object.getOwnPropertyNames ||
-        function (o) {
-          var ar = [];
-          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-          return ar;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
         };
-      return ownKeys(o);
+        return ownKeys(o);
     };
     return function (mod) {
-      if (mod && mod.__esModule) return mod;
-      var result = {};
-      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
-      __setModuleDefault(result, mod);
-      return result;
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
     };
-  })();
-Object.defineProperty(exports, '__esModule', { value: true });
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Expander = void 0;
-const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
+const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
 /**
  * Copyright (c) Microsoft Corporation.
  * Licensed under the MIT License.
  * @format
  */
 /** @jsxImportSource @fluentui-react-native/framework-base */
-const React = __importStar(require('react'));
-const framework_1 = require('@fluentui-react-native/framework');
-const Expander_types_1 = require('./Expander.types');
-const ExpanderNativeComponent_1 = require('./ExpanderNativeComponent');
+const React = __importStar(require("react"));
+const framework_1 = require("@fluentui-react-native/framework");
+const Expander_types_1 = require("./Expander.types");
+const ExpanderNativeComponent_1 = require("./ExpanderNativeComponent");
 function delay(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
+    return new Promise((resolve) => setTimeout(resolve, ms));
 }
 exports.Expander = (0, framework_1.compose)({
-  displayName: Expander_types_1.expanderName,
-  tokens: [{}, Expander_types_1.expanderName],
-  slotProps: {
-    root: (0, framework_1.buildProps)((tokens) => ({ ...tokens })),
-  },
-  slots: { root: ExpanderNativeComponent_1.ExpanderComponent },
-  useRender: (userProps, useSlots) => {
-    const Root = useSlots(userProps).root;
-    const [expandedState, setExpandedState] = React.useState(userProps.expanded);
-    const expanderHeight = expandedState ? userProps.expandedHeight : userProps.collapsedHeight;
-    const _onCollapsing = async () => {
-      userProps.onCollapsing?.();
-      // Need to delay the height change so that the animation runs
-      await delay(175);
-      setExpandedState(false);
-    };
-    const _onExpanding = () => {
-      setExpandedState(true);
-      userProps.onExpanding?.();
-    };
-    return (rest, ...children) =>
-      jsx_runtime_1.jsx(Root, {
-        ...(0, framework_1.mergeProps)(userProps, rest),
-        height: expanderHeight,
-        onCollapsing: _onCollapsing,
-        onExpanding: _onExpanding,
-        children: children,
-      });
-  },
+    displayName: Expander_types_1.expanderName,
+    tokens: [{}, Expander_types_1.expanderName],
+    slotProps: {
+        root: (0, framework_1.buildProps)((tokens) => ({ ...tokens })),
+    },
+    slots: { root: ExpanderNativeComponent_1.ExpanderComponent },
+    useRender: (userProps, useSlots) => {
+        const Root = useSlots(userProps).root;
+        const [expandedState, setExpandedState] = React.useState(userProps.expanded);
+        const expanderHeight = expandedState ? userProps.expandedHeight : userProps.collapsedHeight;
+        const _onCollapsing = async () => {
+            userProps.onCollapsing?.();
+            // Need to delay the height change so that the animation runs
+            await delay(175);
+            setExpandedState(false);
+        };
+        const _onExpanding = () => {
+            setExpandedState(true);
+            userProps.onExpanding?.();
+        };
+        return (rest, ...children) => (jsx_runtime_1.jsx(Root, { ...(0, framework_1.mergeProps)(userProps, rest), height: expanderHeight, onCollapsing: _onCollapsing, onExpanding: _onExpanding, children: children }));
+    },
 });
-//# sourceMappingURL=Expander.js.map
+//# sourceMappingURL=Expander.js.map

package/lib-commonjs/Expander.types.d.ts

@@ -1,152 +1,152 @@
 import type { PropsWithChildren } from 'react';
 import type { ColorValue } from 'react-native';
 import type { NativeProps } from './ExpanderNativeComponent';
-export declare const expanderName = 'Expander';
+export declare const expanderName = "Expander";
 export type ExpanderProps = PropsWithChildren<{
-  /**
-   * Direction to expand the Expander.
-   */
-  expandDirection?: ExpandDirection;
-  /**
-   * Determines if the expander is currently expanded
-   */
-  expanded?: boolean;
-  /**
-   * Is Expander control enabled for the user
-   */
-  enabled?: boolean;
-  /**
-   * Height of the Expander
-   */
-  height?: number;
-  /**
-   * Height for the Expander when expanded
-   */
-  expandedHeight: number;
-  /**
-   * Height for the Expander when collapsed
-   */
-  collapsedHeight: number;
-  /**
-   * A callback to call on Expander collapsed event
-   */
-  onCollapsing?: () => void;
-  /**
-   * A callback to call on Expander expanding event
-   */
-  onExpanding?: () => void;
+    /**
+     * Direction to expand the Expander.
+     */
+    expandDirection?: ExpandDirection;
+    /**
+     * Determines if the expander is currently expanded
+     */
+    expanded?: boolean;
+    /**
+     * Is Expander control enabled for the user
+     */
+    enabled?: boolean;
+    /**
+     * Height of the Expander
+     */
+    height?: number;
+    /**
+     * Height for the Expander when expanded
+     */
+    expandedHeight: number;
+    /**
+     * Height for the Expander when collapsed
+     */
+    collapsedHeight: number;
+    /**
+     * A callback to call on Expander collapsed event
+     */
+    onCollapsing?: () => void;
+    /**
+     * A callback to call on Expander expanding event
+     */
+    onExpanding?: () => void;
 }>;
 export interface ExpanderTokens {
-  /**
-   * Width of the expander
-   */
-  width?: number;
-  /**
-   * Horizontal alignment of the expander's content
-   */
-  contentHorizontalAlignment?: HorizontalAlignment;
-  /**
-   * Vertical alignment of the expander's content
-   */
-  contentVerticalAlignment?: VerticalAlignment;
-  /**
-   * Header background color
-   */
-  headerBackground?: ColorValue;
-  /**
-   * Header foreground color at rest
-   */
-  headerForeground?: ColorValue;
-  /**
-   * Header foreground color on pointer over
-   */
-  headerForegroundPointerOver?: ColorValue;
-  /**
-   * Header foreground color when pressed
-   */
-  headerForegroundPressed?: ColorValue;
-  /**
-   * Header border color at rest
-   */
-  headerBorderBrush?: ColorValue;
-  /**
-   * Header border color on pointer over
-   */
-  headerBorderPointerOverBrush?: ColorValue;
-  /**
-   * Header border color when pressed
-   */
-  headerBorderPressedBrush?: ColorValue;
-  /**
-   * Header foreground color when disabled
-   */
-  headerDisabledForeground?: ColorValue;
-  /**
-   * Header border color when disabled
-   */
-  headerDisabledBorderBrush?: ColorValue;
-  /**
-   * Header border thickness
-   */
-  headerBorderThickness?: number;
-  /**
-   * Content background color
-   */
-  contentBackground?: ColorValue;
-  /**
-   * Content border color
-   */
-  contentBorderBrush?: ColorValue;
-  /**
-   * Chevron background color at rest
-   */
-  chevronBackground?: ColorValue;
-  /**
-   * Chevron foreground color at rest
-   */
-  chevronForeground?: ColorValue;
-  /**
-   * Chevron background color on pointer over
-   */
-  chevronPointerOverBackground?: ColorValue;
-  /**
-   * Chevron foreground color on pointer over
-   */
-  chevronPointerOverForeground?: ColorValue;
-  /**
-   * Chevron background color when pressed
-   */
-  chevronPressedBackground?: ColorValue;
-  /**
-   * Chevron foreground color when pressed
-   */
-  chevronPressedForeground?: ColorValue;
-  /**
-   * Chevron border thickness
-   */
-  chevronBorderThickness?: number;
-  /**
-   * Chevron border color at rest
-   */
-  chevronBorderBrush?: ColorValue;
-  /**
-   * Chevron border color on pointer over
-   */
-  chevronBorderPointerOverBrush?: ColorValue;
-  /**
-   * Chevron border color when pressed
-   */
-  chevronBorderPressedBrush?: ColorValue;
+    /**
+     * Width of the expander
+     */
+    width?: number;
+    /**
+     * Horizontal alignment of the expander's content
+     */
+    contentHorizontalAlignment?: HorizontalAlignment;
+    /**
+     * Vertical alignment of the expander's content
+     */
+    contentVerticalAlignment?: VerticalAlignment;
+    /**
+     * Header background color
+     */
+    headerBackground?: ColorValue;
+    /**
+     * Header foreground color at rest
+     */
+    headerForeground?: ColorValue;
+    /**
+     * Header foreground color on pointer over
+     */
+    headerForegroundPointerOver?: ColorValue;
+    /**
+     * Header foreground color when pressed
+     */
+    headerForegroundPressed?: ColorValue;
+    /**
+     * Header border color at rest
+     */
+    headerBorderBrush?: ColorValue;
+    /**
+     * Header border color on pointer over
+     */
+    headerBorderPointerOverBrush?: ColorValue;
+    /**
+     * Header border color when pressed
+     */
+    headerBorderPressedBrush?: ColorValue;
+    /**
+     * Header foreground color when disabled
+     */
+    headerDisabledForeground?: ColorValue;
+    /**
+     * Header border color when disabled
+     */
+    headerDisabledBorderBrush?: ColorValue;
+    /**
+     * Header border thickness
+     */
+    headerBorderThickness?: number;
+    /**
+     * Content background color
+     */
+    contentBackground?: ColorValue;
+    /**
+     * Content border color
+     */
+    contentBorderBrush?: ColorValue;
+    /**
+     * Chevron background color at rest
+     */
+    chevronBackground?: ColorValue;
+    /**
+     * Chevron foreground color at rest
+     */
+    chevronForeground?: ColorValue;
+    /**
+     * Chevron background color on pointer over
+     */
+    chevronPointerOverBackground?: ColorValue;
+    /**
+     * Chevron foreground color on pointer over
+     */
+    chevronPointerOverForeground?: ColorValue;
+    /**
+     * Chevron background color when pressed
+     */
+    chevronPressedBackground?: ColorValue;
+    /**
+     * Chevron foreground color when pressed
+     */
+    chevronPressedForeground?: ColorValue;
+    /**
+     * Chevron border thickness
+     */
+    chevronBorderThickness?: number;
+    /**
+     * Chevron border color at rest
+     */
+    chevronBorderBrush?: ColorValue;
+    /**
+     * Chevron border color on pointer over
+     */
+    chevronBorderPointerOverBrush?: ColorValue;
+    /**
+     * Chevron border color when pressed
+     */
+    chevronBorderPressedBrush?: ColorValue;
 }
 export type ExpandDirection = 'up' | 'down';
 export type VerticalAlignment = 'bottom' | 'center' | 'stretch' | 'top';
 export type HorizontalAlignment = 'center' | 'left' | 'right' | 'stretch';
 export type ExpanderViewProps = ExpanderProps & ExpanderTokens;
 export interface ExpanderType {
-  props: ExpanderProps;
-  tokens: ExpanderTokens;
-  slotProps: {
-    root: NativeProps;
-  };
+    props: ExpanderProps;
+    tokens: ExpanderTokens;
+    slotProps: {
+        root: NativeProps;
+    };
 }
-//# sourceMappingURL=Expander.types.d.ts.map
+//# sourceMappingURL=Expander.types.d.ts.map

package/lib-commonjs/Expander.types.js

@@ -1,5 +1,5 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.expanderName = void 0;
 exports.expanderName = 'Expander';
-//# sourceMappingURL=Expander.types.js.map
+//# sourceMappingURL=Expander.types.js.map

package/lib-commonjs/ExpanderNativeComponent.d.ts

@@ -6,38 +6,38 @@
 import type { ColorValue, HostComponent, ViewProps } from 'react-native';
 import type { DirectEventHandler, Double, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
 export interface NativeProps extends ViewProps {
-  expandDirection?: WithDefault<'up' | 'down', 'down'>;
-  expanded?: boolean;
-  enabled?: boolean;
-  width?: Double;
-  height?: Double;
-  contentHorizontalAlignment?: WithDefault<'center' | 'left' | 'right' | 'stretch', 'stretch'>;
-  contentVerticalAlignment?: WithDefault<'bottom' | 'center' | 'stretch' | 'top', 'top'>;
-  headerBackground?: ColorValue;
-  headerForeground?: ColorValue;
-  headerForegroundPointerOver?: ColorValue;
-  headerForegroundPressed?: ColorValue;
-  headerBorderBrush?: ColorValue;
-  headerBorderPointerOverBrush?: ColorValue;
-  headerBorderPressedBrush?: ColorValue;
-  headerDisabledForeground?: ColorValue;
-  headerDisabledBorderBrush?: ColorValue;
-  headerBorderThickness?: Double;
-  contentBackground?: ColorValue;
-  contentBorderBrush?: ColorValue;
-  chevronBackground?: ColorValue;
-  chevronForeground?: ColorValue;
-  chevronPointerOverBackground?: ColorValue;
-  chevronPointerOverForeground?: ColorValue;
-  chevronPressedBackground?: ColorValue;
-  chevronPressedForeground?: ColorValue;
-  chevronBorderThickness?: Double;
-  chevronBorderBrush?: ColorValue;
-  chevronBorderPointerOverBrush?: ColorValue;
-  chevronBorderPressedBrush?: ColorValue;
-  onCollapsing?: DirectEventHandler<null>;
-  onExpanding?: DirectEventHandler<null>;
+    expandDirection?: WithDefault<'up' | 'down', 'down'>;
+    expanded?: boolean;
+    enabled?: boolean;
+    width?: Double;
+    height?: Double;
+    contentHorizontalAlignment?: WithDefault<'center' | 'left' | 'right' | 'stretch', 'stretch'>;
+    contentVerticalAlignment?: WithDefault<'bottom' | 'center' | 'stretch' | 'top', 'top'>;
+    headerBackground?: ColorValue;
+    headerForeground?: ColorValue;
+    headerForegroundPointerOver?: ColorValue;
+    headerForegroundPressed?: ColorValue;
+    headerBorderBrush?: ColorValue;
+    headerBorderPointerOverBrush?: ColorValue;
+    headerBorderPressedBrush?: ColorValue;
+    headerDisabledForeground?: ColorValue;
+    headerDisabledBorderBrush?: ColorValue;
+    headerBorderThickness?: Double;
+    contentBackground?: ColorValue;
+    contentBorderBrush?: ColorValue;
+    chevronBackground?: ColorValue;
+    chevronForeground?: ColorValue;
+    chevronPointerOverBackground?: ColorValue;
+    chevronPointerOverForeground?: ColorValue;
+    chevronPressedBackground?: ColorValue;
+    chevronPressedForeground?: ColorValue;
+    chevronBorderThickness?: Double;
+    chevronBorderBrush?: ColorValue;
+    chevronBorderPointerOverBrush?: ColorValue;
+    chevronBorderPressedBrush?: ColorValue;
+    onCollapsing?: DirectEventHandler<null>;
+    onExpanding?: DirectEventHandler<null>;
 }
 export declare const ExpanderComponent: HostComponent<NativeProps>;
 export default ExpanderComponent;
-//# sourceMappingURL=ExpanderNativeComponent.d.ts.map
+//# sourceMappingURL=ExpanderNativeComponent.d.ts.map

package/lib-commonjs/ExpanderNativeComponent.js

@@ -1,17 +1,15 @@
-'use strict';
+"use strict";
 /**
  * Copyright (c) Microsoft Corporation.
  * Licensed under the MIT License.
  * @format
  */
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
-Object.defineProperty(exports, '__esModule', { value: true });
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpanderComponent = void 0;
-const codegenNativeComponent_1 = __importDefault(require('react-native/Libraries/Utilities/codegenNativeComponent'));
+const codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
 exports.ExpanderComponent = (0, codegenNativeComponent_1.default)('ExpanderView');
 exports.default = exports.ExpanderComponent;
-//# sourceMappingURL=ExpanderNativeComponent.js.map
+//# sourceMappingURL=ExpanderNativeComponent.js.map

package/lib-commonjs/index.d.ts

@@ -1,12 +1,4 @@
 export { Expander } from './Expander';
 export { expanderName } from './Expander.types';
-export type {
-  ExpandDirection,
-  ExpanderProps,
-  ExpanderTokens,
-  ExpanderType,
-  ExpanderViewProps,
-  HorizontalAlignment,
-  VerticalAlignment,
-} from './Expander.types';
-//# sourceMappingURL=index.d.ts.map
+export type { ExpandDirection, ExpanderProps, ExpanderTokens, ExpanderType, ExpanderViewProps, HorizontalAlignment, VerticalAlignment, } from './Expander.types';
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EACV,eAAe,EACf,aAAa,EACb,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,kBAAkB,CAAC"}

package/lib-commonjs/index.js

@@ -1,18 +1,8 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.expanderName = exports.Expander = void 0;
-const Expander_1 = require('./Expander');
-Object.defineProperty(exports, 'Expander', {
-  enumerable: true,
-  get: function () {
-    return Expander_1.Expander;
-  },
-});
-const Expander_types_1 = require('./Expander.types');
-Object.defineProperty(exports, 'expanderName', {
-  enumerable: true,
-  get: function () {
-    return Expander_types_1.expanderName;
-  },
-});
-//# sourceMappingURL=index.js.map
+const Expander_1 = require("./Expander");
+Object.defineProperty(exports, "Expander", { enumerable: true, get: function () { return Expander_1.Expander; } });
+const Expander_types_1 = require("./Expander.types");
+Object.defineProperty(exports, "expanderName", { enumerable: true, get: function () { return Expander_types_1.expanderName; } });
+//# sourceMappingURL=index.js.map

package/package.json

@@ -1,29 +1,30 @@
 {
   "name": "@fluentui-react-native/experimental-expander",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "A cross-platform Native Expander component using the Fluent Design System. Currently only implemented on windows",
   "homepage": "https://github.com/microsoft/fluentui-react-native",
+  "license": "MIT",
+  "author": "Microsoft <fluentuinativeowners@microsoft.com>",
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui-react-native.git",
     "directory": "packages/experimental/Expander"
   },
-  "license": "MIT",
-  "author": "Microsoft <fluentuinativeowners@microsoft.com>",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js"
+      "require": "./lib-commonjs/index.js",
+      "default": "./src/index.ts"
     }
   },
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
     "build-cjs": "tsgo --outDir lib-commonjs",
-    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
+    "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
     "lint": "fluentui-scripts eslint",
@@ -35,15 +36,15 @@
     "windows": "react-native run-windows"
   },
   "dependencies": {
-    "@fluentui-react-native/framework": "0.15.0"
+    "@fluentui-react-native/framework": "0.15.1"
   },
   "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/framework-base": "0.3.0",
+    "@fluentui-react-native/eslint-config-rules": "0.1.2",
+    "@fluentui-react-native/framework-base": "0.3.1",
     "@fluentui-react-native/kit-config": "0.1.2",
-    "@fluentui-react-native/scripts": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.0",
     "@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",

package/src/index.ts

@@ -1,3 +1,11 @@
 export { Expander } from './Expander';
 export { expanderName } from './Expander.types';
-export type { ExpandDirection, ExpanderProps, ExpanderTokens, ExpanderType, ExpanderViewProps, HorizontalAlignment, VerticalAlignment } from './Expander.types';
+export type {
+  ExpandDirection,
+  ExpanderProps,
+  ExpanderTokens,
+  ExpanderType,
+  ExpanderViewProps,
+  HorizontalAlignment,
+  VerticalAlignment,
+} from './Expander.types';