@prismicio/editor-ui 0.1.0-rc.1 → 0.1.0-rc.3

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,15 +1,17 @@
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { type FC, type ReactNode } from "react";
-export declare const DropdownMenu: FC;
-declare type DropdownMenuTriggerProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuTriggerProps, "disabled">>;
+declare type DropdownMenuProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuProps, "children">>;
+export declare const DropdownMenu: FC<DropdownMenuProps>;
+declare type DropdownMenuTriggerProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuTriggerProps, "children" | "disabled">>;
 export declare const DropdownMenuTrigger: FC<DropdownMenuTriggerProps>;
-declare type DropdownMenuContentProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuContentProps, "align" | "side">>;
+declare type DropdownMenuContentProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuContentProps, "align" | "children" | "side">>;
 export declare const DropdownMenuContent: FC<DropdownMenuContentProps>;
-declare type DropdownMenuItemProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuItemProps, "disabled" | "onSelect" | "textValue"> & {
-    endIcon?: ReactNode | undefined;
-    shortcut?: ReactNode | undefined;
-    startIcon?: ReactNode | undefined;
+declare type DropdownMenuItemProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuItemProps, "children" | "disabled" | "onSelect" | "textValue"> & {
+    endIcon?: ReactNode;
+    shortcut?: ReactNode;
+    startIcon?: ReactNode;
 }>;
 export declare const DropdownMenuItem: FC<DropdownMenuItemProps>;
-export declare const DropdownMenuLabel: FC;
+declare type DropdownMenuLabelProps = Readonly<Pick<DropdownMenuPrimitive.DropdownMenuLabelProps, "children">>;
+export declare const DropdownMenuLabel: FC<DropdownMenuLabelProps>;
 export {};

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

@@ -1,4 +1,4 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").FC<{}>>;
+declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-dropdown-menu").DropdownMenuProps, "children">>>>;
 export default _default;
-export declare const Default: ComponentStoryFn<import("react").FC<{}>>;
+export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-dropdown-menu").DropdownMenuProps, "children">>>>;

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

@@ -1,2 +1,2 @@
-export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger, } from "./DropdownMenu";
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger } from "./DropdownMenu";
 export * as dropdownMenuStyles from "./DropdownMenu.css";

package/dist/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,19 @@
+import React, { CSSProperties, ReactNode } from "react";
+interface ErrorBoundaryProps {
+    children?: ReactNode;
+    errorImageSrc?: string;
+    title: string;
+    description: string;
+    style?: CSSProperties;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+}
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(_error: unknown): {
+        hasError: boolean;
+    };
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+}
+export {};

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

@@ -0,0 +1,5 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+import { ErrorBoundary } from "./ErrorBoundary";
+declare const _default: ComponentMeta<typeof ErrorBoundary>;
+export default _default;
+export declare const Default: ComponentStoryFn<typeof ErrorBoundary>;

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

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

package/dist/components/Field/Field.d.ts

@@ -1,12 +1,19 @@
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { type FC } from "react";
+import { type FC, type ReactNode } from "react";
 import * as styles from "./Field.css";
 declare type FieldProps = Readonly<{
-    labelPosition?: keyof typeof styles.labelPosition | undefined;
+    children?: ReactNode;
+    labelPosition?: keyof typeof styles.labelPosition;
 }>;
 export declare const Field: FC<FieldProps>;
-export declare const FieldIcon: FC;
-declare type FieldLabelProps = Readonly<Pick<LabelPrimitive.LabelProps, "htmlFor">>;
+declare type FieldIconProps = Readonly<{
+    children?: ReactNode;
+}>;
+export declare const FieldIcon: FC<FieldIconProps>;
+declare type FieldLabelProps = Readonly<Pick<LabelPrimitive.LabelProps, "children" | "htmlFor">>;
 export declare const FieldLabel: FC<FieldLabelProps>;
-export declare const FieldControl: FC;
+declare type FieldControlProps = Readonly<{
+    children?: ReactNode;
+}>;
+export declare const FieldControl: FC<FieldControlProps>;
 export {};

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

@@ -1,8 +1,10 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
 declare const _default: ComponentMeta<import("react").FC<Readonly<{
+    children?: import("react").ReactNode;
     labelPosition?: "top" | "side" | undefined;
 }>>>;
 export default _default;
 export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
+    children?: import("react").ReactNode;
     labelPosition?: "top" | "side" | undefined;
 }>>>;

package/dist/components/FieldSet/FieldSet.d.ts

