@stack-spot/citric-react 0.42.0-beta.0 → 0.43.0

package/dist/components/Circle.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare const Divider: ({ size, direction, className, ...props }: DividerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Divider.d.ts.map

package/dist/components/Divider.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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.js").JSX.Element | null | undefined;
+    render(): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").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.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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.js").JSX.Element;
+}) => import("react/jsx-runtime").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.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare const FallbackBoundary: ({ children, message }: Props) => import("react/jsx-runtime").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.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare const Favorite: ({ value, size, appearance, onChange, loading, disabled, className, ...props }: FavoriteProps) => import("react/jsx-runtime").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.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare const FieldGroup: ({ auto, fullWidth, className, children, ...props }: FieldGroupProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FieldGroup.d.ts.map

package/dist/components/FieldGroup.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare const Form: ({ children, ...props }: FormProps) => import("react/jsx-runtime").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.js").JSX.Element;
+export declare const ButtonGroup: ({ className, children, ...props }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Form.d.ts.map

package/dist/components/Form.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare const FormGroup: ({ error, help, label, warning, className, children, ...props }: FormGroupProps) => import("react/jsx-runtime").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.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare function Icon<T extends IconGroup>({ color, style, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Icon.d.ts.map

package/dist/components/Icon.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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.js").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").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.js").JSX.Element;
+export declare const IconButton: <G extends IconGroup = "outline">({ type, ...props }: Omit<IconBoxProps<"button", G>, "tag">) => import("react/jsx-runtime").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.js").JSX.Element;
+export declare const IconLink: <G extends IconGroup = "outline">(props: Omit<IconBoxProps<"a", G>, "tag">) => import("react/jsx-runtime").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.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare const ImageBox: <T extends ImageBoxTag = "div">({ tag, appearance, size, className, metadata, onClick, feedback, ...props }: ImageBoxProps<T>) => import("react/jsx-runtime").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.js").JSX.Element;
+export declare const ImageButton: (props: Omit<ImageBoxProps<"button">, "tag">) => import("react/jsx-runtime").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.js").JSX.Element;
+export declare const ImageLink: (props: Omit<ImageBoxProps<"a">, "tag">) => import("react/jsx-runtime").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.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare const ImageWithFallback: ({ onLoad, onError, className, style: ogStyle, fallback, showLoading, w, h, radius, bg, ...props }: ImageWithFallbackProps) => import("react/jsx-runtime").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.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare const Input: <T extends SupportedInputType = "text">({ type, value, onChange, ...props }: InputProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Input.d.ts.map

package/dist/components/Input.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare const Link: ({ appearance, color, style, className, children, onClick, metadata, underline, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Link.d.ts.map

package/dist/components/Link.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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,3 +1,3 @@
 import { LoadingStyle } from '../types.js';
-export declare const LoadingPanel: ({ type, text, colorScheme }: LoadingStyle) => import("react/jsx-runtime.js").JSX.Element;
+export declare const LoadingPanel: ({ type, text, colorScheme }: LoadingStyle) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LoadingPanel.d.ts.map

package/dist/components/LoadingPanel.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Column } from './layout.js';
 import { ProgressBar } from './ProgressBar.js';
 import { ProgressCircular } from './ProgressCircular.js';

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.js").JSX.Element;
+export declare function Menu({ items, appearance, bgLevel, header, roundedItems, showBorders, showShadows, spaced, className, onKeyDown, ...props }: MenuProps): import("react/jsx-runtime").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.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare const MenuOverlay: ({ id, items, appearance, bgLevel, header, roundedItems, showBorders, showShadows, spaced, menuClass, menuStyle, children, ...props }: MenuOverlayProps) => import("react/jsx-runtime").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.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useTranslate } from '@stack-spot/portal-translate';
 import { useMemo } from 'react';
 import { IconButton } from '../IconBox.js';

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

@@ -26,5 +26,5 @@ export { useOverlayController } from './context.js';
  * )
  * ```
  */
-export declare function Overlay<T extends keyof HTMLTag>({ tag, children, content, position, triggerOn, alignment, attributes, onRenderChild, autoFocusBehavior, openDelayMS, closeDelayMS, ...props }: OverlayProps<T>): import("react/jsx-runtime.js").JSX.Element;
+export declare function Overlay<T extends keyof HTMLTag>({ tag, children, content, position, triggerOn, alignment, attributes, onRenderChild, autoFocusBehavior, openDelayMS, closeDelayMS, ...props }: OverlayProps<T>): import("react/jsx-runtime").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.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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: ({ value, onChange, totalPages, pageSizeOptions, ...props }: PaginationProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const Pagination: ({ value, onChange, totalPages, pageSizeOptions, ...props }: PaginationProps) => import("react/jsx-runtime").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.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare const ProgressBar: ({ progress, speed, style, className, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/ProgressBar.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 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.js").JSX.Element;
+export declare const ProgressCircular: ({ progress, size, style, className, ...props }: ProgressCircularProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProgressCircular.d.ts.map

package/dist/components/ProgressCircular.js

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

package/dist/components/RadioGroup.d.ts

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

package/dist/components/RadioGroup.js

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

package/dist/components/Rating.d.ts

@@ -32,5 +32,5 @@ export type RatingProps = Omit<React.JSX.IntrinsicElements['div'], 'onChange' |
  * ```
  * In the example above, `RatingValue` is any integer from 1 to 5.
  */
-export declare const Rating: ({ value, onChange, name, disabled, readonly, ...props }: RatingProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const Rating: ({ value, onChange, name, disabled, readonly, ...props }: RatingProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Rating.d.ts.map

package/dist/components/Rating.js

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

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

@@ -56,5 +56,5 @@ export type MultiSelectProps<T> = Omit<React.JSX.IntrinsicElements['div'], 'ref'
  * return <MultiSelect options={options} renderLabel={o => o.name} renderKey={o => o.id} value={value} setValue={setValue} />
  * ```
  */
-export declare const MultiSelect: <T>({ ref, options, value, onChange, renderLabel, renderKey, disabled, loading, renderOption, renderHeader, searchable, maxHeight, style, className, showArrow, placeholder, showSelectAll, ...props }: MultiSelectProps<T>) => import("react/jsx-runtime.js").JSX.Element;
+export declare const MultiSelect: <T>({ ref, options, value, onChange, renderLabel, renderKey, disabled, loading, renderOption, renderHeader, searchable, maxHeight, style, className, showArrow, placeholder, showSelectAll, ...props }: MultiSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MultiSelect.d.ts.map

package/dist/components/Select/MultiSelect.js

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

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

@@ -1,5 +1,5 @@
 import { SelectProps } from './types.js';
 export declare const RichSelect: <T>({ ref, options, value, onChange, renderLabel, renderKey, required, disabled, loading, renderOption, renderHeader, searchable, maxHeight, style, className, onFocus, onBlur, showArrow, placeholder, ...props }: SelectProps<T> & {
     type?: "rich";
-}) => import("react/jsx-runtime.js").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RichSelect.d.ts.map

package/dist/components/Select/RichSelect.js

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

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

@@ -1,5 +1,5 @@
 import { SelectProps } from './types.js';
 export declare const SimpleSelect: <T>({ ref, options, value, onChange, renderLabel, renderKey, required, loading, disabled, onBlur, onFocus, wrap, ...props }: SelectProps<T> & {
     wrap?: boolean;
-}) => import("react/jsx-runtime.js").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SimpleSelect.d.ts.map

package/dist/components/Select/SimpleSelect.js

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

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

@@ -24,5 +24,5 @@ export type * from './types.js';
  * return <Select options={options} renderLabel={o => o.name} renderKey={o => o.id} value={value} onChange={setValue} />
  * ```
  */
-export declare const Select: <T>(props: SelectProps<T>) => import("react/jsx-runtime.js").JSX.Element;
+export declare const Select: <T>(props: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Select/index.js

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

package/dist/components/SelectBox.d.ts

@@ -47,6 +47,14 @@ export interface CommonSelectBoxProps<T> extends WithColorPalette, WithColorSche
      * @default 300
      */
     bgLevel?: 300 | 400 | 500 | 600 | 700;
+    /**
+     * The appearance of each option.
+     *
+     * Attention: the appearance "button" hides the description text.
+     *
+     * @default 'box'
+     */
+    appearance?: 'box' | 'button';
 }
 interface CheckboxProps<T> extends CommonSelectBoxProps<T> {
     multiple: true;
@@ -90,6 +98,6 @@ export type SelectBoxProps<T> = Omit<React.JSX.IntrinsicElements['div'], 'onChan
  * />
  * ```
  */
-export declare const SelectBox: <T>({ multiple, name, value, options, onChange, renderLabel, renderKey, isDisabled, className, style, direction, bgLevel, colorPalette, colorScheme, ...props }: SelectBoxProps<T>) => import("react/jsx-runtime.js").JSX.Element;
+export declare const SelectBox: <T>({ multiple, name, value, options, onChange, renderLabel, renderKey, isDisabled, className, style, direction, bgLevel, colorPalette, colorScheme, appearance, ...props }: SelectBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SelectBox.d.ts.map

package/dist/components/SelectBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBox.d.ts","sourceRoot":"","sources":["../../src/components/SelectBox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAM5D,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,gBAAgB,EAAE,eAAe;IAChF;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAC;IACb;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,cAAc,CAAC;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACvD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC;IACpC;;;;OAIG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC;;;;OAIG;IACH,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;CACvC;AAED,UAAU,aAAa,CAAC,CAAC,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IACxD,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACjC;AAED,UAAU,UAAU,CAAC,CAAC,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;AAEpE,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAA;AAEzH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,SAAS,GACD,CAAC,+JAgBjB,cAAc,CAAC,CAAC,CAAC,4CA4CrB,CAAA"}
+{"version":3,"file":"SelectBox.d.ts","sourceRoot":"","sources":["../../src/components/SelectBox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAM5D,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,gBAAgB,EAAE,eAAe;IAChF;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAC;IACb;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,cAAc,CAAC;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACvD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC;IACpC;;;;OAIG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC;;;;OAIG;IACH,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACtC;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC/B;AAED,UAAU,aAAa,CAAC,CAAC,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IACxD,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACjC;AAED,UAAU,UAAU,CAAC,CAAC,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;AAEpE,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAA;AAEzH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,SAAS,GACD,CAAC,2KAiBjB,cAAc,CAAC,CAAC,CAAC,4CAiDrB,CAAA"}

package/dist/components/SelectBox.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { listToClass } from '@stack-spot/portal-theme';
 import { useMemo } from 'react';
 import { defaultRenderKey, defaultRenderLabel } from '../utils/options.js';
@@ -35,23 +35,24 @@ import { layout } from './layout.js';
  * />
  * ```
  */
-export const SelectBox = withRef(function SelectBox({ multiple, name, value, options, onChange, renderLabel = o => ({ title: defaultRenderLabel(o) }), renderKey = defaultRenderKey, isDisabled, className, style, direction, bgLevel, colorPalette, colorScheme, ...props }) {
+export const SelectBox = withRef(function SelectBox({ multiple, name, value, options, onChange, renderLabel = o => ({ title: defaultRenderLabel(o) }), renderKey = defaultRenderKey, isDisabled, className, style, direction, bgLevel, colorPalette, colorScheme, appearance, ...props }) {
     const items = useMemo(() => {
         const valueAsArray = value ? (Array.isArray(value) ? value : [value]) : [];
         const valueKeys = valueAsArray.map(renderKey);
         return options.map((o) => {
             const key = renderKey(o);
             const label = renderLabel(o);
-            return (_jsxs(CitricComponent, { tag: "label", component: "select-box", className: bgLevel ? `bg-${bgLevel}` : undefined, children: [_jsx("input", { type: multiple ? 'checkbox' : 'radio', name: name, value: key, checked: value ? valueKeys.includes(key) : undefined, disabled: isDisabled?.(o), onChange: onChange ? (e) => {
+            const checked = value ? valueKeys.includes(key) : undefined;
+            return (_jsxs(CitricComponent, { tag: "label", component: "select-box", className: listToClass([bgLevel && `bg-${bgLevel}`, appearance]), children: [_jsx("input", { type: multiple ? 'checkbox' : 'radio', name: name, value: key, checked: checked, disabled: isDisabled?.(o), onChange: onChange ? (e) => {
                             if (multiple) {
                                 onChange(e.target.checked ? [...valueAsArray, o] : valueAsArray.filter(v => renderKey(v) !== key));
                             }
                             else {
                                 onChange(o);
                             }
-                        } : undefined }), _jsxs("div", { className: "option", children: [label.icon, _jsx("p", { className: "title", children: label.title }), label.description && _jsx("p", { className: "description", children: label.description })] })] }, key));
+                        } : undefined }, `${key}-${checked}`), _jsxs("div", { className: "option", children: [label.icon, _jsx("p", { className: "title", children: label.title }), label.description && appearance !== 'button' && _jsx("p", { className: "description", children: label.description })] })] }, key));
         });
-    }, [options, value, name, multiple, bgLevel]);
+    }, [options, value, name, multiple, bgLevel, appearance]);
     return (_jsx("div", { "data-color-palette": colorPalette, "data-color-scheme": colorScheme, className: listToClass([className, direction === 'vertical' ? layout.column : layout.row]), style: { gap: '5px', ...style }, ...props, children: items }));
 });
 //# sourceMappingURL=SelectBox.js.map

package/dist/components/SelectBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBox.js","sourceRoot":"","sources":["../../src/components/SelectBox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectBox.js","sourceRoot":"","sources":["../../src/components/SelectBox.tsx"],"names":[],"mappings":"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"}

package/dist/components/Skeleton.d.ts

@@ -36,5 +36,5 @@ export type SkeletonProps = React.JSX.IntrinsicElements['div'] & BaseSkeletonPro
  * <Skeleton width="100%" height="20px" />
  * ```
  */
-export declare const Skeleton: ({ appearance, className, style, width, height, bgLevel, ...props }: SkeletonProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const Skeleton: ({ appearance, className, style, width, height, bgLevel, ...props }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/Skeleton.js

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

package/dist/components/Slider.d.ts

@@ -40,5 +40,5 @@ export type SliderProps = ControlledInput & BaseSliderProps;
  * return <Slider value={value} setValue={setValue} />
  * ```
  */
-export declare const Slider: ({ value, onChange, min, max, style, showValue, renderValue, colorPalette, colorScheme, className, ...props }: SliderProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const Slider: ({ value, onChange, min, max, style, showValue, renderValue, colorPalette, colorScheme, className, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Slider.d.ts.map