feat(react-headless-components-preview): switch to subpaths exports

packages/react-components/react-headless-components-preview/library/bundle-size/AllComponents.fixture.js

@@ -1,6 +1,62 @@
-import * as rhc from '@fluentui/react-headless-components-preview';
+import * as Accordion from '@fluentui/react-headless-components-preview/accordion';
+import * as Avatar from '@fluentui/react-headless-components-preview/avatar';
+import * as Badge from '@fluentui/react-headless-components-preview/badge';
+import * as Breadcrumb from '@fluentui/react-headless-components-preview/breadcrumb';
+import * as Button from '@fluentui/react-headless-components-preview/button';
+import * as Checkbox from '@fluentui/react-headless-components-preview/checkbox';
+import * as Dialog from '@fluentui/react-headless-components-preview/dialog';
+import * as Divider from '@fluentui/react-headless-components-preview/divider';
+import * as Field from '@fluentui/react-headless-components-preview/field';
+import * as Input from '@fluentui/react-headless-components-preview/input';
+import * as Link from '@fluentui/react-headless-components-preview/link';
+import * as MessageBar from '@fluentui/react-headless-components-preview/message-bar';
+import * as ProgressBar from '@fluentui/react-headless-components-preview/progress-bar';
+import * as Provider from '@fluentui/react-headless-components-preview/provider';
+import * as RadioGroup from '@fluentui/react-headless-components-preview/radio-group';
+import * as RatingDisplay from '@fluentui/react-headless-components-preview/rating-display';
+import * as Rating from '@fluentui/react-headless-components-preview/rating';
+import * as SearchBox from '@fluentui/react-headless-components-preview/search-box';
+import * as Select from '@fluentui/react-headless-components-preview/select';
+import * as Skeleton from '@fluentui/react-headless-components-preview/skeleton';
+import * as Slider from '@fluentui/react-headless-components-preview/slider';
+import * as SpinButton from '@fluentui/react-headless-components-preview/spin-button';
+import * as Spinner from '@fluentui/react-headless-components-preview/spinner';
+import * as Switch from '@fluentui/react-headless-components-preview/switch';
+import * as TabList from '@fluentui/react-headless-components-preview/tab-list';
+import * as Textarea from '@fluentui/react-headless-components-preview/textarea';
+import * as ToggleButton from '@fluentui/react-headless-components-preview/toggle-button';
+import * as Toolbar from '@fluentui/react-headless-components-preview/toolbar';
 
