From dfaf9db97a35b5043f14179db6aa130dc94e9374 Mon Sep 17 00:00:00 2001
From: Shaneeza <shaneeza.ali@mongodb.com>
Date: Wed, 10 Sep 2025 17:04:08 -0400
Subject: [PATCH 1/7] feat(time-input): add Time Input component with styles,
 WIP

---
 packages/time-input/README.md                 |  26 ++++
 packages/time-input/package.json              |  54 +++++++
 packages/time-input/src/TimeInput.stories.tsx |  19 +++
 .../src/TimeInput/TimeInput.spec.tsx          |  11 ++
 .../src/TimeInput/TimeInput.styles.ts         |  48 ++++++
 .../time-input/src/TimeInput/TimeInput.tsx    |  24 +++
 .../src/TimeInput/TimeInput.types.ts          |  66 ++++++++
 packages/time-input/src/TimeInput/index.ts    |   3 +
 .../TimeInputContent.spec.tsx                 |  11 ++
 .../TimeInputContent.styles.ts                |  48 ++++++
 .../src/TimeInputContent/TimeInputContent.tsx |  96 ++++++++++++
 .../TimeInputContent.types.ts                 |   5 +
 .../time-input/src/TimeInputContent/index.ts  |   3 +
 .../TimeInputInput/TimeInputInput.spec.tsx    |   8 +
 .../TimeInputInput/TimeInputInput.styles.ts   | 142 ++++++++++++++++++
 .../src/TimeInputInput/TimeInputInput.tsx     |  36 +++++
 .../TimeInputInput/TimeInputInput.types.ts    |   3 +
 .../time-input/src/TimeInputInput/index.ts    |   2 +
 .../TimeInputSelect/TimeInputSelect.spec.tsx  |   8 +
 .../TimeInputSelect/TimeInputSelect.styles.ts |  35 +++++
 .../src/TimeInputSelect/TimeInputSelect.tsx   |  79 ++++++++++
 .../TimeInputSelect/TimeInputSelect.types.ts  |  28 ++++
 .../time-input/src/TimeInputSelect/index.ts   |   2 +
 packages/time-input/src/index.ts              |   1 +
 packages/time-input/src/shared/constants.ts   |   4 +
 .../src/testing/getTestUtils.spec.tsx         |   8 +
 .../time-input/src/testing/getTestUtils.tsx   |  15 ++
 .../src/testing/getTestUtils.types.ts         |   1 +
 packages/time-input/src/testing/index.ts      |   2 +
 packages/time-input/src/utils/getLgIds.ts     |  12 ++
 packages/time-input/tsconfig.json             |  55 +++++++
 31 files changed, 855 insertions(+)
 create mode 100644 packages/time-input/README.md
 create mode 100644 packages/time-input/package.json
 create mode 100644 packages/time-input/src/TimeInput.stories.tsx
 create mode 100644 packages/time-input/src/TimeInput/TimeInput.spec.tsx
 create mode 100644 packages/time-input/src/TimeInput/TimeInput.styles.ts
 create mode 100644 packages/time-input/src/TimeInput/TimeInput.tsx
 create mode 100644 packages/time-input/src/TimeInput/TimeInput.types.ts
 create mode 100644 packages/time-input/src/TimeInput/index.ts
 create mode 100644 packages/time-input/src/TimeInputContent/TimeInputContent.spec.tsx
 create mode 100644 packages/time-input/src/TimeInputContent/TimeInputContent.styles.ts
 create mode 100644 packages/time-input/src/TimeInputContent/TimeInputContent.tsx
 create mode 100644 packages/time-input/src/TimeInputContent/TimeInputContent.types.ts
 create mode 100644 packages/time-input/src/TimeInputContent/index.ts
 create mode 100644 packages/time-input/src/TimeInputInput/TimeInputInput.spec.tsx
 create mode 100644 packages/time-input/src/TimeInputInput/TimeInputInput.styles.ts
 create mode 100644 packages/time-input/src/TimeInputInput/TimeInputInput.tsx
 create mode 100644 packages/time-input/src/TimeInputInput/TimeInputInput.types.ts
 create mode 100644 packages/time-input/src/TimeInputInput/index.ts
 create mode 100644 packages/time-input/src/TimeInputSelect/TimeInputSelect.spec.tsx
 create mode 100644 packages/time-input/src/TimeInputSelect/TimeInputSelect.styles.ts
 create mode 100644 packages/time-input/src/TimeInputSelect/TimeInputSelect.tsx
 create mode 100644 packages/time-input/src/TimeInputSelect/TimeInputSelect.types.ts
 create mode 100644 packages/time-input/src/TimeInputSelect/index.ts
 create mode 100644 packages/time-input/src/index.ts
 create mode 100644 packages/time-input/src/shared/constants.ts
 create mode 100644 packages/time-input/src/testing/getTestUtils.spec.tsx
 create mode 100644 packages/time-input/src/testing/getTestUtils.tsx
 create mode 100644 packages/time-input/src/testing/getTestUtils.types.ts
 create mode 100644 packages/time-input/src/testing/index.ts
 create mode 100644 packages/time-input/src/utils/getLgIds.ts
 create mode 100644 packages/time-input/tsconfig.json

