@stack-spot/citric-react 0.36.0 → 0.37.1-beta.1

package/dist/components/Accordion.d.ts

@@ -67,5 +67,5 @@ export type AccordionProps = Omit<React.JSX.IntrinsicElements['div'], 'onChange'
  * )
  * ```
  */
-export declare const Accordion: ({ id, appearance, expanded, onChange, header, maxHeight, startExpanded, className, style, children, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: ({ id, appearance, expanded, onChange, header, maxHeight, startExpanded, className, style, children, ...props }: AccordionProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/components/Accordion.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { useTranslate } from '@stack-spot/portal-translate';
 import { useEffect, useMemo, useState } from 'react';

package/dist/components/Alert.d.ts

@@ -14,5 +14,5 @@ export type AlertProps = React.JSX.IntrinsicElements['div'] & BaseAlertProps;
  * <Alert type="warning">My warning!</Alert>
  * ```
  */
-export declare const Alert: ({ type, className, children, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Alert: ({ type, className, children, ...props }: AlertProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Alert.d.ts.map

package/dist/components/Alert.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';

package/dist/components/AsyncContent.d.ts

@@ -40,6 +40,6 @@ interface Props {
  * )
  * ```
  */
-export declare const AsyncContent: ({ loading, error, autofocus, children }: Props) => string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const AsyncContent: ({ loading, error, autofocus, children }: Props) => string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime.js").JSX.Element | null | undefined;
 export {};
 //# sourceMappingURL=AsyncContent.d.ts.map

package/dist/components/AsyncContent.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { useEffect, useLayoutEffect } from 'react';
 import { useCitricController } from '../context/hooks.js';
 import { withRef } from '../utils/react.js';

package/dist/components/Avatar.d.ts

@@ -27,5 +27,5 @@ export type AvatarProps = React.JSX.IntrinsicElements['div'] & BaseAvatarProps;
  * <Avatar name="Rick Sanchez" />
  * ```
  */
-export declare const Avatar: ({ size, name, appearance, className, image, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ size, name, appearance, className, image, ...props }: AvatarProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';

package/dist/components/AvatarGroup.d.ts

@@ -29,5 +29,5 @@ export type AvatarGroupProps = React.JSX.IntrinsicElements['div'] & BaseAvatarGr
  * <AvatarGroup items={[{ name: 'John Smith' }, { name: 'Mary Anne', image: 'https://profile.com/123.png' }]} />
  * ```
  */
-export declare const AvatarGroup: ({ size, items, appearance, maxItems, className, ...props }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarGroup: ({ size, items, appearance, maxItems, className, ...props }: AvatarGroupProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=AvatarGroup.d.ts.map

package/dist/components/AvatarGroup.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { withRef } from '../utils/react.js';
 import { Avatar } from './Avatar.js';

package/dist/components/Badge.d.ts

@@ -25,6 +25,6 @@ export type BadgeProps<T extends ValidTags> = HTMLTag[T] & BaseBadgeProps<T>;
  * </Badge>
  * ```
  */
-export declare const Badge: <T extends ValidTags>({ tag, appearance, className, children, ...props }: BadgeProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: <T extends ValidTags>({ tag, appearance, className, children, ...props }: BadgeProps<T>) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';

package/dist/components/Blockquote.d.ts

@@ -9,5 +9,5 @@ export type BlockquoteProps = React.JSX.IntrinsicElements['blockquote'] & BaseBl
  * <Blockquote>To be or not to be, that's the question</Blockquote>
  * ```
  */
-export declare const Blockquote: ({ children, ...props }: BlockquoteProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Blockquote: ({ children, ...props }: BlockquoteProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Blockquote.d.ts.map

package/dist/components/Blockquote.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';
 /**

package/dist/components/Breadcrumb.d.ts

@@ -14,6 +14,6 @@ export type BreadcrumbProps = React.JSX.IntrinsicElements['nav'] & BaseBreadcrum
  * <Breadcrumb items={[{ label: 'Home', href: '/' }, { label: 'Settings', href: '/settings' }, { label: 'Profile' }]} />
  * ```
  */
-export declare const Breadcrumb: ({ items, ...props }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumb: ({ items, ...props }: BreadcrumbProps) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/components/Breadcrumb.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { useMemo } from 'react';
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';

package/dist/components/Button.d.ts

@@ -50,5 +50,5 @@ export type ButtonProps = Omit<React.JSX.IntrinsicElements['button'], 'onClick'>
  * <Button>My Button</Button>
  * ```
  */
-export declare const Button: ({ appearance, size, feedback, loading, disabled, onClick, className, children, type, metadata, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ appearance, size, feedback, loading, disabled, onClick, className, children, type, metadata, ...props }: ButtonProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/Button.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { Children, useMemo, useState } from 'react';
 import { useCitricController } from '../context/hooks.js';

package/dist/components/ButtonLink.d.ts

@@ -12,5 +12,5 @@ export type ButtonLinkProps = React.JSX.IntrinsicElements['a'] & BaseButtonLinkP
  * <ButtonLink href="#">My Button Link</ButtonLink>
  * ```
  */
-export declare const ButtonLink: ({ appearance, size, feedback, onClick, className, children, metadata, ...props }: ButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonLink: ({ appearance, size, feedback, onClick, className, children, metadata, ...props }: ButtonLinkProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=ButtonLink.d.ts.map

package/dist/components/ButtonLink.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { Children, useMemo } from 'react';
 import { useCitricController } from '../context/hooks.js';

package/dist/components/Card.d.ts

@@ -37,6 +37,6 @@ export type CardProps<T extends SupportedTags> = (T extends 'a' ? React.JSX.Intr
  * <Card>The card content</Card>
  * ```
  */
-export declare const Card: <T extends SupportedTags>({ tag, onClick, size, bgLevel, className, children, direction, ...props }: CardProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: <T extends SupportedTags>({ tag, onClick, size, bgLevel, className, children, direction, ...props }: CardProps<T>) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=Card.d.ts.map

package/dist/components/Card.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { useCitricController } from '../context/hooks.js';
 import { applyStyles } from '../utils/css.js';

package/dist/components/Checkbox.d.ts

@@ -24,5 +24,5 @@ export type CheckboxProps = ControlledInput & BaseCheckboxProps;
  * return <Checkbox value={value} setValue={setValue}>This is the checkbox label</Checkbox>
  * ```
  */
-export declare const Checkbox: ({ appearance, value, onChange, colorScheme, children, className, style, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: ({ appearance, value, onChange, colorScheme, children, className, style, ...props }: CheckboxProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';
 /**

package/dist/components/CheckboxGroup.d.ts

@@ -98,5 +98,5 @@ export type CheckboxGroupProps<T> = Omit<React.JSX.IntrinsicElements['div'], 'on
  * return <CheckboxGroup options={options} renderLabel={o => o.name} renderKey={o => o.id} value={value} setValue={setValue} />
  * ```
  */
-export declare const CheckboxGroup: <T>({ appearance, name, value, options, onChange, renderLabel, renderKey, renderItem, isDisabled, colorScheme, style, gap, focusable, ...props }: CheckboxGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxGroup: <T>({ appearance, name, value, options, onChange, renderLabel, renderKey, renderItem, isDisabled, colorScheme, style, gap, focusable, ...props }: CheckboxGroupProps<T>) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/components/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { isNil } from 'lodash';
 import { useMemo } from 'react';
 import { defaultRenderKey, defaultRenderLabel } from '../utils/options.js';

package/dist/components/Circle.d.ts

@@ -30,5 +30,5 @@ export type CircleProps = React.JSX.IntrinsicElements['div'] & BaseCircleProps;
  * <Circle colorScheme="success" />
  * ```
  */
-export declare const Circle: ({ showBorders, className, size, children, ...props }: CircleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Circle: ({ showBorders, className, size, children, ...props }: CircleProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Circle.d.ts.map

package/dist/components/Circle.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';

package/dist/components/Divider.d.ts

@@ -13,5 +13,5 @@ export type DividerProps = React.JSX.IntrinsicElements['hr'] & BaseDividerProps;
 /**
  * Renders a divider (hr). "size" determines how thick the ruler is and "direction" places it on the vertical or horizontal axis.
  */
-export declare const Divider: ({ size, direction, className, ...props }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Divider: ({ size, direction, className, ...props }: DividerProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Divider.d.ts.map

package/dist/components/Divider.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';

package/dist/components/ErrorBoundary.d.ts

@@ -39,7 +39,7 @@ export declare class ErrorBoundary extends Component<Props, State> {
     componentDidUpdate(prevProps: Readonly<Props>): void;
     private renderCustomErrorUI;
     private renderErrorUI;
-    render(): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    render(): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime.js").JSX.Element | null | undefined;
 }
 export {};
 //# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/components/ErrorBoundary.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { Component } from 'react';
 import { CitricContext } from '../context/CitricContext.js';
 import { ErrorMessage } from './ErrorMessage.js';

package/dist/components/ErrorMessage.d.ts

@@ -1,4 +1,4 @@
 export declare const ErrorMessage: ({ error }: {
     error: any;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=ErrorMessage.d.ts.map

package/dist/components/ErrorMessage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { Icon } from '@stack-spot/citric-icons';
 import { theme } from '@stack-spot/portal-theme';
 import { Row } from './layout.js';

package/dist/components/FallbackBoundary.d.ts

@@ -19,6 +19,6 @@ interface Props {
  * </FallbackBoundary>
  * ```
  */
-export declare const FallbackBoundary: ({ children, message }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FallbackBoundary: ({ children, message }: Props) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=FallbackBoundary.d.ts.map

package/dist/components/FallbackBoundary.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { Suspense } from 'react';
 import { ErrorBoundary } from './ErrorBoundary.js';
 import { Center } from './layout.js';

package/dist/components/Favorite.d.ts

@@ -35,6 +35,6 @@ export type FavoriteProps = Omit<ControlledInput, 'size'> & BaseFavoriteProps;
  * return <Favorite value={isFavorite} onChange={setFavorite} loading={isLoading} />
  * ```
  */
-export declare const Favorite: ({ value, size, appearance, onChange, loading, disabled, className, ...props }: FavoriteProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Favorite: ({ value, size, appearance, onChange, loading, disabled, className, ...props }: FavoriteProps) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=Favorite.d.ts.map

package/dist/components/Favorite.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';

package/dist/components/FieldGroup.d.ts

@@ -28,5 +28,5 @@ export type FieldGroupProps = React.JSX.IntrinsicElements['div'] & BaseFieldGrou
  * </FieldGroup>
  * ```
  */
-export declare const FieldGroup: ({ auto, fullWidth, className, children, ...props }: FieldGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldGroup: ({ auto, fullWidth, className, children, ...props }: FieldGroupProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=FieldGroup.d.ts.map

package/dist/components/FieldGroup.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';

package/dist/components/Form.d.ts

@@ -5,7 +5,7 @@ export type ButtonGroupProps = JSX.IntrinsicElements['div'];
  *
  * This has the exact same interface as the HTML form.
  */
-export declare const Form: ({ children, ...props }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Form: ({ children, ...props }: FormProps) => import("react/jsx-runtime.js").JSX.Element;
 /**
  * Renders a group of buttons in a form.
  *
@@ -19,5 +19,5 @@ export declare const Form: ({ children, ...props }: FormProps) => import("react/
  * </Form>
  * ```
  */
-export declare const ButtonGroup: ({ className, children, ...props }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonGroup: ({ className, children, ...props }: ButtonGroupProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Form.d.ts.map

package/dist/components/Form.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';

package/dist/components/FormGroup.d.ts

@@ -29,5 +29,5 @@ export type FormGroupProps = React.JSX.IntrinsicElements['div'] & BaseFormGroupP
  * </FormGroup>
  * ```
  */
-export declare const FormGroup: ({ error, help, label, warning, className, children, ...props }: FormGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormGroup: ({ error, help, label, warning, className, children, ...props }: FormGroupProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=FormGroup.d.ts.map

package/dist/components/FormGroup.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';

package/dist/components/Icon.d.ts

@@ -27,5 +27,5 @@ export type IconProps<T extends IconGroup> = Omit<OgIconProps<T>, 'color'> & {
  * <Icon icon="Search" />
  * ```
  */
-export declare function Icon<T extends IconGroup>({ color, style, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Icon<T extends IconGroup>({ color, style, ...props }: IconProps<T>): import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Icon.d.ts.map

package/dist/components/Icon.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { Icon as OgIcon } from '@stack-spot/citric-icons';
 import { colorNameToColorVariable } from '../utils/css.js';
 /**

package/dist/components/IconBox.d.ts

@@ -63,7 +63,7 @@ export type IconBoxProps<T extends IconBoxTag, G extends IconGroup> = Omit<HTMLT
  * <IconBox icon="Search" colorScheme="primary" />
  * ```
  */
-export declare const IconBox: <T extends IconBoxTag = "i", G extends IconGroup = "outline">({ group, icon, tag, appearance, size, className, metadata, onClick, feedback, ...props }: IconBoxProps<T, G>) => import("react/jsx-runtime").JSX.Element;
+export declare const IconBox: <T extends IconBoxTag = "i", G extends IconGroup = "outline">({ group, icon, tag, appearance, size, className, metadata, onClick, feedback, ...props }: IconBoxProps<T, G>) => import("react/jsx-runtime.js").JSX.Element;
 /**
  * A shortcut for `<IconBox tag="button">`.
  *
@@ -75,7 +75,7 @@ export declare const IconBox: <T extends IconBoxTag = "i", G extends IconGroup =
  * <IconButton icon="Search" />
  * ```
  */
-export declare const IconButton: <G extends IconGroup = "outline">({ type, ...props }: Omit<IconBoxProps<"button", G>, "tag">) => import("react/jsx-runtime").JSX.Element;
+export declare const IconButton: <G extends IconGroup = "outline">({ type, ...props }: Omit<IconBoxProps<"button", G>, "tag">) => import("react/jsx-runtime.js").JSX.Element;
 /**
  * A shortcut for `<IconBox tag="a">`.
  *
@@ -87,6 +87,6 @@ export declare const IconButton: <G extends IconGroup = "outline">({ type, ...pr
  * <IconLink icon="Search" href="#" />
  * ```
  */
-export declare const IconLink: <G extends IconGroup = "outline">(props: Omit<IconBoxProps<"a", G>, "tag">) => import("react/jsx-runtime").JSX.Element;
+export declare const IconLink: <G extends IconGroup = "outline">(props: Omit<IconBoxProps<"a", G>, "tag">) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=IconBox.d.ts.map

package/dist/components/IconBox.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { useCitricController } from '../context/hooks.js';
 import { withRef } from '../utils/react.js';

package/dist/components/ImageBox.d.ts

@@ -54,7 +54,7 @@ export type ImageBoxProps<T extends ImageBoxTag> = HTMLTag[T] & BaseImageBoxProp
  * <ImageBox><img src="https://images.com/myimage.png" /></ImageBox>
  * ```
  */
-export declare const ImageBox: <T extends ImageBoxTag = "div">({ tag, appearance, size, className, metadata, onClick, feedback, ...props }: ImageBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageBox: <T extends ImageBoxTag = "div">({ tag, appearance, size, className, metadata, onClick, feedback, ...props }: ImageBoxProps<T>) => import("react/jsx-runtime.js").JSX.Element;
 /**
  * A shortcut for `<ImageBox tag="button">`.
  *
@@ -66,7 +66,7 @@ export declare const ImageBox: <T extends ImageBoxTag = "div">({ tag, appearance
  * <ImageButton><img src="https://images.com/myimage.png" /></ImageButton>
  * ```
  */
-export declare const ImageButton: (props: Omit<ImageBoxProps<"button">, "tag">) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageButton: (props: Omit<ImageBoxProps<"button">, "tag">) => import("react/jsx-runtime.js").JSX.Element;
 /**
  * A shortcut for `<ImageBox tag="a">`.
  *
@@ -78,6 +78,6 @@ export declare const ImageButton: (props: Omit<ImageBoxProps<"button">, "tag">)
  * <ImageLink href="#"><img src="https://images.com/myimage.png" /></ImageButton>
  * ```
  */
-export declare const ImageLink: (props: Omit<ImageBoxProps<"a">, "tag">) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageLink: (props: Omit<ImageBoxProps<"a">, "tag">) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=ImageBox.d.ts.map

package/dist/components/ImageBox.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { useCitricController } from '../context/hooks.js';
 import { withRef } from '../utils/react.js';

package/dist/components/ImageWithFallback.d.ts

@@ -22,5 +22,5 @@ export type ImageWithFallbackProps = JSX.IntrinsicElements['img'] & BaseImageWit
  * <ImageWithFallback src={item.image} fallback={<Icon icon="Agent" />} />
  * ```
  */
-export declare const ImageWithFallback: ({ onLoad, onError, className, style: ogStyle, fallback, showLoading, w, h, radius, bg, ...props }: ImageWithFallbackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageWithFallback: ({ onLoad, onError, className, style: ogStyle, fallback, showLoading, w, h, radius, bg, ...props }: ImageWithFallbackProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=ImageWithFallback.d.ts.map

package/dist/components/ImageWithFallback.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { useEffect, useMemo, useState } from 'react';
 import { getStyleFromProps } from '../utils/css.js';

package/dist/components/Input.d.ts

@@ -25,5 +25,5 @@ export type InputProps<T extends SupportedInputType = 'text'> = ControlledInput
  * return <Input value={value} onChange={setValue} />
  * ```
  */
-export declare const Input: <T extends SupportedInputType = "text">({ type, value, onChange, ...props }: InputProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: <T extends SupportedInputType = "text">({ type, value, onChange, ...props }: InputProps<T>) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Input.d.ts.map

package/dist/components/Input.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';
 /**

package/dist/components/Link.d.ts

@@ -28,5 +28,5 @@ export type LinkProps = React.JSX.IntrinsicElements['a'] & BaseLinkProps;
  * Whenever a link is clicked, the function `onClickLink` of the nearest CitricController is called with the event and the value of the
  * prop `metadata`.
  */
-export declare const Link: ({ appearance, color, style, className, children, onClick, metadata, underline, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: ({ appearance, color, style, className, children, onClick, metadata, underline, ...props }: LinkProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Link.d.ts.map

package/dist/components/Link.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { useCitricController } from '../context/hooks.js';
 import { applyColor, applyTextAppearance } from '../utils/css.js';
 import { withRef } from '../utils/react.js';

package/dist/components/LoadingPanel.d.ts

@@ -1,2 +1,2 @@
-export declare const LoadingPanel: () => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingPanel: () => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=LoadingPanel.d.ts.map

package/dist/components/LoadingPanel.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { Center } from './layout.js';
 import { ProgressCircular } from './ProgressCircular.js';
 export const LoadingPanel = () => (_jsx(Center, { flex: 1, p: "80px", style: { alignSelf: 'stretch' }, "data-test-hint": "loading", children: _jsx(ProgressCircular, {}) }));

package/dist/components/MenuOverlay/Menu.d.ts

@@ -2,5 +2,5 @@ import { MenuProps } from './types.js';
 /**
  * TODO: make the height changes animated.
  */
-export declare function Menu({ items, appearance, bgLevel, header, roundedItems, showBorders, showShadows, spaced, className, onKeyDown, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function Menu({ items, appearance, bgLevel, header, roundedItems, showBorders, showShadows, spaced, className, onKeyDown, ...props }: MenuProps): import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Menu.d.ts.map

package/dist/components/MenuOverlay/Menu.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { useTranslate } from '@stack-spot/portal-translate';
 import { createElement, useEffect, useMemo } from 'react';

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

@@ -19,5 +19,5 @@ import { MenuOverlayProps } from './types.js';
  * return <MenuOverlay items={items}><IconButton icon="Plus" /></MenuOverlay>
  * ```
  */
-export declare const MenuOverlay: ({ id, items, appearance, bgLevel, header, roundedItems, showBorders, showShadows, spaced, menuClass, menuStyle, children, ...props }: MenuOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuOverlay: ({ id, items, appearance, bgLevel, header, roundedItems, showBorders, showShadows, spaced, menuClass, menuStyle, children, ...props }: MenuOverlayProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/MenuOverlay/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { useTranslate } from '@stack-spot/portal-translate';
 import { useMemo } from 'react';
 import { IconButton } from '../IconBox.js';

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

@@ -27,5 +27,5 @@ import { OverlayProps } from './types.js';
  * )
  * ```
  */
-export declare function Overlay<T extends keyof HTMLTag>({ tag, children, content, position, triggerOn, alignment, attributes, onRenderChild, autoFocusBehavior, ...props }: OverlayProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Overlay<T extends keyof HTMLTag>({ tag, children, content, position, triggerOn, alignment, attributes, onRenderChild, autoFocusBehavior, ...props }: OverlayProps<T>): import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Overlay/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { useEffect, useRef } from 'react';
 import { showOverlay } from '../../overlay.js';
 import { focusFirstChild } from '../../utils/acessibility.js';

package/dist/components/Pagination.d.ts

@@ -42,5 +42,5 @@ export type PaginationProps = Omit<React.JSX.IntrinsicElements['div'], 'onChange
  * />
  * ```
  */
-export declare const Pagination: ({ pageSizeOptions, totalPages, value, onChange, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Pagination: ({ pageSizeOptions, totalPages, value, onChange, ...props }: PaginationProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/components/Pagination.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 import { interpolate, useTranslate } from '@stack-spot/portal-translate';
 import { useMemo } from 'react';
 import { withRef } from '../utils/react.js';

package/dist/components/ProgressBar.d.ts

@@ -26,5 +26,5 @@ export type ProgressBarProps = React.JSX.IntrinsicElements['div'] & BaseProgress
  * <ProgressBar progress={50} />
  * ```
  */
-export declare const ProgressBar: ({ progress, speed, style, className, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ progress, speed, style, className, ...props }: ProgressBarProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/ProgressBar.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { listToClass } from '@stack-spot/portal-theme';
 import { isNil } from 'lodash';
 import { applyCSSVariable } from '../utils/css.js';

package/dist/components/ProgressCircular.d.ts

@@ -26,5 +26,5 @@ export type ProgressCircularProps = React.JSX.IntrinsicElements['div'] & BasePro
  * <ProgressCircular progress={50} />
  * ```
  */
-export declare const ProgressCircular: ({ progress, size, style, className, ...props }: ProgressCircularProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressCircular: ({ progress, size, style, className, ...props }: ProgressCircularProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=ProgressCircular.d.ts.map