fix: update import references to point directly to non-barrel files (#36093)

chrisdholt · web-flow · commit 410796d83134 · 2026-05-05T18:24:43.000Z
diff --git a/change/@fluentui-web-components-e990ccf2-7c70-4035-a4c0-13b28fd11a18.json b/change/@fluentui-web-components-e990ccf2-7c70-4035-a4c0-13b28fd11a18.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "update import references to point directly to non-barrel files",
+  "packageName": "@fluentui/web-components",
+  "email": "13071055+chrisdholt@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/docs/web-components.api.md b/packages/web-components/docs/web-components.api.md
@@ -4570,7 +4570,7 @@ export const zIndexPriority = "var(--zIndexPriority)";
 
 // Warnings were encountered during analysis:
 //
-// dist/esm/accordion-item/accordion-item.d.ts:15:5 - (ae-forgotten-export) The symbol "StaticallyComposableHTML" needs to be exported by the entry point index.d.ts
+// dist/esm/accordion-item/accordion-item.d.ts:13:5 - (ae-forgotten-export) The symbol "StaticallyComposableHTML" needs to be exported by the entry point index.d.ts
 
 // (No @packageDocumentation comment for this package)
 
diff --git a/packages/web-components/src/accordion-item/accordion-item.styles.ts b/packages/web-components/src/accordion-item/accordion-item.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import {
   borderRadiusMedium,
   borderRadiusSmall,
diff --git a/packages/web-components/src/accordion-item/accordion-item.template.ts b/packages/web-components/src/accordion-item/accordion-item.template.ts
@@ -1,6 +1,6 @@
 import { type ElementViewTemplate, html, ref } from '@microsoft/fast-element';
-import { startSlotTemplate } from '../patterns/index.js';
-import { staticallyCompose } from '../utils/index.js';
+import { startSlotTemplate } from '../patterns/start-end.js';
+import { staticallyCompose } from '../utils/template-helpers.js';
 import type { AccordionItem, AccordionItemOptions } from './accordion-item.js';
 
 const chevronRight20Filled = html.partial(`<svg
diff --git a/packages/web-components/src/accordion-item/accordion-item.ts b/packages/web-components/src/accordion-item/accordion-item.ts
@@ -1,13 +1,10 @@
 import { attr } from '@microsoft/fast-element';
-import type { StaticallyComposableHTML } from '../utils/index.js';
-import { StartEnd } from '../patterns/index.js';
-import type { StartEndOptions } from '../patterns/index.js';
+import type { StaticallyComposableHTML } from '../utils/template-helpers.js';
+import { StartEnd, type StartEndOptions } from '../patterns/start-end.js';
 import { applyMixins } from '../utils/apply-mixins.js';
 import { BaseAccordionItem } from './accordion-item.base.js';
 import { AccordionItemMarkerPosition, AccordionItemSize } from './accordion-item.options.js';
 
-export type { StaticallyComposableHTML } from '../utils/index.js';
-
 /**
  * Accordion Item configuration options
  *
diff --git a/packages/web-components/src/accordion/accordion.options.ts b/packages/web-components/src/accordion/accordion.options.ts
@@ -1,4 +1,4 @@
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 
 /**
  * Expand mode for {@link Accordion}
diff --git a/packages/web-components/src/accordion/accordion.styles.ts b/packages/web-components/src/accordion/accordion.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 
 export const styles = css`
   ${display('flex')}
diff --git a/packages/web-components/src/anchor-button/anchor-button.options.ts b/packages/web-components/src/anchor-button/anchor-button.options.ts
@@ -1,5 +1,5 @@
 import { ButtonAppearance, ButtonShape, ButtonSize } from '../button/button.options.js';
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 import type { AnchorOptions } from './anchor-button.js';
 
 /**
diff --git a/packages/web-components/src/anchor-button/anchor-button.template.ts b/packages/web-components/src/anchor-button/anchor-button.template.ts
@@ -1,5 +1,5 @@
 import { type ElementViewTemplate, html, type ViewTemplate } from '@microsoft/fast-element';
-import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
+import { endSlotTemplate, startSlotTemplate } from '../patterns/start-end.js';
 import type { AnchorButton, AnchorOptions } from './anchor-button.js';
 
 /**
diff --git a/packages/web-components/src/anchor-button/anchor-button.ts b/packages/web-components/src/anchor-button/anchor-button.ts
@@ -1,6 +1,5 @@
 import { attr } from '@microsoft/fast-element';
-import type { StartEndOptions } from '../patterns/index.js';
-import { StartEnd } from '../patterns/index.js';
+import { StartEnd, type StartEndOptions } from '../patterns/start-end.js';
 import { applyMixins } from '../utils/apply-mixins.js';
 import { swapStates, toggleState } from '../utils/element-internals.js';
 import { BaseAnchor } from './anchor-button.base.js';
diff --git a/packages/web-components/src/avatar/avatar.options.ts b/packages/web-components/src/avatar/avatar.options.ts
@@ -1,4 +1,4 @@
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 
 /**
  * The Avatar "active" state
diff --git a/packages/web-components/src/avatar/avatar.styles.ts b/packages/web-components/src/avatar/avatar.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import {
   borderRadiusCircular,
   borderRadiusLarge,
diff --git a/packages/web-components/src/badge/badge.options.ts b/packages/web-components/src/badge/badge.options.ts
@@ -1,5 +1,6 @@
-import type { StartEndOptions } from '../patterns/index.js';
-import type { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
+import type { StartEndOptions } from '../patterns/start-end.js';
+import type { StaticallyComposableHTML } from '../utils/template-helpers.js';
+import type { ValuesOf } from '../utils/typings.js';
 import type { Badge } from './badge.js';
 
 /**
diff --git a/packages/web-components/src/badge/badge.styles.ts b/packages/web-components/src/badge/badge.styles.ts
@@ -6,7 +6,7 @@ import {
   badgeOutlineStyles,
   badgeSizeStyles,
   badgeTintStyles,
-} from '../styles/index.js';
+} from '../styles/partials/badge.partials.js';
 import { borderRadiusMedium, borderRadiusNone, borderRadiusSmall } from '../theme/design-tokens.js';
 // why is the border not showing up?
 /** Badge styles
diff --git a/packages/web-components/src/badge/badge.template.ts b/packages/web-components/src/badge/badge.template.ts
@@ -1,5 +1,5 @@
 import { type ElementViewTemplate, html } from '@microsoft/fast-element';
-import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
+import { endSlotTemplate, startSlotTemplate } from '../patterns/start-end.js';
 import { staticallyCompose } from '../utils/template-helpers.js';
 import type { Badge } from './badge.js';
 import type { BadgeOptions } from './badge.options.js';
diff --git a/packages/web-components/src/badge/badge.ts b/packages/web-components/src/badge/badge.ts
@@ -1,6 +1,6 @@
 import { attr, FASTElement } from '@microsoft/fast-element';
 import { applyMixins } from '../utils/apply-mixins.js';
-import { StartEnd } from '../patterns/index.js';
+import { StartEnd } from '../patterns/start-end.js';
 import { BadgeAppearance, BadgeColor, BadgeShape, BadgeSize } from './badge.options.js';
 
 /**
diff --git a/packages/web-components/src/button/button.options.ts b/packages/web-components/src/button/button.options.ts
@@ -1,5 +1,5 @@
-import type { StartEndOptions } from '../patterns/index.js';
-import type { ValuesOf } from '../utils/index.js';
+import type { StartEndOptions } from '../patterns/start-end.js';
+import type { ValuesOf } from '../utils/typings.js';
 import type { Button } from './button.js';
 
 /**
diff --git a/packages/web-components/src/button/button.styles.ts b/packages/web-components/src/button/button.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import {
   borderRadiusCircular,
   borderRadiusLarge,
diff --git a/packages/web-components/src/button/button.template.ts b/packages/web-components/src/button/button.template.ts
@@ -1,5 +1,5 @@
 import { type ElementViewTemplate, html, slotted } from '@microsoft/fast-element';
-import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
+import { endSlotTemplate, startSlotTemplate } from '../patterns/start-end.js';
 import type { BaseButton } from './button.base.js';
 import type { ButtonOptions } from './button.options.js';
 
diff --git a/packages/web-components/src/button/button.ts b/packages/web-components/src/button/button.ts
@@ -1,5 +1,5 @@
 import { attr } from '@microsoft/fast-element';
-import { StartEnd } from '../patterns/index.js';
+import { StartEnd } from '../patterns/start-end.js';
 import { applyMixins } from '../utils/apply-mixins.js';
 import { BaseButton } from './button.base.js';
 import { ButtonAppearance, ButtonShape, ButtonSize } from './button.options.js';
diff --git a/packages/web-components/src/compound-button/compound-button.options.ts b/packages/web-components/src/compound-button/compound-button.options.ts
@@ -1,6 +1,6 @@
 import { ButtonAppearance, ButtonShape, ButtonSize } from '../button/button.options.js';
 import type { ButtonOptions } from '../button/button.options.js';
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 
 /**
  * Compound Button Appearance constants
diff --git a/packages/web-components/src/compound-button/compound-button.template.ts b/packages/web-components/src/compound-button/compound-button.template.ts
@@ -1,5 +1,5 @@
 import { type ElementViewTemplate, html, slotted } from '@microsoft/fast-element';
-import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
+import { endSlotTemplate, startSlotTemplate } from '../patterns/start-end.js';
 import type { CompoundButton } from './compound-button.js';
 import type { CompoundButtonOptions } from './compound-button.options.js';
 
diff --git a/packages/web-components/src/counter-badge/counter-badge.options.ts b/packages/web-components/src/counter-badge/counter-badge.options.ts
@@ -1,5 +1,5 @@
 import type { BadgeOptions } from '../badge/badge.options.js';
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 
 /**
  * CounterBadge options
diff --git a/packages/web-components/src/counter-badge/counter-badge.styles.ts b/packages/web-components/src/counter-badge/counter-badge.styles.ts
@@ -1,5 +1,10 @@
 import { css } from '@microsoft/fast-element';
-import { badgeBaseStyles, badgeFilledStyles, badgeGhostStyles, badgeSizeStyles } from '../styles/index.js';
+import {
+  badgeBaseStyles,
+  badgeFilledStyles,
+  badgeGhostStyles,
+  badgeSizeStyles,
+} from '../styles/partials/badge.partials.js';
 import { borderRadiusMedium, borderRadiusSmall } from '../theme/design-tokens.js';
 
 /** Badge styles
diff --git a/packages/web-components/src/counter-badge/counter-badge.ts b/packages/web-components/src/counter-badge/counter-badge.ts
@@ -1,6 +1,6 @@
 import { attr, FASTElement, nullableNumberConverter } from '@microsoft/fast-element';
 import { applyMixins } from '../utils/apply-mixins.js';
-import { StartEnd } from '../patterns/index.js';
+import { StartEnd } from '../patterns/start-end.js';
 import {
   CounterBadgeAppearance,
   CounterBadgeColor,
diff --git a/packages/web-components/src/dialog-body/dialog-body.styles.ts b/packages/web-components/src/dialog-body/dialog-body.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import {
   colorNeutralBackground1,
   colorNeutralForeground1,
diff --git a/packages/web-components/src/dialog/dialog.options.ts b/packages/web-components/src/dialog/dialog.options.ts
@@ -1,4 +1,4 @@
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 import { Dialog } from './dialog.js';
 
 /**
diff --git a/packages/web-components/src/divider/divider.options.ts b/packages/web-components/src/divider/divider.options.ts
@@ -1,5 +1,5 @@
 import { Orientation } from '@microsoft/fast-web-utilities';
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 
 /**
  * Divider roles
diff --git a/packages/web-components/src/divider/divider.styles.ts b/packages/web-components/src/divider/divider.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import {
   colorBrandForeground1,
   colorBrandStroke1,
diff --git a/packages/web-components/src/drawer-body/drawer-body.styles.ts b/packages/web-components/src/drawer-body/drawer-body.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import { spacingHorizontalM, spacingHorizontalXL } from '../theme/design-tokens.js';
 import { typographySubtitle1Styles } from '../styles/partials/typography.partials.js';
 
diff --git a/packages/web-components/src/drawer/drawer.options.ts b/packages/web-components/src/drawer/drawer.options.ts
@@ -1,4 +1,4 @@
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 
 /**
  * A drawer can be positioned on the left or right side of the viewport.
diff --git a/packages/web-components/src/drawer/drawer.styles.ts b/packages/web-components/src/drawer/drawer.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import {
   colorBackgroundOverlay,
   colorNeutralBackground1,
diff --git a/packages/web-components/src/image/image.options.ts b/packages/web-components/src/image/image.options.ts
@@ -1,4 +1,4 @@
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 
 /**
  * Image fit
diff --git a/packages/web-components/src/label/label.options.ts b/packages/web-components/src/label/label.options.ts
@@ -1,4 +1,4 @@
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 
 /**
  * A Labels font size can be small, medium, or large
diff --git a/packages/web-components/src/label/label.styles.ts b/packages/web-components/src/label/label.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import {
   colorNeutralForeground1,
   colorNeutralForegroundDisabled,
diff --git a/packages/web-components/src/link/link.options.ts b/packages/web-components/src/link/link.options.ts
@@ -1,5 +1,5 @@
 import { AnchorAttributes, AnchorTarget } from '../anchor-button/anchor-button.options.js';
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 
 /**
  * Link Appearance constants
diff --git a/packages/web-components/src/link/link.styles.ts b/packages/web-components/src/link/link.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import {
   colorBrandForegroundLink,
   colorBrandForegroundLinkHover,
diff --git a/packages/web-components/src/menu-button/menu-button.options.ts b/packages/web-components/src/menu-button/menu-button.options.ts
@@ -1,6 +1,6 @@
 import type { ButtonOptions } from '../button/button.options.js';
 import { ButtonAppearance, ButtonShape, ButtonSize } from '../button/button.options.js';
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 
 /**
  * Menu Button Appearance constants
diff --git a/packages/web-components/src/menu-item/menu-item.options.ts b/packages/web-components/src/menu-item/menu-item.options.ts
@@ -1,4 +1,4 @@
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 import type { MenuItem } from './menu-item.js';
 
 /**
diff --git a/packages/web-components/src/menu-item/menu-item.styles.ts b/packages/web-components/src/menu-item/menu-item.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import {
   borderRadiusMedium,
   colorCompoundBrandForeground1Pressed,
diff --git a/packages/web-components/src/menu-item/menu-item.template.ts b/packages/web-components/src/menu-item/menu-item.template.ts
@@ -1,7 +1,7 @@
 import type { ElementViewTemplate } from '@microsoft/fast-element';
 import { html, slotted } from '@microsoft/fast-element';
 import { staticallyCompose } from '../utils/template-helpers.js';
-import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
+import { endSlotTemplate, startSlotTemplate } from '../patterns/start-end.js';
 import type { MenuItem, MenuItemOptions } from './menu-item.js';
 
 const Checkmark16Filled = html.partial(
diff --git a/packages/web-components/src/menu-list/menu-list.styles.ts b/packages/web-components/src/menu-list/menu-list.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import {
   borderRadiusMedium,
   colorNeutralBackground1,
diff --git a/packages/web-components/src/menu/menu.styles.ts b/packages/web-components/src/menu/menu.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import { colorNeutralStroke1, strokeWidthThin } from '../theme/design-tokens.js';
 
 /** Menu styles
diff --git a/packages/web-components/src/patterns/start-end.ts b/packages/web-components/src/patterns/start-end.ts
@@ -1,8 +1,7 @@
 //Copied from @microsoft/fast-foundation
 
 import { type CaptureType, html, ref } from '@microsoft/fast-element';
-import type { StaticallyComposableHTML } from '../utils/index.js';
-import { staticallyCompose } from '../utils/index.js';
+import { type StaticallyComposableHTML, staticallyCompose } from '../utils/template-helpers.js';
 
 /**
  * Start configuration options
diff --git a/packages/web-components/src/progress-bar/progress-bar.options.ts b/packages/web-components/src/progress-bar/progress-bar.options.ts
@@ -1,4 +1,4 @@
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 
 /**
  * ProgressBarThickness Constants
diff --git a/packages/web-components/src/progress-bar/progress-bar.styles.ts b/packages/web-components/src/progress-bar/progress-bar.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import {
   borderRadiusMedium,
   borderRadiusNone,
diff --git a/packages/web-components/src/radio-group/radio-group.options.ts b/packages/web-components/src/radio-group/radio-group.options.ts
@@ -1,5 +1,5 @@
 import { Orientation } from '@microsoft/fast-web-utilities';
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 
 /**
  * Radio Group orientation
diff --git a/packages/web-components/src/radio-group/radio-group.styles.ts b/packages/web-components/src/radio-group/radio-group.styles.ts
@@ -9,7 +9,7 @@ import {
   spacingVerticalL,
   spacingVerticalS,
 } from '../theme/design-tokens.js';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 
 /** RadioGroup styles
  * @public
diff --git a/packages/web-components/src/radio/radio.template.ts b/packages/web-components/src/radio/radio.template.ts
@@ -1,5 +1,5 @@
 import { type ElementViewTemplate, html } from '@microsoft/fast-element';
-import { staticallyCompose } from '../utils/index.js';
+import { staticallyCompose } from '../utils/template-helpers.js';
 import type { Radio } from './radio.js';
 import type { RadioOptions } from './radio.options.js';
 
diff --git a/packages/web-components/src/rating-display/rating-display.options.ts b/packages/web-components/src/rating-display/rating-display.options.ts
@@ -1,4 +1,4 @@
-import type { ValuesOf } from '../utils/index.js';
+import type { ValuesOf } from '../utils/typings.js';
 
 /**
  * The color of the Rating Display items can be `neutral`, `brand`, or `marigold`.
diff --git a/packages/web-components/src/rating-display/rating-display.styles.ts b/packages/web-components/src/rating-display/rating-display.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import {
   colorBrandBackground2,
   colorBrandForeground1,
diff --git a/packages/web-components/src/slider/slider.options.ts b/packages/web-components/src/slider/slider.options.ts
@@ -1,6 +1,7 @@
 import type { Direction } from '@microsoft/fast-web-utilities';
 import { Orientation } from '@microsoft/fast-web-utilities';
-import type { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
+import type { StaticallyComposableHTML } from '../utils/template-helpers.js';
+import type { ValuesOf } from '../utils/typings.js';
 import type { Slider } from './slider.js';
 
 /**
diff --git a/packages/web-components/src/slider/slider.styles.ts b/packages/web-components/src/slider/slider.styles.ts
@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import {
   borderRadiusCircular,
   borderRadiusMedium,
diff --git a/packages/web-components/src/spinner/spinner.options.ts b/packages/web-components/src/spinner/spinner.options.ts
diff --git a/packages/web-components/src/spinner/spinner.styles.ts b/packages/web-components/src/spinner/spinner.styles.ts
diff --git a/packages/web-components/src/styles/index.ts b/packages/web-components/src/styles/index.ts
diff --git a/packages/web-components/src/styles/partials/badge.partials.ts b/packages/web-components/src/styles/partials/badge.partials.ts
diff --git a/packages/web-components/src/switch/switch.options.ts b/packages/web-components/src/switch/switch.options.ts
diff --git a/packages/web-components/src/switch/switch.template.ts b/packages/web-components/src/switch/switch.template.ts
diff --git a/packages/web-components/src/switch/switch.ts b/packages/web-components/src/switch/switch.ts
diff --git a/packages/web-components/src/tab/tab.styles.ts b/packages/web-components/src/tab/tab.styles.ts
diff --git a/packages/web-components/src/tab/tab.template.ts b/packages/web-components/src/tab/tab.template.ts
diff --git a/packages/web-components/src/tablist/tablist.base.ts b/packages/web-components/src/tablist/tablist.base.ts
diff --git a/packages/web-components/src/tablist/tablist.options.ts b/packages/web-components/src/tablist/tablist.options.ts
diff --git a/packages/web-components/src/tablist/tablist.styles.ts b/packages/web-components/src/tablist/tablist.styles.ts
diff --git a/packages/web-components/src/text/text.options.ts b/packages/web-components/src/text/text.options.ts
diff --git a/packages/web-components/src/text/text.styles.ts b/packages/web-components/src/text/text.styles.ts
diff --git a/packages/web-components/src/textarea/textarea.base.ts b/packages/web-components/src/textarea/textarea.base.ts
diff --git a/packages/web-components/src/toggle-button/toggle-button.options.ts b/packages/web-components/src/toggle-button/toggle-button.options.ts

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { ValuesOf } from '../utils/index.js';`
	`1`	`+import type { ValuesOf } from '../utils/typings.js';`
`2`	`2`
`3`	`3`	`/**`
`4`	`4`	`* Expand mode for {@link Accordion}`