diff --git a/packages/time-input/README.md b/packages/time-input/README.md
new file mode 100644
index 0000000000..f3946f2b0a
--- /dev/null
+++ b/packages/time-input/README.md
@@ -0,0 +1,26 @@
+
+# Time Input
+
+![npm (scoped)](https://img.shields.io/npm/v/@leafygreen-ui/time-input.svg)
+#### [View on MongoDB.design](https://www.mongodb.design/component/time-input/live-example/)
+
+## Installation
+
+### PNPM
+
+```shell
+pnpm add @leafygreen-ui/time-input
+```
+
+### Yarn
+
+```shell
+yarn add @leafygreen-ui/time-input
+```
+
+### NPM
+
+```shell
+npm install @leafygreen-ui/time-input
+```
+
diff --git a/packages/time-input/package.json b/packages/time-input/package.json
new file mode 100644
index 0000000000..9a40d10bb9
--- /dev/null
+++ b/packages/time-input/package.json
@@ -0,0 +1,54 @@
+  
+{
+  "name": "@leafygreen-ui/time-input",
+  "version": "0.1.0",
+  "description": "LeafyGreen UI Kit Time Input",
+  "main": "./dist/umd/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
+  "license": "Apache-2.0",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "types@<=5.0": "./dist/types/ts4.9/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/umd/index.js"
+    },
+    "./testing": {
+      "types": "./dist/types/testing/index.d.ts",
+      "import": "./dist/esm/testing/index.js",
+      "require": "./dist/umd/testing/index.js"
+    }
+  },
+  "scripts": {
+    "build": "lg-build bundle",
+    "tsc": "lg-build tsc",
+    "docs": "lg-build docs"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@leafygreen-ui/date-utils": "workspace:^",
+    "@leafygreen-ui/emotion": "workspace:^",
+    "@leafygreen-ui/form-field": "workspace:^",
+    "@leafygreen-ui/hooks": "workspace:^",
+    "@leafygreen-ui/lib": "workspace:^",
+    "@leafygreen-ui/palette": "workspace:^",
+    "@leafygreen-ui/select": "workspace:^",
+    "@lg-tools/test-harnesses": "workspace:^",
+    "@leafygreen-ui/tokens": "workspace:^",
+    "@leafygreen-ui/typography": "workspace:^"
+  },
+  "peerDependencies": {
+    "@leafygreen-ui/leafygreen-provider": "workspace:^"
+  },
+  "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/time-input",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mongodb/leafygreen-ui"
+  },
+  "bugs": {
+    "url": "https://jira.mongodb.org/projects/LG/summary"
+  }
+}
diff --git a/packages/time-input/src/TimeInput.stories.tsx b/packages/time-input/src/TimeInput.stories.tsx
new file mode 100644
index 0000000000..319954d615
--- /dev/null
+++ b/packages/time-input/src/TimeInput.stories.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import { StoryFn } from '@storybook/react';
+import { type StoryMetaType } from '@lg-tools/storybook-utils';
+
+import { TimeInput } from '.';
+
+const meta: StoryMetaType<typeof TimeInput> = {
+  title: 'Components/Inputs/TimeInput',
+  component: TimeInput,
+  parameters: {
+    default: 'LiveExample',
+  },
+};
+
+export default meta;
+
+const Template: StoryFn<typeof TimeInput> = props => <TimeInput {...props} />;
+
+export const LiveExample = Template.bind({});
diff --git a/packages/time-input/src/TimeInput/TimeInput.spec.tsx b/packages/time-input/src/TimeInput/TimeInput.spec.tsx
new file mode 100644
index 0000000000..815cf3dce9
--- /dev/null
+++ b/packages/time-input/src/TimeInput/TimeInput.spec.tsx
@@ -0,0 +1,11 @@
+
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import { TimeInput } from '.';
+
+describe('packages/time-input', () => {
+  test('condition', () => {
+
+  })
+})
diff --git a/packages/time-input/src/TimeInput/TimeInput.styles.ts b/packages/time-input/src/TimeInput/TimeInput.styles.ts
new file mode 100644
index 0000000000..47245842e8
--- /dev/null
+++ b/packages/time-input/src/TimeInput/TimeInput.styles.ts
@@ -0,0 +1,48 @@
+import { css } from '@leafygreen-ui/emotion';
+import { Theme } from '@leafygreen-ui/lib';
+import { color, spacing } from '@leafygreen-ui/tokens';
+
+import { Size } from './TimeInput.types';
+
+export const labelDescriptionStyles = css`
+  margin-bottom: ${spacing[1]}px;
+  display: flex;
+  flex-direction: column;
+`;
+
+export const wrapperBaseStyles = css`
+  display: flex;
+  position: relative;
+  z-index: 0; // Establish new stacking context
+`;
+
+export const wrapperSizeStyles: Record<Size, string> = {
+  [Size.XSmall]: css`
+    height: 22px;
+  `,
+  [Size.Small]: css`
+    height: 28px;
+  `,
+  [Size.Default]: css`
+    height: 36px;
+  `,
+  [Size.Large]: css`
+    height: 48px;
+  `,
+};
+
+export const wrapperGapStyles = css`
+  gap: 12px;
+`;
+
+export const unitBaseStyles = css`
+  align-self: center;
+`;
+
+export const getUnitThemeStyles = (theme: Theme) => css`
+  color: ${color[theme].text.secondary.default};
+`;
+
+export const getUnitDisabledStyles = (theme: Theme) => css`
+  color: ${color[theme].text.disabled.default};
+`;
diff --git a/packages/time-input/src/TimeInput/TimeInput.tsx b/packages/time-input/src/TimeInput/TimeInput.tsx
new file mode 100644
index 0000000000..a240cb0e43
--- /dev/null
+++ b/packages/time-input/src/TimeInput/TimeInput.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { TimeInputProps } from './TimeInput.types';
+import LeafyGreenProvider, {
+  useDarkMode,
+} from '@leafygreen-ui/leafygreen-provider';
+
+import { TimeInputContent } from '../TimeInputContent';
+
+export function TimeInput({
+  darkMode: darkModeProp,
+
+  ...props
+}: TimeInputProps) {
+  const { darkMode } = useDarkMode(darkModeProp);
+
+  return (
+    <LeafyGreenProvider darkMode={darkMode}>
+      {/* TODO: Add TimeInputProvider*/}
+      <TimeInputContent {...props} />
+    </LeafyGreenProvider>
+  );
+}
+
+TimeInput.displayName = 'TimeInput';
diff --git a/packages/time-input/src/TimeInput/TimeInput.types.ts b/packages/time-input/src/TimeInput/TimeInput.types.ts
new file mode 100644
index 0000000000..ec3e69ae24
--- /dev/null
+++ b/packages/time-input/src/TimeInput/TimeInput.types.ts
@@ -0,0 +1,66 @@
+import omit from 'lodash/omit';
+
+import { FormFieldState } from '@leafygreen-ui/form-field';
+import { DarkModeProps } from '@leafygreen-ui/lib';
+
+export const Size = {
+  XSmall: 'xsmall',
+  Small: 'small',
+  Default: 'default',
+  Large: 'large',
+} as const;
+
+export type Size = (typeof Size)[keyof typeof Size];
+
+export const TimeInputState = omit(FormFieldState, 'Valid');
+export type TimeInputState =
+  (typeof TimeInputState)[keyof typeof TimeInputState];
+
+export interface BaseTimeInputProps extends DarkModeProps {
+  /**
+   * The current state of the input.
+   *
+   * @default 'none'
+   */
+  state?: TimeInputState;
+
+  /**
+   * The current value of the input. If a value is passed to this prop, component will be controlled by consumer.
+   */
+  value?: string;
+
+  /**
+   * Callback fired when the input value changes
+   */
+  onTimeChange?: (value: string) => void;
+
+  /**
+   * id associated with the PasswordInput component, referenced by `<label>` with the `for` attribute.
+   */
+  id?: string;
+
+  /**
+   * Text shown in bold above the input element.
+   *
+   * Optional if `aria-labelledby` is provided
+   */
+  label?: React.ReactNode;
+
+  /**
+   * Text that gives more detail about the requirements for the input.
+   */
+  description?: string;
+
+  /**
+   * Determines the font size and padding.
+   *
+   * @default 'default'
+   */
+  size?: Size;
+
+  disabled?: boolean;
+
+  className?: string;
+}
+
+export interface TimeInputProps extends BaseTimeInputProps {}
diff --git a/packages/time-input/src/TimeInput/index.ts b/packages/time-input/src/TimeInput/index.ts
new file mode 100644
index 0000000000..d65a093a61
--- /dev/null
+++ b/packages/time-input/src/TimeInput/index.ts
@@ -0,0 +1,3 @@
+
+export  { TimeInput } from './TimeInput';
+export { type TimeInputProps } from './TimeInput.types';
diff --git a/packages/time-input/src/TimeInputContent/TimeInputContent.spec.tsx b/packages/time-input/src/TimeInputContent/TimeInputContent.spec.tsx
new file mode 100644
index 0000000000..e5616ae30c
--- /dev/null
+++ b/packages/time-input/src/TimeInputContent/TimeInputContent.spec.tsx
@@ -0,0 +1,11 @@
+
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import { TimeInputContent } from '.';
+
+describe('packages/time-input-content', () => {
+  test('condition', () => {
+
+  })
+})
diff --git a/packages/time-input/src/TimeInputContent/TimeInputContent.styles.ts b/packages/time-input/src/TimeInputContent/TimeInputContent.styles.ts
new file mode 100644
index 0000000000..82ab5dbda4
--- /dev/null
+++ b/packages/time-input/src/TimeInputContent/TimeInputContent.styles.ts
@@ -0,0 +1,48 @@
+import { css } from '@leafygreen-ui/emotion';
+import { Theme } from '@leafygreen-ui/lib';
+import { color, spacing } from '@leafygreen-ui/tokens';
+
+import { Size } from '../TimeInput/TimeInput.types';
+
+export const labelDescriptionStyles = css`
+  margin-bottom: ${spacing[1]}px;
+  display: flex;
+  flex-direction: column;
+`;
+
+export const wrapperBaseStyles = css`
+  display: flex;
+  position: relative;
+  z-index: 0; // Establish new stacking context
+`;
+
+export const wrapperSizeStyles: Record<Size, string> = {
+  [Size.XSmall]: css`
+    height: 22px;
+  `,
+  [Size.Small]: css`
+    height: 28px;
+  `,
+  [Size.Default]: css`
+    height: 36px;
+  `,
+  [Size.Large]: css`
+    height: 48px;
+  `,
+};
+
+export const wrapperGapStyles = css`
+  gap: 12px;
+`;
+
+export const unitBaseStyles = css`
+  align-self: center;
+`;
+
+export const getUnitThemeStyles = (theme: Theme) => css`
+  color: ${color[theme].text.secondary.default};
+`;
+
+export const getUnitDisabledStyles = (theme: Theme) => css`
+  color: ${color[theme].text.disabled.default};
+`;
diff --git a/packages/time-input/src/TimeInputContent/TimeInputContent.tsx b/packages/time-input/src/TimeInputContent/TimeInputContent.tsx
new file mode 100644
index 0000000000..3d7d4705db
--- /dev/null
+++ b/packages/time-input/src/TimeInputContent/TimeInputContent.tsx
@@ -0,0 +1,96 @@
+import React, { useState } from 'react';
+import { TimeInputContentProps } from './TimeInputContent.types';
+import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';
+import { useIdAllocator } from '@leafygreen-ui/hooks';
+import { Description, Label, Overline } from '@leafygreen-ui/typography';
+import { cx } from '@leafygreen-ui/emotion';
+import { Size } from '../TimeInput/TimeInput.types';
+import {
+  labelDescriptionStyles,
+  wrapperBaseStyles,
+  wrapperSizeStyles,
+  wrapperGapStyles,
+  unitBaseStyles,
+  getUnitThemeStyles,
+  getUnitDisabledStyles,
+} from './TimeInputContent.styles';
+import { UnitOption } from '../TimeInputSelect/TimeInputSelect.types';
+import { TimeInputSelect } from '../TimeInputSelect';
+import { TimeInputInput } from '../TimeInputInput';
+import { unitOptions } from '../shared/constants';
+
+export function TimeInputContent({
+  label,
+  description,
+  className,
+  disabled,
+  size = Size.Default,
+  id: idProp,
+  ...props
+}: TimeInputContentProps) {
+  const { darkMode, theme } = useDarkMode();
+  const [selectUnit, setSelectUnit] = useState<UnitOption>(unitOptions[0]);
+
+  const renderUnitOnly = false;
+  const renderSelectOnly = true;
+
+  const prefix = 'lg-time-input';
+  const inputId = useIdAllocator({ prefix, id: idProp });
+  // const feedbackId = useIdAllocator({ prefix, id: ariaDescribedbyProp });
+  const descriptionId = useIdAllocator({ prefix });
+  const selectId = useIdAllocator({ prefix });
+
+  const unit = '24 hours';
+
+  const handleSelectChange = (unit: UnitOption) => {
+    console.log(unit);
+    setSelectUnit(unit);
+  };
+
+  return (
+    <div className={className}>
+      {(label || description) && (
+        <div className={labelDescriptionStyles}>
+          {label && (
+            <Label htmlFor={inputId} disabled={disabled}>
+              {label}
+            </Label>
+          )}
+          {description && (
+            <Description id={descriptionId} disabled={disabled}>
+              {description}
+            </Description>
+          )}
+        </div>
+      )}
+      <div
+        className={cx(wrapperBaseStyles, wrapperSizeStyles[size], {
+          [wrapperGapStyles]: renderUnitOnly,
+        })}
+      >
+        <TimeInputInput />
+        {renderUnitOnly && (
+          <Overline
+            className={cx(unitBaseStyles, getUnitThemeStyles(theme), {
+              [getUnitDisabledStyles(theme)]: disabled,
+            })}
+          >
+            {unit}
+          </Overline>
+        )}
+        {renderSelectOnly && (
+          <TimeInputSelect
+            id={selectId}
+            unit={selectUnit.displayName}
+            onChange={unit => {
+              handleSelectChange(unit);
+            }}
+          />
+        )}
+      </div>
+      {/* <FormFieldFeedback {...formFieldFeedbackProps} /> */}
+    </div>
+  );
+}
+
+TimeInputContent.displayName = 'TimeInputContent';
diff --git a/packages/time-input/src/TimeInputContent/TimeInputContent.types.ts b/packages/time-input/src/TimeInputContent/TimeInputContent.types.ts
new file mode 100644
index 0000000000..68a6c0dba1
--- /dev/null
+++ b/packages/time-input/src/TimeInputContent/TimeInputContent.types.ts
@@ -0,0 +1,5 @@
+// export interface TimeInputContentProps {}
+
+import { TimeInputProps } from '../TimeInput/TimeInput.types';
+
+export type TimeInputContentProps = TimeInputProps;
diff --git a/packages/time-input/src/TimeInputContent/index.ts b/packages/time-input/src/TimeInputContent/index.ts
new file mode 100644
index 0000000000..08bfef7f21
--- /dev/null
+++ b/packages/time-input/src/TimeInputContent/index.ts
@@ -0,0 +1,3 @@
+
+export  { TimeInputContent } from './TimeInputContent';
+export { type TimeInputContentProps } from './TimeInputContent.types';
diff --git a/packages/time-input/src/TimeInputInput/TimeInputInput.spec.tsx b/packages/time-input/src/TimeInputInput/TimeInputInput.spec.tsx
new file mode 100644
index 0000000000..7f093a72bc
--- /dev/null
+++ b/packages/time-input/src/TimeInputInput/TimeInputInput.spec.tsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import { TimeInputInput } from '.';
+
+describe('packages/time-input-input', () => {
+  test('condition', () => {});
+});
diff --git a/packages/time-input/src/TimeInputInput/TimeInputInput.styles.ts b/packages/time-input/src/TimeInputInput/TimeInputInput.styles.ts
new file mode 100644
index 0000000000..46c562a536
--- /dev/null
+++ b/packages/time-input/src/TimeInputInput/TimeInputInput.styles.ts
@@ -0,0 +1,142 @@
+import { css, cx } from '@leafygreen-ui/emotion';
+import { createUniqueClassName, Theme } from '@leafygreen-ui/lib';
+import {
+  color,
+  focusRing,
+  hoverRing,
+  spacing,
+  transitionDuration,
+} from '@leafygreen-ui/tokens';
+import { palette } from '@leafygreen-ui/palette';
+import { Size, TimeInputState } from '../TimeInput/TimeInput.types';
+
+export const wrapperClassName = createUniqueClassName('number-input-wrapper');
+
+export const wrapperBaseStyles = css`
+  position: relative;
+  border: 1px solid;
+  border-radius: 6px;
+  transition: ${transitionDuration.default}ms ease-in-out;
+  transition-property: border-color, box-shadow;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  flex-grow: 1;
+  flex-shrink: 0;
+  z-index: 1;
+
+  min-width: 100px;
+`;
+
+export const selectBaseStyles = css`
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+`;
+
+export const wrapperThemeStyles: Record<Theme, string> = {
+  [Theme.Light]: css`
+    background-color: ${color.light.background.primary.default};
+    color: ${color.light.text.primary.default};
+
+    &:focus-within {
+      box-shadow: ${focusRing.light.input};
+      border-color: ${color.light.border.primary.focus};
+    }
+  `,
+  [Theme.Dark]: css`
+    background-color: ${palette.gray.dark4};
+    color: ${color.dark.text.primary.default};
+
+    &:focus-within {
+      box-shadow: ${focusRing.dark.input};
+      border-color: ${color.dark.border.primary.focus};
+    }
+  `,
+};
+
+export const getWrapperStateStyles = (theme: Theme) => ({
+  [TimeInputState.Error]: css`
+    border-color: ${color[theme].border.error.default};
+  `,
+  [TimeInputState.None]: css`
+    border-color: ${color[theme].border.primary.default};
+  `,
+});
+
+export const getWrapperHoverStyles = (theme: Theme) => ({
+  [TimeInputState.Error]: css`
+    border-color: ${color[theme].border.error.default};
+
+    &:hover,
+    &:active {
+      &:not(:focus-within) {
+        box-shadow: ${hoverRing[theme].red};
+      }
+    }
+  `,
+  [TimeInputState.None]: css`
+    border-color: ${color[theme].border.primary.default};
+
+    &:hover,
+    &:active {
+      &:not(:focus-within) {
+        box-shadow: ${hoverRing[theme].gray};
+      }
+    }
+  `,
+});
+
+export const getWrapperDisabledStyles = (theme: Theme) => css`
+  background-color: ${color[theme].background.disabled.default};
+  border-color: ${color[theme].border.disabled.default};
+  color: ${color[theme].text.disabled.default};
+`;
+
+export const inputSizeStyles: Record<Size, string> = {
+  [Size.XSmall]: css`
+    height: 22px;
+    padding-left: ${spacing[200]}px;
+    padding-right: ${spacing[600]}px;
+  `,
+  [Size.Small]: css`
+    height: 28px;
+    padding-left: ${spacing[200]}px;
+    padding-right: ${spacing[600]}px;
+  `,
+  [Size.Default]: css`
+    height: 36px;
+    padding-left: ${spacing[300]}px;
+    padding-right: ${spacing[800]}px;
+  `,
+  [Size.Large]: css`
+    height: 48px;
+    padding-left: ${spacing[300]}px;
+    padding-right: ${spacing[800]}px;
+  `,
+};
+
+export const getBaseStyles = ({
+  theme,
+  disabled,
+  state,
+  className,
+  hasSelectOptions,
+}: {
+  theme: Theme;
+  disabled: boolean;
+  state: TimeInputState;
+  className?: string;
+  hasSelectOptions: boolean;
+}) =>
+  cx(
+    wrapperClassName,
+    wrapperBaseStyles,
+    wrapperThemeStyles[theme],
+    getWrapperStateStyles(theme)[state],
+    {
+      [getWrapperHoverStyles(theme)[state]]: !disabled,
+      [getWrapperDisabledStyles(theme)]: disabled,
+      [selectBaseStyles]: hasSelectOptions,
+    },
+    className,
+  );
diff --git a/packages/time-input/src/TimeInputInput/TimeInputInput.tsx b/packages/time-input/src/TimeInputInput/TimeInputInput.tsx
new file mode 100644
index 0000000000..136e73a259
--- /dev/null
+++ b/packages/time-input/src/TimeInputInput/TimeInputInput.tsx
@@ -0,0 +1,36 @@
+import React, { FocusEvent, useRef } from 'react';
+import { TimeInputInputProps } from './TimeInputInput.types';
+import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';
+import { getBaseStyles } from './TimeInputInput.styles';
+
+import { TimeInputState } from '../TimeInput/TimeInput.types';
+
+export function TimeInputInput({ className }: TimeInputInputProps) {
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const { theme } = useDarkMode();
+
+  // Placeholders for now
+  const state = TimeInputState.None;
+  const disabled = false;
+  const hasSelectOptions = true;
+
+  const handleFocus = () => {};
+  const handleBlur = (e: FocusEvent<HTMLDivElement>) => {};
+
+  return (
+    <div
+      ref={containerRef}
+      onFocus={handleFocus}
+      onBlur={handleBlur}
+      className={getBaseStyles({
+        theme,
+        disabled,
+        state,
+        className,
+        hasSelectOptions,
+      })}
+    ></div>
+  );
+}
+
+TimeInputInput.displayName = 'TimeInputInput';
diff --git a/packages/time-input/src/TimeInputInput/TimeInputInput.types.ts b/packages/time-input/src/TimeInputInput/TimeInputInput.types.ts
new file mode 100644
index 0000000000..880f2b9527
--- /dev/null
+++ b/packages/time-input/src/TimeInputInput/TimeInputInput.types.ts
@@ -0,0 +1,3 @@
+export interface TimeInputInputProps {
+  className?: string;
+}
diff --git a/packages/time-input/src/TimeInputInput/index.ts b/packages/time-input/src/TimeInputInput/index.ts
new file mode 100644
index 0000000000..1194a3a0f4
--- /dev/null
+++ b/packages/time-input/src/TimeInputInput/index.ts
@@ -0,0 +1,2 @@
+export { TimeInputInput } from './TimeInputInput';
+export { type TimeInputInputProps } from './TimeInputInput.types';
diff --git a/packages/time-input/src/TimeInputSelect/TimeInputSelect.spec.tsx b/packages/time-input/src/TimeInputSelect/TimeInputSelect.spec.tsx
new file mode 100644
index 0000000000..6f5f03619b
--- /dev/null
+++ b/packages/time-input/src/TimeInputSelect/TimeInputSelect.spec.tsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import { TimeInputSelect } from '.';
+
+describe('packages/time-input-select', () => {
+  test('condition', () => {});
+});
diff --git a/packages/time-input/src/TimeInputSelect/TimeInputSelect.styles.ts b/packages/time-input/src/TimeInputSelect/TimeInputSelect.styles.ts
new file mode 100644
index 0000000000..9fdb1f0b53
--- /dev/null
+++ b/packages/time-input/src/TimeInputSelect/TimeInputSelect.styles.ts
@@ -0,0 +1,35 @@
+import { css } from '@leafygreen-ui/emotion';
+import { Theme } from '@leafygreen-ui/lib';
+import { color, typeScales, fontWeights } from '@leafygreen-ui/tokens';
+
+export const wrapperBaseStyles = css`
+  margin-left: -1px;
+
+  &:hover,
+  &:focus-within {
+    z-index: 2;
+  }
+`;
+
+export const getSelectDisabledStyles = (theme: Theme) => css`
+  button {
+    background-color: ${color[theme].background.disabled.default};
+    border-color: ${color[theme].border.disabled.default};
+  }
+`;
+
+export const selectStyles = css`
+  > div {
+    display: flex;
+  }
+
+  button {
+    font-size: ${typeScales.body1.fontSize}px;
+    line-height: ${typeScales.body1.lineHeight}px;
+
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+
+    font-weight: ${fontWeights.medium};
+  }
+`;
diff --git a/packages/time-input/src/TimeInputSelect/TimeInputSelect.tsx b/packages/time-input/src/TimeInputSelect/TimeInputSelect.tsx
new file mode 100644
index 0000000000..476ce2623c
--- /dev/null
+++ b/packages/time-input/src/TimeInputSelect/TimeInputSelect.tsx
@@ -0,0 +1,79 @@
+import React from 'react';
+import { TimeInputSelectProps, UnitOption } from './TimeInputSelect.types';
+import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';
+
+import {
+  DropdownWidthBasis,
+  Option,
+  RenderMode,
+  Select as LGSelect,
+} from '@leafygreen-ui/select';
+import { cx } from '@leafygreen-ui/emotion';
+import {
+  wrapperBaseStyles,
+  selectStyles,
+  getSelectDisabledStyles,
+} from './TimeInputSelect.styles';
+import { unitOptions } from '../shared/constants';
+import { Size } from '../TimeInput/TimeInput.types';
+
+export function TimeInputSelect({
+  unit,
+  id,
+  className,
+  onChange,
+}: TimeInputSelectProps) {
+  const { theme } = useDarkMode();
+
+  // Placeholders for now
+  const size = Size.Default;
+  const disabled = false;
+
+  /**
+   * Gets the current unit option using the unit string
+   */
+  const currentUnitOption = unitOptions.find(
+    u => u.displayName === unit,
+  ) as UnitOption;
+
+  const handleChange = (val: string) => {
+    const selectedUnit = unitOptions.find(u => u.displayName === val);
+
+    if (selectedUnit !== undefined) {
+      onChange(selectedUnit);
+    }
+
+    console.log(selectedUnit);
+  };
+
+  return (
+    <div className={wrapperBaseStyles}>
+      <LGSelect
+        id={id}
+        onChange={handleChange}
+        aria-labelledby="Unit Picker"
+        value={currentUnitOption.displayName}
+        className={cx(
+          selectStyles,
+          {
+            [getSelectDisabledStyles(theme)]: disabled,
+          },
+          className,
+        )}
+        allowDeselect={false}
+        dropdownWidthBasis={DropdownWidthBasis.Option}
+        disabled={disabled}
+        size={size}
+        renderMode={RenderMode.TopLayer}
+      >
+        {unitOptions.map(option => (
+          <Option key={option.displayName} value={option.displayName}>
+            {option.displayName}
+          </Option>
+        ))}
+      </LGSelect>
+    </div>
+  );
+}
+
+TimeInputSelect.displayName = 'TimeInputSelect';
diff --git a/packages/time-input/src/TimeInputSelect/TimeInputSelect.types.ts b/packages/time-input/src/TimeInputSelect/TimeInputSelect.types.ts
new file mode 100644
index 0000000000..f7e61512a2
--- /dev/null
+++ b/packages/time-input/src/TimeInputSelect/TimeInputSelect.types.ts
@@ -0,0 +1,28 @@
+import { Size } from '../TimeInput/TimeInput.types';
+
+export interface UnitOption {
+  displayName: string;
+  value: string;
+}
+
+export interface TimeInputSelectProps {
+  /**
+   * Id for the select component.
+   */
+  id?: string;
+
+  /**
+   * The controlled value of the select input.
+   */
+  unit: string;
+
+  /**
+   * Callback fired when the unit option changes.
+   */
+  onChange: (unit: UnitOption) => void;
+
+  /**
+   * The className for the select component.
+   */
+  className?: string;
+}
diff --git a/packages/time-input/src/TimeInputSelect/index.ts b/packages/time-input/src/TimeInputSelect/index.ts
new file mode 100644
index 0000000000..67a8fc7c83
--- /dev/null
+++ b/packages/time-input/src/TimeInputSelect/index.ts
@@ -0,0 +1,2 @@
+export { TimeInputSelect } from './TimeInputSelect';
+export { type TimeInputSelectProps } from './TimeInputSelect.types';
diff --git a/packages/time-input/src/index.ts b/packages/time-input/src/index.ts
new file mode 100644
index 0000000000..f7ba802f4a
--- /dev/null
+++ b/packages/time-input/src/index.ts
@@ -0,0 +1 @@
+export { TimeInput, type TimeInputProps } from './TimeInput';
\ No newline at end of file
diff --git a/packages/time-input/src/shared/constants.ts b/packages/time-input/src/shared/constants.ts
new file mode 100644
index 0000000000..afb7f735b4
--- /dev/null
+++ b/packages/time-input/src/shared/constants.ts
@@ -0,0 +1,4 @@
+export const unitOptions = [
+  { displayName: 'AM', value: 'AM' },
+  { displayName: 'PM', value: 'PM' },
+];
diff --git a/packages/time-input/src/testing/getTestUtils.spec.tsx b/packages/time-input/src/testing/getTestUtils.spec.tsx
new file mode 100644
index 0000000000..709bf7619b
--- /dev/null
+++ b/packages/time-input/src/testing/getTestUtils.spec.tsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import { TimeInput } from '../';
+
+describe('packages/time-input/getTestUtils', () => {
+  test('condition', () => {});
+});
diff --git a/packages/time-input/src/testing/getTestUtils.tsx b/packages/time-input/src/testing/getTestUtils.tsx
new file mode 100644
index 0000000000..ad89a6e99d
--- /dev/null
+++ b/packages/time-input/src/testing/getTestUtils.tsx
@@ -0,0 +1,15 @@
+import { findByLgId, getByLgId, queryByLgId } from '@lg-tools/test-harnesses';
+
+import { LgIdString } from '@leafygreen-ui/lib';
+
+import { DEFAULT_LGID_ROOT, getLgIds } from '../utils/getLgIds';
+
+import { TestUtilsReturnType } from './getTestUtils.types';
+
+export const getTestUtils = (
+  lgId: LgIdString = DEFAULT_LGID_ROOT,
+): TestUtilsReturnType => {
+  const lgIds = getLgIds(lgId);
+
+  return {};
+};
diff --git a/packages/time-input/src/testing/getTestUtils.types.ts b/packages/time-input/src/testing/getTestUtils.types.ts
new file mode 100644
index 0000000000..50d2fb417a
--- /dev/null
+++ b/packages/time-input/src/testing/getTestUtils.types.ts
@@ -0,0 +1 @@
+export interface TestUtilsReturnType {}
\ No newline at end of file
diff --git a/packages/time-input/src/testing/index.ts b/packages/time-input/src/testing/index.ts
new file mode 100644
index 0000000000..4c102995fa
--- /dev/null
+++ b/packages/time-input/src/testing/index.ts
@@ -0,0 +1,2 @@
+export { getTestUtils } from './getTestUtils';
+export { type TestUtilsReturnType } from './getTestUtils.types';
diff --git a/packages/time-input/src/utils/getLgIds.ts b/packages/time-input/src/utils/getLgIds.ts
new file mode 100644
index 0000000000..a59854ff3d
--- /dev/null
+++ b/packages/time-input/src/utils/getLgIds.ts
@@ -0,0 +1,12 @@
+import { LgIdString } from '@leafygreen-ui/lib';
+
+export const DEFAULT_LGID_ROOT = 'lg-time_input';
+
+export const getLgIds = (root: LgIdString = DEFAULT_LGID_ROOT) => {
+  const ids = {
+    root,
+  } as const;
+  return ids;
+};
+
+export type GetLgIdsReturnType = ReturnType<typeof getLgIds>;
diff --git a/packages/time-input/tsconfig.json b/packages/time-input/tsconfig.json
new file mode 100644
index 0000000000..127c9a54d6
--- /dev/null
+++ b/packages/time-input/tsconfig.json
@@ -0,0 +1,55 @@
+{
+  "extends": "@lg-tools/build/config/package.tsconfig.json",
+  "compilerOptions": {
+    "paths": {
+      "@leafygreen-ui/icon/dist/*": [
+        "../icon/src/generated/*"
+      ],
+      "@leafygreen-ui/*": [
+        "../*/src"
+      ]
+    }
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "**/*.spec.*",
+    "**/*.stories.*"
+  ],
+  "references": [
+    {
+      "path": "../emotion"
+    },
+    {
+      "path": "../lib"
+    },
+    {
+      "path": "../../tools/test-harnesses"
+    },
+    {
+      "path": "../leafygreen-provider"
+    },
+    {
+      "path": "../form-field"
+    },
+    {
+      "path": "../hooks"
+    },
+    {
+      "path": "../select"
+    },
+    {
+      "path": "../tokens"
+    },
+    {
+      "path": "../typography"
+    },
+    {
+      "path": "../date-utils"
+    },
+    {
+      "path": "../palette"
+    },
+  ]
+}
\ No newline at end of file

