@fluentui-react-native/separator 0.19.0 → 0.19.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log - @fluentui-react-native/separator
 
+## 0.19.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/use-styling@0.14.1
+  - @fluentui-react-native/theme-tokens@0.28.1
+  - @fluentui-react-native/framework@0.15.1
+
 ## 0.19.0
 
 ### Minor Changes

package/lib/Separator.d.ts

@@ -1,9 +1,4 @@
 import type { SeparatorProps } from './Separator.types';
-export declare const Separator: import('@fluentui-react-native/framework').ComposableComponent<
-  SeparatorProps,
-  import('./Separator.types').SeperatorSlotProps,
-  import('./Separator.types').SeparatorTokens,
-  import('@fluentui-react-native/framework-base').ObjectBase
->;
+export declare const Separator: import("@fluentui-react-native/framework").ComposableComponent<SeparatorProps, import("./Separator.types").SeperatorSlotProps, import("./Separator.types").SeparatorTokens, import("@fluentui-react-native/framework-base").ObjectBase>;
 export default Separator;
-//# sourceMappingURL=Separator.d.ts.map
+//# sourceMappingURL=Separator.d.ts.map

package/lib/Separator.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";
 /** @jsxImportSource @fluentui-react-native/framework-base */
 import { View } from 'react-native';
 import { compose, mergeProps } from '@fluentui-react-native/framework';
@@ -6,13 +6,13 @@ import { stylingSettings } from './Separator.styling';
 import { separatorName } from './Separator.types';
 const propMask = { vertical: undefined };
 export const Separator = compose({
-  displayName: separatorName,
-  ...stylingSettings,
-  slots: { root: View },
-  useRender: (props, useSlots) => {
-    const Root = useSlots(props).root;
-    return (rest, children) => _jsx(Root, { ...mergeProps(props, rest, propMask), children: children });
-  },
+    displayName: separatorName,
+    ...stylingSettings,
+    slots: { root: View },
+    useRender: (props, useSlots) => {
+        const Root = useSlots(props).root;
+        return (rest, children) => _jsx(Root, { ...mergeProps(props, rest, propMask), children: children });
+    },
 });
 export default Separator;
-//# sourceMappingURL=Separator.js.map
+//# sourceMappingURL=Separator.js.map

package/lib/Separator.styling.d.ts

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

package/lib/Separator.styling.js

@@ -5,21 +5,18 @@ import { defaultSeparatorTokens } from './SeparatorTokens';
 const isMobile = Platform.OS === 'android' || Platform.OS === 'ios';
 const tokensThatAreAlsoProps = ['vertical', 'insetSpacing'];
 export const stylingSettings = {
-  tokens: [defaultSeparatorTokens, separatorName],
-  tokensThatAreAlsoProps,
-  slotProps: {
-    root: buildProps(
-      (tokens) => {
-        return {
-          style: {
-            ...(tokens.vertical ? { borderLeftWidth: tokens.separatorWidth } : { borderTopWidth: tokens.separatorWidth }),
-            ...(tokens.color && { borderColor: tokens.color }),
-            ...(isMobile && { marginStart: tokens.insetSpacing }),
-          },
-        };
-      },
-      ['color', 'vertical', 'separatorWidth', 'insetSpacing'],
-    ),
-  },
+    tokens: [defaultSeparatorTokens, separatorName],
+    tokensThatAreAlsoProps,
+    slotProps: {
+        root: buildProps((tokens) => {
+            return {
+                style: {
+                    ...(tokens.vertical ? { borderLeftWidth: tokens.separatorWidth } : { borderTopWidth: tokens.separatorWidth }),
+                    ...(tokens.color && { borderColor: tokens.color }),
+                    ...(isMobile && { marginStart: tokens.insetSpacing }),
+                },
+            };
+        }, ['color', 'vertical', 'separatorWidth', 'insetSpacing']),
+    },
 };
-//# sourceMappingURL=Separator.styling.js.map
+//# sourceMappingURL=Separator.styling.js.map

package/lib/Separator.types.d.ts

@@ -1,41 +1,42 @@
 import type { ViewProps, ColorValue } from 'react-native';
