@medusajs/dashboard 2.22.1 → 2.22.2-preview-20261028132907

package/dist/components.d.mts

@@ -1,6 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { ReactNode, PropsWithChildren, ComponentPropsWithoutRef, ForwardRefExoticComponent, PropsWithoutRef, ComponentProps, RefAttributes, ElementRef } from 'react';
+import * as react from 'react';
+import react__default, { ReactNode, PropsWithChildren, ComponentPropsWithoutRef, ForwardRefExoticComponent, PropsWithoutRef, ComponentProps, RefAttributes, ElementRef } from 'react';
 import { L as LayoutControlSize, a as LayoutComponentProps } from './types-DYXLoDeW.mjs';
 import { Layouts, SectionNameFor } from '@medusajs/admin-shared';
 import { T as TableAdapter } from './table-adapters-DnG5KPvi.mjs';
@@ -24,7 +23,7 @@ type LayoutEntryProps = {
  * component name is unstable (subject to rename or minification), ensuring
  * any saved user preferences survive refactors.
  */
-declare function LayoutEntry({ children }: LayoutEntryProps): react_jsx_runtime.JSX.Element;
+declare function LayoutEntry({ children }: LayoutEntryProps): react.JSX.Element;
 declare namespace LayoutEntry {
     var displayName: string;
 }
@@ -100,7 +99,7 @@ interface ConfigurableDataTableProps<TData> {
     layout?: "fill" | "auto";
     actions?: DataTableActionProps$1[];
 }
-declare function ConfigurableDataTable<TData>({ adapter, heading, subHeading, pageSize: pageSizeProp, queryPrefix: queryPrefixProp, layout, actions, }: ConfigurableDataTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function ConfigurableDataTable<TData>({ adapter, heading, subHeading, pageSize: pageSizeProp, queryPrefix: queryPrefixProp, layout, actions, }: ConfigurableDataTableProps<TData>): react.JSX.Element;
 
 type Action = {
     icon: ReactNode;
@@ -124,30 +123,30 @@ type ActionMenuProps = PropsWithChildren<{
     groups: ActionGroup[];
     variant?: "transparent" | "primary";
 }>;
-declare const ActionMenu: ({ groups, variant, children, }: ActionMenuProps) => react_jsx_runtime.JSX.Element;
+declare const ActionMenu: ({ groups, variant, children, }: ActionMenuProps) => react.JSX.Element;
 
 type ConditionalTooltipProps = PropsWithChildren<ComponentPropsWithoutRef<typeof Tooltip> & {
     showTooltip?: boolean;
 }>;
-declare const ConditionalTooltip: ({ children, showTooltip, ...props }: ConditionalTooltipProps) => string | number | boolean | Iterable<React.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare const ConditionalTooltip: ({ children, showTooltip, ...props }: ConditionalTooltipProps) => string | number | boolean | Iterable<react.ReactNode> | react.JSX.Element | null | undefined;
 
 type DisplayIdProps = {
     id: string;
     className?: string;
 };
-declare function DisplayId({ id, className }: DisplayIdProps): react_jsx_runtime.JSX.Element;
+declare function DisplayId({ id, className }: DisplayIdProps): react.JSX.Element;
 
-declare const Form: (<TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React__default.JSX.Element) & {
-    Item: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-    Label: React__default.ForwardRefExoticComponent<Omit<Label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & {
+declare const Form: (<TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => react__default.JSX.Element) & {
+    Item: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLDivElement> & react__default.RefAttributes<HTMLDivElement>>;
+    Label: react__default.ForwardRefExoticComponent<Omit<Label.LabelProps & react__default.RefAttributes<HTMLLabelElement>, "ref"> & {
         optional?: boolean;
         tooltip?: ReactNode;
         icon?: ReactNode;
-    } & React__default.RefAttributes<HTMLLabelElement>>;
-    Control: React__default.ForwardRefExoticComponent<Omit<Slot.SlotProps & React__default.RefAttributes<HTMLElement>, "ref"> & React__default.RefAttributes<HTMLElement>>;
-    Hint: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
-    ErrorMessage: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
-    Field: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+    } & react__default.RefAttributes<HTMLLabelElement>>;
+    Control: react__default.ForwardRefExoticComponent<Omit<Slot.SlotProps & react__default.RefAttributes<HTMLElement>, "ref"> & react__default.RefAttributes<HTMLElement>>;
+    Hint: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLParagraphElement> & react__default.RefAttributes<HTMLParagraphElement>>;
+    ErrorMessage: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLParagraphElement> & react__default.RefAttributes<HTMLParagraphElement>>;
+    Field: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react__default.JSX.Element;
 };
 
 type IconAvatarProps = PropsWithChildren<{
@@ -160,27 +159,27 @@ type IconAvatarProps = PropsWithChildren<{
  *
  * The `<Avatar/>` component from `@medusajs/ui` does not support passing an icon as a child.
  */
-declare const IconAvatar: ({ size, variant, children, className, }: IconAvatarProps) => react_jsx_runtime.JSX.Element;
+declare const IconAvatar: ({ size, variant, children, className, }: IconAvatarProps) => react.JSX.Element;
 
 type JsonViewSectionProps = {
     data: object;
     title?: string;
 };
-declare const JsonViewSection: ({ data }: JsonViewSectionProps) => react_jsx_runtime.JSX.Element;
+declare const JsonViewSection: ({ data }: JsonViewSectionProps) => react.JSX.Element;
 
 interface ListicleProps {
     labelKey: string;
     descriptionKey: string;
     children?: ReactNode;
 }
-declare const Listicle: ({ labelKey, descriptionKey, children, }: ListicleProps) => react_jsx_runtime.JSX.Element;
+declare const Listicle: ({ labelKey, descriptionKey, children, }: ListicleProps) => react.JSX.Element;
 
 type NoResultsProps = {
     title?: string;
     message?: string;
     className?: string;
 };
-declare const NoResults: ({ title, message, className }: NoResultsProps) => react_jsx_runtime.JSX.Element;
+declare const NoResults: ({ title, message, className }: NoResultsProps) => react__default.JSX.Element;
 type ActionProps = {
     action?: {
         to: string;
@@ -192,16 +191,16 @@ type NoRecordsProps = {
     message?: string;
     className?: string;
     buttonVariant?: string;
-    icon?: React__default.ReactNode;
+    icon?: react__default.ReactNode;
 } & ActionProps;
-declare const NoRecords: ({ title, message, action, className, buttonVariant, icon, }: NoRecordsProps) => react_jsx_runtime.JSX.Element;
+declare const NoRecords: ({ title, message, action, className, buttonVariant, icon, }: NoRecordsProps) => react__default.JSX.Element;
 
 type SectionRowProps = {
     title: string;
     value?: ReactNode | string | null;
     actions?: ReactNode;
 };
-declare const SectionRow: ({ title, value, actions }: SectionRowProps) => react_jsx_runtime.JSX.Element;
+declare const SectionRow: ({ title, value, actions }: SectionRowProps) => react.JSX.Element;
 
 interface SidebarLinkProps {
     to: string;
@@ -209,19 +208,19 @@ interface SidebarLinkProps {
     descriptionKey: string;
     icon: ReactNode;
 }
-declare const SidebarLink: ({ to, labelKey, descriptionKey, icon, }: SidebarLinkProps) => react_jsx_runtime.JSX.Element;
+declare const SidebarLink: ({ to, labelKey, descriptionKey, icon, }: SidebarLinkProps) => react.JSX.Element;
 
 type ThumbnailProps = {
     src?: string | null;
     alt?: string;
     size?: "small" | "base";
 };
-declare const Thumbnail: ({ src, alt, size }: ThumbnailProps) => react_jsx_runtime.JSX.Element;
+declare const Thumbnail: ({ src, alt, size }: ThumbnailProps) => react.JSX.Element;
 
 /**
  * A form that can only be submitted when using the meta or control key.
  */
-declare const KeyboundForm: React__default.ForwardRefExoticComponent<React__default.FormHTMLAttributes<HTMLFormElement> & React__default.RefAttributes<HTMLFormElement>>;
+declare const KeyboundForm: react__default.ForwardRefExoticComponent<react__default.FormHTMLAttributes<HTMLFormElement> & react__default.RefAttributes<HTMLFormElement>>;
 
 type ComboboxOption = {
     value: string;
@@ -244,15 +243,15 @@ interface ComboboxProps<T extends Value = Value> extends Omit<ComponentPropsWith
     forceHideInput?: boolean;
     displayMode?: "count" | "chips";
 }
-declare const Combobox: <T extends Value = string>(props: ComboboxProps<T> & React.RefAttributes<HTMLInputElement>) => ReactNode;
+declare const Combobox: <T extends Value = string>(props: ComboboxProps<T> & react.RefAttributes<HTMLInputElement>) => ReactNode;
 
-declare const CountrySelect: React.ForwardRefExoticComponent<Omit<Omit<ComboboxProps<Value> & React.RefAttributes<HTMLInputElement>, "ref">, "value" | "options" | "onChange" | "multiple"> & {
+declare const CountrySelect: react.ForwardRefExoticComponent<Omit<Omit<ComboboxProps<Value> & react.RefAttributes<HTMLInputElement>, "ref">, "value" | "options" | "onChange" | "multiple"> & {
     placeholder?: string;
     defaultValue?: string;
     allowClear?: boolean;
     value?: string;
     onChange?: (value: string | undefined) => void;
-} & React.RefAttributes<HTMLInputElement>>;
+} & react.RefAttributes<HTMLInputElement>>;
 
 type HandleInputProps = ComponentProps<typeof Input>;
 declare const HandleInput: ForwardRefExoticComponent<PropsWithoutRef<HandleInputProps> & RefAttributes<ElementRef<typeof Input>>>;
@@ -321,9 +320,9 @@ interface DataTableProps<TData> {
         visible: string[];
         order: string[];
     };
-    filterBarContent?: React__default.ReactNode;
+    filterBarContent?: react__default.ReactNode;
 }
-declare const DataTable: <TData>({ data, columns, filters, commands, action, actions, actionMenu, getRowId, rowCount, enablePagination, enableSearch, autoFocusSearch, rowHref, heading, headingLevel, subHeading, prefix, pageSize, emptyState, rowSelection, isLoading, layout, enableColumnVisibility, initialColumnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, enableViewSelector, entity, currentColumns, filterBarContent, }: DataTableProps<TData>) => react_jsx_runtime.JSX.Element;
+declare const DataTable: <TData>({ data, columns, filters, commands, action, actions, actionMenu, getRowId, rowCount, enablePagination, enableSearch, autoFocusSearch, rowHref, heading, headingLevel, subHeading, prefix, pageSize, emptyState, rowSelection, isLoading, layout, enableColumnVisibility, initialColumnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, enableViewSelector, entity, currentColumns, filterBarContent, }: DataTableProps<TData>) => react__default.JSX.Element;
 
 type DataGridColumnType = "text" | "multiline-text" | "number" | "boolean" | "togglable-number";
 interface DataGridCellProps<TData = unknown, TValue = any> {
@@ -371,27 +370,27 @@ interface DataGridRootProps<TData, TFieldValues extends FieldValues = FieldValue
 interface DataGridProps<TData, TFieldValues extends FieldValues = FieldValues> extends DataGridRootProps<TData, TFieldValues> {
     isLoading?: boolean;
 }
-declare const DataGrid: (<TData, TFieldValues extends FieldValues = FieldValues>({ isLoading, totalRowCount, onFetchMore, isFetchingMore, hasNextPage, ...props }: DataGridProps<TData, TFieldValues>) => react_jsx_runtime.JSX.Element) & {
+declare const DataGrid: (<TData, TFieldValues extends FieldValues = FieldValues>({ isLoading, totalRowCount, onFetchMore, isFetchingMore, hasNextPage, ...props }: DataGridProps<TData, TFieldValues>) => react.JSX.Element) & {
     BooleanCell: <TData, TValue = any>({ context, disabled, }: DataGridCellProps<TData, TValue> & {
         disabled?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    TextCell: <TData, TValue = any>({ context, }: DataGridCellProps<TData, TValue>) => react_jsx_runtime.JSX.Element;
-    MultilineCell: <TData, TValue = any>({ context, }: DataGridCellProps<TData, TValue>) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
+    TextCell: <TData, TValue = any>({ context, }: DataGridCellProps<TData, TValue>) => react.JSX.Element;
+    MultilineCell: <TData, TValue = any>({ context, }: DataGridCellProps<TData, TValue>) => react.JSX.Element;
     ExpandableTextCell: <TData, TValue = any>({ context, fieldLabel, }: DataGridCellProps<TData, TValue> & {
         fieldLabel?: string;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
     NumberCell: <TData, TValue = any>({ context, ...rest }: DataGridCellProps<TData, TValue> & {
         min?: number;
         max?: number;
         placeholder?: string;
-    }) => react_jsx_runtime.JSX.Element;
-    CurrencyCell: <TData, TValue = any>({ context, code, }: DataGridCurrencyCellProps<TData, TValue>) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
+    CurrencyCell: <TData, TValue = any>({ context, code, }: DataGridCurrencyCellProps<TData, TValue>) => react.JSX.Element;
     ReadonlyCell: <TData, TValue = any>({ context, color, children, isMultiLine, }: DataGridCellProps<TData, TValue> & {
-        children?: React.ReactNode | undefined;
+        children?: react.ReactNode | undefined;
     } & {
         color?: "muted" | "normal";
         isMultiLine?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
 };
 
 type DataGridHelperColumnsProps<TData, TFieldValues extends FieldValues> = {
@@ -459,38 +458,38 @@ declare const createDataGridPriceColumns: <TData, TFieldValues extends FieldValu
 type ProductCellProps = {
     product: Pick<HttpTypes.AdminProduct, "thumbnail" | "title">;
 };
-declare const ProductCell: ({ product }: ProductCellProps) => react_jsx_runtime.JSX.Element;
-declare const ProductHeader: () => react_jsx_runtime.JSX.Element;
+declare const ProductCell: ({ product }: ProductCellProps) => react.JSX.Element;
+declare const ProductHeader: () => react.JSX.Element;
 
 type ProductStatusCellProps = {
     status?: HttpTypes.AdminProductStatus;
 };
-declare const ProductStatusCell: ({ status }: ProductStatusCellProps) => react_jsx_runtime.JSX.Element;
-declare const ProductStatusHeader: () => react_jsx_runtime.JSX.Element;
+declare const ProductStatusCell: ({ status }: ProductStatusCellProps) => react.JSX.Element;
+declare const ProductStatusHeader: () => react.JSX.Element;
 
 type SalesChannelsCellProps = {
     salesChannels?: SalesChannelDTO[] | null;
 };
-declare const SalesChannelsCell: ({ salesChannels, }: SalesChannelsCellProps) => react_jsx_runtime.JSX.Element;
-declare const SalesChannelHeader: () => react_jsx_runtime.JSX.Element;
+declare const SalesChannelsCell: ({ salesChannels, }: SalesChannelsCellProps) => react.JSX.Element;
+declare const SalesChannelHeader: () => react.JSX.Element;
 
 type VariantCellProps = {
     variants?: HttpTypes.AdminProductVariant[] | null;
 };
-declare const VariantCell: ({ variants }: VariantCellProps) => react_jsx_runtime.JSX.Element;
-declare const VariantHeader: () => react_jsx_runtime.JSX.Element;
+declare const VariantCell: ({ variants }: VariantCellProps) => react.JSX.Element;
+declare const VariantHeader: () => react.JSX.Element;
 
 type RouteModalFormProps<TFieldValues extends FieldValues> = PropsWithChildren<{
     form: UseFormReturn<TFieldValues>;
     blockSearchParams?: boolean;
     onClose?: (isSubmitSuccessful: boolean) => void;
 }>;
-declare const RouteModalForm: <TFieldValues extends FieldValues = any>({ form, blockSearchParams: blockSearch, children, onClose, }: RouteModalFormProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
+declare const RouteModalForm: <TFieldValues extends FieldValues = any>({ form, blockSearchParams: blockSearch, children, onClose, }: RouteModalFormProps<TFieldValues>) => react.JSX.Element;
 
 type RouteDrawerProps = PropsWithChildren<{
     prev?: string | Partial<Path> | number;
 }>;
-declare const Root$3: ({ prev, children }: RouteDrawerProps) => react_jsx_runtime.JSX.Element;
+declare const Root$3: ({ prev, children }: RouteDrawerProps) => react.JSX.Element;
 /**
  * Drawer that is used to render a form on a separate route.
  *
@@ -510,7 +509,7 @@ declare const RouteDrawer: RouteDrawerComponent;
 type RouteFocusModalProps = PropsWithChildren<{
     prev?: string | Partial<Path> | number;
 }>;
-declare const Root$2: ({ prev, children }: RouteFocusModalProps) => react_jsx_runtime.JSX.Element;
+declare const Root$2: ({ prev, children }: RouteFocusModalProps) => react.JSX.Element;
 /**
  * FocusModal that is used to render a form on a separate route.
  *
@@ -546,7 +545,7 @@ type StackedDrawerProps = PropsWithChildren<{
 /**
  * A stacked modal that can be rendered above a parent modal.
  */
-declare const Root$1: ({ id, children }: StackedDrawerProps) => react_jsx_runtime.JSX.Element;
+declare const Root$1: ({ id, children }: StackedDrawerProps) => react.JSX.Element;
 type StackedDrawerContentProps = ComponentPropsWithoutRef<typeof Drawer.Content>;
 declare const Content$1: ForwardRefExoticComponent<PropsWithoutRef<StackedDrawerContentProps> & RefAttributes<HTMLDivElement>>;
 type StackedDrawerComponent = typeof Root$1 & {
@@ -575,7 +574,7 @@ type StackedFocusModalProps = PropsWithChildren<{
 /**
  * A stacked modal that can be rendered above a parent modal.
  */
-declare const Root: ({ id, onOpenChangeCallback, children, }: StackedFocusModalProps) => react_jsx_runtime.JSX.Element;
+declare const Root: ({ id, onOpenChangeCallback, children, }: StackedFocusModalProps) => react.JSX.Element;
 type StackedFocusModalContentProps = ComponentPropsWithoutRef<typeof FocusModal.Content>;
 declare const Content: ForwardRefExoticComponent<PropsWithoutRef<StackedFocusModalContentProps> & RefAttributes<HTMLDivElement>>;
 type StackedFocusModalComponent = typeof Root & {
@@ -598,7 +597,7 @@ declare const useStackedModal: () => {
 };
 
 type LayoutComposerProps<TLayoutId extends Layouts, TData> = Omit<LayoutComposerProps$1<TLayoutId, TData>, "customizeId" | "controlSize">;
-declare const LayoutComposer: (<TLayoutId extends Layouts, TData>({ widgetsZonePrefix, preferredLayoutId, sections, data, hasOutlet, disableWidgets, }: LayoutComposerProps<TLayoutId, TData>) => react_jsx_runtime.JSX.Element) & {
+declare const LayoutComposer: (<TLayoutId extends Layouts, TData>({ widgetsZonePrefix, preferredLayoutId, sections, data, hasOutlet, disableWidgets, }: LayoutComposerProps<TLayoutId, TData>) => react.JSX.Element) & {
     Entry: typeof LayoutEntry;
 };
 

package/dist/components.d.ts

@@ -1,6 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { ReactNode, PropsWithChildren, ComponentPropsWithoutRef, ForwardRefExoticComponent, PropsWithoutRef, ComponentProps, RefAttributes, ElementRef } from 'react';
+import * as react from 'react';
+import react__default, { ReactNode, PropsWithChildren, ComponentPropsWithoutRef, ForwardRefExoticComponent, PropsWithoutRef, ComponentProps, RefAttributes, ElementRef } from 'react';
 import { L as LayoutControlSize, a as LayoutComponentProps } from './types-DYXLoDeW.js';
 import { Layouts, SectionNameFor } from '@medusajs/admin-shared';
 import { T as TableAdapter } from './table-adapters-DnG5KPvi.js';
@@ -24,7 +23,7 @@ type LayoutEntryProps = {
  * component name is unstable (subject to rename or minification), ensuring
  * any saved user preferences survive refactors.
  */
-declare function LayoutEntry({ children }: LayoutEntryProps): react_jsx_runtime.JSX.Element;
+declare function LayoutEntry({ children }: LayoutEntryProps): react.JSX.Element;
 declare namespace LayoutEntry {
     var displayName: string;
 }
@@ -100,7 +99,7 @@ interface ConfigurableDataTableProps<TData> {
     layout?: "fill" | "auto";
     actions?: DataTableActionProps$1[];
 }
-declare function ConfigurableDataTable<TData>({ adapter, heading, subHeading, pageSize: pageSizeProp, queryPrefix: queryPrefixProp, layout, actions, }: ConfigurableDataTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function ConfigurableDataTable<TData>({ adapter, heading, subHeading, pageSize: pageSizeProp, queryPrefix: queryPrefixProp, layout, actions, }: ConfigurableDataTableProps<TData>): react.JSX.Element;
 
 type Action = {
     icon: ReactNode;
@@ -124,30 +123,30 @@ type ActionMenuProps = PropsWithChildren<{
     groups: ActionGroup[];
     variant?: "transparent" | "primary";
 }>;
-declare const ActionMenu: ({ groups, variant, children, }: ActionMenuProps) => react_jsx_runtime.JSX.Element;
+declare const ActionMenu: ({ groups, variant, children, }: ActionMenuProps) => react.JSX.Element;
 
 type ConditionalTooltipProps = PropsWithChildren<ComponentPropsWithoutRef<typeof Tooltip> & {
     showTooltip?: boolean;
 }>;
-declare const ConditionalTooltip: ({ children, showTooltip, ...props }: ConditionalTooltipProps) => string | number | boolean | Iterable<React.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare const ConditionalTooltip: ({ children, showTooltip, ...props }: ConditionalTooltipProps) => string | number | boolean | Iterable<react.ReactNode> | react.JSX.Element | null | undefined;
 
 type DisplayIdProps = {
     id: string;
     className?: string;
 };
-declare function DisplayId({ id, className }: DisplayIdProps): react_jsx_runtime.JSX.Element;
+declare function DisplayId({ id, className }: DisplayIdProps): react.JSX.Element;
 
-declare const Form: (<TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React__default.JSX.Element) & {
-    Item: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-    Label: React__default.ForwardRefExoticComponent<Omit<Label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & {
+declare const Form: (<TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => react__default.JSX.Element) & {
+    Item: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLDivElement> & react__default.RefAttributes<HTMLDivElement>>;
+    Label: react__default.ForwardRefExoticComponent<Omit<Label.LabelProps & react__default.RefAttributes<HTMLLabelElement>, "ref"> & {
         optional?: boolean;
         tooltip?: ReactNode;
         icon?: ReactNode;
-    } & React__default.RefAttributes<HTMLLabelElement>>;
-    Control: React__default.ForwardRefExoticComponent<Omit<Slot.SlotProps & React__default.RefAttributes<HTMLElement>, "ref"> & React__default.RefAttributes<HTMLElement>>;
-    Hint: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
-    ErrorMessage: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
-    Field: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+    } & react__default.RefAttributes<HTMLLabelElement>>;
+    Control: react__default.ForwardRefExoticComponent<Omit<Slot.SlotProps & react__default.RefAttributes<HTMLElement>, "ref"> & react__default.RefAttributes<HTMLElement>>;
+    Hint: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLParagraphElement> & react__default.RefAttributes<HTMLParagraphElement>>;
+    ErrorMessage: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLParagraphElement> & react__default.RefAttributes<HTMLParagraphElement>>;
+    Field: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react__default.JSX.Element;
 };
 
 type IconAvatarProps = PropsWithChildren<{
@@ -160,27 +159,27 @@ type IconAvatarProps = PropsWithChildren<{
  *
  * The `<Avatar/>` component from `@medusajs/ui` does not support passing an icon as a child.
  */
-declare const IconAvatar: ({ size, variant, children, className, }: IconAvatarProps) => react_jsx_runtime.JSX.Element;
+declare const IconAvatar: ({ size, variant, children, className, }: IconAvatarProps) => react.JSX.Element;
 
 type JsonViewSectionProps = {
     data: object;
     title?: string;
 };
-declare const JsonViewSection: ({ data }: JsonViewSectionProps) => react_jsx_runtime.JSX.Element;
+declare const JsonViewSection: ({ data }: JsonViewSectionProps) => react.JSX.Element;
 
 interface ListicleProps {
     labelKey: string;
     descriptionKey: string;
     children?: ReactNode;
 }
-declare const Listicle: ({ labelKey, descriptionKey, children, }: ListicleProps) => react_jsx_runtime.JSX.Element;
+declare const Listicle: ({ labelKey, descriptionKey, children, }: ListicleProps) => react.JSX.Element;
 
 type NoResultsProps = {
     title?: string;
     message?: string;
     className?: string;
 };
-declare const NoResults: ({ title, message, className }: NoResultsProps) => react_jsx_runtime.JSX.Element;
+declare const NoResults: ({ title, message, className }: NoResultsProps) => react__default.JSX.Element;
 type ActionProps = {
     action?: {
         to: string;
@@ -192,16 +191,16 @@ type NoRecordsProps = {
     message?: string;
     className?: string;
     buttonVariant?: string;
-    icon?: React__default.ReactNode;
+    icon?: react__default.ReactNode;
 } & ActionProps;
-declare const NoRecords: ({ title, message, action, className, buttonVariant, icon, }: NoRecordsProps) => react_jsx_runtime.JSX.Element;
+declare const NoRecords: ({ title, message, action, className, buttonVariant, icon, }: NoRecordsProps) => react__default.JSX.Element;
 
 type SectionRowProps = {
     title: string;
     value?: ReactNode | string | null;
     actions?: ReactNode;
 };
-declare const SectionRow: ({ title, value, actions }: SectionRowProps) => react_jsx_runtime.JSX.Element;
+declare const SectionRow: ({ title, value, actions }: SectionRowProps) => react.JSX.Element;
 
 interface SidebarLinkProps {
     to: string;
@@ -209,19 +208,19 @@ interface SidebarLinkProps {
     descriptionKey: string;
     icon: ReactNode;
 }
-declare const SidebarLink: ({ to, labelKey, descriptionKey, icon, }: SidebarLinkProps) => react_jsx_runtime.JSX.Element;
+declare const SidebarLink: ({ to, labelKey, descriptionKey, icon, }: SidebarLinkProps) => react.JSX.Element;
 
 type ThumbnailProps = {
     src?: string | null;
     alt?: string;
     size?: "small" | "base";
 };
-declare const Thumbnail: ({ src, alt, size }: ThumbnailProps) => react_jsx_runtime.JSX.Element;
+declare const Thumbnail: ({ src, alt, size }: ThumbnailProps) => react.JSX.Element;
 
 /**
  * A form that can only be submitted when using the meta or control key.
  */
-declare const KeyboundForm: React__default.ForwardRefExoticComponent<React__default.FormHTMLAttributes<HTMLFormElement> & React__default.RefAttributes<HTMLFormElement>>;
+declare const KeyboundForm: react__default.ForwardRefExoticComponent<react__default.FormHTMLAttributes<HTMLFormElement> & react__default.RefAttributes<HTMLFormElement>>;
 
 type ComboboxOption = {
     value: string;
@@ -244,15 +243,15 @@ interface ComboboxProps<T extends Value = Value> extends Omit<ComponentPropsWith
     forceHideInput?: boolean;
     displayMode?: "count" | "chips";
 }
-declare const Combobox: <T extends Value = string>(props: ComboboxProps<T> & React.RefAttributes<HTMLInputElement>) => ReactNode;
+declare const Combobox: <T extends Value = string>(props: ComboboxProps<T> & react.RefAttributes<HTMLInputElement>) => ReactNode;
 
-declare const CountrySelect: React.ForwardRefExoticComponent<Omit<Omit<ComboboxProps<Value> & React.RefAttributes<HTMLInputElement>, "ref">, "value" | "options" | "onChange" | "multiple"> & {
+declare const CountrySelect: react.ForwardRefExoticComponent<Omit<Omit<ComboboxProps<Value> & react.RefAttributes<HTMLInputElement>, "ref">, "value" | "options" | "onChange" | "multiple"> & {
     placeholder?: string;
     defaultValue?: string;
     allowClear?: boolean;
     value?: string;
     onChange?: (value: string | undefined) => void;
-} & React.RefAttributes<HTMLInputElement>>;
+} & react.RefAttributes<HTMLInputElement>>;
 
 type HandleInputProps = ComponentProps<typeof Input>;
 declare const HandleInput: ForwardRefExoticComponent<PropsWithoutRef<HandleInputProps> & RefAttributes<ElementRef<typeof Input>>>;
@@ -321,9 +320,9 @@ interface DataTableProps<TData> {
         visible: string[];
         order: string[];
     };
-    filterBarContent?: React__default.ReactNode;
+    filterBarContent?: react__default.ReactNode;
 }
-declare const DataTable: <TData>({ data, columns, filters, commands, action, actions, actionMenu, getRowId, rowCount, enablePagination, enableSearch, autoFocusSearch, rowHref, heading, headingLevel, subHeading, prefix, pageSize, emptyState, rowSelection, isLoading, layout, enableColumnVisibility, initialColumnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, enableViewSelector, entity, currentColumns, filterBarContent, }: DataTableProps<TData>) => react_jsx_runtime.JSX.Element;
+declare const DataTable: <TData>({ data, columns, filters, commands, action, actions, actionMenu, getRowId, rowCount, enablePagination, enableSearch, autoFocusSearch, rowHref, heading, headingLevel, subHeading, prefix, pageSize, emptyState, rowSelection, isLoading, layout, enableColumnVisibility, initialColumnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, enableViewSelector, entity, currentColumns, filterBarContent, }: DataTableProps<TData>) => react__default.JSX.Element;
 
 type DataGridColumnType = "text" | "multiline-text" | "number" | "boolean" | "togglable-number";
 interface DataGridCellProps<TData = unknown, TValue = any> {
@@ -371,27 +370,27 @@ interface DataGridRootProps<TData, TFieldValues extends FieldValues = FieldValue
 interface DataGridProps<TData, TFieldValues extends FieldValues = FieldValues> extends DataGridRootProps<TData, TFieldValues> {
     isLoading?: boolean;
 }
-declare const DataGrid: (<TData, TFieldValues extends FieldValues = FieldValues>({ isLoading, totalRowCount, onFetchMore, isFetchingMore, hasNextPage, ...props }: DataGridProps<TData, TFieldValues>) => react_jsx_runtime.JSX.Element) & {
+declare const DataGrid: (<TData, TFieldValues extends FieldValues = FieldValues>({ isLoading, totalRowCount, onFetchMore, isFetchingMore, hasNextPage, ...props }: DataGridProps<TData, TFieldValues>) => react.JSX.Element) & {
     BooleanCell: <TData, TValue = any>({ context, disabled, }: DataGridCellProps<TData, TValue> & {
         disabled?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    TextCell: <TData, TValue = any>({ context, }: DataGridCellProps<TData, TValue>) => react_jsx_runtime.JSX.Element;
-    MultilineCell: <TData, TValue = any>({ context, }: DataGridCellProps<TData, TValue>) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
+    TextCell: <TData, TValue = any>({ context, }: DataGridCellProps<TData, TValue>) => react.JSX.Element;
+    MultilineCell: <TData, TValue = any>({ context, }: DataGridCellProps<TData, TValue>) => react.JSX.Element;
     ExpandableTextCell: <TData, TValue = any>({ context, fieldLabel, }: DataGridCellProps<TData, TValue> & {
         fieldLabel?: string;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
     NumberCell: <TData, TValue = any>({ context, ...rest }: DataGridCellProps<TData, TValue> & {
         min?: number;
         max?: number;
         placeholder?: string;
-    }) => react_jsx_runtime.JSX.Element;
-    CurrencyCell: <TData, TValue = any>({ context, code, }: DataGridCurrencyCellProps<TData, TValue>) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
+    CurrencyCell: <TData, TValue = any>({ context, code, }: DataGridCurrencyCellProps<TData, TValue>) => react.JSX.Element;
     ReadonlyCell: <TData, TValue = any>({ context, color, children, isMultiLine, }: DataGridCellProps<TData, TValue> & {
-        children?: React.ReactNode | undefined;
+        children?: react.ReactNode | undefined;
     } & {
         color?: "muted" | "normal";
         isMultiLine?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => react.JSX.Element;
 };
 
 type DataGridHelperColumnsProps<TData, TFieldValues extends FieldValues> = {
@@ -459,38 +458,38 @@ declare const createDataGridPriceColumns: <TData, TFieldValues extends FieldValu
 type ProductCellProps = {
     product: Pick<HttpTypes.AdminProduct, "thumbnail" | "title">;
 };
-declare const ProductCell: ({ product }: ProductCellProps) => react_jsx_runtime.JSX.Element;
-declare const ProductHeader: () => react_jsx_runtime.JSX.Element;
+declare const ProductCell: ({ product }: ProductCellProps) => react.JSX.Element;
+declare const ProductHeader: () => react.JSX.Element;
 
 type ProductStatusCellProps = {
     status?: HttpTypes.AdminProductStatus;
 };
-declare const ProductStatusCell: ({ status }: ProductStatusCellProps) => react_jsx_runtime.JSX.Element;
-declare const ProductStatusHeader: () => react_jsx_runtime.JSX.Element;
+declare const ProductStatusCell: ({ status }: ProductStatusCellProps) => react.JSX.Element;
+declare const ProductStatusHeader: () => react.JSX.Element;
 
 type SalesChannelsCellProps = {
     salesChannels?: SalesChannelDTO[] | null;
 };
-declare const SalesChannelsCell: ({ salesChannels, }: SalesChannelsCellProps) => react_jsx_runtime.JSX.Element;
-declare const SalesChannelHeader: () => react_jsx_runtime.JSX.Element;
+declare const SalesChannelsCell: ({ salesChannels, }: SalesChannelsCellProps) => react.JSX.Element;
+declare const SalesChannelHeader: () => react.JSX.Element;
 
 type VariantCellProps = {
     variants?: HttpTypes.AdminProductVariant[] | null;
 };
-declare const VariantCell: ({ variants }: VariantCellProps) => react_jsx_runtime.JSX.Element;
-declare const VariantHeader: () => react_jsx_runtime.JSX.Element;
+declare const VariantCell: ({ variants }: VariantCellProps) => react.JSX.Element;
+declare const VariantHeader: () => react.JSX.Element;
 
 type RouteModalFormProps<TFieldValues extends FieldValues> = PropsWithChildren<{
     form: UseFormReturn<TFieldValues>;
     blockSearchParams?: boolean;
     onClose?: (isSubmitSuccessful: boolean) => void;
 }>;
-declare const RouteModalForm: <TFieldValues extends FieldValues = any>({ form, blockSearchParams: blockSearch, children, onClose, }: RouteModalFormProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
+declare const RouteModalForm: <TFieldValues extends FieldValues = any>({ form, blockSearchParams: blockSearch, children, onClose, }: RouteModalFormProps<TFieldValues>) => react.JSX.Element;
 
 type RouteDrawerProps = PropsWithChildren<{
     prev?: string | Partial<Path> | number;
 }>;
-declare const Root$3: ({ prev, children }: RouteDrawerProps) => react_jsx_runtime.JSX.Element;
+declare const Root$3: ({ prev, children }: RouteDrawerProps) => react.JSX.Element;
 /**
  * Drawer that is used to render a form on a separate route.
  *
@@ -510,7 +509,7 @@ declare const RouteDrawer: RouteDrawerComponent;
 type RouteFocusModalProps = PropsWithChildren<{
     prev?: string | Partial<Path> | number;
 }>;
-declare const Root$2: ({ prev, children }: RouteFocusModalProps) => react_jsx_runtime.JSX.Element;
+declare const Root$2: ({ prev, children }: RouteFocusModalProps) => react.JSX.Element;
 /**
  * FocusModal that is used to render a form on a separate route.
  *
@@ -546,7 +545,7 @@ type StackedDrawerProps = PropsWithChildren<{
 /**
  * A stacked modal that can be rendered above a parent modal.
  */
-declare const Root$1: ({ id, children }: StackedDrawerProps) => react_jsx_runtime.JSX.Element;
+declare const Root$1: ({ id, children }: StackedDrawerProps) => react.JSX.Element;
 type StackedDrawerContentProps = ComponentPropsWithoutRef<typeof Drawer.Content>;
 declare const Content$1: ForwardRefExoticComponent<PropsWithoutRef<StackedDrawerContentProps> & RefAttributes<HTMLDivElement>>;
 type StackedDrawerComponent = typeof Root$1 & {
@@ -575,7 +574,7 @@ type StackedFocusModalProps = PropsWithChildren<{
 /**
  * A stacked modal that can be rendered above a parent modal.
  */
-declare const Root: ({ id, onOpenChangeCallback, children, }: StackedFocusModalProps) => react_jsx_runtime.JSX.Element;
+declare const Root: ({ id, onOpenChangeCallback, children, }: StackedFocusModalProps) => react.JSX.Element;
 type StackedFocusModalContentProps = ComponentPropsWithoutRef<typeof FocusModal.Content>;
 declare const Content: ForwardRefExoticComponent<PropsWithoutRef<StackedFocusModalContentProps> & RefAttributes<HTMLDivElement>>;
 type StackedFocusModalComponent = typeof Root & {
@@ -598,7 +597,7 @@ declare const useStackedModal: () => {
 };
 
 type LayoutComposerProps<TLayoutId extends Layouts, TData> = Omit<LayoutComposerProps$1<TLayoutId, TData>, "customizeId" | "controlSize">;
-declare const LayoutComposer: (<TLayoutId extends Layouts, TData>({ widgetsZonePrefix, preferredLayoutId, sections, data, hasOutlet, disableWidgets, }: LayoutComposerProps<TLayoutId, TData>) => react_jsx_runtime.JSX.Element) & {
+declare const LayoutComposer: (<TLayoutId extends Layouts, TData>({ widgetsZonePrefix, preferredLayoutId, sections, data, hasOutlet, disableWidgets, }: LayoutComposerProps<TLayoutId, TData>) => react.JSX.Element) & {
     Entry: typeof LayoutEntry;
 };
 

package/dist/hooks.d.mts

@@ -4,7 +4,7 @@ import * as _tanstack_query_core from '@tanstack/query-core';
 import { InfiniteData } from '@tanstack/query-core';
 import { FetchError } from '@medusajs/js-sdk';
 import { HttpTypes, PaginatedResponse, AdminSalesChannelResponse, AdminSalesChannelListResponse } from '@medusajs/types';
-import * as React from 'react';
+import * as react from 'react';
 import { DataTableColumnDef, DataTableFilter, DataTableEmptyStateProps } from '@medusajs/ui';
 import * as _tanstack_table_core from '@tanstack/table-core';
 
@@ -3189,7 +3189,7 @@ declare const useComboboxData: <TResponse extends ComboboxExternalData, TParams
     promise: Promise<_tanstack_query_core.InfiniteData<TResponse, unknown>>;
     options: TOption[];
     searchValue: string;
-    onSearchValueChange: React.Dispatch<React.SetStateAction<string>>;
+    onSearchValueChange: react.Dispatch<react.SetStateAction<string>>;
     disabled: boolean;
 } | {
     error: null;
@@ -3226,7 +3226,7 @@ declare const useComboboxData: <TResponse extends ComboboxExternalData, TParams
     promise: Promise<_tanstack_query_core.InfiniteData<TResponse, unknown>>;
     options: TOption[];
     searchValue: string;
-    onSearchValueChange: React.Dispatch<React.SetStateAction<string>>;
+    onSearchValueChange: react.Dispatch<react.SetStateAction<string>>;
     disabled: boolean;
 } | {
     error: Error;
@@ -3263,7 +3263,7 @@ declare const useComboboxData: <TResponse extends ComboboxExternalData, TParams
     promise: Promise<_tanstack_query_core.InfiniteData<TResponse, unknown>>;
     options: TOption[];
     searchValue: string;
-    onSearchValueChange: React.Dispatch<React.SetStateAction<string>>;
+    onSearchValueChange: react.Dispatch<react.SetStateAction<string>>;
     disabled: boolean;
 } | {
     error: null;
@@ -3300,7 +3300,7 @@ declare const useComboboxData: <TResponse extends ComboboxExternalData, TParams
     promise: Promise<_tanstack_query_core.InfiniteData<TResponse, unknown>>;
     options: TOption[];
     searchValue: string;
-    onSearchValueChange: React.Dispatch<React.SetStateAction<string>>;
+    onSearchValueChange: react.Dispatch<react.SetStateAction<string>>;
     disabled: boolean;
 } | {
     error: null;
@@ -3337,7 +3337,7 @@ declare const useComboboxData: <TResponse extends ComboboxExternalData, TParams
     promise: Promise<_tanstack_query_core.InfiniteData<TResponse, unknown>>;
     options: TOption[];
     searchValue: string;
-    onSearchValueChange: React.Dispatch<React.SetStateAction<string>>;
+    onSearchValueChange: react.Dispatch<react.SetStateAction<string>>;
     disabled: boolean;
 };
 
@@ -3355,7 +3355,7 @@ declare const useDate: () => {
  */
 declare const useDebouncedSearch: () => {
     searchValue: string;
-    onSearchValueChange: React.Dispatch<React.SetStateAction<string>>;
+    onSearchValueChange: react.Dispatch<react.SetStateAction<string>>;
     query: string | undefined;
 };
 

package/dist/hooks.d.ts

@@ -4,7 +4,7 @@ import * as _tanstack_query_core from '@tanstack/query-core';
 import { InfiniteData } from '@tanstack/query-core';
 import { FetchError } from '@medusajs/js-sdk';
 import { HttpTypes, PaginatedResponse, AdminSalesChannelResponse, AdminSalesChannelListResponse } from '@medusajs/types';
-import * as React from 'react';
+import * as react from 'react';
 import { DataTableColumnDef, DataTableFilter, DataTableEmptyStateProps } from '@medusajs/ui';
 import * as _tanstack_table_core from '@tanstack/table-core';
 
@@ -3189,7 +3189,7 @@ declare const useComboboxData: <TResponse extends ComboboxExternalData, TParams
     promise: Promise<_tanstack_query_core.InfiniteData<TResponse, unknown>>;
     options: TOption[];
     searchValue: string;
-    onSearchValueChange: React.Dispatch<React.SetStateAction<string>>;
+    onSearchValueChange: react.Dispatch<react.SetStateAction<string>>;
     disabled: boolean;
 } | {
     error: null;
@@ -3226,7 +3226,7 @@ declare const useComboboxData: <TResponse extends ComboboxExternalData, TParams
     promise: Promise<_tanstack_query_core.InfiniteData<TResponse, unknown>>;
     options: TOption[];
     searchValue: string;
-    onSearchValueChange: React.Dispatch<React.SetStateAction<string>>;
+    onSearchValueChange: react.Dispatch<react.SetStateAction<string>>;
     disabled: boolean;
 } | {
     error: Error;
@@ -3263,7 +3263,7 @@ declare const useComboboxData: <TResponse extends ComboboxExternalData, TParams
     promise: Promise<_tanstack_query_core.InfiniteData<TResponse, unknown>>;
     options: TOption[];
     searchValue: string;
-    onSearchValueChange: React.Dispatch<React.SetStateAction<string>>;
+    onSearchValueChange: react.Dispatch<react.SetStateAction<string>>;
     disabled: boolean;
 } | {
     error: null;
@@ -3300,7 +3300,7 @@ declare const useComboboxData: <TResponse extends ComboboxExternalData, TParams
     promise: Promise<_tanstack_query_core.InfiniteData<TResponse, unknown>>;
     options: TOption[];
     searchValue: string;
-    onSearchValueChange: React.Dispatch<React.SetStateAction<string>>;
+    onSearchValueChange: react.Dispatch<react.SetStateAction<string>>;
     disabled: boolean;
 } | {
     error: null;
@@ -3337,7 +3337,7 @@ declare const useComboboxData: <TResponse extends ComboboxExternalData, TParams
     promise: Promise<_tanstack_query_core.InfiniteData<TResponse, unknown>>;
     options: TOption[];
     searchValue: string;
-    onSearchValueChange: React.Dispatch<React.SetStateAction<string>>;
+    onSearchValueChange: react.Dispatch<react.SetStateAction<string>>;
     disabled: boolean;
 };
 
@@ -3355,7 +3355,7 @@ declare const useDate: () => {
  */
 declare const useDebouncedSearch: () => {
     searchValue: string;
-    onSearchValueChange: React.Dispatch<React.SetStateAction<string>>;
+    onSearchValueChange: react.Dispatch<react.SetStateAction<string>>;
     query: string | undefined;
 };
 

package/dist/lib.d.mts

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import react__default from 'react';
 import { HttpTypes } from '@medusajs/types';
 import { TFunction } from 'i18next';
 export { T as TableAdapter, c as createTableAdapter } from './table-adapters-DnG5KPvi.mjs';
@@ -6,7 +6,7 @@ import { FieldValues, UseFormReturn, FieldPath } from 'react-hook-form';
 import { z } from 'zod';
 import '@medusajs/ui';
 
-type CellRenderer<TData = any> = (value: any, row: TData, column: HttpTypes.AdminColumn, t: TFunction) => React__default.ReactNode;
+type CellRenderer<TData = any> = (value: any, row: TData, column: HttpTypes.AdminColumn, t: TFunction) => react__default.ReactNode;
 type CellAlignment = "left" | "center" | "right";
 /**
  * Render modes that ship with a built-in cell renderer.

package/dist/lib.d.ts

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import react__default from 'react';
 import { HttpTypes } from '@medusajs/types';
 import { TFunction } from 'i18next';
 export { T as TableAdapter, c as createTableAdapter } from './table-adapters-DnG5KPvi.js';
@@ -6,7 +6,7 @@ import { FieldValues, UseFormReturn, FieldPath } from 'react-hook-form';
 import { z } from 'zod';
 import '@medusajs/ui';
 
-type CellRenderer<TData = any> = (value: any, row: TData, column: HttpTypes.AdminColumn, t: TFunction) => React__default.ReactNode;
+type CellRenderer<TData = any> = (value: any, row: TData, column: HttpTypes.AdminColumn, t: TFunction) => react__default.ReactNode;
 type CellAlignment = "left" | "center" | "right";
 /**
  * Render modes that ship with a built-in cell renderer.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "2.22.1",
+  "version": "2.22.2-preview-20261028132907",
   "license": "SEE LICENSE IN LICENSE",
   "scripts": {
     "typecheck": "tsgo --noEmit -p tsconfig.typecheck.json",
@@ -66,21 +66,21 @@
   "mcpServer": "https://docs.medusajs.com/mcp",
   "dependencies": {
     "@ariakit/react": "^0.4.15",
-    "@babel/runtime": "^7.26.10",
+    "@babel/runtime": "^7.29.10",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "5.5.7",
-    "@medusajs/admin-shared": "2.22.1",
-    "@medusajs/icons": "2.22.1",
-    "@medusajs/js-sdk": "2.22.1",
-    "@medusajs/ui": "4.2.8",
+    "@medusajs/admin-shared": "2.22.2-preview-20261028132907",
+    "@medusajs/icons": "2.22.2-preview-20261028132907",
+    "@medusajs/js-sdk": "2.22.2-preview-20261028132907",
+    "@medusajs/ui": "4.2.9-preview-20261028132907",
     "@radix-ui/react-dialog": "1.1.4",
     "@radix-ui/react-dismissable-layer": "1.1.4",
     "@tanstack/react-query": "5.64.2",
     "@tanstack/react-table": "8.20.5",
-    "@tanstack/react-virtual": "^3.8.3",
+    "@tanstack/react-virtual": "^3.14.22",
     "@uiw/react-json-view": "^2.0.0-alpha.17",
     "bignumber.js": "^9.1.2",
     "cmdk": "^0.2.0",
@@ -93,7 +93,7 @@
     "match-sorter": "^6.3.4",
     "motion": "^11.15.0",
     "qrcode": "^1.5.4",
-    "qs": "^6.15.2",
+    "qs": "^6.16.1",
     "radix-ui": "1.1.2",
     "react": "^18.3.1",
     "react-country-flag": "^3.1.0",
@@ -104,13 +104,13 @@
     "react-i18next": "13.5.0",
     "react-jwt": "^1.2.0",
     "react-router-dom": "7.18.2",
-    "zod": "4.2.0"
+    "zod": "4.6.6"
   },
   "devDependencies": {
-    "@medusajs/admin-shared": "2.22.1",
-    "@medusajs/admin-vite-plugin": "2.22.1",
-    "@medusajs/types": "2.22.1",
-    "@medusajs/ui-preset": "2.22.1",
+    "@medusajs/admin-shared": "2.22.2-preview-20261028132907",
+    "@medusajs/admin-vite-plugin": "2.22.2-preview-20261028132907",
+    "@medusajs/types": "2.22.2-preview-20261028132907",
+    "@medusajs/ui-preset": "2.22.2-preview-20261028132907",
     "@types/qrcode": "^1.5.5",
     "@typescript/native-preview": "^7.0.0-dev.20260423.1",
     "eslint": "8",

package/src/components/inputs/combobox/__tests__/combobox.spec.tsx

@@ -48,11 +48,16 @@ Object.defineProperty(window, "IntersectionObserver", {
   value: MockIntersectionObserver,
 })
 
+// jsdom has no layout, so Ariakit treats every element as hidden and can't scroll
+// the active option into view, which drops keystrokes while typing.
+HTMLElement.prototype.checkVisibility = () => true
+HTMLElement.prototype.scrollIntoView = vi.fn()
+
 afterEach(() => {
   cleanup()
 })
 
-describe("Combobox", () => {
+describe("Combobox", { timeout: 15_000 }, () => {
   it("should allow typing in search input in controlled mode", async () => {
     const user = userEvent.setup()