-console.log(rhc);
+console.log({
+  Accordion,
+  Avatar,
+  Badge,
+  Breadcrumb,
+  Button,
+  Checkbox,
+  Dialog,
+  Divider,
+  Field,
+  Input,
+  Link,
+  MessageBar,
+  ProgressBar,
+  Provider,
+  RadioGroup,
+  RatingDisplay,
+  Rating,
+  SearchBox,
+  Select,
+  Skeleton,
+  Slider,
+  SpinButton,
+  Spinner,
+  Switch,
+  TabList,
+  Textarea,
+  ToggleButton,
+  Toolbar,
+});
 
 export default {
   name: 'react-headless-components-preview: entire library',

packages/react-components/react-headless-components-preview/library/etc/accordion.api.md

@@ -0,0 +1,131 @@
+## API Report File for "@fluentui/react-headless-components-preview"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import type { AccordionBaseProps } from '@fluentui/react-accordion';
+import { AccordionBaseState } from '@fluentui/react-accordion';
+import { AccordionContextValue } from '@fluentui/react-accordion';
+import { AccordionContextValues as AccordionContextValues_2 } from '@fluentui/react-accordion';
+import type { AccordionHeaderBaseProps } from '@fluentui/react-accordion';
+import { AccordionHeaderBaseState } from '@fluentui/react-accordion';
+import { AccordionHeaderContextValues } from '@fluentui/react-accordion';
+import type { AccordionHeaderSlots as AccordionHeaderSlots_2 } from '@fluentui/react-accordion';
+import { AccordionItemContextValues } from '@fluentui/react-accordion';
+import type { AccordionItemProps as AccordionItemProps_2 } from '@fluentui/react-accordion';
+import type { AccordionItemSlots as AccordionItemSlots_2 } from '@fluentui/react-accordion';
+import { AccordionItemState as AccordionItemState_2 } from '@fluentui/react-accordion';
+import type { AccordionPanelBaseProps } from '@fluentui/react-accordion';
+import type { AccordionPanelBaseState } from '@fluentui/react-accordion';
+import type { AccordionPanelSlots as AccordionPanelSlots_2 } from '@fluentui/react-accordion';
+import type { AccordionSlots as AccordionSlots_2 } from '@fluentui/react-accordion';
+import { ContextSelector } from '@fluentui/react-context-selector';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import { JSXElement } from '@fluentui/react-utilities';
+import type * as React_2 from 'react';
+
+// @public
+export const Accordion: ForwardRefComponent<AccordionProps>;
+
+// @public (undocumented)
+export type AccordionContextValues = AccordionContextValues_2;
+
+// @public
+export const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
+
+// @public (undocumented)
+export type AccordionHeaderProps = AccordionHeaderBaseProps;
+
+// @public (undocumented)
+export type AccordionHeaderSlots = AccordionHeaderSlots_2;
+
+// @public (undocumented)
+export type AccordionHeaderState = AccordionHeaderBaseState & {
+    root: {
+        'data-open'?: string;
+        'data-disabled'?: string;
+        'data-expand-icon-position'?: string;
+    };
+};
+
+// @public
+export const AccordionItem: ForwardRefComponent<AccordionItemProps>;
+
+// @public (undocumented)
+export type AccordionItemProps = AccordionItemProps_2;
+
+// @public (undocumented)
+export type AccordionItemSlots = AccordionItemSlots_2;
+
+// @public (undocumented)
+export type AccordionItemState = AccordionItemState_2 & {
+    root: {
+        'data-disabled'?: string;
+        'data-open'?: string;
+    };
+};
+
+// @public
+export const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
+
+// @public (undocumented)
+export type AccordionPanelProps = AccordionPanelBaseProps;
+
+// @public (undocumented)
+export type AccordionPanelSlots = AccordionPanelSlots_2;
+
+// @public (undocumented)
+export type AccordionPanelState = AccordionPanelBaseState & {
+    root: {
+        'data-open'?: string;
+    };
+};
+
+// @public (undocumented)
+export type AccordionProps = AccordionBaseProps;
+
+// @public (undocumented)
+export type AccordionSlots = AccordionSlots_2;
+
+// @public (undocumented)
+export type AccordionState = AccordionBaseState & {
+    root: {
+        'data-collapsible'?: string;
+        'data-multiple'?: string;
+    };
+};
+
+// @public
+export const renderAccordion: (state: AccordionBaseState, contextValues: AccordionContextValues_2) => JSXElement;
+
+// @public
+export const renderAccordionHeader: (state: AccordionHeaderBaseState, contextValues: AccordionHeaderContextValues) => JSXElement;
+
+// @public
+export const renderAccordionItem: (state: AccordionItemState_2, contextValues: AccordionItemContextValues) => JSXElement;
+
+// @public
+export const renderAccordionPanel: (state: AccordionPanelState) => JSXElement;
+
+// @public
+export const useAccordion: (props: AccordionProps, ref: React_2.Ref<HTMLElement>) => AccordionState;
+
+// @public
+export const useAccordionContext: <T>(selector: ContextSelector<AccordionContextValue, T>) => T;
+
+// @public
+export const useAccordionContextValues: (state: AccordionState) => AccordionContextValues;
+
+// @public
+export const useAccordionHeader: (props: AccordionHeaderProps, ref: React_2.Ref<HTMLElement>) => AccordionHeaderState;
+
+// @public
+export const useAccordionItem: (props: AccordionItemProps, ref: React_2.Ref<HTMLElement>) => AccordionItemState;
+
+// @public
+export const useAccordionPanel: (props: AccordionPanelProps, ref: React_2.Ref<HTMLElement>) => AccordionPanelState;
+
+// (No @packageDocumentation comment for this package)
+
+```

packages/react-components/react-headless-components-preview/library/etc/avatar.api.md

@@ -0,0 +1,34 @@
+## API Report File for "@fluentui/react-headless-components-preview"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import type { AvatarBaseProps } from '@fluentui/react-avatar';
+import { AvatarBaseState } from '@fluentui/react-avatar';
+import type { AvatarSlots as AvatarSlots_2 } from '@fluentui/react-avatar';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import { JSXElement } from '@fluentui/react-utilities';
+import type * as React_2 from 'react';
+
+// @public
+export const Avatar: ForwardRefComponent<AvatarProps>;
+
+// @public
+export type AvatarProps = AvatarBaseProps;
+
+// @public
+export type AvatarSlots = AvatarSlots_2;
+
+// @public
+export type AvatarState = AvatarBaseState;
+
+// @public
+export const renderAvatar: (state: AvatarBaseState) => JSXElement;
+
+// @public
+export const useAvatar: (props: AvatarProps, ref: React_2.Ref<HTMLElement>) => AvatarState;
+
+// (No @packageDocumentation comment for this package)
+
+```

packages/react-components/react-headless-components-preview/library/etc/badge.api.md

@@ -0,0 +1,34 @@
+## API Report File for "@fluentui/react-headless-components-preview"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import type { BadgeBaseProps } from '@fluentui/react-badge';
+import { BadgeBaseState } from '@fluentui/react-badge';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import { JSXElement } from '@fluentui/react-utilities';
+import type * as React_2 from 'react';
+
+// @public
+export const Badge: ForwardRefComponent<BadgeProps>;
+
+// @public
+export type BadgeProps = BadgeBaseProps;
+
+// @public
+export type BadgeState = BadgeBaseState & {
+    root: {
+        'data-icon-position'?: 'before' | 'after';
+    };
+};
+
+// @public
+export const renderBadge: (state: BadgeBaseState) => JSXElement;
+
+// @public
+export const useBadge: (props: BadgeProps, ref: React_2.Ref<HTMLDivElement>) => BadgeState;
+
+// (No @packageDocumentation comment for this package)
+
+```

packages/react-components/react-headless-components-preview/library/etc/breadcrumb.api.md

@@ -0,0 +1,111 @@
+## API Report File for "@fluentui/react-headless-components-preview"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import type { BreadcrumbBaseProps } from '@fluentui/react-breadcrumb';
+import { BreadcrumbBaseState } from '@fluentui/react-breadcrumb';
+import type { BreadcrumbButtonBaseProps } from '@fluentui/react-breadcrumb';
+import type { BreadcrumbButtonBaseState } from '@fluentui/react-breadcrumb';
+import type { BreadcrumbButtonSlots as BreadcrumbButtonSlots_2 } from '@fluentui/react-breadcrumb';
+import { BreadcrumbContextValues as BreadcrumbContextValues_2 } from '@fluentui/react-breadcrumb';
+import type { BreadcrumbDividerBaseProps } from '@fluentui/react-breadcrumb';
+import { BreadcrumbDividerBaseState } from '@fluentui/react-breadcrumb';
+import type { BreadcrumbDividerSlots as BreadcrumbDividerSlots_2 } from '@fluentui/react-breadcrumb';
+import type { BreadcrumbItemBaseProps } from '@fluentui/react-breadcrumb';
+import { BreadcrumbItemBaseState } from '@fluentui/react-breadcrumb';
+import type { BreadcrumbItemSlots as BreadcrumbItemSlots_2 } from '@fluentui/react-breadcrumb';
+import type { BreadcrumbSlots as BreadcrumbSlots_2 } from '@fluentui/react-breadcrumb';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import { JSXElement } from '@fluentui/react-utilities';
+import type * as React_2 from 'react';
+
+// @public
+export const Breadcrumb: ForwardRefComponent<BreadcrumbProps>;
+
+// @public
+export const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps>;
+
+// @public
+export type BreadcrumbButtonProps = BreadcrumbButtonBaseProps;
+
+// @public
+export type BreadcrumbButtonSlots = BreadcrumbButtonSlots_2;
+
+// @public
+export type BreadcrumbButtonState = BreadcrumbButtonBaseState & {
+    root: {
+        'data-current'?: string;
+    };
+};
+
+// @public
+export type BreadcrumbContextValues = BreadcrumbContextValues_2;
+
+// @public
+export const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps>;
+
+// @public
+export type BreadcrumbDividerProps = BreadcrumbDividerBaseProps;
+
+// @public
+export type BreadcrumbDividerSlots = BreadcrumbDividerSlots_2;
+
+// @public
+export type BreadcrumbDividerState = BreadcrumbDividerBaseState;
+
+// @public
+export const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps>;
+
+// @public
+export type BreadcrumbItemProps = BreadcrumbItemBaseProps;
+
+// @public
+export type BreadcrumbItemSlots = BreadcrumbItemSlots_2;
+
+// @public
+export type BreadcrumbItemState = BreadcrumbItemBaseState;
+
+// @public
+export type BreadcrumbProps = BreadcrumbBaseProps;
+
+// @public
+export type BreadcrumbSlots = BreadcrumbSlots_2;
+
+// @public
+export type BreadcrumbState = BreadcrumbBaseState;
+
+// @public
+export const renderBreadcrumb: (state: BreadcrumbBaseState, contextValues: BreadcrumbContextValues_2) => JSXElement;
+
+// @public
+export const renderBreadcrumbButton: (state: BreadcrumbButtonState) => JSXElement;
+
+// @public
+export const renderBreadcrumbDivider: (state: BreadcrumbDividerBaseState) => JSXElement;
+
+// @public
+export const renderBreadcrumbItem: (state: BreadcrumbItemBaseState) => JSXElement;
+
+// @public
+export const useBreadcrumb: (props: BreadcrumbProps, ref: React_2.Ref<HTMLElement>) => BreadcrumbState;
+
+// @public
+export const useBreadcrumbButton: (props: BreadcrumbButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => BreadcrumbButtonState;
+
+// @public
+export const useBreadcrumbContext: () => BreadcrumbContextValues_2;
+
+// @public
+export const useBreadcrumbContextValues: (state: BreadcrumbState) => BreadcrumbContextValues;
+
+// @public
+export const useBreadcrumbDivider: (props: BreadcrumbDividerProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbDividerState;
+
+// @public
+export const useBreadcrumbItem: (props: BreadcrumbItemProps, ref: React_2.Ref<HTMLLIElement>) => BreadcrumbItemState;
+
+// (No @packageDocumentation comment for this package)
+
+```