-export declare const separatorName = 'Separator';
+export declare const separatorName = "Separator";
 export declare const SeparatorInsetSpacings: readonly [0, 16, 56, 68, 72, 108];
 export type SeparatorInsetSpacing = (typeof SeparatorInsetSpacings)[number];
 export interface SeparatorPropTokens {
-  /**
-   * Specifies whether the separator is vertical or horizontal. If true, then it's vertical.
-   * @defaultValue 'false'
-   */
-  vertical?: boolean;
-  /**
-   * Inset Spacing in 'dp' (density-independent pixels) on Android and 'points' on iOS.
-   *
-   * Inset Spacing is restricted to a limited set of supported values recommended for most uses (see `SeparatorInsetSpacing`) and
-   * based on design guidelines for the Separator control.
-   * @platform Android iOS
-   * @defaultvalue 0
-   */
-  insetSpacing?: SeparatorInsetSpacing;
+    /**
+     * Specifies whether the separator is vertical or horizontal. If true, then it's vertical.
+     * @defaultValue 'false'
+     */
+    vertical?: boolean;
+    /**
+     * Inset Spacing in 'dp' (density-independent pixels) on Android and 'points' on iOS.
+     *
+     * Inset Spacing is restricted to a limited set of supported values recommended for most uses (see `SeparatorInsetSpacing`) and
+     * based on design guidelines for the Separator control.
+     * @platform Android iOS
+     * @defaultvalue 0
+     */
+    insetSpacing?: SeparatorInsetSpacing;
 }
 export interface SeparatorTokens extends SeparatorPropTokens {
-  /**
-   * Specifies the width of the separator. This will be interpreted as DIPs on Windows and Android, but as points on Mac and iOS.
-   * @defaultValue 1
-   */
-  separatorWidth?: number;
-  /**
-   * Specifies the color of the separator
-   */
-  color?: ColorValue;
+    /**
+     * Specifies the width of the separator. This will be interpreted as DIPs on Windows and Android, but as points on Mac and iOS.
+     * @defaultValue 1
+     */
+    separatorWidth?: number;
+    /**
+     * Specifies the color of the separator
+     */
+    color?: ColorValue;
+}
+export interface SeparatorProps extends ViewProps, SeparatorPropTokens {
 }
-export interface SeparatorProps extends ViewProps, SeparatorPropTokens {}
 export interface SeperatorSlotProps {
-  root: ViewProps;
+    root: ViewProps;
 }
 export interface SeparatorType {
-  props: SeparatorProps;
-  slotProps: SeperatorSlotProps;
-  tokens: SeparatorTokens;
+    props: SeparatorProps;
+    slotProps: SeperatorSlotProps;
+    tokens: SeparatorTokens;
 }
-//# sourceMappingURL=Separator.types.d.ts.map
+//# sourceMappingURL=Separator.types.d.ts.map

package/lib/Separator.types.js

@@ -1,3 +1,3 @@
 export const separatorName = 'Separator';
 export const SeparatorInsetSpacings = [0, 16, 56, 68, 72, 108];
-//# sourceMappingURL=Separator.types.js.map
+//# sourceMappingURL=Separator.types.js.map

package/lib/SeparatorTokens.android.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { SeparatorTokens } from './Separator.types';
 export declare const defaultSeparatorTokens: TokenSettings<SeparatorTokens, Theme>;
-//# sourceMappingURL=SeparatorTokens.android.d.ts.map
+//# sourceMappingURL=SeparatorTokens.android.d.ts.map

package/lib/SeparatorTokens.android.js

@@ -1,7 +1,7 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultSeparatorTokens = (t) => ({
-  color: t.colors.neutralStroke2,
-  separatorWidth: globalTokens.stroke.width10,
-  insetSpacing: 0,
+    color: t.colors.neutralStroke2,
+    separatorWidth: globalTokens.stroke.width10,
+    insetSpacing: 0,
 });
-//# sourceMappingURL=SeparatorTokens.android.js.map
+//# sourceMappingURL=SeparatorTokens.android.js.map

package/lib/SeparatorTokens.android.js.map

