@fluentui-react-native/framework 0.16.1 → 0.17.2

package/AGENTS.md

@@ -0,0 +1,244 @@
+# v1 component framework
+
+These instructions apply to `packages/framework/framework` and to components
+authored with `@fluentui-react-native/framework`. They describe the repository's
+v1 compose/compressible framework. Preserve this model when maintaining v1 code;
+do not mix it with either legacy v0 or the newer framework-base component model.
+
+## Recognizing v1 code
+
+Treat a component as v1 when several of these are present:
+
+- imports of `compose`, `compressible`, `UseSlots`, `UseStylingOptions`,
+  `buildProps`, `buildUseTokens`, or `useFluentTheme` from
+  `@fluentui-react-native/framework`;
+- a descriptor such as `ButtonType` with `props`, `tokens`, and `slotProps`;
+- `compose<ComponentType>({ slots, slotProps, tokens, states, useRender })`;
+- a styling file whose tokens contain nested state layers such as `hovered`,
+  `pressed`, `disabled`, size, appearance, or shape;
+- a public `V1` export beside a legacy unsuffixed export, for example
+  `ButtonV1`, `CheckboxV1`, `TextV1`, or `IconV1`.
+
+Representative compose components are
+`packages/components/Button/src/Button.tsx`,
+`packages/components/Checkbox/src/Checkbox.tsx`,
+`packages/components/Avatar/src/Avatar.tsx`, and
+`packages/components/Menu/src/MenuItem/MenuItem.tsx`. Representative
+compressible components are `packages/components/Text/src/Text.tsx`,
+`packages/components/Divider/src/Divider.tsx`, and
+`packages/components/TabList/src/Tab/Tab.tsx`.
+
+Do not classify code by the JSX pragma alone. V0 and v1 components both use
+`/** @jsxImportSource @fluentui-react-native/framework-base */` so callable slots
+can render without extra wrappers.
+
+## Framework boundaries
+
+- **V0/legacy:** imports `@uifabricshared/foundation-compose` and uses
+  `settings`, `styles`, `usePrepareProps`, `render`, `mergeSettings`,
+  `_overrides`, and `_precedence`. Follow
+  `packages/deprecated/foundation-compose/AGENTS.md`; do not apply those shapes
+  to v1.
+- **V1/this framework:** `compose` wraps
+  `packages/framework/composition`, while styling and slots come from
+  `use-styling`, `use-tokens`, and `use-slots`. Its component hook is
+  `useRender`, its customization input is a flat token object, and its state
+  layers are nested token objects.
+- **Modern framework-base/agent-generation work:** `phasedComponent`, modern
+  `directComponent`, `Slot<typeof View>`, `OptionalSlot`, `ComponentProps`, and
+  public slot shorthand/`as` props are a different component-authoring model.
+  Framework-base utilities such as `mergeProps`, `useSlot`, `directComponent`,
+  and the JSX runtime may appear inside v1 implementations for compatibility;
+  that does not convert the component to the new model.
+
+Do not migrate between these frameworks during a maintenance change unless the
+task explicitly requests a migration. In particular, v1 is built on the
+compatibility `stagedComponent` path even though new framework-base components
+must not add new staged components.
+
+## Framework model and public API
+
+`compose` injects the Fluent `Theme` integration into `composeFactory`. The
+factory:
+
+1. resolves tokens and token-derived props through `buildUseStyling`;
+2. creates all callable slots through `buildUseSlots`;
+3. wraps `useRender` in a staged component;
+4. attaches `.customize(...)`, `.compose(...)`, `displayName`, `__options`, and
+   any declared statics.
+
+Use the `@fluentui-react-native/framework` entry point from components. Import
+`composeFactory` directly from `@fluentui-react-native/composition` only when
+working on the theme-agnostic lower-level factory.
+
+- `.customize(...tokenSettings)` appends token layers. Inputs may be token
+  objects, theme functions, or component names. Define customized components at
+  module scope, not during render.
+- `.compose(partialOptions)` deep-merges factory options and appends `tokens`.
+  Use it to replace slots, slot props, state declarations, or `useRender`
+  without adding a React wrapper. See the compose tests in Button and Checkbox.
+- `buildUseTokens` and `buildUseStyling` are Fluent-theme-specialized wrappers
+  around the lower-level packages. `useFluentTheme` returns the context theme or
+  `defaultFluentTheme`.
+
+The package also re-exports established token builders, memo/merge helpers,
+slot helpers, and theme types. Check `src/index.ts` before adding another public
+export; keep exports explicit.
+
+## Compose component shape
+
+Keep the descriptor, styling, state hook, and renderer aligned:
+
+```tsx
+interface ExampleType {
+  props: ExampleProps;
+  tokens: ExampleTokens;
+  slotProps: ExampleSlotProps;
+}
+
+export const Example = compose<ExampleType>({
+  displayName: exampleName,
+  ...stylingSettings,
+  slots: { root: Pressable, content: Text },
+  useRender: (userProps, useSlots) => {
+    const example = useExample(userProps);
+    const Slots = useSlots(userProps, (layer) => example.state[layer] || userProps[layer]);
+
+    return (final, ...children) => {
+      const mergedProps = mergeProps(example.props, final);
+      return (
+        <Slots.root {...mergedProps}>
+          <Slots.content>{children}</Slots.content>
+        </Slots.root>
+      );
+    };
+  },
+});
+```
+
+`ComposeType` is available, but most current components use a named interface.
+Only `props`, `slotProps`, `tokens`, and optional `statics` are extracted by the
+factory. Extra descriptor fields such as `state` are documentation/type-sharing
+conveniences, not factory-managed state.
+
+Typical files are `<Component>.types.ts`, `<Component>Tokens.ts` plus platform
+variants, `<Component>.styling.ts`, `use<Component>.ts`, `<Component>.tsx`,
+`index.ts`, tests/snapshots, and migration/spec docs where applicable. Preserve
+existing v0/v1 export aliases and package API compatibility.
+
+## Slots and staged rendering
+
+- Keep every key in `slots`, `slotProps`, and the descriptor's `slotProps`
+  synchronized. Type ref-bearing roots with `React.PropsWithRef<...>`.
+- Call `useSlots` once, unconditionally, in the hook stage. `buildUseSlots`
+  creates every slot with `useSlot`; conditional slot rendering belongs in the
+  returned hook-free render stage.
+- Styled slot props are captured when slots are created. Props supplied in JSX
+  are merged on top. Merge prepared component props with final composition props
+  using `mergeProps`; do not mutate either object.
+- Decide explicitly where children render. The traditional v1 continuation is
+  `(finalProps, ...children) => JSX`. Some transitional components return a
+  hook-free `directComponent(({ children, ...finalProps }) => JSX)` instead.
+  Never call hooks in either final render form.
+- `filters` are supported by `use-slots`, but current v1 consumers rarely use
+  them. Preserve an existing filter contract; do not copy v0
+  `{ slotType, filter }` slot descriptors into v1.
+- Platform-only slots may be declared conditionally, as Button does for
+  `rippleContainer` and `focusInnerBorder`. Create slots consistently and render
+  them only on the matching platform.
+
+Use `compressible` for the established lighter-weight v1 pattern when a component
+manually resolves tokens and creates slots rather than needing the full compose
+options object. `compressible` also wraps a staged component and adds
+`.customize(...)`; it does not expose `.compose(...)`.
+
+In a compressible component:
+
+1. call hooks, `useFluentTheme`, and `useTokens(theme)` in the outer function;
+2. use `applyTokenLayers`, `applyPropsToTokens`, or `patchTokens` when state/props
+   must alter resolved tokens;
+3. build all slots with `useSlot`;
+4. return a hook-free continuation and merge final props there.
+
+Follow existing examples rather than calling `stagedComponent` directly.
+
+## Tokens, styling, and state precedence
+
+- Define defaults as stable objects or theme functions, then place the component
+  name last, for example
+  `tokens: [defaultButtonTokens, defaultButtonFontTokens, buttonName]`. The name
+  loads `theme.components[name]` overrides.
+- Model visual states as nested values of the same token type. List them in
+  `states` in application order; later active layers win.
+- Supply a lookup to `useSlots` when state is derived from interaction hooks,
+  enum props, context, content, or platform defaults. Button's `buttonLookup`
+  and Avatar's `avatarLookup` are representative.
+- `tokensThatAreAlsoProps` is opt-in. After state layers are applied, listed
+  props override those token values. Prefer a precise key list over `'all'` to
+  retain caching and avoid leaking unrelated props into tokens.
+- Build each slot's cached props with `buildProps`. List every token key read by
+  the builder, including helper key arrays such as `fontStyles.keys`,
+  `borderStyles.keys`, and `layoutStyles.keys`.
+- Treat resolved tokens and cached slot props as immutable. Use `patchTokens`
+  rather than mutation for instance-dependent values in compressible components.
+- Keep theme/default/state values in token files, token-to-native mapping in
+  styling files, and volatile handlers/accessibility/data/ref props in the
+  component state hook or render preparation.
+
+## Hooks, state, and refs
+
+Put controlled/uncontrolled state, context, interaction hooks, callbacks,
+accessibility normalization, and ref preparation in `use<Component>` or the
+outer `useRender`/compressible stage. Return a conventional `{ props, state }`
+object when the component has derived behavior; `state` is component-owned data
+used by the token lookup and final render.
+
+Preserve established `componentRef` APIs. Convert `componentRef` to the native
+root `ref` during preparation, commonly with `useViewCommandFocus`, as Button,
+Checkbox, and MenuItem do. Do not introduce `forwardRef` or replace
+`componentRef` with a public `ref` as an incidental change.
+
+Hooks must run in a stable order before the continuation is returned. Never call
+hooks inside state lookups, `buildProps` callbacks, conditional slot branches,
+or the final render stage.
+
+## Platform-specific behavior
+
+Use React Native platform resolution and keep the public props/type/export
+contract consistent across `.android`, `.ios`, `.macos`, `.mobile`, `.windows`,
+and `.win32` implementations. Platform variants may replace the root with a
+native component and use a one-slot compose implementation; see
+`packages/experimental/Checkbox/src/Checkbox.macos.tsx` and
+`packages/experimental/Avatar/src/NativeAvatar.tsx`.
+
+Keep platform defaults and token differences in platform token/styling files
+when practical. Keep imports from React Native forks inside their platform files
+and retain the repository's `Platform.OS === ('win32' as any)` convention.
+
+## Testing and validation
+
+Add or update the owning component's Jest tests and snapshots for rendering,
+state layers, `.customize`, `.compose`, slot replacement, accessibility, and
+platform behavior affected by a change. Review snapshot trees rather than
+updating them blindly. The framework package's direct test covers compressible;
+lower-level compose, slot, token, and styling behavior is tested in the
+corresponding framework packages.
+
+Run the smallest relevant package checks:
+
+```bash
+yarn workspace @fluentui-react-native/framework build
+yarn workspace @fluentui-react-native/framework test
+yarn workspace @fluentui-react-native/framework lint
+```
+
+For component changes, also build/test the owning package, for example:
+
+```bash
+yarn workspace @fluentui-react-native/button build
+yarn workspace @fluentui-react-native/button test
+```
+
+Changes to factory, slot, token, or styling semantics also require the matching
+`@fluentui-react-native/composition`, `use-slots`, `use-tokens`, or
+`use-styling` package tests.