From a489248faa81cba9fd1785659e963e1420d79f9e Mon Sep 17 00:00:00 2001
From: Shaneeza <shaneeza.ali@mongodb.com>
Date: Thu, 11 Sep 2025 16:51:35 -0400
Subject: [PATCH 2/7] wip

---
 .../src/TimeInput/TimeInput.types.ts          |  34 ++--
 pnpm-lock.yaml                                | 156 +++++++++++-------
 tools/install/src/ALL_PACKAGES.ts             |   2 +
 3 files changed, 119 insertions(+), 73 deletions(-)

diff --git a/packages/time-input/src/TimeInput/TimeInput.types.ts b/packages/time-input/src/TimeInput/TimeInput.types.ts
index ec3e69ae24..084cd3c809 100644
--- a/packages/time-input/src/TimeInput/TimeInput.types.ts
+++ b/packages/time-input/src/TimeInput/TimeInput.types.ts
@@ -1,7 +1,8 @@
 import omit from 'lodash/omit';
 
 import { FormFieldState } from '@leafygreen-ui/form-field';
-import { DarkModeProps } from '@leafygreen-ui/lib';
+import { DarkModeProps, LgIdProps } from '@leafygreen-ui/lib';
+import { ChangeEvent } from 'react';
 
 export const Size = {
   XSmall: 'xsmall',
@@ -16,7 +17,7 @@ export const TimeInputState = omit(FormFieldState, 'Valid');
 export type TimeInputState =
   (typeof TimeInputState)[keyof typeof TimeInputState];
 
-export interface BaseTimeInputProps extends DarkModeProps {
+export interface BaseTimeInputProps extends DarkModeProps, LgIdProps {
   /**
    * The current state of the input.
    *
@@ -24,15 +25,6 @@ export interface BaseTimeInputProps extends DarkModeProps {
    */
   state?: TimeInputState;
 
-  /**
-   * The current value of the input. If a value is passed to this prop, component will be controlled by consumer.
-   */
-  value?: string;
-
-  /**
-   * Callback fired when the input value changes
-   */
-  onTimeChange?: (value: string) => void;
 
   /**
    * id associated with the PasswordInput component, referenced by `<label>` with the `for` attribute.
@@ -58,9 +50,25 @@ export interface BaseTimeInputProps extends DarkModeProps {
    */
   size?: Size;
 
-  disabled?: boolean;
+   disabled?: boolean;
 
   className?: string;
 }
 
-export interface TimeInputProps extends BaseTimeInputProps {}
+export type TimeInputProps =  {
+  /**
+     * The selected time.
+     * // TODO: add more details
+     */
+  value?: string;
+
+  /**
+   * Callback fired when the user makes a value change.
+   * // TODO: add more details
+   */
+  onTimeChange?: (value: string) => void;
+
+  handleValidation?: (value: string) => void;
+
+  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+} & BaseTimeInputProps;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e3a8ddf1fd..c88c9753ee 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1997,7 +1997,7 @@ importers:
         version: 4.16.1
       ts-node:
         specifier: ^10.9.2
-        version: 10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828)
+        version: 10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)
       xml2json:
         specifier: ^0.12.0
         version: 0.12.0
@@ -3355,6 +3355,42 @@ importers:
         specifier: workspace:^
         version: link:../../tools/build
 
+  packages/time-input:
+    dependencies:
+      '@leafygreen-ui/date-utils':
+        specifier: workspace:^
+        version: link:../date-utils
+      '@leafygreen-ui/emotion':
+        specifier: workspace:^
+        version: link:../emotion
+      '@leafygreen-ui/form-field':
+        specifier: workspace:^
+        version: link:../form-field
+      '@leafygreen-ui/hooks':
+        specifier: workspace:^
+        version: link:../hooks
+      '@leafygreen-ui/leafygreen-provider':
+        specifier: workspace:^
+        version: link:../leafygreen-provider
+      '@leafygreen-ui/lib':
+        specifier: workspace:^
+        version: link:../lib
+      '@leafygreen-ui/palette':
+        specifier: workspace:^
+        version: link:../palette
+      '@leafygreen-ui/select':
+        specifier: workspace:^
+        version: link:../select
+      '@leafygreen-ui/tokens':
+        specifier: workspace:^
+        version: link:../tokens
+      '@leafygreen-ui/typography':
+        specifier: workspace:^
+        version: link:../typography
+      '@lg-tools/test-harnesses':
+        specifier: workspace:^
+        version: link:../../tools/test-harnesses
+
   packages/toast:
     dependencies:
       '@leafygreen-ui/emotion':
@@ -4066,10 +4102,10 @@ importers:
         version: 8.6.12(storybook@8.6.14(prettier@2.8.8))
       '@storybook/react':
         specifier: 8.6.12
-        version: 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250828)
+        version: 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)
       '@storybook/react-webpack5':
         specifier: 8.6.12
-        version: 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250828)
+        version: 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)
       '@storybook/test':
         specifier: 8.6.12
         version: 8.6.12(storybook@8.6.14(prettier@2.8.8))
@@ -4078,7 +4114,7 @@ importers:
         version: 8.6.12(storybook@8.6.14(prettier@2.8.8))
       '@svgr/webpack':
         specifier: 8.0.1
-        version: 8.0.1(typescript@6.0.0-dev.20250828)
+        version: 8.0.1(typescript@6.0.0-dev.20250911)
       assert:
         specifier: ^2.1.0
         version: 2.1.0
@@ -4120,7 +4156,7 @@ importers:
         version: 18.3.1
       react-docgen-typescript:
         specifier: 2.2.2
-        version: 2.2.2(typescript@6.0.0-dev.20250828)
+        version: 2.2.2(typescript@6.0.0-dev.20250911)
       react-dom:
         specifier: ^17.0.0 || ^18.0.0
         version: 18.3.1(react@18.3.1)
@@ -4271,7 +4307,7 @@ importers:
         version: 11.1.1
       jest:
         specifier: 29.6.2
-        version: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828))
+        version: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
       jest-axe:
         specifier: 8.0.0
         version: 8.0.0
@@ -10914,8 +10950,8 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
-  typescript@6.0.0-dev.20250828:
-    resolution: {integrity: sha512-evNAXFI08Dt43B6fEL04etGEX9PhAo8/NuPLAALsw2j4b4fOik/UYeYS3bswcQbQytpkjuvWM6paKkrZ4y5jjw==}
+  typescript@6.0.0-dev.20250911:
+    resolution: {integrity: sha512-OgsCutlwVd10tyO7Sw/icN1c/UX4BlzC+9h3w3RYwGIbypRJYFi0wsSezhmUV4HocCFdSqmU0dJ/Ob3JA72icA==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -13493,7 +13529,7 @@ snapshots:
       - ts-node
     optional: true
 
-  '@jest/core@29.6.2(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828))':
+  '@jest/core@29.6.2(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))':
     dependencies:
       '@jest/console': 29.7.0
       '@jest/reporters': 29.7.0
@@ -13507,7 +13543,7 @@ snapshots:
       exit: 0.1.2
       graceful-fs: 4.2.11
       jest-changed-files: 29.7.0
-      jest-config: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828))
+      jest-config: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
       jest-haste-map: 29.7.0
       jest-message-util: 29.7.0
       jest-regex-util: 29.6.3
@@ -13564,7 +13600,7 @@ snapshots:
       - ts-node
     optional: true
 
-  '@jest/core@29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828))':
+  '@jest/core@29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))':
     dependencies:
       '@jest/console': 29.7.0
       '@jest/reporters': 29.7.0
@@ -13578,7 +13614,7 @@ snapshots:
       exit: 0.1.2
       graceful-fs: 4.2.11
       jest-changed-files: 29.7.0
-      jest-config: 29.7.0(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828))
+      jest-config: 29.7.0(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
       jest-haste-map: 29.7.0
       jest-message-util: 29.7.0
       jest-regex-util: 29.6.3
@@ -14109,7 +14145,7 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@storybook/builder-webpack5@8.6.12(esbuild@0.25.8)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250828)':
+  '@storybook/builder-webpack5@8.6.12(esbuild@0.25.8)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)':
     dependencies:
       '@storybook/core-webpack': 8.6.12(storybook@8.6.14(prettier@2.8.8))
       '@types/semver': 7.7.0
@@ -14119,7 +14155,7 @@ snapshots:
       constants-browserify: 1.0.0
       css-loader: 6.11.0(webpack@5.88.0(esbuild@0.25.8))
       es-module-lexer: 1.7.0
-      fork-ts-checker-webpack-plugin: 8.0.0(typescript@6.0.0-dev.20250828)(webpack@5.88.0(esbuild@0.25.8))
+      fork-ts-checker-webpack-plugin: 8.0.0(typescript@6.0.0-dev.20250911)(webpack@5.88.0(esbuild@0.25.8))
       html-webpack-plugin: 5.6.3(webpack@5.88.0(esbuild@0.25.8))
       magic-string: 0.30.17
       path-browserify: 1.0.1
