@univerjs/design 0.25.1 → 1.0.0-alpha.1

package/lib/types/components/color-picker/ColorPicker.d.ts

@@ -18,4 +18,4 @@ export interface IColorPickerProps {
     value?: string;
     onChange?: (value: string) => void;
 }
-export declare function ColorPicker({ format, value, onChange }: IColorPickerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ColorPicker({ format, value, onChange }: IColorPickerProps): import("react").JSX.Element | null;

package/lib/types/components/color-picker/ColorPicker.stories.d.ts

@@ -18,8 +18,8 @@ import { ColorPicker } from './ColorPicker';
 declare const meta: Meta<typeof ColorPicker>;
 export default meta;
 export declare const Playground: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const RgbaFormat: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/color-picker/ColorPresets.d.ts

@@ -17,5 +17,5 @@ interface IColorPresetsProps {
     hsv: [number, number, number];
     onChange: (h: number, s: number, v: number) => void;
 }
-export declare function ColorPresets({ hsv, onChange }: IColorPresetsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorPresets({ hsv, onChange }: IColorPresetsProps): import("react").JSX.Element;
 export {};

package/lib/types/components/color-picker/ColorSpectrum.d.ts

@@ -18,5 +18,5 @@ interface IColorSpectrumProps {
     onChange: (h: number, s: number, v: number) => void;
     onChanged?: (h: number, s: number, v: number) => void;
 }
-export declare function ColorSpectrum({ hsv, onChange, onChanged }: IColorSpectrumProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorSpectrum({ hsv, onChange, onChanged }: IColorSpectrumProps): import("react").JSX.Element;
 export {};

package/lib/types/components/color-picker/HueSlider.d.ts

@@ -18,5 +18,5 @@ interface IHueSliderProps {
     onChange: (h: number, s: number, v: number) => void;
     onChanged?: (h: number, s: number, v: number) => void;
 }
-export declare function HueSlider({ hsv, onChange, onChanged }: IHueSliderProps): import("react/jsx-runtime").JSX.Element;
+export declare function HueSlider({ hsv, onChange, onChanged }: IHueSliderProps): import("react").JSX.Element;
 export {};

package/lib/types/components/config-provider/ConfigProvider.d.ts

@@ -21,4 +21,4 @@ export interface IConfigProviderProps {
     mountContainer: HTMLElement | null;
 }
 export declare const ConfigContext: import("react").Context<Omit<IConfigProviderProps, "children">>;
-export declare function ConfigProvider(props: IConfigProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfigProvider(props: IConfigProviderProps): import("react").JSX.Element;

package/lib/types/components/config-provider/ConfigProvider.stories.d.ts

@@ -18,5 +18,5 @@ import { ConfigProvider } from './ConfigProvider';
 declare const meta: Meta<typeof ConfigProvider>;
 export default meta;
 export declare const Playground: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/confirm/Confirm.d.ts

@@ -51,4 +51,4 @@ export interface IConfirmProps {
      */
     closable?: boolean;
 }
-export declare function Confirm(props: IConfirmProps): import("react/jsx-runtime").JSX.Element;
+export declare function Confirm(props: IConfirmProps): import("react").JSX.Element;

package/lib/types/components/confirm/Confirm.stories.d.ts

@@ -18,5 +18,5 @@ import { Confirm } from './Confirm';
 declare const meta: Meta<typeof Confirm>;
 export default meta;
 export declare const ConfirmBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/date-picker/DatePicker.d.ts

@@ -27,5 +27,5 @@ interface IDatePickerProps {
      */
     onValueChange?: (date: Date) => void;
 }
-export declare function DatePicker(props: IDatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker(props: IDatePickerProps): import("react").JSX.Element;
 export {};

package/lib/types/components/date-picker/DatePicker.stories.d.ts

@@ -18,5 +18,5 @@ import { DatePicker } from './DatePicker';
 declare const meta: Meta<typeof DatePicker>;
 export default meta;
 export declare const DatePickerBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/date-range-picker/DateRangePicker.d.ts

@@ -27,5 +27,5 @@ interface IDateRangePickerProps {
      */
     onValueChange?: (date: [Date, Date]) => void;
 }
-export declare function DateRangePicker(props: IDateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangePicker(props: IDateRangePickerProps): import("react").JSX.Element;
 export {};

package/lib/types/components/date-range-picker/DateRangePicker.stories.d.ts

@@ -18,5 +18,5 @@ import { DateRangePicker } from './DateRangePicker';
 declare const meta: Meta<typeof DateRangePicker>;
 export default meta;
 export declare const DateRangePickerBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/dialog/Dialog.d.ts

@@ -96,4 +96,4 @@ export interface IDialogProps {
     onOk?: () => void;
     onCancel?: () => void;
 }
-export declare function Dialog(props: IDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dialog(props: IDialogProps): import("react").JSX.Element;

package/lib/types/components/dialog/Dialog.stories.d.ts

@@ -18,8 +18,8 @@ import { Dialog } from './Dialog';
 declare const meta: Meta<typeof Dialog>;
 export default meta;
 export declare const DialogBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const DialogDraggable: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/dialog/DialogPrimitive.d.ts

@@ -25,11 +25,11 @@ interface IDialogContentProps {
 }
 declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & IDialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
-    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
-    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
     displayName: string;
 };
 declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;

package/lib/types/components/draggable-list/DraggableList.d.ts

@@ -30,5 +30,5 @@ export interface IDraggableListProps<T> extends Omit<HTMLAttributes<HTMLDivEleme
     rowHeight?: number;
     margin?: [number, number];
 }
-export declare function DraggableList<T = any>(props: IDraggableListProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DraggableList<T = any>(props: IDraggableListProps<T>): import("react").JSX.Element;
 export {};

package/lib/types/components/draggable-list/DraggableList.stories.d.ts

@@ -18,5 +18,5 @@ import { DraggableList } from './DraggableList';
 declare const meta: Meta<typeof DraggableList>;
 export default meta;
 export declare const DraggableListDemo: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/dropdown/Dropdown.d.ts

@@ -22,4 +22,4 @@ export interface IDropdownProps extends ComponentProps<typeof PopoverContent> {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-export declare function Dropdown(props: IDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dropdown(props: IDropdownProps): import("react").JSX.Element;

package/lib/types/components/dropdown/Dropdown.stories.d.ts

@@ -18,5 +18,5 @@ import { Dropdown } from './Dropdown';
 declare const meta: Meta<typeof Dropdown>;
 export default meta;
 export declare const Playground: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/dropdown/PopoverPrimitive.d.ts

@@ -15,8 +15,8 @@
  */
 import type { ComponentProps } from 'react';
 import { Anchor, Content, Root, Trigger } from '@radix-ui/react-popover';
-declare function PopoverPrimitive({ ...props }: ComponentProps<typeof Root>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTrigger({ ...props }: ComponentProps<typeof Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, ...props }: ComponentProps<typeof Content>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverAnchor({ ...props }: ComponentProps<typeof Anchor>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverPrimitive({ ...props }: ComponentProps<typeof Root>): import("react").JSX.Element;
+declare function PopoverTrigger({ ...props }: ComponentProps<typeof Trigger>): import("react").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: ComponentProps<typeof Content>): import("react").JSX.Element;
+declare function PopoverAnchor({ ...props }: ComponentProps<typeof Anchor>): import("react").JSX.Element;
 export { PopoverAnchor, PopoverContent, PopoverPrimitive, PopoverTrigger };

package/lib/types/components/dropdown-menu/DropdownMenu.d.ts

@@ -20,6 +20,7 @@ interface IDropdownMenuNormalItem {
     className?: string;
     children: ReactNode;
     disabled?: boolean;
+    variant?: 'default' | 'destructive';
     onSelect?: (item: DropdownMenuType) => void;
 }
 interface IDropdownMenuNormalSubItem {
@@ -56,7 +57,12 @@ interface IDropdownMenuCheckItem {
     checked?: boolean;
     onSelect?: (item: string) => void;
 }
-type DropdownMenuType = IDropdownMenuNormalItem | IDropdownMenuNormalSubItem | IDropdownMenuSeparatorItem | IDropdownMenuRadioItem | IDropdownMenuCheckItem;
+interface IDropdownMenuCustomItem {
+    type: 'custom';
+    className?: string;
+    children: ReactNode;
+}
+type DropdownMenuType = IDropdownMenuNormalItem | IDropdownMenuNormalSubItem | IDropdownMenuSeparatorItem | IDropdownMenuRadioItem | IDropdownMenuCheckItem | IDropdownMenuCustomItem;
 export interface IDropdownMenuProps extends ComponentProps<typeof DropdownMenuContent> {
     children: ReactNode;
     items: DropdownMenuType[];
@@ -64,5 +70,5 @@ export interface IDropdownMenuProps extends ComponentProps<typeof DropdownMenuCo
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-export declare function DropdownMenu(props: IDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenu(props: IDropdownMenuProps): import("react").JSX.Element;
 export {};

package/lib/types/components/dropdown-menu/DropdownMenuPrimitive.d.ts

@@ -15,30 +15,30 @@
  */
 import type { ComponentProps } from 'react';
 import { CheckboxItem, Content, Group, Item, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from '@radix-ui/react-dropdown-menu';
-declare function DropdownMenuPrimitive({ ...props }: ComponentProps<typeof Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuPortal({ ...props }: ComponentProps<typeof Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: ComponentProps<typeof Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuGroup({ ...props }: ComponentProps<typeof Group>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSub({ ...props }: ComponentProps<typeof Sub>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: ComponentProps<typeof RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPrimitive({ ...props }: ComponentProps<typeof Root>): import("react").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: ComponentProps<typeof Portal>): import("react").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: ComponentProps<typeof Trigger>): import("react").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: ComponentProps<typeof Group>): import("react").JSX.Element;
+declare function DropdownMenuSub({ ...props }: ComponentProps<typeof Sub>): import("react").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: ComponentProps<typeof RadioGroup>): import("react").JSX.Element;
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: ComponentProps<typeof SubTrigger> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: ComponentProps<typeof SubContent>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: ComponentProps<typeof Content>): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: ComponentProps<typeof SubContent>): import("react").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: ComponentProps<typeof Content>): import("react").JSX.Element;
 declare function DropdownMenuItem({ className, inset, variant, ...props }: ComponentProps<typeof Item> & {
     inset?: boolean;
     variant?: 'default' | 'destructive';
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare function DropdownMenuCheckboxItem({ className, children, hideIndicator, checked, ...props }: ComponentProps<typeof CheckboxItem> & {
     hideIndicator?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare function DropdownMenuRadioItem({ className, children, hideIndicator, ...props }: ComponentProps<typeof RadioItem> & {
     hideIndicator?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare function DropdownMenuLabel({ className, inset, ...props }: ComponentProps<typeof Label> & {
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof Separator>): import("react").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
 export { DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuPrimitive, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/lib/types/components/form-layout/FormLayout.d.ts

@@ -25,10 +25,10 @@ export interface IFormLayoutProps {
     collapsable?: boolean;
     defaultCollapsed?: boolean;
 }
-export declare const FormLayout: (props: IFormLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormLayout: (props: IFormLayoutProps) => import("react").JSX.Element;
 export type IFormDualColumnLayoutProps = PropsWithChildren;
 /**
  * A dual columns layout component for the form.
  * @param props props of the component
  */
-export declare const FormDualColumnLayout: (props: IFormDualColumnLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormDualColumnLayout: (props: IFormDualColumnLayoutProps) => import("react").JSX.Element;

package/lib/types/components/form-layout/FormLayout.stories.d.ts

@@ -17,5 +17,5 @@ import type { Meta } from '@storybook/react';
 declare const meta: Meta;
 export default meta;
 export declare const Playground: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: () => import("react").JSX.Element;
 };

package/lib/types/components/gallery/Gallery.stories.d.ts

@@ -18,5 +18,5 @@ import { Gallery } from './Gallery';
 declare const meta: Meta<typeof Gallery>;
 export default meta;
 export declare const GalleryBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/gradient-color-picker/GradientColorPicker.d.ts

@@ -17,6 +17,7 @@ export type GradientType = 'linear' | 'radial' | 'angular' | 'diamond';
 export interface IGradientStop {
     color: string;
     offset: number;
+    opacity?: number;
 }
 export interface IGradientValue {
     type: GradientType;
@@ -25,7 +26,8 @@ export interface IGradientValue {
 }
 export interface IGradientColorPickerProps {
     className?: string;
+    compact?: boolean;
     value?: IGradientValue;
     onChange?: (value: IGradientValue) => void;
 }
-export declare function GradientColorPicker(props: IGradientColorPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function GradientColorPicker(props: IGradientColorPickerProps): import("react").JSX.Element;

package/lib/types/components/gradient-color-picker/GradientColorPicker.stories.d.ts

@@ -18,5 +18,5 @@ import { GradientColorPicker } from './GradientColorPicker';
 declare const meta: Meta<typeof GradientColorPicker>;
 export default meta;
 export declare const Playground: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/hover-card/HoverCard.d.ts

@@ -27,4 +27,4 @@ export interface IHoverCardProps extends ComponentProps<typeof HoverCardContent>
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-export declare function HoverCard(props: IHoverCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function HoverCard(props: IHoverCardProps): import("react").JSX.Element;

package/lib/types/components/hover-card/HoverCard.stories.d.ts

@@ -18,5 +18,5 @@ import { HoverCard } from './HoverCard';
 declare const meta: Meta<typeof HoverCard>;
 export default meta;
 export declare const Playground: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/input/Input.stories.d.ts

@@ -18,17 +18,17 @@ import { Input } from './Input';
 declare const meta: Meta<typeof Input>;
 export default meta;
 export declare const InputBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const InputSize: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const InputDisabled: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const Clear: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const ClearWithPage: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/input-number/InputNumber.stories.d.ts

@@ -18,14 +18,14 @@ import { InputNumber } from './InputNumber';
 declare const meta: Meta<typeof InputNumber>;
 export default meta;
 export declare const InputNumberBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const InputNumberDisabled: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const InputNumberHideControls: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const InputNumberRtl: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/kbd/Kbd.d.ts

@@ -17,4 +17,4 @@ export interface IKBDProps {
     keyboard: string;
     className?: string;
 }
-export declare function KBD(props: IKBDProps): import("react/jsx-runtime").JSX.Element;
+export declare function KBD(props: IKBDProps): import("react").JSX.Element;

package/lib/types/components/kbd/Kbd.stories.d.ts

@@ -18,5 +18,5 @@ import { KBD } from './Kbd';
 declare const meta: Meta<typeof KBD>;
 export default meta;
 export declare const KBDBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/message/Message.d.ts

@@ -30,6 +30,6 @@ export interface IMessageProps {
     onClose?: () => void;
 }
 export type IMessagerProps = Omit<ComponentProps<typeof Sonner>, 'id' | 'position' | 'visibleToasts' | 'toastOptions'>;
-export declare const Messager: ({ className, ...props }: IMessagerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Messager: ({ className, ...props }: IMessagerProps) => import("react").JSX.Element;
 export declare const message: ({ content, duration, id, onClose, type }: IMessageProps) => string;
 export declare const removeMessage: (id?: string) => void;

package/lib/types/components/message/Message.stories.d.ts

@@ -18,14 +18,14 @@ import { Messager } from './Message';
 declare const meta: Meta<typeof Messager>;
 export default meta;
 export declare const InteractivePlayground: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: () => import("react").JSX.Element;
 };
 export declare const VisualRegressionLight: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: () => import("react").JSX.Element;
 };
 export declare const VisualRegressionDark: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: () => import("react").JSX.Element;
 };
 export declare const LongContentAndLoading: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: () => import("react").JSX.Element;
 };

package/lib/types/components/pager/Pager.d.ts

@@ -21,4 +21,4 @@ export interface IPagerProps {
     loop?: boolean;
     onChange?(value: number): void;
 }
-export declare function Pager(props: IPagerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Pager(props: IPagerProps): import("react").JSX.Element;

package/lib/types/components/pager/Pager.stories.d.ts

@@ -17,5 +17,5 @@ import type { Meta } from '@storybook/react';
 declare const meta: Meta;
 export default meta;
 export declare const Playground: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: () => import("react").JSX.Element;
 };

package/lib/types/components/panel/Panel.d.ts

@@ -19,7 +19,7 @@ export interface IPanelProps {
     className?: string;
     style?: CSSProperties;
 }
-export declare function Panel(props: IPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Panel(props: IPanelProps): import("react").JSX.Element;
 export interface IPanelSectionProps {
     title: ReactNode;
     children: ReactNode;
@@ -27,7 +27,7 @@ export interface IPanelSectionProps {
     defaultExpanded?: boolean;
     collapsible?: boolean;
 }
-export declare function PanelSection(props: IPanelSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function PanelSection(props: IPanelSectionProps): import("react").JSX.Element;
 export interface IPanelFieldProps {
     label: ReactNode;
     children: ReactNode;
@@ -35,4 +35,4 @@ export interface IPanelFieldProps {
     required?: boolean;
     error?: string;
 }
-export declare function PanelField(props: IPanelFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function PanelField(props: IPanelFieldProps): import("react").JSX.Element;

package/lib/types/components/panel/Panel.stories.d.ts

@@ -18,5 +18,5 @@ import { Panel } from './Panel';
 declare const meta: Meta<typeof Panel>;
 export default meta;
 export declare const PanelBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/popup/Popup.stories.d.ts

@@ -18,5 +18,5 @@ import { Popup } from './Popup';
 declare const meta: Meta<typeof Popup>;
 export default meta;
 export declare const PopupBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/radio/Radio.d.ts

@@ -38,4 +38,4 @@ export interface IRadioProps {
 /**
  * Radio Component
  */
-export declare function Radio(props: IRadioProps): import("react/jsx-runtime").JSX.Element;
+export declare function Radio(props: IRadioProps): import("react").JSX.Element;

package/lib/types/components/radio/Radio.stories.d.ts

@@ -18,8 +18,8 @@ import { Radio } from './Radio';
 declare const meta: Meta<typeof Radio>;
 export default meta;
 export declare const RadioBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const RadioDisabled: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/radio-group/RadioGroup.d.ts

@@ -46,4 +46,4 @@ export interface IRadioGroupProps {
 /**
  * RadioGroup Component
  */
-export declare function RadioGroup(props: IRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function RadioGroup(props: IRadioGroupProps): import("react").JSX.Element;

package/lib/types/components/radio-group/RadioGroup.stories.d.ts

@@ -18,8 +18,8 @@ import { RadioGroup } from './RadioGroup';
 declare const meta: Meta<typeof RadioGroup>;
 export default meta;
 export declare const Playground: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const RadioGroupVertical: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/segmented/Segmented.d.ts

@@ -25,5 +25,5 @@ interface ISegmentedProps<T extends ItemValue = ItemValue> {
     onChange?: (value: T) => void;
     className?: string;
 }
-export declare function Segmented<T extends ItemValue = ItemValue>({ items, value, defaultValue, onChange, className, }: ISegmentedProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Segmented<T extends ItemValue = ItemValue>({ items, value, defaultValue, onChange, className, }: ISegmentedProps<T>): import("react").JSX.Element;
 export {};

package/lib/types/components/segmented/Segmented.stories.d.ts

@@ -18,5 +18,5 @@ import { Segmented } from './Segmented';
 declare const meta: Meta<typeof Segmented>;
 export default meta;
 export declare const SegmentedBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/select/MultipleSelect.d.ts

@@ -45,5 +45,5 @@ export interface IMultipleSelectProps {
      */
     onChange: (values: string[]) => void;
 }
-export declare function MultipleSelect(props: IMultipleSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function MultipleSelect(props: IMultipleSelectProps): import("react").JSX.Element;
 export {};

package/lib/types/components/select/Select.d.ts

@@ -47,5 +47,5 @@ export interface ISelectProps {
     onChange: (value: string) => void;
 }
 export declare const selectClassName: string;
-export declare function Select(props: ISelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function Select(props: ISelectProps): import("react").JSX.Element;
 export {};

package/lib/types/components/select/Select.stories.d.ts

@@ -18,17 +18,17 @@ import { Select } from './Select';
 declare const meta: Meta<typeof Select>;
 export default meta;
 export declare const SelectBasic: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const SelectMultiple: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const SelectEmpty: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const SelectBorderless: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };
 export declare const SelectGroup: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/select-list/SelectList.d.ts

@@ -46,4 +46,4 @@ export interface ISelectListProps {
      */
     className?: string;
 }
-export declare function SelectList(props: ISelectListProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectList(props: ISelectListProps): import("react").JSX.Element;

package/lib/types/components/select-list/SelectList.stories.d.ts

@@ -18,5 +18,5 @@ import { SelectList } from './SelectList';
 declare const meta: Meta<typeof SelectList>;
 export default meta;
 export declare const Playground: {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 };

package/lib/types/components/separator/Separator.d.ts

@@ -15,5 +15,5 @@
  */
 import type { ComponentProps } from 'react';
 import { Root } from '@radix-ui/react-separator';
-declare function Separator({ className, orientation, decorative, ...props }: ComponentProps<typeof Root>): import("react/jsx-runtime").JSX.Element;
+declare function Separator({ className, orientation, decorative, ...props }: ComponentProps<typeof Root>): import("react").JSX.Element;
 export { Separator };

package/lib/types/components/switch/Switch.d.ts

@@ -17,5 +17,5 @@ export interface ISwitchProps {
     defaultChecked?: boolean;
     onChange?: (checked: boolean) => void;
 }
-declare const Switch: (props: ISwitchProps) => import("react/jsx-runtime").JSX.Element;
+declare const Switch: (props: ISwitchProps) => import("react").JSX.Element;
 export { Switch };