@@ -1 +1 @@
-{"version":3,"file":"SeparatorTokens.android.js","sourceRoot":"","sources":["../src/SeparatorTokens.android.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,CAAQ,EAAE,EAAE,EACvF;IACC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IAC9B,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;IAC3C,YAAY,EAAE,CAAC;CACI,CAAA,CAAC"}
+{"version":3,"file":"SeparatorTokens.android.js","sourceRoot":"","sources":["../src/SeparatorTokens.android.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,CAAQ,EAAE,EAAE,CACxF,CAAC;IACC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IAC9B,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;IAC3C,YAAY,EAAE,CAAC;CAChB,CAAoB,CAAC"}

package/lib/SeparatorTokens.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { SeparatorTokens } from './Separator.types';
 export declare const defaultSeparatorTokens: TokenSettings<SeparatorTokens, Theme>;
-//# sourceMappingURL=SeparatorTokens.d.ts.map
+//# sourceMappingURL=SeparatorTokens.d.ts.map

package/lib/SeparatorTokens.js

@@ -1,5 +1,5 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultSeparatorTokens = () => ({
-  separatorWidth: globalTokens.stroke.width10,
+    separatorWidth: globalTokens.stroke.width10,
 });
-//# sourceMappingURL=SeparatorTokens.js.map
+//# sourceMappingURL=SeparatorTokens.js.map

package/lib/SeparatorTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"SeparatorTokens.js","sourceRoot":"","sources":["../src/SeparatorTokens.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,sBAAsB,GAA0C,GAAG,EAAE,EAC/E;IACC,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;CACxB,CAAA,CAAC"}
+{"version":3,"file":"SeparatorTokens.js","sourceRoot":"","sources":["../src/SeparatorTokens.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,sBAAsB,GAA0C,GAAG,EAAE,CAChF,CAAC;IACC,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO;CAC5C,CAAoB,CAAC"}

package/lib/__tests__/Separator.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Separator.test.d.ts.map
+//# sourceMappingURL=Separator.test.d.ts.map

package/lib/__tests__/Separator.test.js

@@ -1,20 +1,20 @@
-import { jsx as _jsx } from 'react/jsx-runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { act } from 'react';
 import * as renderer from 'react-test-renderer';
 import { Separator } from '..';
 it('Separator default', () => {
-  let component;
-  act(() => {
-    component = renderer.create(_jsx(Separator, {}));
-  });
-  expect(component.toJSON()).toMatchSnapshot();
+    let component;
+    act(() => {
+        component = renderer.create(_jsx(Separator, {}));
+    });
+    expect(component.toJSON()).toMatchSnapshot();
 });
 it('Separator all props & tokens', () => {
-  const CustomSeparator = Separator.customize({ separatorWidth: 15, color: 'red' });
-  let component;
-  act(() => {
-    component = renderer.create(_jsx(CustomSeparator, { vertical: true }));
-  });
-  expect(component.toJSON()).toMatchSnapshot();
+    const CustomSeparator = Separator.customize({ separatorWidth: 15, color: 'red' });
+    let component;
+    act(() => {
+        component = renderer.create(_jsx(CustomSeparator, { vertical: true }));
+    });
+    expect(component.toJSON()).toMatchSnapshot();
 });
-//# sourceMappingURL=Separator.test.js.map
+//# sourceMappingURL=Separator.test.js.map

package/lib/index.d.ts

@@ -1,4 +1,4 @@
 export type { SeparatorProps, SeparatorTokens, SeparatorType } from './Separator.types';
 export { separatorName } from './Separator.types';
 export { Separator } from './Separator';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

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

package/lib-commonjs/Separator.d.ts

@@ -1,9 +1,4 @@
 import type { SeparatorProps } from './Separator.types';
-export declare const Separator: import('@fluentui-react-native/framework').ComposableComponent<
-  SeparatorProps,
-  import('./Separator.types').SeperatorSlotProps,
-  import('./Separator.types').SeparatorTokens,
-  import('@fluentui-react-native/framework').ObjectBase
->;
+export declare const Separator: import("@fluentui-react-native/framework").ComposableComponent<SeparatorProps, import("./Separator.types").SeperatorSlotProps, import("./Separator.types").SeparatorTokens, import("@fluentui-react-native/framework").ObjectBase>;
 export default Separator;
-//# sourceMappingURL=Separator.d.ts.map
+//# sourceMappingURL=Separator.d.ts.map

package/lib-commonjs/Separator.js

@@ -1,21 +1,21 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Separator = 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");
 /** @jsxImportSource @fluentui-react-native/framework-base */
-const react_native_1 = require('react-native');
-const framework_1 = require('@fluentui-react-native/framework');
-const Separator_styling_1 = require('./Separator.styling');
-const Separator_types_1 = require('./Separator.types');
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const Separator_styling_1 = require("./Separator.styling");
+const Separator_types_1 = require("./Separator.types");
 const propMask = { vertical: undefined };
 exports.Separator = (0, framework_1.compose)({
-  displayName: Separator_types_1.separatorName,
-  ...Separator_styling_1.stylingSettings,
-  slots: { root: react_native_1.View },
-  useRender: (props, useSlots) => {
-    const Root = useSlots(props).root;
-    return (rest, children) => jsx_runtime_1.jsx(Root, { ...(0, framework_1.mergeProps)(props, rest, propMask), children: children });
-  },
+    displayName: Separator_types_1.separatorName,
+    ...Separator_styling_1.stylingSettings,
+    slots: { root: react_native_1.View },
+    useRender: (props, useSlots) => {
+        const Root = useSlots(props).root;
+        return (rest, children) => jsx_runtime_1.jsx(Root, { ...(0, framework_1.mergeProps)(props, rest, propMask), children: children });
+    },
 });
 exports.default = exports.Separator;
-//# sourceMappingURL=Separator.js.map
+//# sourceMappingURL=Separator.js.map

package/lib-commonjs/Separator.styling.d.ts

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

package/lib-commonjs/Separator.styling.js

@@ -1,28 +1,25 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.stylingSettings = void 0;
-const react_native_1 = require('react-native');
-const framework_1 = require('@fluentui-react-native/framework');
-const Separator_types_1 = require('./Separator.types');
-const SeparatorTokens_1 = require('./SeparatorTokens');
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const Separator_types_1 = require("./Separator.types");
+const SeparatorTokens_1 = require("./SeparatorTokens");
 const isMobile = react_native_1.Platform.OS === 'android' || react_native_1.Platform.OS === 'ios';
 const tokensThatAreAlsoProps = ['vertical', 'insetSpacing'];
 exports.stylingSettings = {
-  tokens: [SeparatorTokens_1.defaultSeparatorTokens, Separator_types_1.separatorName],
-  tokensThatAreAlsoProps,
-  slotProps: {
-    root: (0, framework_1.buildProps)(
-      (tokens) => {
-        return {
-          style: {
-            ...(tokens.vertical ? { borderLeftWidth: tokens.separatorWidth } : { borderTopWidth: tokens.separatorWidth }),
-            ...(tokens.color && { borderColor: tokens.color }),
-            ...(isMobile && { marginStart: tokens.insetSpacing }),
-          },
-        };
-      },
-      ['color', 'vertical', 'separatorWidth', 'insetSpacing'],
-    ),
-  },
+    tokens: [SeparatorTokens_1.defaultSeparatorTokens, Separator_types_1.separatorName],
+    tokensThatAreAlsoProps,
+    slotProps: {
+        root: (0, framework_1.buildProps)((tokens) => {
+            return {
+                style: {
+                    ...(tokens.vertical ? { borderLeftWidth: tokens.separatorWidth } : { borderTopWidth: tokens.separatorWidth }),
+                    ...(tokens.color && { borderColor: tokens.color }),
+                    ...(isMobile && { marginStart: tokens.insetSpacing }),
+                },
+            };
+        }, ['color', 'vertical', 'separatorWidth', 'insetSpacing']),
+    },
 };
-//# sourceMappingURL=Separator.styling.js.map
+//# sourceMappingURL=Separator.styling.js.map

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

@@ -1,41 +1,42 @@
 import type { ViewProps, ColorValue } from 'react-native';
-export declare const separatorName = 'Separator';
+export declare const separatorName = "Separator";
 export declare const SeparatorInsetSpacings: readonly [0, 16, 56, 68, 72, 108];
 export type SeparatorInsetSpacing = (typeof SeparatorInsetSpacings)[number];
 export interface SeparatorPropTokens {
-  /**
-   * Specifies whether the separator is vertical or horizontal. If true, then it's vertical.
-   * @defaultValue 'false'
-   */
-  vertical?: boolean;
-  /**
-   * Inset Spacing in 'dp' (density-independent pixels) on Android and 'points' on iOS.
-   *
-   * Inset Spacing is restricted to a limited set of supported values recommended for most uses (see `SeparatorInsetSpacing`) and
-   * based on design guidelines for the Separator control.
-   * @platform Android iOS
-   * @defaultvalue 0
-   */
-  insetSpacing?: SeparatorInsetSpacing;
+    /**
+     * Specifies whether the separator is vertical or horizontal. If true, then it's vertical.
+     * @defaultValue 'false'
+     */
+    vertical?: boolean;
+    /**
+     * Inset Spacing in 'dp' (density-independent pixels) on Android and 'points' on iOS.
+     *
+     * Inset Spacing is restricted to a limited set of supported values recommended for most uses (see `SeparatorInsetSpacing`) and
+     * based on design guidelines for the Separator control.
+     * @platform Android iOS
+     * @defaultvalue 0
+     */
+    insetSpacing?: SeparatorInsetSpacing;
 }
 export interface SeparatorTokens extends SeparatorPropTokens {
-  /**
-   * Specifies the width of the separator. This will be interpreted as DIPs on Windows and Android, but as points on Mac and iOS.
-   * @defaultValue 1
-   */
-  separatorWidth?: number;
-  /**
-   * Specifies the color of the separator
-   */
-  color?: ColorValue;
+    /**
+     * Specifies the width of the separator. This will be interpreted as DIPs on Windows and Android, but as points on Mac and iOS.
+     * @defaultValue 1
+     */
+    separatorWidth?: number;
+    /**
+     * Specifies the color of the separator
+     */
+    color?: ColorValue;
+}
+export interface SeparatorProps extends ViewProps, SeparatorPropTokens {
 }
-export interface SeparatorProps extends ViewProps, SeparatorPropTokens {}
 export interface SeperatorSlotProps {
-  root: ViewProps;
+    root: ViewProps;
 }
 export interface SeparatorType {
-  props: SeparatorProps;
-  slotProps: SeperatorSlotProps;
-  tokens: SeparatorTokens;
+    props: SeparatorProps;
+    slotProps: SeperatorSlotProps;
+    tokens: SeparatorTokens;
 }
-//# sourceMappingURL=Separator.types.d.ts.map
+//# sourceMappingURL=Separator.types.d.ts.map

package/lib-commonjs/Separator.types.js

@@ -1,6 +1,6 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.SeparatorInsetSpacings = exports.separatorName = void 0;
 exports.separatorName = 'Separator';
 exports.SeparatorInsetSpacings = [0, 16, 56, 68, 72, 108];
-//# sourceMappingURL=Separator.types.js.map
+//# sourceMappingURL=Separator.types.js.map

package/lib-commonjs/SeparatorTokens.android.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { SeparatorTokens } from './Separator.types';
 export declare const defaultSeparatorTokens: TokenSettings<SeparatorTokens, Theme>;
-//# sourceMappingURL=SeparatorTokens.android.d.ts.map
+//# sourceMappingURL=SeparatorTokens.android.d.ts.map

package/lib-commonjs/SeparatorTokens.android.js

@@ -1,11 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultSeparatorTokens = void 0;
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 const defaultSeparatorTokens = (t) => ({
-  color: t.colors.neutralStroke2,
-  separatorWidth: theme_tokens_1.globalTokens.stroke.width10,
-  insetSpacing: 0,
+    color: t.colors.neutralStroke2,
+    separatorWidth: theme_tokens_1.globalTokens.stroke.width10,
+    insetSpacing: 0,
 });
 exports.defaultSeparatorTokens = defaultSeparatorTokens;
-//# sourceMappingURL=SeparatorTokens.android.js.map
+//# sourceMappingURL=SeparatorTokens.android.js.map

package/lib-commonjs/SeparatorTokens.android.js.map

@@ -1 +1 @@
-{"version":3,"file":"SeparatorTokens.android.js","sourceRoot":"","sources":["../src/SeparatorTokens.android.tsx"],"names":[],"mappings":";;;AACA,sEAAmE;AAK5D,MAAM,sBAAsB,GAA0C,CAAC,CAAQ,EAAE,EAAE,EACvF;IACC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IAC9B,cAAc,EAAE,2BAAY,CAAC,MAAM,CAAC,OAAO;IAC3C,YAAY,EAAE,CAAC;CACI,CAAA,CAAC;AALX,QAAA,sBAAsB,GAAtB,sBAAsB,CAKX"}
+{"version":3,"file":"SeparatorTokens.android.js","sourceRoot":"","sources":["../src/SeparatorTokens.android.tsx"],"names":[],"mappings":";;;AACA,sEAAmE;AAK5D,MAAM,sBAAsB,GAA0C,CAAC,CAAQ,EAAE,EAAE,CACxF,CAAC;IACC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IAC9B,cAAc,EAAE,2BAAY,CAAC,MAAM,CAAC,OAAO;IAC3C,YAAY,EAAE,CAAC;CAChB,CAAoB,CAAC;AALX,QAAA,sBAAsB,GAAtB,sBAAsB,CAKX"}

package/lib-commonjs/SeparatorTokens.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { SeparatorTokens } from './Separator.types';
 export declare const defaultSeparatorTokens: TokenSettings<SeparatorTokens, Theme>;
-//# sourceMappingURL=SeparatorTokens.d.ts.map
+//# sourceMappingURL=SeparatorTokens.d.ts.map

package/lib-commonjs/SeparatorTokens.js

@@ -1,9 +1,9 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultSeparatorTokens = void 0;
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 const defaultSeparatorTokens = () => ({
-  separatorWidth: theme_tokens_1.globalTokens.stroke.width10,
+    separatorWidth: theme_tokens_1.globalTokens.stroke.width10,
 });
 exports.defaultSeparatorTokens = defaultSeparatorTokens;
-//# sourceMappingURL=SeparatorTokens.js.map
+//# sourceMappingURL=SeparatorTokens.js.map

package/lib-commonjs/SeparatorTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"SeparatorTokens.js","sourceRoot":"","sources":["../src/SeparatorTokens.tsx"],"names":[],"mappings":";;;AACA,sEAAmE;AAK5D,MAAM,sBAAsB,GAA0C,GAAG,EAAE,EAC/E;IACC,cAAc,EAAE,2BAAY,CAAC,MAAM,CAAC,OAAO;CACxB,CAAA,CAAC;AAHX,QAAA,sBAAsB,GAAtB,sBAAsB,CAGX"}
+{"version":3,"file":"SeparatorTokens.js","sourceRoot":"","sources":["../src/SeparatorTokens.tsx"],"names":[],"mappings":";;;AACA,sEAAmE;AAK5D,MAAM,sBAAsB,GAA0C,GAAG,EAAE,CAChF,CAAC;IACC,cAAc,EAAE,2BAAY,CAAC,MAAM,CAAC,OAAO;CAC5C,CAAoB,CAAC;AAHX,QAAA,sBAAsB,GAAtB,sBAAsB,CAGX"}

package/lib-commonjs/__tests__/Separator.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Separator.test.d.ts.map
+//# sourceMappingURL=Separator.test.d.ts.map

package/lib-commonjs/__tests__/Separator.test.js

@@ -1,72 +1,55 @@
-'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 });
-const jsx_runtime_1 = require('react/jsx-runtime');
-const react_1 = require('react');
-const renderer = __importStar(require('react-test-renderer'));
-const __1 = require('..');
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const renderer = __importStar(require("react-test-renderer"));
+const __1 = require("..");
 it('Separator default', () => {
-  let component;
-  (0, react_1.act)(() => {
-    component = renderer.create(jsx_runtime_1.jsx(__1.Separator, {}));
-  });
-  expect(component.toJSON()).toMatchSnapshot();
+    let component;
+    (0, react_1.act)(() => {
+        component = renderer.create(jsx_runtime_1.jsx(__1.Separator, {}));
+    });
+    expect(component.toJSON()).toMatchSnapshot();
 });
 it('Separator all props & tokens', () => {
-  const CustomSeparator = __1.Separator.customize({ separatorWidth: 15, color: 'red' });
-  let component;
-  (0, react_1.act)(() => {
-    component = renderer.create(jsx_runtime_1.jsx(CustomSeparator, { vertical: true }));
-  });
-  expect(component.toJSON()).toMatchSnapshot();
+    const CustomSeparator = __1.Separator.customize({ separatorWidth: 15, color: 'red' });
+    let component;
+    (0, react_1.act)(() => {
+        component = renderer.create(jsx_runtime_1.jsx(CustomSeparator, { vertical: true }));
+    });
+    expect(component.toJSON()).toMatchSnapshot();
 });
-//# sourceMappingURL=Separator.test.js.map
+//# sourceMappingURL=Separator.test.js.map

package/lib-commonjs/index.d.ts

@@ -1,4 +1,4 @@
 export type { SeparatorProps, SeparatorTokens, SeparatorType } from './Separator.types';
 export { separatorName } from './Separator.types';
 export { Separator } from './Separator';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

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.Separator = exports.separatorName = void 0;
-const Separator_types_1 = require('./Separator.types');
-Object.defineProperty(exports, 'separatorName', {
-  enumerable: true,
-  get: function () {
-    return Separator_types_1.separatorName;
-  },
-});
-const Separator_1 = require('./Separator');
-Object.defineProperty(exports, 'Separator', {
-  enumerable: true,
-  get: function () {
-    return Separator_1.Separator;
-  },
-});
-//# sourceMappingURL=index.js.map
+const Separator_types_1 = require("./Separator.types");
+Object.defineProperty(exports, "separatorName", { enumerable: true, get: function () { return Separator_types_1.separatorName; } });
+const Separator_1 = require("./Separator");
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return Separator_1.Separator; } });
+//# sourceMappingURL=index.js.map