package/CHANGELOG.md

@@ -1,5 +1,75 @@
 # Change Log - @fluentui-react-native/framework
 
+## 0.17.2
+
+### Patch Changes
+
+- cbd319c: Bump package to publish via ESRP (no changes)
+- Updated dependencies [5bc9e81]
+- Updated dependencies [5bc9e81]
+- Updated dependencies [cbd319c]
+  - @fluentui-react-native/framework-base@0.6.1
+  - @fluentui-react-native/design@0.3.1
+  - @fluentui-react-native/composition@0.14.2
+  - @fluentui-react-native/use-slots@0.13.2
+  - @fluentui-react-native/use-styling@0.16.2
+  - @fluentui-react-native/use-tokens@0.9.2
+  - @fluentui-react-native/default-theme@0.27.8
+  - @fluentui-react-native/tokens@0.24.8
+
+## 0.17.1
+
+### Patch Changes
+
+- 3abc13a: Updated packages with agent instructions and type fixes
+- Updated dependencies [3abc13a]
+- Updated dependencies [778d82b]
+- Updated dependencies [3abc13a]
+- Updated dependencies [1157793]
+- Updated dependencies [778d82b]
+- Updated dependencies [ea738f0]
+  - @fluentui-react-native/design@0.3.0
+  - @fluentui-react-native/framework-base@0.6.0
+  - @fluentui-react-native/composition@0.14.1
+  - @fluentui-react-native/use-slots@0.13.1
+  - @fluentui-react-native/use-styling@0.16.1
+  - @fluentui-react-native/use-tokens@0.9.1
+  - @fluentui-react-native/default-theme@0.27.7
+  - @fluentui-react-native/tokens@0.24.7
+
+## 0.17.0
+
+### Minor Changes
+
+- e2a4065: rework framework rendering to prepare for new component structure
+
+### Patch Changes
+
+- 801d8b1: Switch to the released typescript 7
+- 5b5afea: Remove depcheck script, allow jest to run tests with platform module suffixes
+- d2690c9: Move theme type definitions into the `@fluentui-react-native/design` package under the new `@fluentui-react-native/design/theming` submodule export. The `@fluentui-react-native/theme-types` package is now a thin compatibility shim that re-exports from `@fluentui-react-native/design/theming`, and all in-repo consumers now reference the new submodule.
+- Updated dependencies [e37b04b]
+- Updated dependencies [01ed385]
+- Updated dependencies [1eef74e]
+- Updated dependencies [801d8b1]
+- Updated dependencies [e2a4065]
+- Updated dependencies [80bf14d]
+- Updated dependencies [b28f021]
+- Updated dependencies [1b45589]
+- Updated dependencies [5b5afea]
+- Updated dependencies [c1de024]
+- Updated dependencies [d2690c9]
+- Updated dependencies [03ba7ef]
+- Updated dependencies [9d2bb3e]
+  - @fluentui-react-native/design@0.2.0
+  - @fluentui-react-native/framework-base@0.5.0
+  - @fluentui-react-native/composition@0.14.0
+  - @fluentui-react-native/use-styling@0.16.0
+  - @fluentui-react-native/default-theme@0.27.6
+  - @fluentui-react-native/use-tokens@0.9.0
+  - @fluentui-react-native/use-slots@0.13.0
+  - @fluentui-react-native/tokens@0.24.6
+
 ## 0.16.1
 
 ### Patch Changes