@@ -1,7 +1,11 @@
-import type { FC } from "react";
+import type { FC, ReactNode } from "react";
 declare type FieldSetProps = Readonly<{
-    name?: string | undefined;
+    children?: ReactNode;
+    name?: string;
 }>;
 export declare const FieldSet: FC<FieldSetProps>;
-export declare const FieldSetLegend: FC;
+declare type FieldSetLegendProps = Readonly<{
+    children?: ReactNode;
+}>;
+export declare const FieldSetLegend: FC<FieldSetLegendProps>;
 export {};

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

@@ -1,8 +1,10 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
 declare const _default: ComponentMeta<import("react").FC<Readonly<{
+    children?: import("react").ReactNode;
     name?: string | undefined;
 }>>>;
 export default _default;
 export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
+    children?: import("react").ReactNode;
     name?: string | undefined;
 }>>>;

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

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

package/dist/components/Group/Group.d.ts

@@ -0,0 +1,9 @@
+import { type FC, type ReactNode } from "react";
+declare type Props = Readonly<{
+    title?: string;
+    addItemButtonTitle?: string;
+    onAddItem?: () => void;
+    children?: ReactNode;
+}>;
+export declare const Group: FC<Props>;
+export {};

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

@@ -0,0 +1,15 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+import { type FC } from "react";
+declare const _default: ComponentMeta<FC<Readonly<{
+    title?: string | undefined;
+    addItemButtonTitle?: string | undefined;
+    onAddItem?: (() => void) | undefined;
+    children?: import("react").ReactNode;
+}>>>;
+export default _default;
+export declare const Default: ComponentStoryFn<FC<Readonly<{
+    title?: string | undefined;
+    addItemButtonTitle?: string | undefined;
+    onAddItem?: (() => void) | undefined;
+    children?: import("react").ReactNode;
+}>>>;

package/dist/components/Group/GroupItem.css.d.ts

@@ -0,0 +1,6 @@
+export declare const root: string;
+export declare const header: string;
+export declare const headerIcon: string;
+export declare const actions: string;
+export declare const hidden: string;
+export declare const content: string;

package/dist/components/Group/GroupItem.d.ts

@@ -0,0 +1,15 @@
+import type { FC, ReactNode } from "react";
+declare type Props = Readonly<{
+    index?: number;
+    title?: string;
+    onMove?: (params: {
+        index: number;
+        offset: number;
+    }) => void;
+    onDelete?: (params: {
+        index: number;
+    }) => void;
+    children?: ReactNode;
+}>;
+export declare const GroupItem: FC<Props>;
+export {};

package/dist/components/Group/context.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentProps } from "react";
+declare const GroupContext: import("react").Context<{
+    itemsCount: number;
+}>;
+export declare const GroupContextProvider: ({ itemsCount, children }: Pick<import("react").ProviderProps<{
+    itemsCount: number;
+}>, "children"> & {
+    itemsCount: number;
+}) => JSX.Element;
+export declare const useGroupContext: () => {
+    itemsCount: number;
+};
+export {};

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

@@ -0,0 +1,2 @@
+export { Group } from "./Group";
+export { GroupItem } from "./GroupItem";

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

@@ -2,3 +2,4 @@ export declare const root: string;
 export declare const firstLine: string;
 export declare const secondLine: string;
 export declare const icon: string;
+export declare const iconChildren: string;

package/dist/components/HairlineButton/HairlineButton.d.ts