@@ -14137,7 +14173,7 @@ snapshots:
       webpack-hot-middleware: 2.26.1
       webpack-virtual-modules: 0.6.2
     optionalDependencies:
-      typescript: 6.0.0-dev.20250828
+      typescript: 6.0.0-dev.20250911
     transitivePeerDependencies:
       - '@rspack/core'
       - '@swc/core'
@@ -14221,11 +14257,11 @@ snapshots:
     dependencies:
       storybook: 8.6.14(prettier@2.8.8)
 
-  '@storybook/preset-react-webpack@8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250828)':
+  '@storybook/preset-react-webpack@8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)':
     dependencies:
       '@storybook/core-webpack': 8.6.12(storybook@8.6.14(prettier@2.8.8))
-      '@storybook/react': 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250828)
-      '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@6.0.0-dev.20250828)(webpack@5.88.0(esbuild@0.25.8))
+      '@storybook/react': 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)
+      '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@6.0.0-dev.20250911)(webpack@5.88.0(esbuild@0.25.8))
       '@types/semver': 7.7.0
       find-up: 5.0.0
       magic-string: 0.30.17
@@ -14238,7 +14274,7 @@ snapshots:
       tsconfig-paths: 4.2.0
       webpack: 5.88.0(esbuild@0.25.8)
     optionalDependencies:
-      typescript: 6.0.0-dev.20250828
+      typescript: 6.0.0-dev.20250911
     transitivePeerDependencies:
       - '@storybook/test'
       - '@swc/core'
@@ -14251,16 +14287,16 @@ snapshots:
     dependencies:
       storybook: 8.6.14(prettier@2.8.8)
 
-  '@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0(typescript@6.0.0-dev.20250828)(webpack@5.88.0(esbuild@0.25.8))':
+  '@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0(typescript@6.0.0-dev.20250911)(webpack@5.88.0(esbuild@0.25.8))':
     dependencies:
       debug: 4.4.1
       endent: 2.1.0
       find-cache-dir: 3.3.2
       flat-cache: 3.2.0
       micromatch: 4.0.8
-      react-docgen-typescript: 2.2.2(typescript@6.0.0-dev.20250828)
+      react-docgen-typescript: 2.2.2(typescript@6.0.0-dev.20250911)
       tslib: 2.8.1
-      typescript: 6.0.0-dev.20250828
+      typescript: 6.0.0-dev.20250911
       webpack: 5.88.0(esbuild@0.25.8)
     transitivePeerDependencies:
       - supports-color
@@ -14271,16 +14307,16 @@ snapshots:
       react-dom: 18.3.1(react@18.3.1)
       storybook: 8.6.14(prettier@2.8.8)
 
-  '@storybook/react-webpack5@8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250828)':
+  '@storybook/react-webpack5@8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)':
     dependencies:
-      '@storybook/builder-webpack5': 8.6.12(esbuild@0.25.8)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250828)
-      '@storybook/preset-react-webpack': 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250828)
-      '@storybook/react': 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250828)
+      '@storybook/builder-webpack5': 8.6.12(esbuild@0.25.8)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)
+      '@storybook/preset-react-webpack': 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)
+      '@storybook/react': 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       storybook: 8.6.14(prettier@2.8.8)
     optionalDependencies:
-      typescript: 6.0.0-dev.20250828
+      typescript: 6.0.0-dev.20250911
     transitivePeerDependencies:
       - '@rspack/core'
       - '@storybook/test'
@@ -14305,7 +14341,7 @@ snapshots:
       '@storybook/test': 8.6.12(storybook@8.6.14(prettier@2.8.8))
       typescript: 5.8.3
 
-  '@storybook/react@8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250828)':
+  '@storybook/react@8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)':
     dependencies:
       '@storybook/components': 8.6.12(storybook@8.6.14(prettier@2.8.8))
       '@storybook/global': 5.0.0
@@ -14318,7 +14354,7 @@ snapshots:
       storybook: 8.6.14(prettier@2.8.8)
     optionalDependencies:
       '@storybook/test': 8.6.12(storybook@8.6.14(prettier@2.8.8))
-      typescript: 6.0.0-dev.20250828
+      typescript: 6.0.0-dev.20250911
 
   '@storybook/test@8.5.3(storybook@8.6.14(prettier@2.8.8))':
     dependencies:
@@ -14488,12 +14524,12 @@ snapshots:
       - supports-color
       - typescript
 
-  '@svgr/core@8.0.0(typescript@6.0.0-dev.20250828)':
+  '@svgr/core@8.0.0(typescript@6.0.0-dev.20250911)':
     dependencies:
       '@babel/core': 7.24.3
       '@svgr/babel-preset': 8.0.0(@babel/core@7.24.3)
       camelcase: 6.3.0
-      cosmiconfig: 8.3.6(typescript@6.0.0-dev.20250828)
+      cosmiconfig: 8.3.6(typescript@6.0.0-dev.20250911)
       snake-case: 3.0.4
     transitivePeerDependencies:
       - supports-color
@@ -14538,11 +14574,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@svgr/plugin-jsx@8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250828))':
+  '@svgr/plugin-jsx@8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250911))':
     dependencies:
       '@babel/core': 7.24.3
       '@svgr/babel-preset': 8.0.0(@babel/core@7.24.3)
-      '@svgr/core': 8.0.0(typescript@6.0.0-dev.20250828)
+      '@svgr/core': 8.0.0(typescript@6.0.0-dev.20250911)
       '@svgr/hast-util-to-babel-ast': 8.0.0
       svg-parser: 2.0.4
     transitivePeerDependencies:
@@ -14573,10 +14609,10 @@ snapshots:
     transitivePeerDependencies:
       - typescript
 
-  '@svgr/plugin-svgo@8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250828))(typescript@6.0.0-dev.20250828)':
+  '@svgr/plugin-svgo@8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250911))(typescript@6.0.0-dev.20250911)':
     dependencies:
-      '@svgr/core': 8.0.0(typescript@6.0.0-dev.20250828)
-      cosmiconfig: 8.3.6(typescript@6.0.0-dev.20250828)
+      '@svgr/core': 8.0.0(typescript@6.0.0-dev.20250911)
+      cosmiconfig: 8.3.6(typescript@6.0.0-dev.20250911)
       deepmerge: 4.3.1
       svgo: 3.3.2
     transitivePeerDependencies:
@@ -14607,16 +14643,16 @@ snapshots:
       - supports-color
       - typescript
 
-  '@svgr/webpack@8.0.1(typescript@6.0.0-dev.20250828)':
+  '@svgr/webpack@8.0.1(typescript@6.0.0-dev.20250911)':
     dependencies:
       '@babel/core': 7.24.3
       '@babel/plugin-transform-react-constant-elements': 7.27.1(@babel/core@7.24.3)
       '@babel/preset-env': 7.24.3(@babel/core@7.24.3)
       '@babel/preset-react': 7.24.1(@babel/core@7.24.3)
       '@babel/preset-typescript': 7.24.1(@babel/core@7.24.3)
-      '@svgr/core': 8.0.0(typescript@6.0.0-dev.20250828)
-      '@svgr/plugin-jsx': 8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250828))
-      '@svgr/plugin-svgo': 8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250828))(typescript@6.0.0-dev.20250828)
+      '@svgr/core': 8.0.0(typescript@6.0.0-dev.20250911)
+      '@svgr/plugin-jsx': 8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250911))
+      '@svgr/plugin-svgo': 8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250911))(typescript@6.0.0-dev.20250911)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -15918,14 +15954,14 @@ snapshots:
     optionalDependencies:
       typescript: 5.8.3
 
-  cosmiconfig@8.3.6(typescript@6.0.0-dev.20250828):
+  cosmiconfig@8.3.6(typescript@6.0.0-dev.20250911):
     dependencies:
       import-fresh: 3.3.1
       js-yaml: 4.1.0
       parse-json: 5.2.0
       path-type: 4.0.0
     optionalDependencies:
-      typescript: 6.0.0-dev.20250828
+      typescript: 6.0.0-dev.20250911
 
   create-ecdh@4.0.4:
     dependencies:
@@ -16305,7 +16341,7 @@ snapshots:
     dependencies:
       semver: 7.7.2
       shelljs: 0.8.5
-      typescript: 6.0.0-dev.20250828
+      typescript: 6.0.0-dev.20250911
 
   dunder-proto@1.0.1:
     dependencies:
@@ -16925,7 +16961,7 @@ snapshots:
       cross-spawn: 7.0.6
       signal-exit: 4.1.0
 
-  fork-ts-checker-webpack-plugin@8.0.0(typescript@6.0.0-dev.20250828)(webpack@5.88.0(esbuild@0.25.8)):
+  fork-ts-checker-webpack-plugin@8.0.0(typescript@6.0.0-dev.20250911)(webpack@5.88.0(esbuild@0.25.8)):
     dependencies:
       '@babel/code-frame': 7.27.1
       chalk: 4.1.2
@@ -16939,7 +16975,7 @@ snapshots:
       schema-utils: 3.3.0
       semver: 7.7.2
       tapable: 2.2.2
-      typescript: 6.0.0-dev.20250828
+      typescript: 6.0.0-dev.20250911
       webpack: 5.88.0(esbuild@0.25.8)
 
   form-data@2.5.5:
@@ -17623,16 +17659,16 @@ snapshots:
       - ts-node
     optional: true
 
-  jest-cli@29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828)):
+  jest-cli@29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)):
     dependencies:
-      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828))
+      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
       chalk: 4.1.2
       exit: 0.1.2
       graceful-fs: 4.2.11
       import-local: 3.2.0
-      jest-config: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828))
+      jest-config: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
       jest-util: 29.7.0
       jest-validate: 29.7.0
       prompts: 2.4.2
@@ -17675,7 +17711,7 @@ snapshots:
       - supports-color
     optional: true
 
-  jest-config@29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828)):
+  jest-config@29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)):
     dependencies:
       '@babel/core': 7.24.3
       '@jest/test-sequencer': 29.7.0
@@ -17701,7 +17737,7 @@ snapshots:
       strip-json-comments: 3.1.1
     optionalDependencies:
       '@types/node': 20.19.9
-      ts-node: 10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828)
+      ts-node: 10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
@@ -17738,7 +17774,7 @@ snapshots:
       - supports-color
     optional: true
 
-  jest-config@29.7.0(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828)):
+  jest-config@29.7.0(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)):
     dependencies:
       '@babel/core': 7.24.3
       '@jest/test-sequencer': 29.7.0
@@ -17764,7 +17800,7 @@ snapshots:
       strip-json-comments: 3.1.1
     optionalDependencies:
       '@types/node': 20.19.9
-      ts-node: 10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828)
+      ts-node: 10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
@@ -18032,12 +18068,12 @@ snapshots:
       - ts-node
     optional: true
 
-  jest@29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828)):
+  jest@29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)):
     dependencies:
-      '@jest/core': 29.6.2(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828))
+      '@jest/core': 29.6.2(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
       '@jest/types': 29.6.3
       import-local: 3.2.0
-      jest-cli: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828))
+      jest-cli: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -19430,9 +19466,9 @@ snapshots:
     dependencies:
       typescript: 5.8.3
 
-  react-docgen-typescript@2.2.2(typescript@6.0.0-dev.20250828):
+  react-docgen-typescript@2.2.2(typescript@6.0.0-dev.20250911):
     dependencies:
-      typescript: 6.0.0-dev.20250828
+      typescript: 6.0.0-dev.20250911
 
   react-docgen@7.1.1:
     dependencies:
@@ -20372,7 +20408,7 @@ snapshots:
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
 
-  ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250828):
+  ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.11
@@ -20386,7 +20422,7 @@ snapshots:
       create-require: 1.1.1
       diff: 4.0.2
       make-error: 1.3.6
-      typescript: 6.0.0-dev.20250828
+      typescript: 6.0.0-dev.20250911
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
 
@@ -20498,7 +20534,7 @@ snapshots:
 
   typescript@5.8.3: {}
 
-  typescript@6.0.0-dev.20250828: {}
+  typescript@6.0.0-dev.20250911: {}
 
   unbox-primitive@1.1.0:
     dependencies:
diff --git a/tools/install/src/ALL_PACKAGES.ts b/tools/install/src/ALL_PACKAGES.ts
index 578bb9fd4e..f2356d5857 100644
--- a/tools/install/src/ALL_PACKAGES.ts
+++ b/tools/install/src/ALL_PACKAGES.ts
@@ -13,6 +13,7 @@ export const ALL_PACKAGES = [
   '@leafygreen-ui/checkbox',
   '@leafygreen-ui/chip',
   '@leafygreen-ui/code',
+  '@leafygreen-ui/code-editor',
   '@leafygreen-ui/combobox',
   '@leafygreen-ui/confirmation-modal',
   '@leafygreen-ui/context-drawer',
@@ -69,6 +70,7 @@ export const ALL_PACKAGES = [
   '@leafygreen-ui/testing-lib',
   '@leafygreen-ui/text-area',
   '@leafygreen-ui/text-input',
+  '@leafygreen-ui/time-input',
   '@leafygreen-ui/toast',
   '@leafygreen-ui/toggle',
   '@leafygreen-ui/tokens',

From 0163d668e679bf92cd32a61554a2eeedba9754fe Mon Sep 17 00:00:00 2001
From: Shaneeza <shaneeza.ali@mongodb.com>
Date: Fri, 12 Sep 2025 14:19:27 -0400
Subject: [PATCH 3/7] feat(time-input): add constants and TimeInput component
 structure

---
 packages/time-input/README.md                 |   3 +-
 packages/time-input/src/TimeInput.stories.tsx |   2 +-
 .../src/TimeInput/TimeInput.spec.tsx          |   8 +-
 .../src/TimeInput/TimeInput.styles.ts         |  48 ------
 .../time-input/src/TimeInput/TimeInput.tsx    |  16 +-
 .../src/TimeInput/TimeInput.types.ts          |  58 +------
 packages/time-input/src/TimeInput/index.ts    |   3 +-
 .../TimeInputContent.spec.tsx                 |   7 +-
 .../TimeInputContent.styles.ts                |  41 -----
 .../src/TimeInputContent/TimeInputContent.tsx |  95 +++---------
 .../TimeInputContent.types.ts                 |   2 -
 .../time-input/src/TimeInputContent/index.ts  |   3 +-
 .../TimeInputContext.spec.tsx                 |   9 ++
 .../src/TimeInputContext/TimeInputContext.tsx |   5 +
 .../TimeInputContext.types.ts                 |   1 +
 .../time-input/src/TimeInputContext/index.ts  |   2 +
 .../TimeInputInput/TimeInputInput.spec.tsx    |   1 +
 .../TimeInputInput/TimeInputInput.styles.ts   | 142 +-----------------
 .../src/TimeInputInput/TimeInputInput.tsx     |  38 ++---
 .../TimeInputSelect/TimeInputSelect.spec.tsx  |   1 +
 .../TimeInputSelect/TimeInputSelect.styles.ts |   5 +-
 .../src/TimeInputSelect/TimeInputSelect.tsx   |  45 ++----
 .../TimeInputSelect/TimeInputSelect.types.ts  |   2 -
 .../time-input/src/{shared => }/constants.ts  |   0
 packages/time-input/src/index.ts              |   2 +-
 .../src/testing/getTestUtils.spec.tsx         |   2 +
 .../time-input/src/testing/getTestUtils.tsx   |   2 +
 .../src/testing/getTestUtils.types.ts         |   2 +-
 28 files changed, 105 insertions(+), 440 deletions(-)
 create mode 100644 packages/time-input/src/TimeInputContext/TimeInputContext.spec.tsx
 create mode 100644 packages/time-input/src/TimeInputContext/TimeInputContext.tsx
 create mode 100644 packages/time-input/src/TimeInputContext/TimeInputContext.types.ts
 create mode 100644 packages/time-input/src/TimeInputContext/index.ts
 rename packages/time-input/src/{shared => }/constants.ts (100%)

diff --git a/packages/time-input/README.md b/packages/time-input/README.md
index f3946f2b0a..222d5573ce 100644
--- a/packages/time-input/README.md
+++ b/packages/time-input/README.md
@@ -1,7 +1,7 @@
-
 # Time Input
 
 ![npm (scoped)](https://img.shields.io/npm/v/@leafygreen-ui/time-input.svg)
+
 #### [View on MongoDB.design](https://www.mongodb.design/component/time-input/live-example/)
 
 ## Installation
@@ -23,4 +23,3 @@ yarn add @leafygreen-ui/time-input
 ```shell
 npm install @leafygreen-ui/time-input
 ```
-
diff --git a/packages/time-input/src/TimeInput.stories.tsx b/packages/time-input/src/TimeInput.stories.tsx
index 319954d615..1b0411f54e 100644
--- a/packages/time-input/src/TimeInput.stories.tsx
+++ b/packages/time-input/src/TimeInput.stories.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
-import { StoryFn } from '@storybook/react';
 import { type StoryMetaType } from '@lg-tools/storybook-utils';
+import { StoryFn } from '@storybook/react';
 
 import { TimeInput } from '.';
 
diff --git a/packages/time-input/src/TimeInput/TimeInput.spec.tsx b/packages/time-input/src/TimeInput/TimeInput.spec.tsx
index 815cf3dce9..00fc3588cd 100644
--- a/packages/time-input/src/TimeInput/TimeInput.spec.tsx
+++ b/packages/time-input/src/TimeInput/TimeInput.spec.tsx
@@ -1,11 +1,9 @@
-
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import React from 'react';
 import { render } from '@testing-library/react';
 
 import { TimeInput } from '.';
 
 describe('packages/time-input', () => {
-  test('condition', () => {
-
-  })
-})
+  test('condition', () => {});
+});
diff --git a/packages/time-input/src/TimeInput/TimeInput.styles.ts b/packages/time-input/src/TimeInput/TimeInput.styles.ts
index 47245842e8..e69de29bb2 100644
--- a/packages/time-input/src/TimeInput/TimeInput.styles.ts
+++ b/packages/time-input/src/TimeInput/TimeInput.styles.ts
@@ -1,48 +0,0 @@
-import { css } from '@leafygreen-ui/emotion';
-import { Theme } from '@leafygreen-ui/lib';
-import { color, spacing } from '@leafygreen-ui/tokens';
-
-import { Size } from './TimeInput.types';
-
-export const labelDescriptionStyles = css`
-  margin-bottom: ${spacing[1]}px;
-  display: flex;
-  flex-direction: column;
-`;
-
-export const wrapperBaseStyles = css`
-  display: flex;
-  position: relative;
-  z-index: 0; // Establish new stacking context
-`;
-
-export const wrapperSizeStyles: Record<Size, string> = {
-  [Size.XSmall]: css`
-    height: 22px;
-  `,
-  [Size.Small]: css`
-    height: 28px;
-  `,
-  [Size.Default]: css`
-    height: 36px;
-  `,
-  [Size.Large]: css`
-    height: 48px;
-  `,
-};
-
-export const wrapperGapStyles = css`
-  gap: 12px;
-`;
-
-export const unitBaseStyles = css`
-  align-self: center;
-`;
-
-export const getUnitThemeStyles = (theme: Theme) => css`
-  color: ${color[theme].text.secondary.default};
-`;
-
-export const getUnitDisabledStyles = (theme: Theme) => css`
-  color: ${color[theme].text.disabled.default};
-`;
diff --git a/packages/time-input/src/TimeInput/TimeInput.tsx b/packages/time-input/src/TimeInput/TimeInput.tsx
index a240cb0e43..4dca40a30d 100644
--- a/packages/time-input/src/TimeInput/TimeInput.tsx
+++ b/packages/time-input/src/TimeInput/TimeInput.tsx
@@ -1,24 +1,28 @@
 import React from 'react';
-import { TimeInputProps } from './TimeInput.types';
+
 import LeafyGreenProvider, {
   useDarkMode,
 } from '@leafygreen-ui/leafygreen-provider';
 
 import { TimeInputContent } from '../TimeInputContent';
 
-export function TimeInput({
-  darkMode: darkModeProp,
+import { TimeInputProps } from './TimeInput.types';
 
+/**
+ * @internal
+ */
+export const TimeInput = ({
+  darkMode: darkModeProp,
   ...props
-}: TimeInputProps) {
+}: TimeInputProps) => {
   const { darkMode } = useDarkMode(darkModeProp);
 
   return (
     <LeafyGreenProvider darkMode={darkMode}>
-      {/* TODO: Add TimeInputProvider*/}
+      {/* TODO: Add Providers*/}
       <TimeInputContent {...props} />
     </LeafyGreenProvider>
   );
-}
+};
 
 TimeInput.displayName = 'TimeInput';
diff --git a/packages/time-input/src/TimeInput/TimeInput.types.ts b/packages/time-input/src/TimeInput/TimeInput.types.ts
index 084cd3c809..1f619f935e 100644
--- a/packages/time-input/src/TimeInput/TimeInput.types.ts
+++ b/packages/time-input/src/TimeInput/TimeInput.types.ts
@@ -1,74 +1,28 @@
+import { ChangeEvent } from 'react';
 import omit from 'lodash/omit';
 
 import { FormFieldState } from '@leafygreen-ui/form-field';
 import { DarkModeProps, LgIdProps } from '@leafygreen-ui/lib';
-import { ChangeEvent } from 'react';
-
-export const Size = {
-  XSmall: 'xsmall',
-  Small: 'small',
-  Default: 'default',
-  Large: 'large',
-} as const;
-
-export type Size = (typeof Size)[keyof typeof Size];
+import { Size } from '@leafygreen-ui/tokens';
 
 export const TimeInputState = omit(FormFieldState, 'Valid');
 export type TimeInputState =
   (typeof TimeInputState)[keyof typeof TimeInputState];
 
+export { Size };
+
 export interface BaseTimeInputProps extends DarkModeProps, LgIdProps {
-  /**
-   * The current state of the input.
-   *
-   * @default 'none'
-   */
   state?: TimeInputState;
-
-
-  /**
-   * id associated with the PasswordInput component, referenced by `<label>` with the `for` attribute.
-   */
-  id?: string;
-
-  /**
-   * Text shown in bold above the input element.
-   *
-   * Optional if `aria-labelledby` is provided
-   */
   label?: React.ReactNode;
-
-  /**
-   * Text that gives more detail about the requirements for the input.
-   */
   description?: string;
-
-  /**
-   * Determines the font size and padding.
-   *
-   * @default 'default'
-   */
   size?: Size;
-
-   disabled?: boolean;
-
+  disabled?: boolean;
   className?: string;
 }
 
-export type TimeInputProps =  {
-  /**
-     * The selected time.
-     * // TODO: add more details
-     */
+export type TimeInputProps = {
   value?: string;
-
-  /**
-   * Callback fired when the user makes a value change.
-   * // TODO: add more details
-   */
   onTimeChange?: (value: string) => void;
-
   handleValidation?: (value: string) => void;
-
   onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 } & BaseTimeInputProps;
diff --git a/packages/time-input/src/TimeInput/index.ts b/packages/time-input/src/TimeInput/index.ts
index d65a093a61..7228dba201 100644
--- a/packages/time-input/src/TimeInput/index.ts
+++ b/packages/time-input/src/TimeInput/index.ts
@@ -1,3 +1,2 @@
-
-export  { TimeInput } from './TimeInput';
+export { TimeInput } from './TimeInput';
 export { type TimeInputProps } from './TimeInput.types';
diff --git a/packages/time-input/src/TimeInputContent/TimeInputContent.spec.tsx b/packages/time-input/src/TimeInputContent/TimeInputContent.spec.tsx
index e5616ae30c..1c17c1fbdc 100644
--- a/packages/time-input/src/TimeInputContent/TimeInputContent.spec.tsx
+++ b/packages/time-input/src/TimeInputContent/TimeInputContent.spec.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 
 import React from 'react';
 import { render } from '@testing-library/react';
@@ -5,7 +6,5 @@ import { render } from '@testing-library/react';
 import { TimeInputContent } from '.';
 
 describe('packages/time-input-content', () => {
-  test('condition', () => {
-
-  })
-})
+  test('condition', () => {});
+});
diff --git a/packages/time-input/src/TimeInputContent/TimeInputContent.styles.ts b/packages/time-input/src/TimeInputContent/TimeInputContent.styles.ts
index 82ab5dbda4..653bc003e7 100644
--- a/packages/time-input/src/TimeInputContent/TimeInputContent.styles.ts
+++ b/packages/time-input/src/TimeInputContent/TimeInputContent.styles.ts
@@ -1,48 +1,7 @@
 import { css } from '@leafygreen-ui/emotion';
-import { Theme } from '@leafygreen-ui/lib';
-import { color, spacing } from '@leafygreen-ui/tokens';
-
-import { Size } from '../TimeInput/TimeInput.types';
-
-export const labelDescriptionStyles = css`
-  margin-bottom: ${spacing[1]}px;
-  display: flex;
-  flex-direction: column;
-`;
 
 export const wrapperBaseStyles = css`
   display: flex;
   position: relative;
   z-index: 0; // Establish new stacking context
 `;
-
-export const wrapperSizeStyles: Record<Size, string> = {
-  [Size.XSmall]: css`
-    height: 22px;
-  `,
-  [Size.Small]: css`
-    height: 28px;
-  `,
-  [Size.Default]: css`
-    height: 36px;
-  `,
-  [Size.Large]: css`
-    height: 48px;
-  `,
-};
-
-export const wrapperGapStyles = css`
-  gap: 12px;
-`;
-
-export const unitBaseStyles = css`
-  align-self: center;
-`;
-
-export const getUnitThemeStyles = (theme: Theme) => css`
-  color: ${color[theme].text.secondary.default};
-`;
-
-export const getUnitDisabledStyles = (theme: Theme) => css`
-  color: ${color[theme].text.disabled.default};
-`;
diff --git a/packages/time-input/src/TimeInputContent/TimeInputContent.tsx b/packages/time-input/src/TimeInputContent/TimeInputContent.tsx
index 3d7d4705db..68f5b03f78 100644
--- a/packages/time-input/src/TimeInputContent/TimeInputContent.tsx
+++ b/packages/time-input/src/TimeInputContent/TimeInputContent.tsx
@@ -1,96 +1,43 @@
 import React, { useState } from 'react';
-import { TimeInputContentProps } from './TimeInputContent.types';
-import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';
-import { useIdAllocator } from '@leafygreen-ui/hooks';
-import { Description, Label, Overline } from '@leafygreen-ui/typography';
-import { cx } from '@leafygreen-ui/emotion';
-import { Size } from '../TimeInput/TimeInput.types';
-import {
-  labelDescriptionStyles,
-  wrapperBaseStyles,
-  wrapperSizeStyles,
-  wrapperGapStyles,
-  unitBaseStyles,
-  getUnitThemeStyles,
-  getUnitDisabledStyles,
-} from './TimeInputContent.styles';
-import { UnitOption } from '../TimeInputSelect/TimeInputSelect.types';
-import { TimeInputSelect } from '../TimeInputSelect';
-import { TimeInputInput } from '../TimeInputInput';
-import { unitOptions } from '../shared/constants';
 
-export function TimeInputContent({
-  label,
-  description,
-  className,
-  disabled,
-  size = Size.Default,
-  id: idProp,
-  ...props
-}: TimeInputContentProps) {
-  const { darkMode, theme } = useDarkMode();
-  const [selectUnit, setSelectUnit] = useState<UnitOption>(unitOptions[0]);
+import { cx } from '@leafygreen-ui/emotion';
+import { FormField, FormFieldInputContainer } from '@leafygreen-ui/form-field';
 
-  const renderUnitOnly = false;
-  const renderSelectOnly = true;
+import { unitOptions } from '../constants';
+import { TimeInputInput } from '../TimeInputInput';
+import { TimeInputSelect } from '../TimeInputSelect';
+import { UnitOption } from '../TimeInputSelect/TimeInputSelect.types';
 
-  const prefix = 'lg-time-input';
-  const inputId = useIdAllocator({ prefix, id: idProp });
-  // const feedbackId = useIdAllocator({ prefix, id: ariaDescribedbyProp });
-  const descriptionId = useIdAllocator({ prefix });
-  const selectId = useIdAllocator({ prefix });
+import { wrapperBaseStyles } from './TimeInputContent.styles';
+import { TimeInputContentProps } from './TimeInputContent.types';
 
-  const unit = '24 hours';
+/**
+ * @internal
+ */
+export const TimeInputContent = ({ className }: TimeInputContentProps) => {
+  const [selectUnit, setSelectUnit] = useState<UnitOption>(unitOptions[0]);
 
   const handleSelectChange = (unit: UnitOption) => {
-    console.log(unit);
     setSelectUnit(unit);
   };
 
   return (
     <div className={className}>
-      {(label || description) && (
-        <div className={labelDescriptionStyles}>
-          {label && (
-            <Label htmlFor={inputId} disabled={disabled}>
-              {label}
-            </Label>
-          )}
-          {description && (
-            <Description id={descriptionId} disabled={disabled}>
-              {description}
-            </Description>
-          )}
-        </div>
-      )}
-      <div
-        className={cx(wrapperBaseStyles, wrapperSizeStyles[size], {
-          [wrapperGapStyles]: renderUnitOnly,
-        })}
-      >
-        <TimeInputInput />
-        {renderUnitOnly && (
-          <Overline
-            className={cx(unitBaseStyles, getUnitThemeStyles(theme), {
-              [getUnitDisabledStyles(theme)]: disabled,
-            })}
-          >
-            {unit}
-          </Overline>
-        )}
-        {renderSelectOnly && (
+      <FormField aria-labelledby="temp" label="Time Input">
+        <div className={cx(wrapperBaseStyles)}>
+          <FormFieldInputContainer>
+            <TimeInputInput />
+          </FormFieldInputContainer>
           <TimeInputSelect
-            id={selectId}
             unit={selectUnit.displayName}
             onChange={unit => {
               handleSelectChange(unit);
             }}
           />
-        )}
-      </div>
-      {/* <FormFieldFeedback {...formFieldFeedbackProps} /> */}
+        </div>
+      </FormField>
     </div>
   );
-}
+};
 
 TimeInputContent.displayName = 'TimeInputContent';
diff --git a/packages/time-input/src/TimeInputContent/TimeInputContent.types.ts b/packages/time-input/src/TimeInputContent/TimeInputContent.types.ts
index 68a6c0dba1..18993479e3 100644
--- a/packages/time-input/src/TimeInputContent/TimeInputContent.types.ts
+++ b/packages/time-input/src/TimeInputContent/TimeInputContent.types.ts
@@ -1,5 +1,3 @@
-// export interface TimeInputContentProps {}
-
 import { TimeInputProps } from '../TimeInput/TimeInput.types';
 
 export type TimeInputContentProps = TimeInputProps;
