@prismicio/editor-ui 0.4.12 → 0.4.14

package/dist/components/InvisibleButton/InvisibleButton.d.ts

@@ -1,5 +1,5 @@
 import { type MouseEvent } from "react";
-import { IconName } from "../Icon";
+import { type IconName } from "../Icon";
 import type { variant } from "../Text/Text.css";
 import * as styles from "./InvisibleButton.css";
 export interface InvisibleButtonProps {

package/dist/components/LazyRender/LazyRender.d.ts

@@ -0,0 +1,21 @@
+import { type ReactNode } from "react";
+import { type BoxFlexDisplayProps, type BoxProps } from "../Box/Box";
+/**
+ * Lazily renders a child the first time it intersects with the viewport.
+ * Works with any vertical scrolling ancestor (direct or not).
+ */
+export interface LazyRenderProps {
+    /**
+     * The children to display when LazyRender intersects with the viewport.
+     */
+    children: ReactNode;
+    /**
+     * A rough estimate of the children's height so that not too many or too few LazyRender components are visible at once.
+     * Getting this right is not critical.
+     * A heightEstimate of 0 means nothing will lazily render as everything is immediately visible.
+     * On the other hand, a huge heightEstimate means it will be hard to see and load the content after the first item.
+     */
+    heightEstimate?: number;
+    box?: BoxProps & BoxFlexDisplayProps;
+}
+export declare function LazyRender(props: LazyRenderProps): JSX.Element;

package/dist/components/LazyRender/LazyRender.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./LazyRender").LazyRenderProps>;
+export default _default;
+export declare const Default: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./LazyRender").LazyRenderProps>;
+    args: {};
+    name: string;
+};

package/dist/components/LazyRender/index.d.ts

@@ -0,0 +1 @@
+export { LazyRender } from "./LazyRender";

package/dist/components/LinkImageCard/LinkImageCard.d.ts

@@ -0,0 +1,8 @@
+export interface LinkImageCardProps {
+    url: string;
+    title: string;
+    subTitle: string;
+    onEdit?: () => void;
+    onUnlink?: () => void;
+}
+export declare function LinkImageCard(props: LinkImageCardProps): JSX.Element;

package/dist/components/LinkImageCard/LinkImageCard.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./LinkImageCard").LinkImageCardProps>;
+export default _default;
+export declare const Default: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./LinkImageCard").LinkImageCardProps>;
+    args: {
+        url: string;
+        title: string;
+        subTitle: string;
+    };
+    name: string;
+};

package/dist/components/LinkImageCard/index.d.ts

@@ -0,0 +1 @@
+export { LinkImageCard } from "./LinkImageCard";