package/package.json

@@ -1,49 +1,50 @@
 {
   "name": "@fluentui-react-native/separator",
-  "version": "0.19.0",
+  "version": "0.19.1",
   "description": "A cross-platform Separator component using the Fluent Design System",
+  "license": "MIT",
+  "author": "",
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui-react-native.git",
     "directory": "packages/components/Separator"
   },
-  "license": "MIT",
-  "author": "",
+  "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",
     "lint-package": "fluentui-scripts lint-package",
-    "prettier": "fluentui-scripts prettier",
+    "format": "fluentui-scripts format",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/framework": "0.15.0",
-    "@fluentui-react-native/theme-tokens": "0.28.0",
-    "@fluentui-react-native/use-styling": "0.14.0"
+    "@fluentui-react-native/framework": "0.15.1",
+    "@fluentui-react-native/theme-tokens": "0.28.1",
+    "@fluentui-react-native/use-styling": "0.14.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/jest-config": "0.1.1",
+    "@fluentui-react-native/eslint-config-rules": "0.1.2",
+    "@fluentui-react-native/framework-base": "0.3.1",
+    "@fluentui-react-native/jest-config": "0.1.0",
     "@fluentui-react-native/kit-config": "0.1.2",
-    "@fluentui-react-native/scripts": "0.1.2",
+    "@fluentui-react-native/scripts": "0.1.0",
     "@office-iss/react-native-win32": "^0.74.0",
     "@react-native-community/cli": "^20.0.0",
     "@react-native-community/cli-platform-android": "^20.0.0",

package/src/SeparatorTokens.android.tsx

@@ -9,4 +9,4 @@ export const defaultSeparatorTokens: TokenSettings<SeparatorTokens, Theme> = (t:
     color: t.colors.neutralStroke2,
     separatorWidth: globalTokens.stroke.width10,
     insetSpacing: 0,
-  } as SeparatorTokens);
+  }) as SeparatorTokens;

package/src/SeparatorTokens.tsx

@@ -7,4 +7,4 @@ import type { SeparatorTokens } from './Separator.types';
 export const defaultSeparatorTokens: TokenSettings<SeparatorTokens, Theme> = () =>
   ({
     separatorWidth: globalTokens.stroke.width10,
-  } as SeparatorTokens);
+  }) as SeparatorTokens;