@@ -1,6 +1,6 @@
 import { type CSSProperties, type MouseEvent, type ReactNode } from "react";
 export declare const HairlineButton: import("react").ForwardRefExoticComponent<Readonly<{
-    children?: ReactNode | undefined;
+    children?: ReactNode;
     disabled?: boolean | undefined;
     onClick?: ((event: MouseEvent) => void) | undefined;
     style?: CSSProperties | undefined;

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

@@ -0,0 +1,10 @@
+export declare const color: {
+    grey2: string;
+    grey11: string;
+    inherit: string;
+};
+export declare const size: {
+    small: string;
+    medium: string;
+    large: string;
+};

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,7 @@
+import type { IconName } from "./iconNames";
+export declare const Icon: import("react").ForwardRefExoticComponent<Readonly<{
+    className?: string | undefined;
+    color?: "inherit" | "grey2" | "grey11" | undefined;
+    name: IconName;
+    size?: "medium" | "large" | "small" | undefined;
+}> & import("react").RefAttributes<SVGSVGElement>>;

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

@@ -0,0 +1,14 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Readonly<{
+    className?: string | undefined;
+    color?: "inherit" | "grey2" | "grey11" | undefined;
+    name: "add" | "search" | "link" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "centerFocusWeak" | "check" | "close" | "cloudUpload" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "delete" | "desktopWindows" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "imageSearch" | "keyboardArrowDown" | "keyboardArrowUp" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "notes" | "phoneIphone" | "photo" | "pin" | "schedule" | "tabletMac" | "textFields" | "toggleOff" | "unfoldMore" | "viewDay" | "zoomOutMap";
+    size?: "medium" | "large" | "small" | undefined;
+}> & import("react").RefAttributes<SVGSVGElement>>>;
+export default _default;
+export declare const Default: ComponentStoryFn<import("react").ForwardRefExoticComponent<Readonly<{
+    className?: string | undefined;
+    color?: "inherit" | "grey2" | "grey11" | undefined;
+    name: "add" | "search" | "link" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "centerFocusWeak" | "check" | "close" | "cloudUpload" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "delete" | "desktopWindows" | "folder" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "imageSearch" | "keyboardArrowDown" | "keyboardArrowUp" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "notes" | "phoneIphone" | "photo" | "pin" | "schedule" | "tabletMac" | "textFields" | "toggleOff" | "unfoldMore" | "viewDay" | "zoomOutMap";
+    size?: "medium" | "large" | "small" | undefined;
+}> & import("react").RefAttributes<SVGSVGElement>>>;

package/dist/components/Icon/iconNames.d.ts

@@ -0,0 +1,2 @@
+export declare const iconNames: readonly ["add", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "centerFocusWeak", "check", "close", "cloudUpload", "crop", "cropLandscape", "cropPortrait", "dataObject", "delete", "desktopWindows", "folder", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "imageSearch", "keyboardArrowDown", "keyboardArrowUp", "link", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "notes", "phoneIphone", "photo", "pin", "schedule", "search", "tabletMac", "textFields", "toggleOff", "unfoldMore", "viewDay", "zoomOutMap"];
+export declare type IconName = typeof iconNames[number];

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

@@ -0,0 +1,2 @@
+export { Icon } from "./Icon";
+export type { IconName } from "./iconNames";

package/dist/components/IconButton/IconButton.d.ts

@@ -1,6 +1,6 @@
 import { type CSSProperties, type MouseEvent, type ReactNode } from "react";
 export declare const IconButton: import("react").ForwardRefExoticComponent<Readonly<{
-    children?: ReactNode | undefined;
+    children?: ReactNode;
     className?: string | undefined;
     onClick?: ((event: MouseEvent) => void) | undefined;
     style?: CSSProperties | undefined;

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

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

package/dist/components/Image/Image.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties, FC } from "react";
+declare type ImageProps = Readonly<{
+    src: string;
+    alt?: string;
+    loading?: "eager" | "lazy";
+    decoding?: "async" | "auto" | "sync";
+    className?: string;
+    style?: CSSProperties;
+}>;
+export declare const ImageComponent: FC<ImageProps>;
+export declare const SuspenseImage: FC<ImageProps>;
+export {};

package/dist/components/{Well/Well.stories.d.ts → Image/Image.stories.d.ts}

@@ -1,10 +1,18 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
 declare const _default: ComponentMeta<import("react").FC<Readonly<{
+    src: string;
+    alt?: string | undefined;
+    loading?: "eager" | "lazy" | undefined;
+    decoding?: "auto" | "async" | "sync" | undefined;
     className?: string | undefined;
     style?: import("react").CSSProperties | undefined;
 }>>>;
 export default _default;
 export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
+    src: string;
+    alt?: string | undefined;
+    loading?: "eager" | "lazy" | undefined;
+    decoding?: "auto" | "async" | "sync" | undefined;
     className?: string | undefined;
     style?: import("react").CSSProperties | undefined;
 }>>>;

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

@@ -0,0 +1 @@
+export { ImageComponent as Image, SuspenseImage } from "./Image";

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

@@ -1,5 +1,3 @@
 export declare const root: string;
-export declare const navigation: string;
-export declare const header: string;
 export declare const content: string;
 export declare const contentScrollArea: string;

package/dist/components/Layout/Layout.d.ts

@@ -1,12 +1,10 @@
-import type { FC } from "react";
+import type { FC, ReactNode } from "react";
 declare type LayoutProps = Readonly<{
-    className?: string | undefined;
+    children?: ReactNode;
 }>;
 export declare const Layout: FC<LayoutProps>;
-export declare const LayoutNavigation: FC;
-export declare const LayoutHeader: FC;
 declare type LayoutContentProps = Readonly<{
-    className?: string | undefined;
+    children?: ReactNode;
 }>;
 export declare const LayoutContent: FC<LayoutContentProps>;
 export {};

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

@@ -1,8 +1,8 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
 declare const _default: ComponentMeta<import("react").FC<Readonly<{
-    className?: string | undefined;
+    children?: import("react").ReactNode;
 }>>>;
 export default _default;
 export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
-    className?: string | undefined;
+    children?: import("react").ReactNode;
 }>>>;

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

@@ -1 +1 @@
-export { Layout, LayoutContent, LayoutHeader, LayoutNavigation } from "./Layout";
+export { Layout, LayoutContent } from "./Layout";

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

@@ -0,0 +1,2 @@
+export declare const container: string;
+export declare const item: string;

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

@@ -0,0 +1,12 @@
+import { CSSProperties, Key, ReactElement, ReactNode } from "react";
+export interface ItemInfo {
+    key: Key;
+    aspectRatio: number;
+}
+export interface MasonryProps<ITEM> {
+    items: readonly ITEM[];
+    getItemInfo: (item: ITEM) => ItemInfo;
+    children?: (item: ITEM) => ReactNode;
+    style?: CSSProperties;
+}
+export declare function Masonry<ITEM>(props: MasonryProps<ITEM>): ReactElement;

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

@@ -0,0 +1,9 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+import { Masonry } from "./Masonry";
+declare const _default: ComponentMeta<typeof Masonry>;
+export default _default;
+export declare const Default: ComponentStoryFn<typeof Masonry>;
+export declare const Skeleton: {
+    (): JSX.Element;
+    args: {};
+};

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

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

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

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

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

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const MasonrySkeleton: FC;

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

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

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

@@ -0,0 +1,17 @@
+import { FC } from "react";
+declare type NumberInputProps = Readonly<{
+    autoComplete?: string;
+    className?: string;
+    id?: string;
+    inField?: boolean;
+    max?: number;
+    min?: number;
+    name?: string;
+    onValueChange?: (value: number | undefined) => void;
+    placeholder?: string;
+    readOnly?: boolean;
+    value?: number;
+}>;
+export declare const NumberInput: FC<NumberInputProps>;
+export declare function isValidDraftValue(value: string): boolean;
+export {};

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

@@ -0,0 +1,28 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").FC<Readonly<{
+    autoComplete?: string | undefined;
+    className?: string | undefined;
+    id?: string | undefined;
+    inField?: boolean | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+    name?: string | undefined;
+    onValueChange?: ((value: number | undefined) => void) | undefined;
+    placeholder?: string | undefined;
+    readOnly?: boolean | undefined;
+    value?: number | undefined;
+}>>>;
+export default _default;
+export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
+    autoComplete?: string | undefined;
+    className?: string | undefined;
+    id?: string | undefined;
+    inField?: boolean | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+    name?: string | undefined;
+    onValueChange?: ((value: number | undefined) => void) | undefined;
+    placeholder?: string | undefined;
+    readOnly?: boolean | undefined;
+    value?: number | undefined;
+}>>>;

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

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

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

@@ -1,9 +1,10 @@
-import type { CSSProperties, FC } from "react";
+import type { CSSProperties, FC, ReactNode } from "react";
 import * as styles from "./ScrollArea.css";
 declare type ScrollAreaProps = Readonly<{
-    className?: string | undefined;
-    direction?: keyof typeof styles.direction | undefined;
-    style?: CSSProperties | undefined;
+    children?: ReactNode;
+    className?: string;
+    direction?: keyof typeof styles.direction;
+    style?: CSSProperties;
 }>;
 export declare const ScrollArea: FC<ScrollAreaProps>;
 export {};

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

@@ -1,11 +1,13 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
 declare const _default: ComponentMeta<import("react").FC<Readonly<{
+    children?: import("react").ReactNode;
     className?: string | undefined;
     direction?: "horizontal" | "vertical" | undefined;
     style?: import("react").CSSProperties | undefined;
 }>>>;
 export default _default;
 export declare const Default: ComponentStoryFn<import("react").FC<Readonly<{
+    children?: import("react").ReactNode;
     className?: string | undefined;
     direction?: "horizontal" | "vertical" | undefined;
     style?: import("react").CSSProperties | undefined;

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

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

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

@@ -0,0 +1,7 @@
+declare type Props = Readonly<{
+    value: string;
+    onValueChange: (value: string) => void;
+    placeholder?: string;
+}>;
+export declare const SearchInput: ({ onValueChange, value, ...props }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
+declare const _default: ComponentMeta<({ onValueChange, value, ...props }: Readonly<{
+    value: string;
+    onValueChange: (value: string) => void;
+    placeholder?: string | undefined;
+}>) => JSX.Element>;
+export default _default;
+export declare const Default: ComponentStoryFn<({ onValueChange, value, ...props }: Readonly<{
+    value: string;
+    onValueChange: (value: string) => void;
+    placeholder?: string | undefined;
+}>) => JSX.Element>;

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

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

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

@@ -1,15 +1,15 @@
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { type FC, type ReactNode } from "react";
 import type * as buttonStyles from "../Button/Button.css";
-declare type SelectProps = Readonly<Pick<SelectPrimitive.SelectProps, "autoComplete" | "name" | "onValueChange" | "value"> & Pick<SelectPrimitive.SelectValueProps, "placeholder"> & {
-    disabled?: boolean | undefined;
-    id?: string | undefined;
-    inField?: boolean | undefined;
-    size?: keyof typeof buttonStyles.size | undefined;
-    trigger?: ReactNode | undefined;
-    variant?: keyof typeof buttonStyles.variant | undefined;
+declare type SelectProps = Readonly<Pick<SelectPrimitive.SelectProps, "autoComplete" | "children" | "name" | "onValueChange" | "value"> & Pick<SelectPrimitive.SelectValueProps, "placeholder"> & {
+    disabled?: boolean;
+    id?: string;
+    inField?: boolean;
+    size?: keyof typeof buttonStyles.size;
+    trigger?: ReactNode;
+    variant?: keyof typeof buttonStyles.variant;
 }>;
 export declare const Select: FC<SelectProps>;
-declare type SelectItemProps = Readonly<Pick<SelectPrimitive.SelectItemProps, "disabled" | "textValue" | "value">>;
+declare type SelectItemProps = Readonly<Pick<SelectPrimitive.SelectItemProps, "children" | "disabled" | "textValue" | "value">>;
 export declare const SelectItem: FC<SelectItemProps>;
 export {};

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

@@ -1,18 +1,18 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-select").SelectProps, "value" | "name" | "autoComplete" | "onValueChange"> & Pick<import("@radix-ui/react-select").SelectValueProps, "placeholder"> & {
+declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-select").SelectProps, "children" | "value" | "name" | "autoComplete" | "onValueChange"> & Pick<import("@radix-ui/react-select").SelectValueProps, "placeholder"> & {
     disabled?: boolean | undefined;
     id?: string | undefined;
     inField?: boolean | undefined;
-    size?: "small" | "medium" | "large" | undefined;
+    size?: "medium" | "large" | "small" | undefined;
     trigger?: import("react").ReactNode;
     variant?: "primary" | "secondary" | "tertiary" | undefined;
 }>>>;
 export default _default;
-export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-select").SelectProps, "value" | "name" | "autoComplete" | "onValueChange"> & Pick<import("@radix-ui/react-select").SelectValueProps, "placeholder"> & {
+export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-select").SelectProps, "children" | "value" | "name" | "autoComplete" | "onValueChange"> & Pick<import("@radix-ui/react-select").SelectValueProps, "placeholder"> & {
     disabled?: boolean | undefined;
     id?: string | undefined;
     inField?: boolean | undefined;
-    size?: "small" | "medium" | "large" | undefined;
+    size?: "medium" | "large" | "small" | undefined;
     trigger?: import("react").ReactNode;
     variant?: "primary" | "secondary" | "tertiary" | undefined;
 }>>>;

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

@@ -1,7 +1,5 @@
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import type { FC } from "react";
-declare type SeparatorProps = Readonly<Pick<SeparatorPrimitive.SeparatorProps, "decorative" | "orientation"> & {
-    className?: string | undefined;
-}>;
+declare type SeparatorProps = Readonly<Pick<SeparatorPrimitive.SeparatorProps, "className" | "decorative" | "orientation">>;
 export declare const Separator: FC<SeparatorProps>;
 export {};

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

@@ -1,8 +1,4 @@
 import type { ComponentMeta, ComponentStoryFn } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-separator").SeparatorProps, "decorative" | "orientation"> & {
-    className?: string | undefined;
-}>>>;
+declare const _default: ComponentMeta<import("react").FC<Readonly<Pick<import("@radix-ui/react-separator").SeparatorProps, "className" | "decorative" | "orientation">>>>;
 export default _default;
-export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-separator").SeparatorProps, "decorative" | "orientation"> & {
-    className?: string | undefined;
-}>>>;
+export declare const Default: ComponentStoryFn<import("react").FC<Readonly<Pick<import("@radix-ui/react-separator").SeparatorProps, "className" | "decorative" | "orientation">>>>;