package/lib/compose.d.ts

@@ -1,5 +1,5 @@
 import type { ComposeFactoryOptions, ComposeFactoryComponent, UseStyledSlots } from '@fluentui-react-native/composition';
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { ObjectBase } from '@fluentui-react-native/framework-base';
 /**
  * This is an object used purely for configuring the typings on composable.  It is not necessary to define

package/lib/compose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAIxE;;;GAGG;AACH,MAAM,WAAW,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,GAAG,UAAU;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,UAAU,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC;CACnB;AAED,wCAAwC;AACxC,KAAK,aAAa,CAAC,MAAM,IAAI;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/C,KAAK,iBAAiB,CAAC,UAAU,IAAI;IAAE,SAAS,EAAE,UAAU,CAAA;CAAE,CAAC;AAC/D,KAAK,cAAc,CAAC,OAAO,IAAI;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnD,KAAK,eAAe,CAAC,QAAQ,SAAS,UAAU,IAAI;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE1E,iFAAiF;AACjF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAC3E,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAEnF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;AAElF,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;AAEpF,MAAM,MAAM,cAAc,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,SAAS,UAAU,IAAI,qBAAqB,CAC1G,MAAM,EACN,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,CACT,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,SAAS,UAAU,IAAI,uBAAuB,CACjH,MAAM,EACN,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,CACT,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/E,wBAAgB,OAAO,CAAC,CAAC,EACvB,OAAO,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAClG,IAAI,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,GACpG,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAEhG"}
+{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAIxE;;;GAGG;AACH,MAAM,WAAW,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,GAAG,UAAU;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,UAAU,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC;CACnB;AAED,wCAAwC;AACxC,KAAK,aAAa,CAAC,MAAM,IAAI;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/C,KAAK,iBAAiB,CAAC,UAAU,IAAI;IAAE,SAAS,EAAE,UAAU,CAAA;CAAE,CAAC;AAC/D,KAAK,cAAc,CAAC,OAAO,IAAI;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnD,KAAK,eAAe,CAAC,QAAQ,SAAS,UAAU,IAAI;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE1E,iFAAiF;AACjF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAC3E,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAEnF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;AAElF,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;AAEpF,MAAM,MAAM,cAAc,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,SAAS,UAAU,IAAI,qBAAqB,CAC1G,MAAM,EACN,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,CACT,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,SAAS,UAAU,IAAI,uBAAuB,CACjH,MAAM,EACN,UAAU,EACV,OAAO,EACP,KAAK,EACL,QAAQ,CACT,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/E,wBAAgB,OAAO,CAAC,CAAC,EACvB,OAAO,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAClG,IAAI,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,GACpG,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAEhG"}

package/lib/compose.js

@@ -1,5 +1,5 @@
 import { composeFactory } from '@fluentui-react-native/composition';
-import { themeHelper } from './themeHelper.js';
+import { themeHelper } from './themeHelper';
 export function compose(options, base) {
     return composeFactory(options, themeHelper, base);
 }

package/lib/compose.js.map

@@ -1 +1 @@
-{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIpE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AA8C/C,MAAM,UAAU,OAAO,CACrB,OAAkG,EAClG,IAAqG;IAErG,OAAO,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;AACpD,CAAC"}
+{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AA8C5C,MAAM,UAAU,OAAO,CACrB,OAAkG,EAClG,IAAqG;IAErG,OAAO,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;AACpD,CAAC"}

package/lib/compressible.d.ts

@@ -1,7 +1,7 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
-import type { StagedRender } from '@fluentui-react-native/framework-base';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { CustomizableComponent } from '@fluentui-react-native/use-tokens';
-import type { UseTokens } from './useTokens.ts';
+import type { UseTokens } from './useTokens';
+import type { LegacyFunctionComponent } from '@fluentui-react-native/framework-base';
 /**
  * Utility function which can create function components that can be tree compressed (using the stagedRender pattern),
  * and also have customize functionality.
@@ -9,5 +9,5 @@ import type { UseTokens } from './useTokens.ts';
  * @param useTokens a hook function to build a set of tokens from a passed in theme as well as a cache object
  * @returns A tree compressed function component with the `.customize` method exposed to it
  */