diff --git a/packages/time-input/src/TimeInputContent/index.ts b/packages/time-input/src/TimeInputContent/index.ts
index 08bfef7f21..e0d9bafe8f 100644
--- a/packages/time-input/src/TimeInputContent/index.ts
+++ b/packages/time-input/src/TimeInputContent/index.ts
@@ -1,3 +1,2 @@
-
-export  { TimeInputContent } from './TimeInputContent';
+export { TimeInputContent } from './TimeInputContent';
 export { type TimeInputContentProps } from './TimeInputContent.types';
diff --git a/packages/time-input/src/TimeInputContext/TimeInputContext.spec.tsx b/packages/time-input/src/TimeInputContext/TimeInputContext.spec.tsx
new file mode 100644
index 0000000000..4bca732ed7
--- /dev/null
+++ b/packages/time-input/src/TimeInputContext/TimeInputContext.spec.tsx
@@ -0,0 +1,9 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import { TimeInputContext } from '.';
+
+describe('packages/time-input-context', () => {
+  test('condition', () => {});
+});
diff --git a/packages/time-input/src/TimeInputContext/TimeInputContext.tsx b/packages/time-input/src/TimeInputContext/TimeInputContext.tsx
new file mode 100644
index 0000000000..3f10ac27c8
--- /dev/null
+++ b/packages/time-input/src/TimeInputContext/TimeInputContext.tsx
@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+
+import { TimeInputContextProps } from './TimeInputContext.types';
+
+export const TimeInputContext = createContext<TimeInputContextProps>({});
diff --git a/packages/time-input/src/TimeInputContext/TimeInputContext.types.ts b/packages/time-input/src/TimeInputContext/TimeInputContext.types.ts
new file mode 100644
index 0000000000..13bfbdff0d
--- /dev/null
+++ b/packages/time-input/src/TimeInputContext/TimeInputContext.types.ts
@@ -0,0 +1 @@
+export interface TimeInputContextProps {}
diff --git a/packages/time-input/src/TimeInputContext/index.ts b/packages/time-input/src/TimeInputContext/index.ts
new file mode 100644
index 0000000000..b65dbdaa64
--- /dev/null
+++ b/packages/time-input/src/TimeInputContext/index.ts
@@ -0,0 +1,2 @@
+export { TimeInputContext } from './TimeInputContext';
+export { type TimeInputContextProps } from './TimeInputContext.types';
diff --git a/packages/time-input/src/TimeInputInput/TimeInputInput.spec.tsx b/packages/time-input/src/TimeInputInput/TimeInputInput.spec.tsx
index 7f093a72bc..47539cc419 100644
--- a/packages/time-input/src/TimeInputInput/TimeInputInput.spec.tsx
+++ b/packages/time-input/src/TimeInputInput/TimeInputInput.spec.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import React from 'react';
 import { render } from '@testing-library/react';
 
diff --git a/packages/time-input/src/TimeInputInput/TimeInputInput.styles.ts b/packages/time-input/src/TimeInputInput/TimeInputInput.styles.ts
index 46c562a536..aa09bb1172 100644
--- a/packages/time-input/src/TimeInputInput/TimeInputInput.styles.ts
+++ b/packages/time-input/src/TimeInputInput/TimeInputInput.styles.ts
@@ -1,142 +1,8 @@
 import { css, cx } from '@leafygreen-ui/emotion';
-import { createUniqueClassName, Theme } from '@leafygreen-ui/lib';
-import {
-  color,
-  focusRing,
-  hoverRing,
-  spacing,
-  transitionDuration,
-} from '@leafygreen-ui/tokens';
-import { palette } from '@leafygreen-ui/palette';
-import { Size, TimeInputState } from '../TimeInput/TimeInput.types';
 
-export const wrapperClassName = createUniqueClassName('number-input-wrapper');
-
-export const wrapperBaseStyles = css`
-  position: relative;
-  border: 1px solid;
-  border-radius: 6px;
-  transition: ${transitionDuration.default}ms ease-in-out;
-  transition-property: border-color, box-shadow;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  flex-grow: 1;
-  flex-shrink: 0;
-  z-index: 1;
-
-  min-width: 100px;
-`;
-
-export const selectBaseStyles = css`
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-`;
-
-export const wrapperThemeStyles: Record<Theme, string> = {
-  [Theme.Light]: css`
-    background-color: ${color.light.background.primary.default};
-    color: ${color.light.text.primary.default};
-
-    &:focus-within {
-      box-shadow: ${focusRing.light.input};
-      border-color: ${color.light.border.primary.focus};
-    }
-  `,
-  [Theme.Dark]: css`
-    background-color: ${palette.gray.dark4};
-    color: ${color.dark.text.primary.default};
-
-    &:focus-within {
-      box-shadow: ${focusRing.dark.input};
-      border-color: ${color.dark.border.primary.focus};
-    }
-  `,
-};
-
-export const getWrapperStateStyles = (theme: Theme) => ({
-  [TimeInputState.Error]: css`
-    border-color: ${color[theme].border.error.default};
-  `,
-  [TimeInputState.None]: css`
-    border-color: ${color[theme].border.primary.default};
-  `,
-});
-
-export const getWrapperHoverStyles = (theme: Theme) => ({
-  [TimeInputState.Error]: css`
-    border-color: ${color[theme].border.error.default};
-
-    &:hover,
-    &:active {
-      &:not(:focus-within) {
-        box-shadow: ${hoverRing[theme].red};
-      }
-    }
-  `,
-  [TimeInputState.None]: css`
-    border-color: ${color[theme].border.primary.default};
-
-    &:hover,
-    &:active {
-      &:not(:focus-within) {
-        box-shadow: ${hoverRing[theme].gray};
-      }
-    }
-  `,
-});
-
-export const getWrapperDisabledStyles = (theme: Theme) => css`
-  background-color: ${color[theme].background.disabled.default};
-  border-color: ${color[theme].border.disabled.default};
-  color: ${color[theme].text.disabled.default};
-`;
-
-export const inputSizeStyles: Record<Size, string> = {
-  [Size.XSmall]: css`
-    height: 22px;
-    padding-left: ${spacing[200]}px;
-    padding-right: ${spacing[600]}px;
-  `,
-  [Size.Small]: css`
-    height: 28px;
-    padding-left: ${spacing[200]}px;
-    padding-right: ${spacing[600]}px;
-  `,
-  [Size.Default]: css`
-    height: 36px;
-    padding-left: ${spacing[300]}px;
-    padding-right: ${spacing[800]}px;
-  `,
-  [Size.Large]: css`
-    height: 48px;
-    padding-left: ${spacing[300]}px;
-    padding-right: ${spacing[800]}px;
-  `,
-};
-
-export const getBaseStyles = ({
-  theme,
-  disabled,
-  state,
-  className,
-  hasSelectOptions,
-}: {
-  theme: Theme;
-  disabled: boolean;
-  state: TimeInputState;
-  className?: string;
-  hasSelectOptions: boolean;
-}) =>
+export const getBaseStyles = () =>
   cx(
-    wrapperClassName,
-    wrapperBaseStyles,
-    wrapperThemeStyles[theme],
-    getWrapperStateStyles(theme)[state],
-    {
-      [getWrapperHoverStyles(theme)[state]]: !disabled,
-      [getWrapperDisabledStyles(theme)]: disabled,
-      [selectBaseStyles]: hasSelectOptions,
-    },
-    className,
+    css`
+      min-width: 100px;
+    `,
   );
diff --git a/packages/time-input/src/TimeInputInput/TimeInputInput.tsx b/packages/time-input/src/TimeInputInput/TimeInputInput.tsx
index 136e73a259..7ac8a64244 100644
--- a/packages/time-input/src/TimeInputInput/TimeInputInput.tsx
+++ b/packages/time-input/src/TimeInputInput/TimeInputInput.tsx
@@ -1,36 +1,18 @@
-import React, { FocusEvent, useRef } from 'react';
-import { TimeInputInputProps } from './TimeInputInput.types';
-import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';
-import { getBaseStyles } from './TimeInputInput.styles';
+import React, { useRef } from 'react';
 
-import { TimeInputState } from '../TimeInput/TimeInput.types';
+import { getBaseStyles } from './TimeInputInput.styles';
 
-export function TimeInputInput({ className }: TimeInputInputProps) {
+/**
+ * @internal
+ */
+export const TimeInputInput = () => {
   const containerRef = useRef<HTMLDivElement | null>(null);
-  const { theme } = useDarkMode();
-
-  // Placeholders for now
-  const state = TimeInputState.None;
-  const disabled = false;
-  const hasSelectOptions = true;
-
-  const handleFocus = () => {};
-  const handleBlur = (e: FocusEvent<HTMLDivElement>) => {};
 
   return (
-    <div
-      ref={containerRef}
-      onFocus={handleFocus}
-      onBlur={handleBlur}
-      className={getBaseStyles({
-        theme,
-        disabled,
-        state,
-        className,
-        hasSelectOptions,
-      })}
-    ></div>
+    <div ref={containerRef} className={getBaseStyles()}>
+      {/* TODO: Input segments go here */}
+    </div>
   );
-}
+};
 
 TimeInputInput.displayName = 'TimeInputInput';
diff --git a/packages/time-input/src/TimeInputSelect/TimeInputSelect.spec.tsx b/packages/time-input/src/TimeInputSelect/TimeInputSelect.spec.tsx
index 6f5f03619b..43272da620 100644
--- a/packages/time-input/src/TimeInputSelect/TimeInputSelect.spec.tsx
+++ b/packages/time-input/src/TimeInputSelect/TimeInputSelect.spec.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import React from 'react';
 import { render } from '@testing-library/react';
 
diff --git a/packages/time-input/src/TimeInputSelect/TimeInputSelect.styles.ts b/packages/time-input/src/TimeInputSelect/TimeInputSelect.styles.ts
index 9fdb1f0b53..45b38fbe85 100644
--- a/packages/time-input/src/TimeInputSelect/TimeInputSelect.styles.ts
+++ b/packages/time-input/src/TimeInputSelect/TimeInputSelect.styles.ts
@@ -1,10 +1,13 @@
 import { css } from '@leafygreen-ui/emotion';
 import { Theme } from '@leafygreen-ui/lib';
