@adobe-commerce/elsie 1.9.0-alpha-20260515103751 → 1.9.0-beta.0

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @adobe-commerce/elsie
 
-## 1.9.0-alpha-20260515103751
+## 1.9.0-beta.0
 
 ### Minor Changes
 
@@ -12,17 +12,6 @@
 
   Drop-ins must be rebuilt against this release to get the reduced request footprint. No source changes are required.
 
-- b9e4104: Upgrade TypeScript from 4.7 to 6.0
-
-  - Upgraded `typescript` from `^4.7.3` to `^6.0.3`
-  - Upgraded `@typescript-eslint/parser` and `@typescript-eslint/eslint-plugin` from `^5.32.0` to `^8.59.3`
-  - Upgraded `vite-plugin-dts` from `^3.9.1` to `^4.5.4`
-  - Fixed tsconfig breaking changes: `moduleResolution: "node"` → `"bundler"` (recaptcha), explicit `types` arrays, `skipLibCheck: true` (elsie), `rootDir` (fetch-graphql)
-  - Retained `baseUrl` in elsie tsconfig with `ignoreDeprecations: "6.0"` for `babel-plugin-tsconfig-paths` compatibility (Storybook build)
-  - Fixed ~65 source-level type errors across all packages (stricter inference in TS6)
-  - `AccordionSectionProps`: `title` is now an explicit required `ComponentChildren` prop (was inherited as optional `string` from `HTMLAttributes`); `ariaLabelTitle` is now optional
-  - Added `elsie tsc [--config <path>]` CLI command to validate `tsconfig.json` for TS6 incompatible/deprecated settings and run `tsc --noEmit` using the consumer's local TypeScript
-
 ## 1.8.1
 
 ### Patch Changes

package/bin/index.js

@@ -15,11 +15,6 @@ yargs
   .command('build', 'Build bundles', require('./builders/build'))
   .command('test', 'Run Jest tests', require('./builders/test'))
   .command('lint', 'Run ESLint code analysis', require('./builders/lint'))
