@maxio-com/react-ui-components 9.23.0 → 9.24.1

package/dist/skills/maxio-react/references/migration-guides-v9.md

@@ -0,0 +1,299 @@
+# What Changed in v9
+
+`@maxio-com/react-ui-components` is currently on the `9.x` line. This page
+tracks every component deprecated during v9 as its own section, so anyone
+catching up from an older release can see everything worth migrating in one
+place before the next major version removes deprecated APIs entirely.
+
+This page grows as more components are deprecated during v9 — each one gets
+its own section below, with a prop mapping, behavior notes, and a checklist.
+
+## TextInput to TextField
+
+_Deprecated in v9.10.0._
+
+`TextInput` is deprecated. Use `TextField` for new React forms and migrate
+existing usage when you are already touching the surrounding form.
+
+`TextField` keeps the same visual treatment and single-line input behavior,
+but it exposes the React Aria Components field API directly. Most migrations
+are a small prop rename from the legacy `TextInput` API to the supported
+`TextField` API.
+
+### Before and After
+
+<div className="migration-before-after">
+
+<div>
+
+#### Before
+
+```tsx
+import { TextInput } from '@maxio-com/react-ui-components';
+
+<TextInput
+  label="Customer name"
+  placeholder="Acme Co."
+  helperText="Use the legal business name."
+  value={customerName}
+  invalid={!customerName}
+  errorMessage="Enter a customer name."
+  disabled={isSaving}
+  onChange={setCustomerName}
+/>;
+```
+
+</div>
+
+<div>
+
+#### After
+
+```tsx
+import { TextField } from '@maxio-com/react-ui-components';
+
+<TextField
+  label="Customer name"
+  placeholder="Acme Co."
+  description="Use the legal business name."
+  value={customerName}
+  isInvalid={!customerName}
+  errorMessage="Enter a customer name."
+  isDisabled={isSaving}
+  onChange={setCustomerName}
+/>;
+```
+
+</div>
+
+</div>
+
+### Prop Mapping
+
+<div className="migration-prop-legend">
+  <div className="migration-prop-legend__item">
+    <span className="migration-prop-legend__swatch migration-prop-legend__swatch--changed" />
+    Renamed or changed behavior
+  </div>
+  <div className="migration-prop-legend__item">
+    <span className="migration-prop-legend__swatch migration-prop-legend__swatch--removed" />
+    No direct replacement
+  </div>
+  <div className="migration-prop-legend__item">
+    <span className="migration-prop-legend__swatch migration-prop-legend__swatch--unchanged" />
+    Carries over unchanged
+  </div>
+</div>
+
+<table className="migration-prop-table">
+  <thead>
+    <tr>
+      <th>TextInput prop</th>
+      <th>TextField prop</th>
+      <th>Notes</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><code>label</code></td>
+      <td><code>label</code></td>
+      <td>Same visible label prop. Prefer a visible label whenever possible.</td>
+    </tr>
+    <tr className="migration-prop-row--changed">
+      <td><code>helperText</code></td>
+      <td><code>description</code></td>
+      <td>Rename helper copy to <code>description</code>; it is hidden when an error shows.</td>
+    </tr>
+    <tr>
+      <td><code>errorMessage</code></td>
+      <td><code>errorMessage</code></td>
+      <td>Same error copy prop. Pair it with invalid state.</td>
+    </tr>
+    <tr className="migration-prop-row--changed">
+      <td><code>invalid</code></td>
+      <td><code>isInvalid</code></td>
+      <td>Rename to the React Aria Components state prop.</td>
+    </tr>
+    <tr className="migration-prop-row--changed">
+      <td><code>disabled</code></td>
+      <td><code>isDisabled</code></td>
+      <td>Rename to the React Aria Components state prop.</td>
+    </tr>
+    <tr className="migration-prop-row--changed">
+      <td><code>readOnly</code></td>
+      <td><code>isReadOnly</code></td>
+      <td>Rename to the React Aria Components state prop.</td>
+    </tr>
+    <tr className="migration-prop-row--changed">
+      <td><code>required</code></td>
+      <td><code>isRequired</code></td>
+      <td>Not equivalent: <code>TextInput</code>'s native <code>required</code> attribute was silently ignored (see Behavior Notes). <code>isRequired</code> is the first working required state.</td>
+    </tr>
+    <tr>
+      <td><code>placeholder</code></td>
+      <td><code>placeholder</code></td>
+      <td>Same example-value prop. Do not use it as the only label.</td>
+    </tr>
+    <tr>
+      <td><code>value</code></td>
+      <td><code>value</code></td>
+      <td>Same controlled value pattern.</td>
+    </tr>
+    <tr>
+      <td><code>defaultValue</code></td>
+      <td><code>defaultValue</code></td>
+      <td>Same uncontrolled value pattern.</td>
+    </tr>
+    <tr>
+      <td><code>onChange</code></td>
+      <td><code>onChange</code></td>
+      <td>Both components call <code>onChange</code> with the next string value.</td>
+    </tr>
+    <tr>
+      <td><code>size</code></td>
+      <td><code>size</code></td>
+      <td>Same supported sizes: <code>sm</code>, <code>md</code>, <code>lg</code>, and <code>xl</code>.</td>
+    </tr>
+    <tr>
+      <td><code>fullWidth</code></td>
+      <td><code>fullWidth</code></td>
+      <td>Same layout prop.</td>
+    </tr>
+    <tr>
+      <td><code>leadingElement</code></td>
+      <td><code>leadingElement</code></td>
+      <td>Same slot for compact visual context or a small action.</td>
+    </tr>
+    <tr>
+      <td><code>trailingElement</code></td>
+      <td><code>trailingElement</code></td>
+      <td>Same slot for compact visual context or a small action.</td>
+    </tr>
+    <tr className="migration-prop-row--removed">
+      <td><code>showErrorMessage</code></td>
+      <td>No direct prop</td>
+      <td>Remove unless the surrounding UX intentionally suppresses error text.</td>
+    </tr>
+    <tr className="migration-prop-row--changed">
+      <td><code>type</code></td>
+      <td><code>type</code></td>
+      <td><code>TextField</code> supports text-like types: <code>text</code>, <code>search</code>, <code>url</code>, <code>tel</code>, <code>email</code>, and <code>password</code>.</td>
+    </tr>
+  </tbody>
+</table>
+
+### Behavior Notes
+
+- `TextField` uses React Aria Components field state props such as `isInvalid`,
+  `isDisabled`, `isReadOnly`, and `isRequired`.
+- `TextInput` never wired a required state into its underlying `useTextField`
+  call, so passing a native `required` attribute had no effect: no
+  `aria-required`, and no native HTML5 required behavior. If any existing
+  usage relied on `required`, treat adding `isRequired` on `TextField` as
+  turning on required validation for the first time, not as a like-for-like
+  rename — double-check the surrounding form still behaves as expected.
+- `TextInput` logs a deprecation warning when it mounts.
+- `TextField` should use `description` for helper text and `errorMessage` for
+  validation feedback.
+- Keep leading and trailing interactive elements independently accessible with
+  their own accessible names.
+
+### Migration Checklist
+
+Check items off as you go. Progress is saved in your browser, so you can leave
+and come back to this guide while migrating a larger form.
+
+<Checklist
+  storageKey="migration-checklist-textinput-to-textfield"
+  items={[
+    {
+      id: 'replace-imports',
+      title: (
+        <>
+          Replace <code>TextInput</code> imports with <code>TextField</code>
+        </>
+      ),
+      description: 'TextField is the supported replacement going forward.',
+    },
+    {
+      id: 'rename-helper-text',
+      title: (
+        <>
+          Rename <code>helperText</code> to <code>description</code>
+        </>
+      ),
+      description:
+        'The prop is still hidden automatically whenever an error message shows, same as before.',
+    },
+    {
+      id: 'rename-state-props',
+      title: 'Rename legacy state props to their React Aria equivalents',
+      description: (
+        <>
+          <code>invalid</code> to <code>isInvalid</code>, <code>disabled</code>{' '}
+          to <code>isDisabled</code>, and <code>readOnly</code> to{' '}
+          <code>isReadOnly</code>.
+        </>
+      ),
+    },
+    {
+      id: 'add-is-required',
+      title: (
+        <>
+          Add <code>isRequired</code> if the field should be required
+        </>
+      ),
+      description: (
+        <>
+          It wasn't previously enforced: a native <code>required</code> on{' '}
+          <code>TextInput</code> had no effect.
+        </>
+      ),
+    },
+    {
+      id: 'controlled-state',
+      title: 'Keep the same controlled/uncontrolled state pattern',
+      description: (
+        <>
+          <code>value</code> plus <code>onChange</code> for controlled fields,{' '}
+          <code>defaultValue</code> for simple uncontrolled ones.
+        </>
+      ),
+    },
+    {
+      id: 'review-validation',
+      title: 'Review when validation errors appear',
+      description:
+        'Confirm errors still show after submit, blur, or whatever validation moment the surrounding form expects.',
+    },
+    {
+      id: 'remove-show-error-message',
+      title: (
+        <>
+          Remove <code>showErrorMessage</code> usage
+        </>
+      ),
+      description:
+        'TextField has no equivalent prop — handle any intentional suppression in the surrounding form instead.',
+    },
+    {
+      id: 'confirm-label',
+      title: 'Confirm the field still has an accessible name',
+      description:
+        'Keep a visible label wherever possible, per the component’s accessibility guidance.',
+    },
+  ]}
+/>
+
+## Looking Ahead
+
+When the next major version removes these deprecated components, its own
+upgrade guide will supersede this page — this content will move there, along
+with any other breaking changes that release introduces.
+
+## Related
+
+- **[TextField](components-forms-textfield.md)**: supported
+  React replacement for single-line text fields.
+- **[TextInput](deprecated-textinput.md)**: deprecated
+  component documentation for legacy maintenance.