package/dist/components/Masonry/Masonry.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, Key, ReactElement, ReactNode } from "react";
+import { type CSSProperties, type Key, type ReactElement, type ReactNode } from "react";
 export interface ItemInfo {
     key: Key;
     aspectRatio: number;

package/dist/components/Masonry/MasonryFile.css.d.ts

@@ -0,0 +1,2 @@
+export declare const root: string;
+export declare const iconContainer: string;

package/dist/components/Masonry/MasonryFile.d.ts

@@ -0,0 +1,8 @@
+import type { FC } from "react";
+interface MasonryFile {
+    extension: string;
+    filename: string;
+    onClick?: () => void;
+}
+export declare const MasonryFile: FC<MasonryFile>;
+export {};

package/dist/components/Masonry/MasonryMedia.d.ts

@@ -1,7 +1,6 @@
-import type { FC } from "react";
 interface MasonryMediaProps {
     url: string;
     onClick?: () => void;
 }
-export declare const MasonryMedia: FC<MasonryMediaProps>;
+export declare function MasonryMedia(props: MasonryMediaProps): JSX.Element;
 export {};

package/dist/components/Masonry/index.d.ts

@@ -1,3 +1,4 @@
-export { type ItemInfo as MasonryItemInfo, Masonry } from "./Masonry";
+export { Masonry, type ItemInfo as MasonryItemInfo } from "./Masonry";
+export { MasonryFile } from "./MasonryFile";
 export { MasonryMedia } from "./MasonryMedia";
 export { MasonrySkeleton } from "./MasonrySkeleton";

package/dist/components/NumberInput/NumberInput.d.ts

@@ -1,6 +1,6 @@
+import type { SX } from "../../theme/util";
 export interface NumberInputProps {
     autoComplete?: string;
-    className?: string;
     id?: string;
     max?: number;
     min?: number;
@@ -9,6 +9,7 @@ export interface NumberInputProps {
     readOnly?: boolean;
     value?: number;
     onValueChange?: (value: number | undefined) => void;
+    sx?: SX;
 }
 export declare function NumberInput(props: NumberInputProps): JSX.Element;
 export declare function isValidDraftValue(value: string): boolean;

package/dist/components/Popover/Popover.d.ts

@@ -1,13 +1,18 @@
-import { PopoverContentProps } from "@radix-ui/react-popover";
+import { type PopoverContentProps } from "@radix-ui/react-popover";
 import type { ReactNode } from "react";
-export declare type PopoverProps = {
+export interface PopoverProps {
     anchor: ReactNode;
     children?: ReactNode;
     focusOnEnter?: boolean;
     open?: boolean;
     openDelay?: number;
     closeDelay?: number;
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
     onOpenChange?: (open: boolean) => void;
     onMouseOverChange?: (isMouseOver: boolean) => void;
-} & Pick<PopoverContentProps, "onInteractOutside" | "onEscapeKeyDown" | "align" | "sideOffset">;
+    onInteractOutside?: (event: PopoverInteractOutsideEvent) => void;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+}
+export type PopoverInteractOutsideEvent = Parameters<NonNullable<PopoverContentProps["onInteractOutside"]>>[0];
 export declare function Popover(props: PopoverProps): JSX.Element;

package/dist/components/Popover/Popover.stories.d.ts

@@ -1,25 +1,7 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
-    anchor: import("react").ReactNode;
-    children?: import("react").ReactNode;
-    focusOnEnter?: boolean | undefined;
-    open?: boolean | undefined;
-    openDelay?: number | undefined;
-    closeDelay?: number | undefined;
-    onOpenChange?: ((open: boolean) => void) | undefined;
-    onMouseOverChange?: ((isMouseOver: boolean) => void) | undefined;
-} & Pick<import("@radix-ui/react-popover").PopoverContentProps, "align" | "onInteractOutside" | "onEscapeKeyDown" | "sideOffset">>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Popover").PopoverProps>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        anchor: import("react").ReactNode;
-        children?: import("react").ReactNode;
-        focusOnEnter?: boolean | undefined;
-        open?: boolean | undefined;
-        openDelay?: number | undefined;
-        closeDelay?: number | undefined;
-        onOpenChange?: ((open: boolean) => void) | undefined;
-        onMouseOverChange?: ((isMouseOver: boolean) => void) | undefined;
-    } & Pick<import("@radix-ui/react-popover").PopoverContentProps, "align" | "onInteractOutside" | "onEscapeKeyDown" | "sideOffset">>;
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Popover").PopoverProps>;
     argTypes: {
         children: {
             control: {

package/dist/components/Popover/index.d.ts

@@ -1 +1 @@
-export { Popover } from "./Popover";
+export { Popover, type PopoverInteractOutsideEvent } from "./Popover";

package/dist/components/Radio/RadioButton.css.d.ts

@@ -0,0 +1,3 @@
+export declare const root: string;
+export declare const circle: string;
+export declare const indicator: string;

package/dist/components/Radio/RadioButton.d.ts

@@ -0,0 +1,10 @@
+export interface RadioButtonProps {
+    label?: string;
+    disabled?: boolean;
+    /**
+     * Whether this RadioButton is only included for decoration purposes
+     * or is the actual Radio Group Item.
+     */
+    decorative?: boolean;
+}
+export declare function RadioButton(props: RadioButtonProps): JSX.Element;

package/dist/components/Radio/RadioCard.css.d.ts

@@ -0,0 +1 @@
+export declare const root: string;

package/dist/components/Radio/RadioCard.d.ts

@@ -0,0 +1,5 @@
+export interface RadioCardProps {
+    title: string;
+    disabled?: boolean;
+}
+export declare function RadioCard(props: RadioCardProps): JSX.Element;

package/dist/components/Radio/RadioGroup.css.d.ts

@@ -0,0 +1 @@
+export declare const root: string;

package/dist/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from "react";
+import { type SX } from "../../theme/util";
+export interface RadioGroupProps<VALUE extends string> {
+    values: readonly VALUE[];
+    selectedValue: VALUE;
+    evenItemSize?: boolean;
+    disabled?: boolean;
+    sx?: SX;
+    renderItem: (value: VALUE) => ReactNode;
+    onChange: (value: VALUE) => void;
+}
+export declare function RadioGroup<VALUE extends string>(props: RadioGroupProps<VALUE>): JSX.Element;
+interface RadioItemContextValue {
+    value: string;
+    evenItemSize: boolean;
+}
+export declare function useRadioItem(): RadioItemContextValue;
+export {};

package/dist/components/Radio/RadioGroup.stories.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./RadioGroup").RadioGroupProps<string>>;
+export default _default;
+export declare const Default: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./RadioGroup").RadioGroupProps<string>>;
+    args: {
+        items: string[];
+    };
+    name: string;
+};

package/dist/components/Radio/RadioItem.css.d.ts

@@ -0,0 +1,10 @@
+export declare const radioItem: string;
+export declare const evenSize: string;
+export declare const selectors: {
+    lightModeChecked: string;
+    darkModeChecked: string;
+    lightModeHover: string;
+    darkModeHover: string;
+    focusVisible: string;
+    disabled: string;
+};

package/dist/components/Radio/RadioItem.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+/** Private component */
+interface RadioItemProps {
+    disabled: boolean;
+    children: ReactNode;
+}
+export declare function RadioItem(props: RadioItemProps): JSX.Element;
+export {};

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,3 @@
+export { RadioButton } from "./RadioButton";
+export { RadioCard } from "./RadioCard";
+export { RadioGroup } from "./RadioGroup";

package/dist/components/ScrollArea/ScrollArea.d.ts

@@ -1,11 +1,10 @@
-import { CSSProperties, FC, ReactNode } from "react";
+import { type CSSProperties, type ReactNode } from "react";
 import * as styles from "./ScrollArea.css";
-declare type ScrollAreaProps = Readonly<{
+export interface ScrollAreaProps {
     children?: ReactNode;
     className?: string;
     direction?: keyof typeof styles.direction;
     style?: CSSProperties;
     onScrollToBottom?: () => void;
-}>;
-export declare const ScrollArea: FC<ScrollAreaProps>;
-export {};
+}
+export declare function ScrollArea(props: ScrollAreaProps): JSX.Element;

package/dist/components/ScrollArea/ScrollArea.stories.d.ts

@@ -1,19 +1,7 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Readonly<{
-    children?: import("react").ReactNode;
-    className?: string | undefined;
-    direction?: "horizontal" | "vertical" | undefined;
-    style?: import("react").CSSProperties | undefined;
-    onScrollToBottom?: (() => void) | undefined;
-}>>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./ScrollArea").ScrollAreaProps>;
 export default _default;
 export declare const Default: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Readonly<{
-        children?: import("react").ReactNode;
-        className?: string | undefined;
-        direction?: "horizontal" | "vertical" | undefined;
-        style?: import("react").CSSProperties | undefined;
-        onScrollToBottom?: (() => void) | undefined;
-    }>>;
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ScrollArea").ScrollAreaProps>;
     args: {
         children: JSX.Element[];
         direction: string;

package/dist/components/SearchInput/SearchInput.d.ts

@@ -1,4 +1,4 @@
-declare type Props = Readonly<{
+type Props = Readonly<{
     value: string;
     onValueChange: (value: string) => void;
     placeholder?: string;

package/dist/components/Select/Select.css.d.ts

@@ -1,4 +1,8 @@
 export declare const trigger: string;
+export declare const triggerTextVariant: {
+    normal: string;
+    bold: string;
+};
 export declare const triggerIcon: string;
 export declare const content: string;
 export declare const constrainContentWidth: string;

package/dist/components/Select/Select.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from "react";
+import { type SX } from "../../theme/util";
 import type * as buttonStyles from "../Button/Button.css";
-import { IconName } from "../Icon";
+import { type IconName } from "../Icon";
 export interface SelectProps<VALUE extends string> {
     disabled?: boolean;
     id?: string;
@@ -17,10 +18,14 @@ export interface SelectProps<VALUE extends string> {
     value?: VALUE;
     onValueChange?: (value: VALUE) => void;
     constrainContentWidth?: boolean;
-    position?: "item-aligned" | "popper";
     side?: "bottom" | "top" | "left" | "right";
     sideOffset?: number;
     flexContent?: boolean;
+    /**
+     * Prominent selects should have bold text for better visibility.
+     */
+    boldTriggerText?: boolean;
+    sx?: SX;
 }
 export declare function Select<VALUE extends string>(props: SelectProps<VALUE>): JSX.Element;
 interface RenderTriggerParams {

package/dist/components/SelectButton/SelectButton.d.ts

@@ -1,5 +1,5 @@
 import type { colors } from "../../theme/colors";
-import { IconName } from "../Icon";
+import { type IconName } from "../Icon";
 export interface SelectButtonProps {
     textContent: string;
     onSelect: () => void;

package/dist/components/SelectCard/SelectButton.stories.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./SelectCard").SelectCardProps>;
+export default _default;
+export declare const Default: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./SelectCard").SelectCardProps>;
+    args: {
+        title: string;
+        subtitle: string;
+        selected: boolean;
+        onSelect: () => null;
+    };
+    name: string;
+};

package/dist/components/SelectCard/SelectCard.css.d.ts

@@ -0,0 +1 @@
+export declare const card: Record<"default" | "selected", string>;

package/dist/components/SelectCard/SelectCard.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+export interface SelectCardProps {
+    selected: boolean;
+    onSelect: () => void;
+    children: ReactNode;
+}
+export declare function SelectCard(props: SelectCardProps): JSX.Element;

package/dist/components/SelectCard/index.d.ts

@@ -0,0 +1 @@
+export { SelectCard } from "./SelectCard";

package/dist/components/Separator/Separator.d.ts

@@ -1,8 +1,14 @@
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { SX } from "../../theme/util";
-export interface SeparatorProps extends RadixProps {
+import { type SX } from "../../theme/util";
+export interface SeparatorProps {
+    /**
+     * Either `vertical` or `horizontal`. Defaults to `horizontal`.
+     */
+    orientation?: "horizontal" | "vertical";
+    /**
+     * Whether or not the component is purely decorative. When true, accessibility-related attributes
+     * are updated so that that the rendered element is removed from the accessibility tree.
+     */
+    decorative?: boolean;
     sx?: SX;
 }
-declare type RadixProps = Pick<SeparatorPrimitive.SeparatorProps, "decorative" | "orientation">;
 export declare function Separator(props: SeparatorProps): JSX.Element;
-export {};

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,5 +1,5 @@
 import { type CSSProperties } from "react";
-import { SX } from "../../theme/util";
+import { type SX } from "../../theme/util";
 import * as styles from "./Skeleton.css";
 export interface Props {
     component?: "span";

package/dist/components/Slice/Slice.stories.d.ts

@@ -27,8 +27,8 @@ export declare const SliceCardStory: {
     };
     name: string;
 };
-export declare const SliceVariationCardStory: {
-    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./SliceVariationCard").SliceVariationCardProps>;
+export declare const SliceSelectCardStory: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./SliceSelectCard").SliceSelectCardProps>;
     args: {
         slice: string;
         variation: string;

package/dist/components/Slice/SliceCard.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode } from "react";
 export interface SliceCardProps {
+    id?: string;
     title: string;
     subTitle: string;
     index: number;

package/dist/components/Slice/{SliceVariationCard.css.d.ts → SliceSelectCard.css.d.ts}

@@ -1,5 +1,7 @@
 export declare const card: string;
 export declare const innerContent: string;
+export declare const innerContentFixedHeight: string;
 export declare const text: string;
 export declare const children: string;
+export declare const childrenFixedHeight: string;
 export declare const plusIcon: string;

package/dist/components/Slice/SliceSelectCard.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+export interface SliceSelectCardProps {
+    /**
+     * Whether the card should have a fixed height or not. Defaults to `true`.
+     */
+    fixedHeight?: boolean;
+    label: string;
+    variation?: string;
+    children: ReactNode;
+    onClick: () => void;
+}
+export declare function SliceSelectCard(props: SliceSelectCardProps): JSX.Element;

package/dist/components/Slice/index.d.ts

@@ -1,2 +1,2 @@
 export { SliceCard } from "./SliceCard";
-export { SliceVariationCard } from "./SliceVariationCard";
+export { SliceSelectCard } from "./SliceSelectCard";

package/dist/components/Slider/Slider.d.ts

@@ -1,4 +1,4 @@
 import * as SliderPrimitive from "@radix-ui/react-slider";
-declare type Props = Readonly<Pick<SliderPrimitive.SliderProps, "min" | "max" | "step" | "value" | "onValueChange">>;
+type Props = Readonly<Pick<SliderPrimitive.SliderProps, "min" | "max" | "step" | "value" | "onValueChange">>;
 export declare const Slider: ({ value, ...props }: Props) => JSX.Element;
 export {};

package/dist/components/StoryCard.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+import { type BoxFlexDisplayProps, type BoxProps } from "./Box/Box";
+/**
+ * A basic card with a title for Storybook stories that showcase multiple component variants.
+ */
+interface StoryCardProps {
+    title: string;
+    children: ReactNode;
+    box?: BoxProps & BoxFlexDisplayProps;
+}
+export declare function StoryCard(props: StoryCardProps): JSX.Element;
+export {};

package/dist/components/Table/Table.css.d.ts

@@ -0,0 +1,9 @@
+export declare const root: string;
+export declare const table: string;
+export declare const head: string;
+export declare const body: string;
+export declare const row: string;
+export declare const bodyRow: string;
+export declare const rowClickable: string;
+export declare const cell: string;
+export declare const cellContent: string;

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,24 @@
+import { type MouseEventHandler, type ReactNode } from "react";
+export interface TableProps {
+    children: ReactNode;
+}
+export declare function Table({ children }: TableProps): JSX.Element;
+export interface TableHeadProps {
+    children: ReactNode;
+}
+export declare function TableHead({ children }: TableHeadProps): JSX.Element;
+export interface TableBodyProps {
+    children: ReactNode;
+}
+export declare function TableBody({ children }: TableBodyProps): JSX.Element;
+export interface TableRowProps {
+    children: ReactNode;
+    onClick?: MouseEventHandler<HTMLTableRowElement>;
+}
+export declare function TableRow(props: TableRowProps): JSX.Element;
+export interface TableCellProps {
+    children?: ReactNode;
+    /** How to align the content in the cell. Note that undefined defaults to start */
+    align?: "center" | "end";
+}
+export declare function TableCell(props: TableCellProps): JSX.Element;

package/dist/components/Table/Table.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Table").TableProps>;
+export default _default;
+export declare const Default: {
+    render: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Table").TableProps>;
+    name: string;
+};

package/dist/components/Table/index.d.ts

@@ -0,0 +1 @@
+export { Table, TableBody, TableCell, TableHead, TableRow } from "./Table";

package/dist/components/TagField/TagField.css.d.ts

@@ -1,18 +1,13 @@
 export declare const gapBetweenTags = 8;
-export declare const maxInputContainerSize = 225;
 export declare const root: string;
 export declare const overlayMode: {
     open: string;
     closed: string;
 };
-export declare const inputContainer: string;
-export declare const invisibleBorder: string;
-export declare const input: string;
 export declare const footer: string;
 export declare const footerTitle: string;
 export declare const optionsContainer: string;
 export declare const tagsSkeleton: string;
-export declare const extraTagContainer: string;
 export declare const footerButton: string;
 export declare const tagErrorContainer: string;
 export declare const tagErrorLeft: string;

package/dist/components/TagField/TagFieldHeader.css.d.ts

@@ -0,0 +1,6 @@
+export declare const gapBetweenTags = 8;
+export declare const maxInputContainerSize = 225;
+export declare const inputContainer: string;
+export declare const invisibleBorder: string;
+export declare const input: string;
+export declare const extraTagContainer: string;

package/dist/components/TagField/TagFieldHeader.d.ts

@@ -0,0 +1,21 @@
+import { type RefObject } from "react";
+import { type LastItemLocation } from "./useTagFieldHeader";
+interface TagFieldHeaderProps {
+    selectedValues: Set<string>;
+    searchText: string;
+    setSearchText: (searchText: string) => void;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    isDisabled: boolean | undefined;
+    onSelectedValuesChange: (selectedValues: Set<string>) => void;
+    onCreateTag: () => void;
+    fieldRef: RefObject<HTMLDivElement>;
+}
+export declare function TagFieldHeader(props: TagFieldHeaderProps): JSX.Element;
+interface TagsContainerProps {
+    displayedTags: string[];
+    extraTags: number;
+    removeSelectedValue: (valueToDelete: string | LastItemLocation) => void;
+}
+export declare function TagFieldHeaderContent({ displayedTags, extraTags, removeSelectedValue }: TagsContainerProps): JSX.Element;
+export {};

package/dist/components/TagField/useTagField.d.ts

@@ -1,40 +1,14 @@
-import { type RefObject, KeyboardEvent } from "react";
-import type { TagFieldProps } from "./TagField";
-interface UseTagFieldProps extends TagFieldProps {
-    fieldRef: RefObject<HTMLDivElement>;
-    tagsContainerRef: RefObject<HTMLDivElement>;
-    open: boolean;
+import { type RefObject } from "react";
+interface UseTagFieldProps {
+    selectedValues: Set<string>;
     setOpen: (open: boolean) => void;
+    fieldRef: RefObject<HTMLDivElement>;
+    onSelectedValuesChange: (selectedValues: Set<string>) => void;
 }
 export declare function useTagField(props: UseTagFieldProps): {
     searchText: string;
     setSearchText: import("react").Dispatch<import("react").SetStateAction<string>>;
     onCreateTag: () => void;
     addItemToSelectedValues: (valueToAdd: string) => void;
-    updateSelectedValue: (newValues: string[]) => void;
-    removeSelectedValue: (valueToDelete: string | LastItemLocation) => void;
-};
-interface UseTagFieldHeaderProps extends TagFieldProps {
-    fieldRef: RefObject<HTMLDivElement>;
-    tagsContainerRef: RefObject<HTMLDivElement>;
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    updateSelectedValue(newValues: string[]): void;
-}
-export declare function useTagFieldHeader(props: UseTagFieldHeaderProps): {
-    displayedSelectedValues: string[];
-    extraTags: number;
-};
-export declare type LastItemLocation = -1;
-interface UseHandleKeyboardEntriesProps {
-    fieldRef: RefObject<HTMLDivElement>;
-    inputRef: RefObject<HTMLDivElement>;
-    searchText: string;
-    setOpen: (open: boolean) => void;
-    onCreateTag: () => void;
-    removeSelectedValue: (valueToDelete: string | -1) => void;
-}
-export declare function useHandleKeyboardEntries(props: UseHandleKeyboardEntriesProps): {
-    onKeyDown: (evt: KeyboardEvent) => void;
 };
 export {};