-  .command(
-    'tsc',
-    'Type-check with TypeScript and validate tsconfig for TS6 compatibility',
-    require('./builders/tsc')
-  )
   .command(
     'generate',
     'Generate a new <resource>',

package/config/tsconfig-base.json

@@ -11,7 +11,6 @@
     "checkJs": false,
     "resolveJsonModule": true,
     "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "types": ["jest", "css-modules"]
+    "noUnusedParameters": true
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe-commerce/elsie",
-  "version": "1.9.0-alpha-20260515103751",
+  "version": "1.9.0-beta.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "description": "Domain Package SDK",
   "engines": {
@@ -28,11 +28,11 @@
     "postpublish": "node ./scripts/publish-tools.mjs"
   },
   "devDependencies": {
-    "@adobe-commerce/event-bus": "1.1.0-alpha-20260515103751",
-    "@adobe-commerce/fetch-graphql": "1.3.0-alpha-20260515103751",
-    "@adobe-commerce/recaptcha": "1.2.0-alpha-20260515103751",
-    "@adobe-commerce/storefront-design": "1.1.0-alpha-20260515103751",
-    "@dropins/build-tools": "1.2.0-alpha-20260515103751",
+    "@adobe-commerce/event-bus": "~1.1.0-beta.0",
+    "@adobe-commerce/fetch-graphql": "~1.3.0-beta.0",
+    "@adobe-commerce/recaptcha": "1.2.0-beta.0",
+    "@adobe-commerce/storefront-design": "~1.1.0-beta.0",
+    "@dropins/build-tools": "~1.2.0-beta.0",
     "preact": "~10.22.1",
     "vite-plugin-banner": "^0.8.0"
   },
@@ -69,8 +69,8 @@
     "@types/css-modules": "^1.0.2",
     "@types/jest": "^29.5.12",
     "@types/preact-i18n": "^2.3.1",
-    "@typescript-eslint/eslint-plugin": "^8.59.3",
-    "@typescript-eslint/parser": "^8.59.3",
+    "@typescript-eslint/eslint-plugin": "^5.32.0",
+    "@typescript-eslint/parser": "^5.32.0",
     "axe-playwright": "^2.0.1",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.1.3",
@@ -103,11 +103,11 @@
     "rimraf": "^3.0.2",
     "rollup-plugin-visualizer": "^5.12.0",
     "storybook": "^8.2.3",
-    "typescript": "^6.0.3",
+    "typescript": "^4.7.3",
     "vite": "^5.2.10",
     "vite-plugin-banner": "^0.8.0",
     "vite-plugin-css-injected-by-js": "^3.5.1",
-    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-dts": "^3.9.1",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.2",
     "webpack": "^5.93.0",

package/src/components/Accordion/Accordion.stories.tsx

@@ -106,7 +106,7 @@ const meta: Meta<AccordionProps & AccordionSectionProps> = {
 
 export default meta;
 
-type Story = StoryObj<AccordionProps & AccordionSectionProps>;
+type Story = StoryObj<AccordionProps>;
 
 /**
  * ```ts

package/src/components/Accordion/Accordion.tsx

@@ -7,7 +7,7 @@
  * accompanying it. 
  *******************************************************************/
 
-import { ComponentChildren, FunctionComponent, VNode } from 'preact';
+import { FunctionComponent, VNode } from 'preact';
 import { HTMLAttributes, useState, useEffect } from 'preact/compat';
 import { classes } from '@adobe-commerce/elsie/lib';
 import { Divider, Icon, IconNode } from '@adobe-commerce/elsie/components';
@@ -15,11 +15,10 @@ import { Add, Minus } from '@adobe-commerce/elsie/icons';
 import { useText } from '@adobe-commerce/elsie/i18n';
 import '@adobe-commerce/elsie/components/Accordion/Accordion.css';
 export interface AccordionSectionProps
-  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon' | 'title'> {
-  title: ComponentChildren;
+  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {
   defaultOpen?: boolean;
   actionIconPosition?: 'left' | 'right';
-  ariaLabelTitle?: string;
+  ariaLabelTitle: string;
   iconOpen?: IconNode;
   iconClose?: IconNode;
   iconLeft?: IconNode;

package/src/components/ActionButtonGroup/ActionButtonGroup.tsx

@@ -8,10 +8,11 @@
  *******************************************************************/
 
 import { FunctionComponent, VNode, cloneElement } from 'preact';
-import { Children, HTMLAttributes } from 'preact/compat';
+import { HTMLAttributes } from 'preact/compat';
 import { classes } from '@adobe-commerce/elsie/lib';
 import '@adobe-commerce/elsie/components/ActionButtonGroup/ActionButtonGroup.css';
 import { useCallback, useState } from 'preact/hooks';
+import { Children } from 'react';
 import { ActionButtonProps } from '@adobe-commerce/elsie/components/ActionButton';
 
 export interface ActionButtonGroupOption {

package/src/components/Header/Header.stories.tsx

@@ -78,9 +78,7 @@ export default {
   },
 } as Meta<HeaderProps>;
 
-type Story = StoryObj<HeaderProps>;
-
-const Template: Story = {
+const Template: StoryObj<HeaderProps> = {
   render: (args) => (
     <div style={{ maxWidth: '1200px', padding: '40px' }}>
       <Header {...args} />
@@ -88,7 +86,7 @@ const Template: Story = {
   ),
 };
 
-export const MediumSize: Story = {
+export const MediumSize = {
   ...Template,
   parameters: {
     layout: 'fullscreen',
@@ -104,7 +102,7 @@ export const MediumSize: Story = {
     ),
     level: 2,
   },
-  play: async ({ canvasElement }: { canvasElement: HTMLElement }) => {
+  play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
     await expect(canvas.getByText('Print order details')).toBeInTheDocument();
@@ -116,7 +114,7 @@ export const MediumSize: Story = {
   },
 };
 
-export const LargeSize: Story = {
+export const LargeSize = {
   ...Template,
   parameters: {
     layout: 'fullscreen',
@@ -130,7 +128,7 @@ export const LargeSize: Story = {
   },
 };
 
-export const WithoutLine: Story = {
+export const WithoutLine = {
   ...Template,
   parameters: {
     layout: 'fullscreen',
@@ -144,7 +142,7 @@ export const WithoutLine: Story = {
   },
 };
 
-export const WithoutActions: Story = {
+export const WithoutActions = {
   ...Template,
   parameters: {
     layout: 'fullscreen',
@@ -153,13 +151,13 @@ export const WithoutActions: Story = {
     title: 'Order complete',
     size: 'medium',
     divider: false,
-    cta: undefined,
+    cta: null,
     level: 2,
   },
 };
 
 
-export const HeadingLevels: Story = {
+export const HeadingLevels = {
   ...Template,
   parameters: {
     layout: 'fullscreen',

package/src/components/Icon/Icon.stories.helpers.jsx

@@ -12,7 +12,6 @@ import { Icon } from './Icon';
 
 const iconNames = Object.keys(Icons);
 
-/** @type {Record<string, import('preact').VNode | null>} */
 export const IconsList = iconNames.reduce(
   (acc, name) => {
     acc[name] = <Icon key={name} source={Icons[name]} size="24" stroke="1" />;

package/src/components/Incrementer/Incrementer.tsx

@@ -89,58 +89,6 @@ export const Incrementer: FunctionComponent<IncrementerProps> = ({
     setCurrentValue(newValue);
   };
 
-  const decrementButton = (
-    <button
-      type="button"
-      className={classes([
-        'dropin-incrementer__decrease-button',
-        [`dropin-incrementer__decrease-button--disabled`, disabled],
-      ])}
-      onClick={() => handleIncrementer(currentValue - 1)}
-      disabled={disabled || currentValue < minValue + 1}
-      aria-label={
-        (
-          // @ts-expect-error - preact-i18n Text JSX types are incompatible with TS6, but render a localized string at runtime.
-          <Text id="Dropin.Incrementer.decreaseLabel" />
-        ) as unknown as string
-      }
-    >
-      <Icon
-        source={Minus}
-        size="16"
-        stroke="1"
-        viewBox="4 2 20 20"
-        className="dropin-incrementer__down"
-      />
-    </button>
-  );
-
-  const incrementButton = (
-    <button
-      type="button"
-      className={classes([
-        'dropin-incrementer__increase-button',
-        [`dropin-incrementer__increase-button--disabled`, disabled],
-      ])}
-      onClick={() => handleIncrementer(currentValue + 1)}
-      disabled={disabled || currentValue > maxValue - 1}
-      aria-label={
-        (
-          // @ts-expect-error - preact-i18n Text JSX types are incompatible with TS6, but render a localized string at runtime.
-          <Text id="Dropin.Incrementer.increaseLabel" />
-        ) as unknown as string
-      }
-    >
-      <Icon
-        source={Add}
-        size="16"
-        stroke="1"
-        viewBox="4 2 20 20"
-        className="dropin-incrementer__add"
-      />
-    </button>
-  );
-
   return (
     <div
       className={classes([
@@ -167,10 +115,28 @@ export const Incrementer: FunctionComponent<IncrementerProps> = ({
               [`dropin-incrementer__button-container--disabled`, disabled],
             ])}
           >
-            {
-              // @ts-expect-error - preact-i18n Localizer JSX child types are incompatible with TS6, but render correctly at runtime.
-              <Localizer>{decrementButton}</Localizer>
-            }
+            <Localizer>
+              <button
+                type="button"
+                className={classes([
+                  'dropin-incrementer__decrease-button',
+                  [`dropin-incrementer__decrease-button--disabled`, disabled],
+                ])}
+                onClick={() => handleIncrementer(currentValue - 1)}
+                disabled={disabled || currentValue < minValue + 1}
+                aria-label={
+                  (<Text id="Dropin.Incrementer.decreaseLabel" />) as any
+                }
+              >
+                <Icon
+                  source={Minus}
+                  size="16"
+                  stroke="1"
+                  viewBox="4 2 20 20"
+                  className="dropin-incrementer__down"
+                />
+              </button>
+            </Localizer>
           </div>
         )}
 
@@ -204,22 +170,37 @@ export const Incrementer: FunctionComponent<IncrementerProps> = ({
             ])}
           >
             {/* Plus/Add button */}
-            {
-              // @ts-expect-error - preact-i18n Localizer JSX child types are incompatible with TS6, but render correctly at runtime.
-              <Localizer>{incrementButton}</Localizer>
-            }
+            <Localizer>
+              <button
+                type="button"
+                className={classes([
+                  'dropin-incrementer__increase-button',
+                  [`dropin-incrementer__increase-button--disabled`, disabled],
+                ])}
+                onClick={() => handleIncrementer(currentValue + 1)}
+                disabled={disabled || currentValue > maxValue - 1}
+                aria-label={
+                  (<Text id="Dropin.Incrementer.increaseLabel" />) as any
+                }
+              >
+                <Icon
+                  source={Add}
+                  size="16"
+                  stroke="1"
+                  viewBox="4 2 20 20"
+                  className="dropin-incrementer__add"
+                />
+              </button>
+            </Localizer>
           </div>
         )}
       </div>
       {isInvalid && (
         <p className="dropin-incrementer__content--error-message">
-          {
-            // @ts-expect-error - preact-i18n Text JSX types are incompatible with TS6, but render correctly at runtime.
-            <Text
-              id={errorMessage}
-              fields={{ minQuantity: min, maxQuantity: max }}
-            />
-          }
+          <Text
+            id={errorMessage}
+            fields={{ minQuantity: min, maxQuantity: max }}
+          />
         </p>
       )}
     </div>

package/src/components/InputDate/InputDate.tsx

@@ -7,14 +7,16 @@
  * accompanying it. 
  *******************************************************************/
 
+import { FunctionComponent } from 'preact';
+import { useRef, useState } from 'preact/hooks';
+import { classes, isIOSMobileDevice } from '@adobe-commerce/elsie/lib';
+import { JSX } from 'preact/compat';
 import { Field, Icon, Input, InputProps } from '@adobe-commerce/elsie/components';
-import { useText } from '@adobe-commerce/elsie/i18n';
 import { Date } from '@adobe-commerce/elsie/icons';
-import { classes, isIOSMobileDevice } from '@adobe-commerce/elsie/lib';
-import { FunctionComponent, JSX } from 'preact';
-import { useCallback, useRef, useState } from 'preact/hooks';
+import { useText } from '@adobe-commerce/elsie/i18n';
 
 import '@adobe-commerce/elsie/components/InputDate/InputDate.css';
+import { useCallback } from 'react';
 
 export interface InputDateProps extends Omit<InputProps, 'error' | 'value'> {
   label?: string;
@@ -38,43 +40,42 @@ export const InputDate: FunctionComponent<InputDateProps> = ({
     picker: 'Dropin.InputDate.picker',
   });
 
-  const handleOnFocus = useCallback(
-    (event: JSX.TargetedFocusEvent<HTMLInputElement>) => {
+  const handleOnFocus: JSX.MouseEventHandler<HTMLInputElement> = useCallback(
+    (event) => {
       event.currentTarget.setAttribute('type', 'date');
 
-      if (!isIOSMobileDevice() || !iosInputRef.current) return;
+      if (!isIOSMobileDevice()) return;
 
       iosInputRef.current.focus();
     },
     []
   );
 
-  const handleOnClick = useCallback(
-    (event: JSX.TargetedMouseEvent<HTMLButtonElement>) => {
-      const input = event.currentTarget.parentElement?.querySelector(
-        'input'
-      ) as HTMLInputElement | null;
+  const handleOnClick: JSX.MouseEventHandler<HTMLButtonElement> = useCallback(
+    (event) => {
+      const input = event.currentTarget.parentElement?.querySelector('input');
       input?.focus();
-      input?.showPicker?.();
+      input?.showPicker();
     },
     []
   );
 
-  const handleOnBlur = useCallback(
-    (event: JSX.TargetedFocusEvent<HTMLInputElement>) => {
+  const handleOnBlur: JSX.MouseEventHandler<HTMLInputElement> = useCallback(
+    (event) => {
       event.currentTarget.setAttribute('type', 'text');
       onBlur?.(event);
     },
     [onBlur]
   );
 
-  const handleInputChange = useCallback(
-    (event: JSX.TargetedEvent<HTMLInputElement, Event>) => {
-      setInternalValue(event.currentTarget.value);
-      onChange?.(event);
-    },
-    [onChange]
-  );
+  const handleInputChange: JSX.MouseEventHandler<HTMLInputElement> =
+    useCallback(
+      (event) => {
+        setInternalValue(event.target.value);
+        onChange?.(event);
+      },
+      [onChange]
+    );
 
   return (
     <div className={classes(['dropin-input-date'])}>

package/src/components/InputPassword/InputPassword.tsx

@@ -116,7 +116,7 @@ export const InputPassword: FunctionComponent<InputPasswordProps> = ({
         onClick={toggleShowPassword}
       >
         <Icon
-          focusable={'false'}
+          focusable={false}
           aria-hidden={showPassword}
           source={!showPassword ? EyeClose : Eye}
         />

package/src/components/Modal/Modal.stories.tsx

@@ -45,7 +45,7 @@ const meta: Meta<ModalProps> = {
     },
     onClose: {
       description: 'On close modal callback',
-      control: false,
+      control: { type: 'null' },
       defaultValue: { summary: 'null' },
     },
     backgroundDim: {

package/src/components/Picker/Picker.stories.tsx

@@ -61,11 +61,10 @@ const meta: Meta<PickerProps> = {
     },
     defaultOption: {
       description: 'Default available option from the options array',
-      control: { type: 'object' },
-      table: {
-        type: {
-          summary: 'object',
-        },
+      type: {
+        required: false,
+        /* @ts-ignore */
+        name: 'object',
       },
     },
     error: {

package/src/components/ProgressSpinner/ProgressSpinner.stories.tsx

@@ -20,16 +20,12 @@ import { ActionButton, Button, Card, Icon, RadioButton, ImageSwatch } from '..';
 /**
  * Use Progress Spinners to display ongoing activity or loading status.
  */
-interface StoryProps extends ProgressSpinnerProps {
-  active?: boolean;
-}
-
-const meta: Meta<StoryProps> = {
+const meta: Meta<ProgressSpinnerProps> = {
   title: 'Components/ProgressSpinner',
   component,
   argTypes: {
     size: {
-      control: { type: 'select' },
+      type: 'select',
       table: {
         defaultValue: {
           summary: 'small',
@@ -39,7 +35,7 @@ const meta: Meta<StoryProps> = {
       description: 'Size of the spinner',
     },
     stroke: {
-      control: { type: 'select' },
+      type: 'select',
       table: {
         defaultValue: {
           summary: '4',
@@ -49,7 +45,7 @@ const meta: Meta<StoryProps> = {
       description: 'Stroke of the spinner',
     },
     active: {
-      control: { type: 'boolean' },
+      type: 'boolean',
       table: {
         defaultValue: {
           summary: 'true',
@@ -76,7 +72,7 @@ const meta: Meta<StoryProps> = {
 
 export default meta;
 
-type Story = StoryObj<StoryProps>;
+type Story = StoryObj<ProgressSpinnerProps>;
 
 /**
  * ```ts

package/src/components/Tag/Tag.stories.tsx

@@ -43,11 +43,7 @@ export default {
   },
 } as Meta<any>; // Using "any" as a workaround to accommodate the string type for the children prop
 
-type StoryArgs = Omit<TagProps, 'children'> & {
-  children?: string;
-};
-
-const Template: StoryObj<StoryArgs> = {
+const Template: StoryObj<TagProps> = {
   render: (args) => (
     <Tag {...args}>
       {/* This workaround allows children to be edited as plain text in Storybook */}
@@ -59,7 +55,7 @@ const Template: StoryObj<StoryArgs> = {
   ),
 };
 
-type Story = StoryObj<StoryArgs>;
+type Story = StoryObj<TagProps>;
 
 export const Default: Story = {
   ...Template,
@@ -75,7 +71,7 @@ export const Default: Story = {
   },
 };
 
-export const WithUppercase: Story = {
+export const WithUppercase = {
   ...Template,
   args: { label: 'SHIPPING' },
   play: async () => {
@@ -89,7 +85,7 @@ export const WithUppercase: Story = {
   },
 };
 
-export const WithChildren: Story = {
+export const WithChildren = {
   ...Template,
   args: {
     label: '',

package/src/components/TextArea/TextArea.stories.tsx

@@ -9,7 +9,6 @@
 
 // https://storybook.js.org/docs/7.0/preact/writing-stories/introduction
 import type { Meta, StoryObj } from '@storybook/preact';
-import { JSX } from 'preact';
 import { TextArea, TextAreaProps } from '@adobe-commerce/elsie/components/TextArea';
 import { expect, userEvent, within } from '@storybook/test';
 import { useState, useCallback } from 'preact/hooks';
@@ -72,24 +71,19 @@ export default {
   },
 } as Meta<TextAreaProps>;
 
-type Story = StoryObj<TextAreaProps>;
-
-const Template: Story = {
+const Template: StoryObj<TextAreaProps> = {
   render: (args) => {
     const [value, setValue] = useState(args.value);
 
-    const setTextAreaValue = useCallback(
-      (event: JSX.TargetedEvent<HTMLTextAreaElement, Event>) => {
-        setValue(event.currentTarget.value);
-      },
-      []
-    );
+    const setTextAreaValue = useCallback((event) => {
+      setValue(event.target.value);
+    }, []);
 
     return <TextArea {...args} value={value} onChange={setTextAreaValue} />;
   },
 };
 
-export const DefaultWithValue: Story = {
+export const DefaultWithValue = {
   ...Template,
   parameters: {
     layout: 'centered',
@@ -104,9 +98,9 @@ export const DefaultWithValue: Story = {
     name: 'message',
     value: 'Initial',
   },
-  play: async ({ canvasElement }: { canvasElement: HTMLElement }) => {
+  play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
-    const inputField = document.querySelector('textarea') as HTMLTextAreaElement;
+    const inputField = document.querySelector('textarea') as HTMLElement;
     await userEvent.type(inputField, ' Storybook Test Text! input max length');
     await expect(
       await canvas.findByDisplayValue(
@@ -118,7 +112,7 @@ export const DefaultWithValue: Story = {
   },
 };
 
-export const WithError: Story = {
+export const WithError = {
   ...Template,
   parameters: {
     layout: 'centered',

package/src/components/UIProvider/UIProvider.tsx

@@ -48,14 +48,12 @@ export const UIProvider: FunctionComponent<UIProviderProps> = ({
   }, [lang, langDefinitions]);
 
   const locale = lang.replace('_', '-');
-  const providerChildren = <>{children}</>;
 
   return (
     <UIContext.Provider value={{ locale }}>
-      {
-        // @ts-expect-error - preact-i18n IntlProvider JSX types are incompatible with TS6, but render correctly at runtime.
-        <IntlProvider definition={definitions}>{providerChildren}</IntlProvider>
-      }
+      <IntlProvider definition={definitions}>
+        <>{children}</>
+      </IntlProvider>
     </UIContext.Provider>
   );
 };

package/types/icons.d.ts

@@ -16,13 +16,3 @@ declare module '*.svg' {
 
   export default ReactComponent;
 }
-
-declare module '*.png' {
-  const src: string;
-  export default src;
-}
-
-declare module '*.jpg' {
-  const src: string;
-  export default src;
-}

package/bin/builders/tsc/index.js

@@ -1,40 +0,0 @@
-/********************************************************************
- *  Copyright 2025 Adobe
- *  All Rights Reserved.
- *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
- *******************************************************************/
-
-const path = require('path');
-const cli = require('../../lib/cli');
-const logMessage = require('../../lib/log-message');
-const validateTsconfig = require('./validate-tsconfig');
-
-module.exports = async function tscBuilder({ argv } = {}) {
-  const configPath =
-    argv?.config
-      ? path.resolve(process.cwd(), argv.config)
-      : path.resolve(process.cwd(), 'tsconfig.json');
-
-  const { errors, warnings } = validateTsconfig(configPath);
-
-  warnings.forEach((msg) => console.warn(logMessage(msg, 'warning')));
-
-  if (errors.length > 0) {
-    errors.forEach((msg) => console.error(logMessage(msg, 'error')));
-    process.exit(1);
-    return;
-  }
-
-  const tscBin = path.resolve(process.cwd(), 'node_modules/.bin/tsc');
-  return cli(`${tscBin} --noEmit --project ${configPath}`);
-};
-
-module.exports.builder = (yargs) =>
-  yargs.option('config', {
-    alias: 'c',
-    describe: 'Path to tsconfig.json',
-    type: 'string',
-  });

package/bin/builders/tsc/validate-tsconfig.js

@@ -1,87 +0,0 @@
-/********************************************************************
- *  Copyright 2025 Adobe
- *  All Rights Reserved.
- *
- * NOTICE:  Adobe permits you to use, modify, and distribute this 
- * file in accordance with the terms of the Adobe license agreement 
- * accompanying it. 
- *******************************************************************/
-
-const fs = require('fs');
-const stripJsonComments = require('strip-json-comments');
-
-/**
- * Settings removed in TypeScript 6 — produce an error and block tsc from running.
- * Key: compilerOption name, Value: array of invalid values (lowercase).
- */
-const REMOVED_IN_TS6 = {
-  moduleResolution: ['node'],
-  target: ['es3', 'es5'],
-};
-
-/**
- * Settings deprecated in TypeScript 6 — produce a warning but still run tsc.
- * Only reported when `ignoreDeprecations` is not set.
- */
-const DEPRECATED_IN_TS6 = [
-  'baseUrl',
-  'importsNotUsedAsValues',
-  'preserveValueImports',
-  'noImplicitUseStrict',
-  'suppressImplicitAnyIndexErrors',
-  'suppressExcessPropertyErrors',
-  'noStrictGenericChecks',
-];
-
-/**
- * Validates a tsconfig.json for TypeScript 6 compatibility.
- *
- * @param {string} configPath - Absolute path to the tsconfig.json file
- * @returns {{ errors: string[], warnings: string[] }}
- */
-module.exports = function validateTsconfig(configPath) {
-  const errors = [];
-  const warnings = [];
-
-  if (!fs.existsSync(configPath)) {
-    errors.push(`tsconfig not found at: ${configPath}`);
-    return { errors, warnings };
-  }
-
-  let tsconfig;
-  try {
-    const raw = fs.readFileSync(configPath, 'utf-8');
-    tsconfig = JSON.parse(stripJsonComments(raw));
-  } catch {
-    errors.push(`Failed to parse tsconfig at: ${configPath}`);
-    return { errors, warnings };
-  }
-
-  const compilerOptions = tsconfig.compilerOptions ?? {};
-  const ignoreDeprecations = compilerOptions.ignoreDeprecations;
-
-  // Check removed options
-  for (const [key, removedValues] of Object.entries(REMOVED_IN_TS6)) {
-    const value = compilerOptions[key];
-    if (value !== undefined && removedValues.includes(value.toLowerCase())) {
-      errors.push(
-        `compilerOptions.${key}: "${value}" was removed in TypeScript 6. ` +
-          `Use ${key === 'moduleResolution' ? '"nodenext" or "bundler"' : '"es2015" or later'} instead.`
-      );
-    }
-  }
-
-  // Check deprecated options (skipped if consumer already opted in)
-  if (!ignoreDeprecations) {
-    for (const key of DEPRECATED_IN_TS6) {
-      if (compilerOptions[key] !== undefined) {
-        warnings.push(
-          `compilerOptions.${key} is deprecated in TypeScript 6 and will be removed in TS7. ` +
-            `Add "ignoreDeprecations": "6.0" to silence, or migrate away from this option.`
-        );
-      }
-    }
-  }
-
-  return { errors, warnings };
-};

package/types/react.d.ts

@@ -1,4 +0,0 @@
-declare module 'react';
-declare module 'react/jsx-runtime';
-declare module 'react/jsx-dev-runtime';
-declare module 'prettier';