package/dist/temporary-typings/src/components/Calendar/Calendar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type DateValue } from 'react-aria-components';
+import type { CalendarProps } from './types';
+declare const Calendar: <T extends DateValue>({ className, errorMessage, ...props }: CalendarProps<T>) => React.JSX.Element;
+export default Calendar;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/temporary-typings/src/components/Calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,QAAA,MAAM,QAAQ,GAAI,CAAC,SAAS,SAAS,EAAE,uCAIpC,aAAa,CAAC,CAAC,CAAC,sBA6ClB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/temporary-typings/src/components/Calendar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Calendar } from './Calendar';
+export type { CalendarProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/temporary-typings/src/components/Calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/temporary-typings/src/components/Calendar/types.d.ts

@@ -0,0 +1,5 @@
+import type { CalendarProps as AriaCalendarProps, DateValue } from 'react-aria-components';
+export interface CalendarProps<T extends DateValue = DateValue> extends Omit<AriaCalendarProps<T>, 'children' | 'visibleDuration'> {
+    errorMessage?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/temporary-typings/src/components/Calendar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,EACV,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAAE,SAAQ,IAAI,CAC1E,iBAAiB,CAAC,CAAC,CAAC,EACpB,UAAU,GAAG,iBAAiB,CAC/B;IAEC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/temporary-typings/src/components/RangeCalendar/RangeCalendar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type DateValue } from 'react-aria-components';
+import type { RangeCalendarProps } from './types';
+declare const RangeCalendar: <T extends DateValue>({ className, errorMessage, ...props }: RangeCalendarProps<T>) => React.JSX.Element;
+export default RangeCalendar;
+//# sourceMappingURL=RangeCalendar.d.ts.map

package/dist/temporary-typings/src/components/RangeCalendar/RangeCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/RangeCalendar/RangeCalendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,SAAS,EAAE,uCAIzC,kBAAkB,CAAC,CAAC,CAAC,sBAkDvB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/temporary-typings/src/components/RangeCalendar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as RangeCalendar } from './RangeCalendar';
+export type { RangeCalendarProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/temporary-typings/src/components/RangeCalendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RangeCalendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/temporary-typings/src/components/RangeCalendar/types.d.ts

@@ -0,0 +1,5 @@
+import type { RangeCalendarProps as AriaRangeCalendarProps, DateValue } from 'react-aria-components';
+export interface RangeCalendarProps<T extends DateValue = DateValue> extends Omit<AriaRangeCalendarProps<T>, 'children' | 'visibleDuration'> {
+    errorMessage?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/temporary-typings/src/components/RangeCalendar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/RangeCalendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,IAAI,sBAAsB,EAC5C,SAAS,EACV,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,kBAAkB,CACjC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC/B,SAAQ,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,iBAAiB,CAAC;IAEvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/temporary-typings/src/components/index.d.ts

@@ -41,4 +41,8 @@ export type { CopyToClipboardProps, CopyToClipboardSize, CopyToClipboardVariant,
 export type { EmptyStateHeadingLevel, EmptyStateProps, } from './EmptyState';
 export type { ComboBoxProps, TextAreaProps, TextFieldProps, TextInputProps, } from './forms';
 export type { SegmentedControlItemProps, SegmentedControlProps, SegmentedControlSize, } from './SegmentedControl';
+export { Calendar } from './Calendar';
+export type { CalendarProps } from './Calendar';
+export { RangeCalendar } from './RangeCalendar';
+export type { RangeCalendarProps } from './RangeCalendar';
 //# sourceMappingURL=index.d.ts.map

package/dist/temporary-typings/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/temporary-typings/src/guides/migrations/Checklist.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ChecklistItem {
+    id: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+}
+export interface ChecklistProps {
+    storageKey: string;
+    items: ChecklistItem[];
+}
+declare const Checklist: ({ storageKey, items }: ChecklistProps) => React.JSX.Element;
+export default Checklist;
+//# sourceMappingURL=Checklist.d.ts.map

package/dist/temporary-typings/src/guides/migrations/Checklist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checklist.d.ts","sourceRoot":"","sources":["../../../../../src/guides/migrations/Checklist.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAI7B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB;AAYD,QAAA,MAAM,SAAS,GAAI,uBAAuB,cAAc,sBAgEvD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maxio-com/react-ui-components",
-  "version": "9.23.0",
+  "version": "9.24.1",
   "description": "React UI components",
   "type": "module",
   "license": "MIT",
@@ -48,6 +48,7 @@
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.1.0",
     "@floating-ui/react-dom": "^2.1.9",
     "@floating-ui/react-dom-interactions": "^0.13.3",
+    "@internationalized/date": "^3.12.3",
     "@maxio-com/design-tokens": "^4.2.3",
     "@react-aria/toast": "3.1.1",
     "@react-aria/utils": "^3.34.1",
@@ -64,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b1b1dedfb4c97a381d065702fd7d8ee7002fbefd"
+  "gitHead": "57a63363b591a6d87a5e1c289159da6b1a4a55e7"
 }

package/typings/index.d.ts

@@ -1,7 +1,7 @@
 import React$1, { ReactNode, HTMLAttributes, LiHTMLAttributes, ButtonHTMLAttributes, AnchorHTMLAttributes, RefObject, FC, ElementType, InputHTMLAttributes } from 'react';
 import { RowData, Row, Table, ExpandedState, RowSelectionState, SortingState, TableOptions } from '@tanstack/react-table';
 export { createColumnHelper } from '@tanstack/react-table';
-import { PopoverProps as PopoverProps$1, ToggleButtonGroupProps, ToggleButtonProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps as ListBoxItemProps$1, ListBoxSectionProps as ListBoxSectionProps$1, HeaderProps, ComboBoxProps as ComboBoxProps$1, ValidationResult, TextFieldProps as TextFieldProps$1 } from 'react-aria-components';
+import { PopoverProps as PopoverProps$1, ToggleButtonGroupProps, ToggleButtonProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps as ListBoxItemProps$1, ListBoxSectionProps as ListBoxSectionProps$1, HeaderProps, ComboBoxProps as ComboBoxProps$1, ValidationResult, TextFieldProps as TextFieldProps$1, DateValue, CalendarProps as CalendarProps$1, RangeCalendarProps as RangeCalendarProps$1 } from 'react-aria-components';
 export { DialogTrigger, Pressable } from 'react-aria-components';
 import * as _floating_ui_react_dom_interactions from '@floating-ui/react-dom-interactions';
 import { MotionProps } from 'framer-motion';
@@ -894,6 +894,18 @@ type GridProps = {
 
 declare const Grid: ({ children, templateColumns, templateRows, autoColumns, autoRows, inline, column, columnStart, columnEnd, row, rowStart, rowEnd, gap, gapX, gapY, className, justifyContent, alignItems, ...props }: GridProps) => React$1.JSX.Element;
 
+interface CalendarProps<T extends DateValue = DateValue> extends Omit<CalendarProps$1<T>, 'children' | 'visibleDuration'> {
+    errorMessage?: string;
+}
+
+declare const Calendar: <T extends DateValue>({ className, errorMessage, ...props }: CalendarProps<T>) => React$1.JSX.Element;
+
+interface RangeCalendarProps<T extends DateValue = DateValue> extends Omit<RangeCalendarProps$1<T>, 'children' | 'visibleDuration'> {
+    errorMessage?: string;
+}
+
+declare const RangeCalendar: <T extends DateValue>({ className, errorMessage, ...props }: RangeCalendarProps<T>) => React$1.JSX.Element;
+
 type Sentiment = 'success' | 'danger';
 type AuthLayoutProps = {
     children: React.ReactNode;
@@ -908,5 +920,5 @@ type AuthLayoutProps = {
 
 declare const AuthLayout: ({ children, heading, description, sentiment, leadingElement, alert, topAddon, footer, }: AuthLayoutProps) => React$1.JSX.Element;
 
-export { ActionList, Alert, AuthLayout, Avatar, Banner, Body, Breadcrumbs, BreadcrumbsItem, Button, Card, Checkbox, CheckboxGroup, Chip, Code, ComboBox, CopyToClipboard, DataTable, Display, Drawer, EmptyState, Flex, FormErrorMessage, FormHelperText, GlobalToastProvider, Grid, Heading, Icon, IconButton, Label, Link, ListBox, LoadingSpinner, Logo, Menu, MenuButton, MenuList, OverlayTrigger, Pagination, Popover, ProgressBar, Radio, RadioGroup, SegmentedControl, Select, SideNavWrapper as SideNav, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, TextArea, TextField, TextInput, Tile, ToastProvider, ToastQueue, Toggle, Tooltip, TooltipTrigger, TopBar, useElementResizeObserver, useHover, useOverlayTrigger, useToast, useWindowSize };
-export type { ComboBoxProps, CopyToClipboardProps, CopyToClipboardSize, CopyToClipboardVariant, DrawerProps, EmptyStateHeadingLevel, EmptyStateProps, Interactions, OverlayAriaRole, Placement, PopoverProps, SegmentedControlItemProps, SegmentedControlProps, SegmentedControlSize, TextAreaProps, TextFieldProps, TextInputProps };
+export { ActionList, Alert, AuthLayout, Avatar, Banner, Body, Breadcrumbs, BreadcrumbsItem, Button, Calendar, Card, Checkbox, CheckboxGroup, Chip, Code, ComboBox, CopyToClipboard, DataTable, Display, Drawer, EmptyState, Flex, FormErrorMessage, FormHelperText, GlobalToastProvider, Grid, Heading, Icon, IconButton, Label, Link, ListBox, LoadingSpinner, Logo, Menu, MenuButton, MenuList, OverlayTrigger, Pagination, Popover, ProgressBar, Radio, RadioGroup, RangeCalendar, SegmentedControl, Select, SideNavWrapper as SideNav, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, TextArea, TextField, TextInput, Tile, ToastProvider, ToastQueue, Toggle, Tooltip, TooltipTrigger, TopBar, useElementResizeObserver, useHover, useOverlayTrigger, useToast, useWindowSize };
+export type { CalendarProps, ComboBoxProps, CopyToClipboardProps, CopyToClipboardSize, CopyToClipboardVariant, DrawerProps, EmptyStateHeadingLevel, EmptyStateProps, Interactions, OverlayAriaRole, Placement, PopoverProps, RangeCalendarProps, SegmentedControlItemProps, SegmentedControlProps, SegmentedControlSize, TextAreaProps, TextFieldProps, TextInputProps };