-export declare function compressible<TProps, TTokens>(fn: StagedRender<TProps>, useTokens: UseTokens<TTokens>): CustomizableComponent<TProps, TTokens, Theme>;
+export declare function compressible<TProps, TTokens>(fn: (props: TProps, useTokens: UseTokens<TTokens>) => LegacyFunctionComponent<TProps>, useTokens: UseTokens<TTokens>): CustomizableComponent<TProps, TTokens, Theme>;
 //# sourceMappingURL=compressible.d.ts.map

package/lib/compressible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compressible.d.ts","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAE1E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAG/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,EAC1C,EAAE,EAAE,YAAY,CAAC,MAAM,CAAC,EACxB,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,GAC5B,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAY/C"}
+{"version":3,"file":"compressible.d.ts","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AAEnE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAG/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAErF;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,EAC1C,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,uBAAuB,CAAC,MAAM,CAAC,EACrF,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,GAC5B,qBAAqB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAY/C"}

package/lib/compressible.js.map

@@ -1 +1 @@
-{"version":3,"file":"compressible.js","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAMxE;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,EAAwB,EACxB,SAA6B;IAI7B,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,eAAe,CAAC,eAAe,CAAkB,CAAC;IAEpE,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,MAAgC,EAAE,EAAE;QAC5D,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;QACpD,OAAO,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}
+{"version":3,"file":"compressible.js","sourceRoot":"","sources":["../src/compressible.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAOxE;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,EAAqF,EACrF,SAA6B;IAI7B,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,EAAE,CAAC,KAAe,EAAE,SAAS,CAAC,CAAC;IACnF,MAAM,SAAS,GAAG,eAAe,CAAC,eAAe,CAA6B,CAAC;IAE/E,SAAS,CAAC,SAAS,GAAG,CAAC,GAAG,MAAgC,EAAE,EAAE;QAC5D,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;QACpD,OAAO,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/lib/compressible.test.js

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@fluentui-react-native/framework-base/jsx-runtime";
 import { act } from 'react';
 import { Text, View } from 'react-native';
-import { mergeStyles } from '@fluentui-react-native/framework-base';
-import { useSlot } from '@fluentui-react-native/use-slot';
+import { mergeStyles, useSlot } from '@fluentui-react-native/framework-base';
 import { applyTokenLayers } from '@fluentui-react-native/use-tokens';
 import * as renderer from 'react-test-renderer';
-import { compressible } from './compressible.js';
-import { buildUseTokens } from './useTokens.js';
+import { compressible } from './compressible';
+import { buildUseTokens } from './useTokens';
 const useVariantTokens = buildUseTokens({
     color: 'black',
     fontSize: 12,

package/lib/compressible.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"compressible.test.js","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"compressible.test.js","sourceRoot":"","sources":["../src/compressible.test.tsx"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -4,22 +4,21 @@ export type { StyleProp } from '@fluentui-react-native/framework-base';
 export { mergeProps, mergeStyles } from '@fluentui-react-native/framework-base';
 export { backgroundColorTokens, borderStyles, borderTokens, colorTokens, fontStyles, foregroundColorTokens, getPaletteFromTheme, layoutStyles, layoutTokens, shadowStyles, shadowTokens, textTokens, tokenBuilder, } from '@fluentui-react-native/tokens';
 export type { FontStyleTokens, FontTokens, FontVariantTokens, IBackgroundColorTokens, IBorderTokens, IColorTokens, IForegroundColorTokens, IShadowTokens, LayoutTokens, TokenBuilder, } from '@fluentui-react-native/tokens';
-export { useSlot } from '@fluentui-react-native/use-slot';
-export { renderSlot, stagedComponent, withSlots } from '@fluentui-react-native/framework-base';
-export type { ComposableFunction, FinalRender, NativeReactType, SlotFn, StagedRender } from '@fluentui-react-native/framework-base';
+export { renderSlot, stagedComponent, withSlots, useSlot } from '@fluentui-react-native/framework-base';
+export type { RenderType as NativeReactType } from '@fluentui-react-native/framework-base';
 export { buildUseSlots } from '@fluentui-react-native/use-slots';
 export type { GetSlotProps, Slots, UseSlotOptions, UseSlotsBase } from '@fluentui-react-native/use-slots';
 export { immutableMerge, immutableMergeCore, processImmutable } from '@fluentui-react-native/framework-base';
 export type { BuiltinRecursionHandlers, CustomRecursionHandler, MergeOptions, ObjectBase, RecursionHandler, RecursionOption, } from '@fluentui-react-native/framework-base';
-export { ThemeContext, useTheme } from '@fluentui-react-native/theme-types';
-export type { AliasColorTokens, AppearanceOptions, Color, FontFamilies, FontFamily, FontFamilyValue, FontSize, FontSizeValuePoints, FontSizes, FontWeight, FontWeightValue, FontWeights, OfficePalette, Palette, PaletteBackgroundColors, PaletteTextColors, PartialPalette, PartialTheme, PartialTypography, Spacing, TextStyling, Theme, ThemeColorDefinition, ThemeOptions, Typography, Variant, VariantValue, Variants, } from '@fluentui-react-native/theme-types';
-export { compose } from './compose.ts';
-export type { ComposableComponent, ComposeOptions, ComposeType, ExtractProps, ExtractSlotProps, ExtractStatics, ExtractTokens, UseSlots, } from './compose.ts';
-export { compressible } from './compressible.ts';
-export { useFluentTheme } from './useFluentTheme.ts';
-export type { HasLayer, TokensThatAreAlsoProps, UseStyling } from './useStyling.ts';
-export { buildProps, buildUseStyling } from './useStyling.ts';
-export type { BuildProps, TokenSettings, TokensFromTheme, UseStylingOptions } from './useStyling.ts';
-export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens.ts';
-export type { UseTokens, CustomizableComponent } from './useTokens.ts';
+export { ThemeContext, useTheme } from '@fluentui-react-native/design/theming';
+export type { AliasColorTokens, AppearanceOptions, Color, FontFamilies, FontFamily, FontFamilyValue, FontSize, FontSizeValuePoints, FontSizes, FontWeight, FontWeightValue, FontWeights, OfficePalette, Palette, PaletteBackgroundColors, PaletteTextColors, PartialPalette, PartialTheme, PartialTypography, Spacing, TextStyling, Theme, ThemeColorDefinition, ThemeOptions, Typography, Variant, VariantValue, Variants, } from '@fluentui-react-native/design/theming';
+export { compose } from './compose';
+export type { ComposableComponent, ComposeOptions, ComposeType, ExtractProps, ExtractSlotProps, ExtractStatics, ExtractTokens, UseSlots, } from './compose';
+export { compressible } from './compressible';
+export { useFluentTheme } from './useFluentTheme';
+export type { HasLayer, TokensThatAreAlsoProps, UseStyling } from './useStyling';
+export { buildProps, buildUseStyling } from './useStyling';
+export type { BuildProps, TokenSettings, TokensFromTheme, UseStylingOptions } from './useStyling';
+export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens';
+export type { UseTokens, CustomizableComponent } from './useTokens';
 //# 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,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAEjG,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEhF,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,YAAY,GACb,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAC/F,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAEpI,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAE1G,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAC7G,YAAY,EACV,wBAAwB,EACxB,sBAAsB,EACtB,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC5E,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,OAAO,EACP,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,oBAAoB,EACpB,YAAY,EACZ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,QAAQ,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACrG,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjH,YAAY,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAEjG,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEhF,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,aAAa,EACb,YAAY,EACZ,YAAY,GACb,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AACxG,YAAY,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAE3F,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAE1G,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAC7G,YAAY,EACV,wBAAwB,EACxB,sBAAsB,EACtB,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAC/E,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,eAAe,EACf,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,OAAO,EACP,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,KAAK,EACL,oBAAoB,EACpB,YAAY,EACZ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,QAAQ,GACT,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,QAAQ,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAClG,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC9G,YAAY,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC"}

package/lib/index.js

@@ -1,14 +1,13 @@
 export { getMemoCache, getTypedMemoCache, memoize } from '@fluentui-react-native/framework-base';
 export { mergeProps, mergeStyles } from '@fluentui-react-native/framework-base';
 export { backgroundColorTokens, borderStyles, borderTokens, colorTokens, fontStyles, foregroundColorTokens, getPaletteFromTheme, layoutStyles, layoutTokens, shadowStyles, shadowTokens, textTokens, tokenBuilder, } from '@fluentui-react-native/tokens';
-export { useSlot } from '@fluentui-react-native/use-slot';
-export { renderSlot, stagedComponent, withSlots } from '@fluentui-react-native/framework-base';
+export { renderSlot, stagedComponent, withSlots, useSlot } from '@fluentui-react-native/framework-base';
 export { buildUseSlots } from '@fluentui-react-native/use-slots';
 export { immutableMerge, immutableMergeCore, processImmutable } from '@fluentui-react-native/framework-base';
-export { ThemeContext, useTheme } from '@fluentui-react-native/theme-types';
-export { compose } from './compose.js';
-export { compressible } from './compressible.js';
-export { useFluentTheme } from './useFluentTheme.js';
-export { buildProps, buildUseStyling } from './useStyling.js';
-export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens.js';
+export { ThemeContext, useTheme } from '@fluentui-react-native/design/theming';
+export { compose } from './compose';
+export { compressible } from './compressible';
+export { useFluentTheme } from './useFluentTheme';
+export { buildProps, buildUseStyling } from './useStyling';
+export { applyPropsToTokens, applyTokenLayers, buildUseTokens, customizable, patchTokens } from './useTokens';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAGjG,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEhF,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,+BAA+B,CAAC;AAcvC,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAG/F,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGjE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAU7G,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAgC5E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAWvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAGjG,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEhF,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,+BAA+B,CAAC;AAcvC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAGxG,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGjE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAU7G,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAgC/E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAWpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/lib/themeHelper.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { ThemeHelper } from '@fluentui-react-native/use-styling';
 export declare const themeHelper: ThemeHelper<Theme>;
 //# sourceMappingURL=themeHelper.d.ts.map

package/lib/themeHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeHelper.d.ts","sourceRoot":"","sources":["../src/themeHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAItE,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,KAAK,CAM1C,CAAC"}
+{"version":3,"file":"themeHelper.d.ts","sourceRoot":"","sources":["../src/themeHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAItE,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,KAAK,CAM1C,CAAC"}

package/lib/themeHelper.js

@@ -1,4 +1,4 @@
-import { useFluentTheme } from './useFluentTheme.js';
+import { useFluentTheme } from './useFluentTheme';
 export const themeHelper = {
     useTheme: () => useFluentTheme(),
     getComponentInfo: (theme, name) => {

package/lib/themeHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeHelper.js","sourceRoot":"","sources":["../src/themeHelper.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,CAAC,MAAM,WAAW,GAAuB;IAC7C,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE;IAChC,gBAAgB,EAAE,CAAC,KAAY,EAAE,IAAY,EAAE,EAAE;QAC/C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;QAC1C,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CACF,CAAC"}
+{"version":3,"file":"themeHelper.js","sourceRoot":"","sources":["../src/themeHelper.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,WAAW,GAAuB;IAC7C,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE;IAChC,gBAAgB,EAAE,CAAC,KAAY,EAAE,IAAY,EAAE,EAAE;QAC/C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;QAC1C,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CACF,CAAC"}

package/lib/useFluentTheme.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 /**
  * Attempts to obtain a theme via the react context, failing that the default fluent theme will be returned. Used to ensure some theme
  * object is provided for looking up color (and other) theme values

package/lib/useFluentTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFluentTheme.d.ts","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAGhE;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,KAAK,CAEtC"}
+{"version":3,"file":"useFluentTheme.d.ts","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AAGnE;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,KAAK,CAEtC"}

package/lib/useFluentTheme.js

@@ -1,5 +1,5 @@
 import { defaultFluentTheme } from '@fluentui-react-native/default-theme';
-import { useTheme } from '@fluentui-react-native/theme-types';
+import { useTheme } from '@fluentui-react-native/design/theming';
 /**
  * Attempts to obtain a theme via the react context, failing that the default fluent theme will be returned. Used to ensure some theme
  * object is provided for looking up color (and other) theme values

package/lib/useFluentTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFluentTheme.js","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D;;;;GAIG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,QAAQ,EAAE,IAAI,kBAAkB,CAAC;AAC1C,CAAC"}
+{"version":3,"file":"useFluentTheme.js","sourceRoot":"","sources":["../src/useFluentTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAEjE;;;;GAIG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,QAAQ,EAAE,IAAI,kBAAkB,CAAC;AAC1C,CAAC"}

package/lib/useStyling.d.ts

@@ -3,7 +3,7 @@
  * as to be dependent on the core theme type
  */
 export type { TokensThatAreAlsoProps, HasLayer, UseStyling } from '@fluentui-react-native/use-styling';
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { TokensFromTheme as TokensFromThemeBase, TokenSettings as TokenSettingsBase, UseStylingOptions as UseStylingOptionsBase, UseStyling, BuildPropsBase } from '@fluentui-react-native/use-styling';
 export type BuildProps<TProps, TTokens> = BuildPropsBase<TProps, TTokens, Theme>;
 export declare function buildProps<TProps, TTokens>(fn: (tokens: TTokens, theme: Theme) => TProps, keys?: (keyof TTokens)[]): BuildProps<TProps, TTokens>;

package/lib/useStyling.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStyling.d.ts","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EAAE,sBAAsB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACvG,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,aAAa,IAAI,iBAAiB,EAClC,iBAAiB,IAAI,qBAAqB,EAC1C,UAAU,EACV,cAAc,EACf,MAAM,oCAAoC,CAAC;AAK5C,MAAM,MAAM,UAAU,CAAC,MAAM,EAAE,OAAO,IAAI,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAEjF,wBAAgB,UAAU,CAAC,MAAM,EAAE,OAAO,EACxC,EAAE,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,EAC7C,IAAI,CAAC,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,GACvB,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAE7B;AAED,MAAM,MAAM,eAAe,CAAC,OAAO,IAAI,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC3E,MAAM,MAAM,aAAa,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACvE,MAAM,MAAM,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,IAAI,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAEvH;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EACzD,OAAO,EAAE,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,GACtD,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,CAGhC"}
+{"version":3,"file":"useStyling.d.ts","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EAAE,sBAAsB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACvG,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,aAAa,IAAI,iBAAiB,EAClC,iBAAiB,IAAI,qBAAqB,EAC1C,UAAU,EACV,cAAc,EACf,MAAM,oCAAoC,CAAC;AAK5C,MAAM,MAAM,UAAU,CAAC,MAAM,EAAE,OAAO,IAAI,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAEjF,wBAAgB,UAAU,CAAC,MAAM,EAAE,OAAO,EACxC,EAAE,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,EAC7C,IAAI,CAAC,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,GACvB,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAE7B;AAED,MAAM,MAAM,eAAe,CAAC,OAAO,IAAI,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC3E,MAAM,MAAM,aAAa,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACvE,MAAM,MAAM,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,IAAI,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAEvH;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EACzD,OAAO,EAAE,iBAAiB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,GACtD,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,CAGhC"}

package/lib/useStyling.js

@@ -1,5 +1,5 @@
 import { buildUseStyling as buildUseStylingBase, buildProps as buildPropsBase } from '@fluentui-react-native/use-styling';
-import { themeHelper } from './themeHelper.js';
+import { themeHelper } from './themeHelper';
 export function buildProps(fn, keys) {
     return buildPropsBase(fn, keys);
 }

package/lib/useStyling.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStyling.js","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,IAAI,mBAAmB,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAE1H,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI/C,MAAM,UAAU,UAAU,CACxB,EAA6C,EAC7C,IAAwB;IAExB,OAAO,cAAc,CAAyB,EAAE,EAAE,IAAI,CAAC,CAAC;AAC1D,CAAC;AAMD;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAuD;IAEvD,8DAA8D;IAC9D,OAAO,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;AACnD,CAAC"}
+{"version":3,"file":"useStyling.js","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,IAAI,mBAAmB,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAE1H,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,UAAU,UAAU,CACxB,EAA6C,EAC7C,IAAwB;IAExB,OAAO,cAAc,CAAyB,EAAE,EAAE,IAAI,CAAC,CAAC;AAC1D,CAAC;AAMD;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAuD;IAEvD,8DAA8D;IAC9D,OAAO,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;AACnD,CAAC"}

package/lib/useTokens.d.ts

@@ -1,6 +1,6 @@
-import type { Theme } from '@fluentui-react-native/theme-types';
+import type { Theme } from '@fluentui-react-native/design/theming';
 import type { UseTokens as UseTokensCore } from '@fluentui-react-native/use-tokens';
-import type { TokenSettings } from './useStyling.ts';
+import type { TokenSettings } from './useStyling';
 export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from '@fluentui-react-native/use-tokens';
 export type UseTokens<TTokens> = UseTokensCore<TTokens, Theme>;
 export type { CustomizableComponent } from '@fluentui-react-native/use-tokens';

package/lib/useTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTokens.d.ts","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAIpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGpH,MAAM,MAAM,SAAS,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC/D,YAAY,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE/E,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,CAE/F"}
+{"version":3,"file":"useTokens.d.ts","sourceRoot":"","sources":["../src/useTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAIpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGpH,MAAM,MAAM,SAAS,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC/D,YAAY,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE/E,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,MAAM,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,CAE/F"}

package/lib/useTokens.js

@@ -1,5 +1,5 @@
 import { buildUseTokens as buildUseTokensCore } from '@fluentui-react-native/use-tokens';
-import { themeHelper } from './themeHelper.js';
+import { themeHelper } from './themeHelper';
 export { applyTokenLayers, applyPropsToTokens, customizable, patchTokens } from '@fluentui-react-native/use-tokens';
 export function buildUseTokens(...tokens) {
     return buildUseTokensCore(themeHelper.getComponentInfo, ...tokens);