-import { color, typeScales, fontWeights } from '@leafygreen-ui/tokens';
+import { color, fontWeights, typeScales } from '@leafygreen-ui/tokens';
 
 export const wrapperBaseStyles = css`
   margin-left: -1px;
 
+  // TODO: temp
+  min-width: 70px;
+
   &:hover,
   &:focus-within {
     z-index: 2;
diff --git a/packages/time-input/src/TimeInputSelect/TimeInputSelect.tsx b/packages/time-input/src/TimeInputSelect/TimeInputSelect.tsx
index 476ce2623c..d65308e0c6 100644
--- a/packages/time-input/src/TimeInputSelect/TimeInputSelect.tsx
+++ b/packages/time-input/src/TimeInputSelect/TimeInputSelect.tsx
@@ -1,36 +1,31 @@
 import React from 'react';
-import { TimeInputSelectProps, UnitOption } from './TimeInputSelect.types';
-import { useDarkMode } from '@leafygreen-ui/leafygreen-provider';
 
+import { cx } from '@leafygreen-ui/emotion';
 import {
   DropdownWidthBasis,
   Option,
   RenderMode,
   Select as LGSelect,
 } from '@leafygreen-ui/select';
-import { cx } from '@leafygreen-ui/emotion';
-import {
-  wrapperBaseStyles,
-  selectStyles,
-  getSelectDisabledStyles,
-} from './TimeInputSelect.styles';
-import { unitOptions } from '../shared/constants';
-import { Size } from '../TimeInput/TimeInput.types';
 
-export function TimeInputSelect({
+import { unitOptions } from '../constants';
+
+import { selectStyles, wrapperBaseStyles } from './TimeInputSelect.styles';
+import { TimeInputSelectProps, UnitOption } from './TimeInputSelect.types';
+
+/**
+ * @internal
+ */
+export const TimeInputSelect = ({
   unit,
   id,
   className,
   onChange,
-}: TimeInputSelectProps) {
-  const { theme } = useDarkMode();
-
-  // Placeholders for now
-  const size = Size.Default;
-  const disabled = false;
-
+}: TimeInputSelectProps) => {
   /**
    * Gets the current unit option using the unit string
+   *
+   * @internal
    */
   const currentUnitOption = unitOptions.find(
     u => u.displayName === unit,
@@ -42,8 +37,6 @@ export function TimeInputSelect({
     if (selectedUnit !== undefined) {
       onChange(selectedUnit);
     }
-
-    console.log(selectedUnit);
   };
 
   return (
@@ -53,17 +46,9 @@ export function TimeInputSelect({
         onChange={handleChange}
         aria-labelledby="Unit Picker"
         value={currentUnitOption.displayName}
-        className={cx(
-          selectStyles,
-          {
-            [getSelectDisabledStyles(theme)]: disabled,
-          },
-          className,
-        )}
+        className={cx(selectStyles, className)}
         allowDeselect={false}
         dropdownWidthBasis={DropdownWidthBasis.Option}
-        disabled={disabled}
-        size={size}
         renderMode={RenderMode.TopLayer}
       >
         {unitOptions.map(option => (
@@ -74,6 +59,6 @@ export function TimeInputSelect({
       </LGSelect>
     </div>
   );
-}
+};
 
 TimeInputSelect.displayName = 'TimeInputSelect';
diff --git a/packages/time-input/src/TimeInputSelect/TimeInputSelect.types.ts b/packages/time-input/src/TimeInputSelect/TimeInputSelect.types.ts
index f7e61512a2..f59cd87c68 100644
--- a/packages/time-input/src/TimeInputSelect/TimeInputSelect.types.ts
+++ b/packages/time-input/src/TimeInputSelect/TimeInputSelect.types.ts
@@ -1,5 +1,3 @@
-import { Size } from '../TimeInput/TimeInput.types';
-
 export interface UnitOption {
   displayName: string;
   value: string;
diff --git a/packages/time-input/src/shared/constants.ts b/packages/time-input/src/constants.ts
similarity index 100%
rename from packages/time-input/src/shared/constants.ts
rename to packages/time-input/src/constants.ts
diff --git a/packages/time-input/src/index.ts b/packages/time-input/src/index.ts
index f7ba802f4a..ab921d757d 100644
--- a/packages/time-input/src/index.ts
+++ b/packages/time-input/src/index.ts
@@ -1 +1 @@
-export { TimeInput, type TimeInputProps } from './TimeInput';
\ No newline at end of file
+export { TimeInput, type TimeInputProps } from './TimeInput';
diff --git a/packages/time-input/src/testing/getTestUtils.spec.tsx b/packages/time-input/src/testing/getTestUtils.spec.tsx
index 709bf7619b..f11a3a982e 100644
--- a/packages/time-input/src/testing/getTestUtils.spec.tsx
+++ b/packages/time-input/src/testing/getTestUtils.spec.tsx
@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
 import React from 'react';
 import { render } from '@testing-library/react';
 
diff --git a/packages/time-input/src/testing/getTestUtils.tsx b/packages/time-input/src/testing/getTestUtils.tsx
index ad89a6e99d..44f7cead1e 100644
--- a/packages/time-input/src/testing/getTestUtils.tsx
+++ b/packages/time-input/src/testing/getTestUtils.tsx
@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
 import { findByLgId, getByLgId, queryByLgId } from '@lg-tools/test-harnesses';
 
 import { LgIdString } from '@leafygreen-ui/lib';
diff --git a/packages/time-input/src/testing/getTestUtils.types.ts b/packages/time-input/src/testing/getTestUtils.types.ts
index 50d2fb417a..4b2df87c73 100644
--- a/packages/time-input/src/testing/getTestUtils.types.ts
+++ b/packages/time-input/src/testing/getTestUtils.types.ts
@@ -1 +1 @@
-export interface TestUtilsReturnType {}
\ No newline at end of file
+export interface TestUtilsReturnType {}

From 0f3c0e846cdc29fde5013cf673b9c437879d8687 Mon Sep 17 00:00:00 2001
From: Shaneeza <shaneeza.ali@mongodb.com>
Date: Fri, 12 Sep 2025 14:22:06 -0400
Subject: [PATCH 4/7] remove code-editor

---
 tools/install/src/ALL_PACKAGES.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/tools/install/src/ALL_PACKAGES.ts b/tools/install/src/ALL_PACKAGES.ts
index f2356d5857..aad598fbf4 100644
--- a/tools/install/src/ALL_PACKAGES.ts
+++ b/tools/install/src/ALL_PACKAGES.ts
@@ -13,7 +13,6 @@ export const ALL_PACKAGES = [
   '@leafygreen-ui/checkbox',
   '@leafygreen-ui/chip',
   '@leafygreen-ui/code',
-  '@leafygreen-ui/code-editor',
   '@leafygreen-ui/combobox',
   '@leafygreen-ui/confirmation-modal',
   '@leafygreen-ui/context-drawer',

From 3249028a78b0298d5acf060873096270d4bbb71b Mon Sep 17 00:00:00 2001
From: Shaneeza <shaneeza.ali@mongodb.com>
Date: Mon, 22 Sep 2025 14:05:30 -0400
Subject: [PATCH 5/7] refactor(time-input): simplify TimeInput component

---
 .../TimeInputContent.styles.ts                |  7 ----
 .../src/TimeInputContent/TimeInputContent.tsx | 39 ++----------------
 .../TimeInputInput/TimeInputInput.styles.ts   |  8 ----
 .../src/TimeInputInput/TimeInputInput.tsx     | 18 ---------
 .../TimeInputInput/TimeInputInput.types.ts    |  3 --
 .../time-input/src/TimeInputInput/index.ts    |  2 -
 .../TimeInputInputs.spec.tsx}                 |  4 +-
 .../TimeInputInputs/TimeInputInputs.styles.ts |  7 ++++
 .../src/TimeInputInputs/TimeInputInputs.tsx   | 40 +++++++++++++++++++
 .../TimeInputInputs/TimeInputInputs.types.ts  |  3 ++
 .../time-input/src/TimeInputInputs/index.ts   |  2 +
 11 files changed, 58 insertions(+), 75 deletions(-)
 delete mode 100644 packages/time-input/src/TimeInputInput/TimeInputInput.styles.ts
 delete mode 100644 packages/time-input/src/TimeInputInput/TimeInputInput.tsx
 delete mode 100644 packages/time-input/src/TimeInputInput/TimeInputInput.types.ts
 delete mode 100644 packages/time-input/src/TimeInputInput/index.ts
 rename packages/time-input/src/{TimeInputInput/TimeInputInput.spec.tsx => TimeInputInputs/TimeInputInputs.spec.tsx} (66%)
 create mode 100644 packages/time-input/src/TimeInputInputs/TimeInputInputs.styles.ts
 create mode 100644 packages/time-input/src/TimeInputInputs/TimeInputInputs.tsx
 create mode 100644 packages/time-input/src/TimeInputInputs/TimeInputInputs.types.ts
 create mode 100644 packages/time-input/src/TimeInputInputs/index.ts

diff --git a/packages/time-input/src/TimeInputContent/TimeInputContent.styles.ts b/packages/time-input/src/TimeInputContent/TimeInputContent.styles.ts
index 653bc003e7..e69de29bb2 100644
--- a/packages/time-input/src/TimeInputContent/TimeInputContent.styles.ts
+++ b/packages/time-input/src/TimeInputContent/TimeInputContent.styles.ts
@@ -1,7 +0,0 @@
-import { css } from '@leafygreen-ui/emotion';
-
-export const wrapperBaseStyles = css`
-  display: flex;
-  position: relative;
-  z-index: 0; // Establish new stacking context
-`;
diff --git a/packages/time-input/src/TimeInputContent/TimeInputContent.tsx b/packages/time-input/src/TimeInputContent/TimeInputContent.tsx
index 68f5b03f78..9c763d7f86 100644
--- a/packages/time-input/src/TimeInputContent/TimeInputContent.tsx
+++ b/packages/time-input/src/TimeInputContent/TimeInputContent.tsx
@@ -1,43 +1,12 @@
-import React, { useState } from 'react';
+import React from 'react';
 
-import { cx } from '@leafygreen-ui/emotion';
-import { FormField, FormFieldInputContainer } from '@leafygreen-ui/form-field';
-
-import { unitOptions } from '../constants';
-import { TimeInputInput } from '../TimeInputInput';
-import { TimeInputSelect } from '../TimeInputSelect';
-import { UnitOption } from '../TimeInputSelect/TimeInputSelect.types';
-
-import { wrapperBaseStyles } from './TimeInputContent.styles';
-import { TimeInputContentProps } from './TimeInputContent.types';
+import { TimeInputInputs } from '../TimeInputInputs';
 
 /**
  * @internal
  */
-export const TimeInputContent = ({ className }: TimeInputContentProps) => {
-  const [selectUnit, setSelectUnit] = useState<UnitOption>(unitOptions[0]);
-
-  const handleSelectChange = (unit: UnitOption) => {
-    setSelectUnit(unit);
-  };
-
-  return (
-    <div className={className}>
-      <FormField aria-labelledby="temp" label="Time Input">
-        <div className={cx(wrapperBaseStyles)}>
-          <FormFieldInputContainer>
-            <TimeInputInput />
-          </FormFieldInputContainer>
-          <TimeInputSelect
-            unit={selectUnit.displayName}
-            onChange={unit => {
-              handleSelectChange(unit);
-            }}
-          />
-        </div>
-      </FormField>
-    </div>
-  );
+export const TimeInputContent = () => {
+  return <TimeInputInputs />;
 };
 
 TimeInputContent.displayName = 'TimeInputContent';
diff --git a/packages/time-input/src/TimeInputInput/TimeInputInput.styles.ts b/packages/time-input/src/TimeInputInput/TimeInputInput.styles.ts
deleted file mode 100644
index aa09bb1172..0000000000
--- a/packages/time-input/src/TimeInputInput/TimeInputInput.styles.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { css, cx } from '@leafygreen-ui/emotion';
-
-export const getBaseStyles = () =>
-  cx(
-    css`
-      min-width: 100px;
-    `,
-  );
diff --git a/packages/time-input/src/TimeInputInput/TimeInputInput.tsx b/packages/time-input/src/TimeInputInput/TimeInputInput.tsx
deleted file mode 100644
index 7ac8a64244..0000000000
--- a/packages/time-input/src/TimeInputInput/TimeInputInput.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React, { useRef } from 'react';
-
-import { getBaseStyles } from './TimeInputInput.styles';
-
-/**
- * @internal
- */
-export const TimeInputInput = () => {
-  const containerRef = useRef<HTMLDivElement | null>(null);
-
-  return (
-    <div ref={containerRef} className={getBaseStyles()}>
-      {/* TODO: Input segments go here */}
-    </div>
-  );
-};
-
-TimeInputInput.displayName = 'TimeInputInput';
diff --git a/packages/time-input/src/TimeInputInput/TimeInputInput.types.ts b/packages/time-input/src/TimeInputInput/TimeInputInput.types.ts
deleted file mode 100644
index 880f2b9527..0000000000
--- a/packages/time-input/src/TimeInputInput/TimeInputInput.types.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export interface TimeInputInputProps {
-  className?: string;
-}
diff --git a/packages/time-input/src/TimeInputInput/index.ts b/packages/time-input/src/TimeInputInput/index.ts
deleted file mode 100644
index 1194a3a0f4..0000000000
--- a/packages/time-input/src/TimeInputInput/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { TimeInputInput } from './TimeInputInput';
-export { type TimeInputInputProps } from './TimeInputInput.types';
diff --git a/packages/time-input/src/TimeInputInput/TimeInputInput.spec.tsx b/packages/time-input/src/TimeInputInputs/TimeInputInputs.spec.tsx
similarity index 66%
rename from packages/time-input/src/TimeInputInput/TimeInputInput.spec.tsx
rename to packages/time-input/src/TimeInputInputs/TimeInputInputs.spec.tsx
index 47539cc419..e916be3eb7 100644
--- a/packages/time-input/src/TimeInputInput/TimeInputInput.spec.tsx
+++ b/packages/time-input/src/TimeInputInputs/TimeInputInputs.spec.tsx
@@ -2,8 +2,8 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 
-import { TimeInputInput } from '.';
+import { TimeInputInputs } from '.';
 
-describe('packages/time-input-input', () => {
+describe('packages/time-input-inputs', () => {
   test('condition', () => {});
 });
diff --git a/packages/time-input/src/TimeInputInputs/TimeInputInputs.styles.ts b/packages/time-input/src/TimeInputInputs/TimeInputInputs.styles.ts
new file mode 100644
index 0000000000..653bc003e7
--- /dev/null
+++ b/packages/time-input/src/TimeInputInputs/TimeInputInputs.styles.ts
@@ -0,0 +1,7 @@
+import { css } from '@leafygreen-ui/emotion';
+
+export const wrapperBaseStyles = css`
+  display: flex;
+  position: relative;
+  z-index: 0; // Establish new stacking context
+`;
diff --git a/packages/time-input/src/TimeInputInputs/TimeInputInputs.tsx b/packages/time-input/src/TimeInputInputs/TimeInputInputs.tsx
new file mode 100644
index 0000000000..245db4cf95
--- /dev/null
+++ b/packages/time-input/src/TimeInputInputs/TimeInputInputs.tsx
@@ -0,0 +1,40 @@
+import React, { useState } from 'react';
+
+import { cx } from '@leafygreen-ui/emotion';
+import { FormField, FormFieldInputContainer } from '@leafygreen-ui/form-field';
+
+import { unitOptions } from '../constants';
+import { TimeInputSelect } from '../TimeInputSelect/TimeInputSelect';
+import { UnitOption } from '../TimeInputSelect/TimeInputSelect.types';
+
+import { wrapperBaseStyles } from './TimeInputInputs.styles';
+
+/**
+ * @internal
+ */
+export const TimeInputInputs = () => {
+  const [selectUnit, setSelectUnit] = useState<UnitOption>(unitOptions[0]);
+
+  const handleSelectChange = (unit: UnitOption) => {
+    setSelectUnit(unit);
+  };
+
+  // TODO: break this out more
+  return (
+    <FormField aria-labelledby="temp" label="Time Input">
+      <div className={cx(wrapperBaseStyles)}>
+        <FormFieldInputContainer>
+          <div>TODO: Input segments go here</div>
+        </FormFieldInputContainer>
+        <TimeInputSelect
+          unit={selectUnit.displayName}
+          onChange={unit => {
+            handleSelectChange(unit);
+          }}
+        />
+      </div>
+    </FormField>
+  );
+};
+
+TimeInputInputs.displayName = 'TimeInputInputs';
diff --git a/packages/time-input/src/TimeInputInputs/TimeInputInputs.types.ts b/packages/time-input/src/TimeInputInputs/TimeInputInputs.types.ts
new file mode 100644
index 0000000000..24a9c26a60
--- /dev/null
+++ b/packages/time-input/src/TimeInputInputs/TimeInputInputs.types.ts
@@ -0,0 +1,3 @@
+export interface TimeInputInputsProps {
+  className?: string;
+}
diff --git a/packages/time-input/src/TimeInputInputs/index.ts b/packages/time-input/src/TimeInputInputs/index.ts
new file mode 100644
index 0000000000..3c78c08081
--- /dev/null
+++ b/packages/time-input/src/TimeInputInputs/index.ts
@@ -0,0 +1,2 @@
+export { TimeInputInputs } from './TimeInputInputs';
+export { type TimeInputInputsProps } from './TimeInputInputs.types';

From 97f08ca56bd824afe9a743e09e4732909d5dd7c1 Mon Sep 17 00:00:00 2001
From: Shaneeza <shaneeza.ali@mongodb.com>
Date: Mon, 22 Sep 2025 14:06:56 -0400
Subject: [PATCH 6/7] chore(time-input): add lodash as a dependency

---
 packages/time-input/package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/time-input/package.json b/packages/time-input/package.json
index 9a40d10bb9..03f8a31a72 100644
--- a/packages/time-input/package.json
+++ b/packages/time-input/package.json
@@ -38,7 +38,8 @@
     "@leafygreen-ui/select": "workspace:^",
     "@lg-tools/test-harnesses": "workspace:^",
     "@leafygreen-ui/tokens": "workspace:^",
-    "@leafygreen-ui/typography": "workspace:^"
+    "@leafygreen-ui/typography": "workspace:^",
+    "lodash": "^4.17.21"
   },
   "peerDependencies": {
     "@leafygreen-ui/leafygreen-provider": "workspace:^"

From 7eba934a7c72dfdff0e79d42b69834294b75cf2d Mon Sep 17 00:00:00 2001
From: Shaneeza <shaneeza.ali@mongodb.com>
Date: Mon, 22 Sep 2025 14:08:32 -0400
Subject: [PATCH 7/7] chore(pnpm-lock): update deps

---
 pnpm-lock.yaml | 123 +++++++++++++++++++++++++------------------------
 1 file changed, 63 insertions(+), 60 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c88c9753ee..18b8ed0703 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1997,7 +1997,7 @@ importers:
         version: 4.16.1
       ts-node:
         specifier: ^10.9.2
-        version: 10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)
+        version: 10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922)
       xml2json:
         specifier: ^0.12.0
         version: 0.12.0
@@ -3390,6 +3390,9 @@ importers:
       '@lg-tools/test-harnesses':
         specifier: workspace:^
         version: link:../../tools/test-harnesses
+      lodash:
+        specifier: ^4.17.21
+        version: 4.17.21
 
   packages/toast:
     dependencies:
@@ -4102,10 +4105,10 @@ importers:
         version: 8.6.12(storybook@8.6.14(prettier@2.8.8))
       '@storybook/react':
         specifier: 8.6.12
-        version: 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)
+        version: 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250922)
       '@storybook/react-webpack5':
         specifier: 8.6.12
-        version: 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)
+        version: 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250922)
       '@storybook/test':
         specifier: 8.6.12
         version: 8.6.12(storybook@8.6.14(prettier@2.8.8))
@@ -4114,7 +4117,7 @@ importers:
         version: 8.6.12(storybook@8.6.14(prettier@2.8.8))
       '@svgr/webpack':
         specifier: 8.0.1
-        version: 8.0.1(typescript@6.0.0-dev.20250911)
+        version: 8.0.1(typescript@6.0.0-dev.20250922)
       assert:
         specifier: ^2.1.0
         version: 2.1.0
@@ -4156,7 +4159,7 @@ importers:
         version: 18.3.1
       react-docgen-typescript:
         specifier: 2.2.2
-        version: 2.2.2(typescript@6.0.0-dev.20250911)
+        version: 2.2.2(typescript@6.0.0-dev.20250922)
       react-dom:
         specifier: ^17.0.0 || ^18.0.0
         version: 18.3.1(react@18.3.1)
@@ -4307,7 +4310,7 @@ importers:
         version: 11.1.1
       jest:
         specifier: 29.6.2
-        version: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
+        version: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922))
       jest-axe:
         specifier: 8.0.0
         version: 8.0.0
@@ -10950,8 +10953,8 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
-  typescript@6.0.0-dev.20250911:
-    resolution: {integrity: sha512-OgsCutlwVd10tyO7Sw/icN1c/UX4BlzC+9h3w3RYwGIbypRJYFi0wsSezhmUV4HocCFdSqmU0dJ/Ob3JA72icA==}
+  typescript@6.0.0-dev.20250922:
+    resolution: {integrity: sha512-4jTznRR2W8ak4kgHlxhNEauwCS/O2O2AfS3yC+Y4VxkRDFIruwdcW4+UQflBJrLCFa42lhdAAMGl1td/99KTKg==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -13529,7 +13532,7 @@ snapshots:
       - ts-node
     optional: true
 
-  '@jest/core@29.6.2(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))':
+  '@jest/core@29.6.2(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922))':
     dependencies:
       '@jest/console': 29.7.0
       '@jest/reporters': 29.7.0
@@ -13543,7 +13546,7 @@ snapshots:
       exit: 0.1.2
       graceful-fs: 4.2.11
       jest-changed-files: 29.7.0
-      jest-config: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
+      jest-config: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922))
       jest-haste-map: 29.7.0
       jest-message-util: 29.7.0
       jest-regex-util: 29.6.3
@@ -13600,7 +13603,7 @@ snapshots:
       - ts-node
     optional: true
 
-  '@jest/core@29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))':
+  '@jest/core@29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922))':
     dependencies:
       '@jest/console': 29.7.0
       '@jest/reporters': 29.7.0
@@ -13614,7 +13617,7 @@ snapshots:
       exit: 0.1.2
       graceful-fs: 4.2.11
       jest-changed-files: 29.7.0
-      jest-config: 29.7.0(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
+      jest-config: 29.7.0(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922))
       jest-haste-map: 29.7.0
       jest-message-util: 29.7.0
       jest-regex-util: 29.6.3
@@ -14145,7 +14148,7 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@storybook/builder-webpack5@8.6.12(esbuild@0.25.8)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)':
+  '@storybook/builder-webpack5@8.6.12(esbuild@0.25.8)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250922)':
     dependencies:
       '@storybook/core-webpack': 8.6.12(storybook@8.6.14(prettier@2.8.8))
       '@types/semver': 7.7.0
@@ -14155,7 +14158,7 @@ snapshots:
       constants-browserify: 1.0.0
       css-loader: 6.11.0(webpack@5.88.0(esbuild@0.25.8))
       es-module-lexer: 1.7.0
-      fork-ts-checker-webpack-plugin: 8.0.0(typescript@6.0.0-dev.20250911)(webpack@5.88.0(esbuild@0.25.8))
+      fork-ts-checker-webpack-plugin: 8.0.0(typescript@6.0.0-dev.20250922)(webpack@5.88.0(esbuild@0.25.8))
       html-webpack-plugin: 5.6.3(webpack@5.88.0(esbuild@0.25.8))
       magic-string: 0.30.17
       path-browserify: 1.0.1
@@ -14173,7 +14176,7 @@ snapshots:
       webpack-hot-middleware: 2.26.1
       webpack-virtual-modules: 0.6.2
     optionalDependencies:
-      typescript: 6.0.0-dev.20250911
+      typescript: 6.0.0-dev.20250922
     transitivePeerDependencies:
       - '@rspack/core'
       - '@swc/core'
@@ -14257,11 +14260,11 @@ snapshots:
     dependencies:
       storybook: 8.6.14(prettier@2.8.8)
 
-  '@storybook/preset-react-webpack@8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)':
+  '@storybook/preset-react-webpack@8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250922)':
     dependencies:
       '@storybook/core-webpack': 8.6.12(storybook@8.6.14(prettier@2.8.8))
-      '@storybook/react': 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)
-      '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@6.0.0-dev.20250911)(webpack@5.88.0(esbuild@0.25.8))
+      '@storybook/react': 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250922)
+      '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@6.0.0-dev.20250922)(webpack@5.88.0(esbuild@0.25.8))
       '@types/semver': 7.7.0
       find-up: 5.0.0
       magic-string: 0.30.17
@@ -14274,7 +14277,7 @@ snapshots:
       tsconfig-paths: 4.2.0
       webpack: 5.88.0(esbuild@0.25.8)
     optionalDependencies:
-      typescript: 6.0.0-dev.20250911
+      typescript: 6.0.0-dev.20250922
     transitivePeerDependencies:
       - '@storybook/test'
       - '@swc/core'
@@ -14287,16 +14290,16 @@ snapshots:
     dependencies:
       storybook: 8.6.14(prettier@2.8.8)
 
-  '@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0(typescript@6.0.0-dev.20250911)(webpack@5.88.0(esbuild@0.25.8))':
+  '@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0(typescript@6.0.0-dev.20250922)(webpack@5.88.0(esbuild@0.25.8))':
     dependencies:
       debug: 4.4.1
       endent: 2.1.0
       find-cache-dir: 3.3.2
       flat-cache: 3.2.0
       micromatch: 4.0.8
-      react-docgen-typescript: 2.2.2(typescript@6.0.0-dev.20250911)
+      react-docgen-typescript: 2.2.2(typescript@6.0.0-dev.20250922)
       tslib: 2.8.1
-      typescript: 6.0.0-dev.20250911
+      typescript: 6.0.0-dev.20250922
       webpack: 5.88.0(esbuild@0.25.8)
     transitivePeerDependencies:
       - supports-color
@@ -14307,16 +14310,16 @@ snapshots:
       react-dom: 18.3.1(react@18.3.1)
       storybook: 8.6.14(prettier@2.8.8)
 
-  '@storybook/react-webpack5@8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)':
+  '@storybook/react-webpack5@8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250922)':
     dependencies:
-      '@storybook/builder-webpack5': 8.6.12(esbuild@0.25.8)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)
-      '@storybook/preset-react-webpack': 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)
-      '@storybook/react': 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)
+      '@storybook/builder-webpack5': 8.6.12(esbuild@0.25.8)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250922)
+      '@storybook/preset-react-webpack': 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(esbuild@0.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250922)
+      '@storybook/react': 8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250922)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       storybook: 8.6.14(prettier@2.8.8)
     optionalDependencies:
-      typescript: 6.0.0-dev.20250911
+      typescript: 6.0.0-dev.20250922
     transitivePeerDependencies:
       - '@rspack/core'
       - '@storybook/test'
@@ -14341,7 +14344,7 @@ snapshots:
       '@storybook/test': 8.6.12(storybook@8.6.14(prettier@2.8.8))
       typescript: 5.8.3
 
-  '@storybook/react@8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250911)':
+  '@storybook/react@8.6.12(@storybook/test@8.6.12(storybook@8.6.14(prettier@2.8.8)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.14(prettier@2.8.8))(typescript@6.0.0-dev.20250922)':
     dependencies:
       '@storybook/components': 8.6.12(storybook@8.6.14(prettier@2.8.8))
       '@storybook/global': 5.0.0
@@ -14354,7 +14357,7 @@ snapshots:
       storybook: 8.6.14(prettier@2.8.8)
     optionalDependencies:
       '@storybook/test': 8.6.12(storybook@8.6.14(prettier@2.8.8))
-      typescript: 6.0.0-dev.20250911
+      typescript: 6.0.0-dev.20250922
 
   '@storybook/test@8.5.3(storybook@8.6.14(prettier@2.8.8))':
     dependencies:
@@ -14524,12 +14527,12 @@ snapshots:
       - supports-color
       - typescript
 
-  '@svgr/core@8.0.0(typescript@6.0.0-dev.20250911)':
+  '@svgr/core@8.0.0(typescript@6.0.0-dev.20250922)':
     dependencies:
       '@babel/core': 7.24.3
       '@svgr/babel-preset': 8.0.0(@babel/core@7.24.3)
       camelcase: 6.3.0
-      cosmiconfig: 8.3.6(typescript@6.0.0-dev.20250911)
+      cosmiconfig: 8.3.6(typescript@6.0.0-dev.20250922)
       snake-case: 3.0.4
     transitivePeerDependencies:
       - supports-color
@@ -14574,11 +14577,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@svgr/plugin-jsx@8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250911))':
+  '@svgr/plugin-jsx@8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250922))':
     dependencies:
       '@babel/core': 7.24.3
       '@svgr/babel-preset': 8.0.0(@babel/core@7.24.3)
-      '@svgr/core': 8.0.0(typescript@6.0.0-dev.20250911)
+      '@svgr/core': 8.0.0(typescript@6.0.0-dev.20250922)
       '@svgr/hast-util-to-babel-ast': 8.0.0
       svg-parser: 2.0.4
     transitivePeerDependencies:
@@ -14609,10 +14612,10 @@ snapshots:
     transitivePeerDependencies:
       - typescript
 
-  '@svgr/plugin-svgo@8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250911))(typescript@6.0.0-dev.20250911)':
+  '@svgr/plugin-svgo@8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250922))(typescript@6.0.0-dev.20250922)':
     dependencies:
-      '@svgr/core': 8.0.0(typescript@6.0.0-dev.20250911)
-      cosmiconfig: 8.3.6(typescript@6.0.0-dev.20250911)
+      '@svgr/core': 8.0.0(typescript@6.0.0-dev.20250922)
+      cosmiconfig: 8.3.6(typescript@6.0.0-dev.20250922)
       deepmerge: 4.3.1
       svgo: 3.3.2
     transitivePeerDependencies:
@@ -14643,16 +14646,16 @@ snapshots:
       - supports-color
       - typescript
 
-  '@svgr/webpack@8.0.1(typescript@6.0.0-dev.20250911)':
+  '@svgr/webpack@8.0.1(typescript@6.0.0-dev.20250922)':
     dependencies:
       '@babel/core': 7.24.3
       '@babel/plugin-transform-react-constant-elements': 7.27.1(@babel/core@7.24.3)
       '@babel/preset-env': 7.24.3(@babel/core@7.24.3)
       '@babel/preset-react': 7.24.1(@babel/core@7.24.3)
       '@babel/preset-typescript': 7.24.1(@babel/core@7.24.3)
-      '@svgr/core': 8.0.0(typescript@6.0.0-dev.20250911)
-      '@svgr/plugin-jsx': 8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250911))
-      '@svgr/plugin-svgo': 8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250911))(typescript@6.0.0-dev.20250911)
+      '@svgr/core': 8.0.0(typescript@6.0.0-dev.20250922)
+      '@svgr/plugin-jsx': 8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250922))
+      '@svgr/plugin-svgo': 8.0.1(@svgr/core@8.0.0(typescript@6.0.0-dev.20250922))(typescript@6.0.0-dev.20250922)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -15954,14 +15957,14 @@ snapshots:
     optionalDependencies:
       typescript: 5.8.3
 
-  cosmiconfig@8.3.6(typescript@6.0.0-dev.20250911):
+  cosmiconfig@8.3.6(typescript@6.0.0-dev.20250922):
     dependencies:
       import-fresh: 3.3.1
       js-yaml: 4.1.0
       parse-json: 5.2.0
       path-type: 4.0.0
     optionalDependencies:
-      typescript: 6.0.0-dev.20250911
+      typescript: 6.0.0-dev.20250922
 
   create-ecdh@4.0.4:
     dependencies:
@@ -16341,7 +16344,7 @@ snapshots:
     dependencies:
       semver: 7.7.2
       shelljs: 0.8.5
-      typescript: 6.0.0-dev.20250911
+      typescript: 6.0.0-dev.20250922
 
   dunder-proto@1.0.1:
     dependencies:
@@ -16961,7 +16964,7 @@ snapshots:
       cross-spawn: 7.0.6
       signal-exit: 4.1.0
 
-  fork-ts-checker-webpack-plugin@8.0.0(typescript@6.0.0-dev.20250911)(webpack@5.88.0(esbuild@0.25.8)):
+  fork-ts-checker-webpack-plugin@8.0.0(typescript@6.0.0-dev.20250922)(webpack@5.88.0(esbuild@0.25.8)):
     dependencies:
       '@babel/code-frame': 7.27.1
       chalk: 4.1.2
@@ -16975,7 +16978,7 @@ snapshots:
       schema-utils: 3.3.0
       semver: 7.7.2
       tapable: 2.2.2
-      typescript: 6.0.0-dev.20250911
+      typescript: 6.0.0-dev.20250922
       webpack: 5.88.0(esbuild@0.25.8)
 
   form-data@2.5.5:
@@ -17659,16 +17662,16 @@ snapshots:
       - ts-node
     optional: true
 
-  jest-cli@29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)):
+  jest-cli@29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922)):
     dependencies:
-      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
+      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922))
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
       chalk: 4.1.2
       exit: 0.1.2
       graceful-fs: 4.2.11
       import-local: 3.2.0
-      jest-config: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
+      jest-config: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922))
       jest-util: 29.7.0
       jest-validate: 29.7.0
       prompts: 2.4.2
@@ -17711,7 +17714,7 @@ snapshots:
       - supports-color
     optional: true
 
-  jest-config@29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)):
+  jest-config@29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922)):
     dependencies:
       '@babel/core': 7.24.3
       '@jest/test-sequencer': 29.7.0
@@ -17737,7 +17740,7 @@ snapshots:
       strip-json-comments: 3.1.1
     optionalDependencies:
       '@types/node': 20.19.9
-      ts-node: 10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)
+      ts-node: 10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
@@ -17774,7 +17777,7 @@ snapshots:
       - supports-color
     optional: true
 
-  jest-config@29.7.0(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)):
+  jest-config@29.7.0(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922)):
     dependencies:
       '@babel/core': 7.24.3
       '@jest/test-sequencer': 29.7.0
@@ -17800,7 +17803,7 @@ snapshots:
       strip-json-comments: 3.1.1
     optionalDependencies:
       '@types/node': 20.19.9
-      ts-node: 10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)
+      ts-node: 10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
@@ -18068,12 +18071,12 @@ snapshots:
       - ts-node
     optional: true
 
-  jest@29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911)):
+  jest@29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922)):
     dependencies:
-      '@jest/core': 29.6.2(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
+      '@jest/core': 29.6.2(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922))
       '@jest/types': 29.6.3
       import-local: 3.2.0
-      jest-cli: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911))
+      jest-cli: 29.6.2(@types/node@20.19.9)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922))
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -19466,9 +19469,9 @@ snapshots:
     dependencies:
       typescript: 5.8.3
 
-  react-docgen-typescript@2.2.2(typescript@6.0.0-dev.20250911):
+  react-docgen-typescript@2.2.2(typescript@6.0.0-dev.20250922):
     dependencies:
-      typescript: 6.0.0-dev.20250911
+      typescript: 6.0.0-dev.20250922
 
   react-docgen@7.1.1:
     dependencies:
@@ -20408,7 +20411,7 @@ snapshots:
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
 
-  ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250911):
+  ts-node@10.9.2(@types/node@20.19.9)(typescript@6.0.0-dev.20250922):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.11
@@ -20422,7 +20425,7 @@ snapshots:
       create-require: 1.1.1
       diff: 4.0.2
       make-error: 1.3.6
-      typescript: 6.0.0-dev.20250911
+      typescript: 6.0.0-dev.20250922
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
 
@@ -20534,7 +20537,7 @@ snapshots:
 
   typescript@5.8.3: {}
 
-  typescript@6.0.0-dev.20250911: {}
+  typescript@6.0.0-dev.20250922: {}
 
   unbox-primitive@1.1.0:
     dependencies: