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

package/dist/components/ProgressCircular.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/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").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.js").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";
+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/Rating.d.ts

@@ -1,11 +1,25 @@
 export type RatingValue = 1 | 2 | 3 | 4 | 5;
 export interface BaseRatingProps {
+    /**
+     * The current value of the rating.
+     */
     value: RatingValue | undefined;
-    onChange: (value: RatingValue) => void;
+    /**
+     * Callback when the value changes.
+     */
+    onChange?: (value: RatingValue) => void;
     /**
      * The name of this input.
      */
     name?: string;
+    /**
+     * Whether the rating inputs are disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the rating inputs are readonly.
+     */
+    readonly?: boolean;
 }
 export type RatingProps = Omit<React.JSX.IntrinsicElements['div'], 'onChange' | 'children'> & BaseRatingProps;
 /**
@@ -14,9 +28,9 @@ export type RatingProps = Omit<React.JSX.IntrinsicElements['div'], 'onChange' |
  * @example
  * ```
  * const [value, setValue] = useState<RatingValue | undefined>()
- * return <Rating value={value} setValue={setValue} />
+ * return <Rating value={value} onChange={setValue} />
  * ```
  * In the example above, `RatingValue` is any integer from 1 to 5.
  */
-export declare const Rating: ({ value, onChange, name, ...props }: RatingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Rating: ({ value, onChange, name, disabled, readonly, ...props }: RatingProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Rating.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../src/components/Rating.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE3C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG,eAAe,CAAA;AAE7G;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,wCAAiD,WAAW,4CAQ7E,CAAA"}
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../src/components/Rating.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE3C,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG,eAAe,CAAA;AAE7G;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,4DAAqE,WAAW,4CAwDjG,CAAA"}

package/dist/components/Rating.js

@@ -1,4 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
+import { useCallback } from 'react';
 import { withRef } from '../utils/react.js';
 import { CitricComponent } from './CitricComponent.js';
 /**
@@ -7,9 +8,16 @@ import { CitricComponent } from './CitricComponent.js';
  * @example
  * ```
  * const [value, setValue] = useState<RatingValue | undefined>()
- * return <Rating value={value} setValue={setValue} />
+ * return <Rating value={value} onChange={setValue} />
  * ```
  * In the example above, `RatingValue` is any integer from 1 to 5.
  */
-export const Rating = withRef(({ value, onChange, name, ...props }) => (_jsxs(CitricComponent, { tag: "div", component: "rating", ...props, children: [_jsx("input", { type: "radio", value: "1", name: name, checked: value === 5, onChange: () => onChange(5) }), _jsx("input", { type: "radio", value: "2", name: name, checked: value === 4, onChange: () => onChange(4) }), _jsx("input", { type: "radio", value: "3", name: name, checked: value === 3, onChange: () => onChange(3) }), _jsx("input", { type: "radio", value: "4", name: name, checked: value === 2, onChange: () => onChange(2) }), _jsx("input", { type: "radio", value: "5", name: name, checked: value === 1, onChange: () => onChange(1) })] })));
+export const Rating = withRef(({ value, onChange, name, disabled, readonly, ...props }) => {
+    const handleChange = useCallback((newValue) => {
+        if (!disabled && !readonly) {
+            onChange?.(newValue);
+        }
+    }, [disabled, readonly, onChange]);
+    return (_jsxs(CitricComponent, { tag: "div", component: "rating", ...props, children: [_jsx("input", { type: "radio", value: "1", name: name, checked: value === 5, onChange: () => handleChange(5), disabled: disabled, readOnly: readonly }), _jsx("input", { type: "radio", value: "2", name: name, checked: value === 4, onChange: () => handleChange(4), disabled: disabled, readOnly: readonly }), _jsx("input", { type: "radio", value: "3", name: name, checked: value === 3, onChange: () => handleChange(3), disabled: disabled, readOnly: readonly }), _jsx("input", { type: "radio", value: "4", name: name, checked: value === 2, onChange: () => handleChange(2), disabled: disabled, readOnly: readonly }), _jsx("input", { type: "radio", value: "5", name: name, checked: value === 1, onChange: () => handleChange(1), disabled: disabled, readOnly: readonly })] }));
+});
 //# sourceMappingURL=Rating.js.map

package/dist/components/Rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/components/Rating.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAenD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE,CAAC,CAClF,MAAC,eAAe,IAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,KAAK,KAAK,aACrD,gBAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,EAC/F,gBAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,EAC/F,gBAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,EAC/F,gBAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,EAC/F,gBAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,IAC/E,CACnB,CAAC,CAAA"}
+{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/components/Rating.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AA6BnD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IACrG,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,QAAqB,EAAE,EAAE;QACzD,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC3B,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IAElC,OAAO,CACL,MAAC,eAAe,IAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,KAAK,KAAK,aACrD,gBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,GAAG,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,KAAK,CAAC,EACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACF,gBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,GAAG,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,KAAK,CAAC,EACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACF,gBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,GAAG,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,KAAK,CAAC,EACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACF,gBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,GAAG,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,KAAK,CAAC,EACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACF,gBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,GAAG,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,KAAK,CAAC,EACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,IACc,CACnB,CAAA;AACH,CAAC,CAAC,CAAA"}

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").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.js").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";
+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, 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").JSX.Element;
+}) => import("react/jsx-runtime.js").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";
+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 { 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").JSX.Element;
+}) => import("react/jsx-runtime.js").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";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime.js";
 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").JSX.Element;
+export declare const Select: <T>(props: SelectProps<T>) => import("react/jsx-runtime.js").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";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { withRef } from '../../utils/react.js';
 import { RichSelect } from './RichSelect.js';
 import { SimpleSelect } from './SimpleSelect.js';

package/dist/components/SelectBox.d.ts

@@ -90,6 +90,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").JSX.Element;
+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 {};
 //# sourceMappingURL=SelectBox.d.ts.map

package/dist/components/SelectBox.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 { useMemo } from 'react';
 import { defaultRenderKey, defaultRenderLabel } from '../utils/options.js';

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").JSX.Element;
+export declare const Skeleton: ({ appearance, className, style, width, height, bgLevel, ...props }: SkeletonProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/Skeleton.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/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").JSX.Element;
+export declare const Slider: ({ value, onChange, min, max, style, showValue, renderValue, colorPalette, colorScheme, className, ...props }: SliderProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Slider.d.ts.map

package/dist/components/Slider.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 { applyCSSVariable } from '../utils/css.js';
 import { withRef } from '../utils/react.js';

package/dist/components/SmartTable.d.ts

@@ -143,6 +143,6 @@ export type SmartTableProps<T extends Record<string, any>> = Omit<TableProps, 'c
  * return <SmartTable data={data} columns={columns} />
  * ```
  */
-export declare const SmartTable: <T extends Record<string, any>>({ data, keygen, columns, renderAccordion, accordionTrigger, accordionMaxHeight, id, rowClickElement, headless, ...props }: SmartTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SmartTable: <T extends Record<string, any>>({ data, keygen, columns, renderAccordion, accordionTrigger, accordionMaxHeight, id, rowClickElement, headless, ...props }: SmartTableProps<T>) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=SmartTable.d.ts.map

package/dist/components/SmartTable.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 { createElement as _createElement } from "react";
 import { useMemo } from 'react';
 import { withRef } from '../utils/react.js';

package/dist/components/Stepper.d.ts

@@ -66,5 +66,5 @@ export type StepperProps<Key extends string> = Omit<React.JSX.IntrinsicElements[
  * return <Stepper tabs={steps} />
  * ```
  */
-export declare const Stepper: <Key extends string>({ tabs: initialTabs, controller: ctrl, value, onChange, buttons, className, ...props }: StepperProps<Key>) => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: <Key extends string>({ tabs: initialTabs, controller: ctrl, value, onChange, buttons, className, ...props }: StepperProps<Key>) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Stepper.d.ts.map

package/dist/components/Stepper.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 { useCallback, useEffect, useMemo, useState } from 'react';

package/dist/components/Table.d.ts

@@ -108,8 +108,8 @@ export type TrProps = React.JSX.IntrinsicElements['tr'] & BaseTrProps;
  *
  * Attention: prefer using the component "SmartTable". Use this only if you need full control over the table.
  */
-export declare const Table: ({ appearance, stripped, compressed, showBorders, showHeaderBorders, showRowBorders, rounded, roundedRows, uppercaseHeader, className, children, accordionRows, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Th: ({ direction, onSort, children, className, ...props }: ThProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Tr: ({ ref: outerRef, accordion, accordionTrigger, accordionMaxHeight, children, className, style, onClick, ...props }: TrProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ appearance, stripped, compressed, showBorders, showHeaderBorders, showRowBorders, rounded, roundedRows, uppercaseHeader, className, children, accordionRows, ...props }: TableProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const Th: ({ direction, onSort, children, className, ...props }: ThProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const Tr: ({ ref: outerRef, accordion, accordionTrigger, accordionMaxHeight, children, className, style, onClick, ...props }: TrProps) => import("react/jsx-runtime.js").JSX.Element;
 export {};
 //# sourceMappingURL=Table.d.ts.map

package/dist/components/Table.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 { useTranslate } from '@stack-spot/portal-translate';
 import { useEffect, useRef } from 'react';

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

@@ -15,7 +15,7 @@ import { TabsProps } from './types.js';
  * return <Tabs tabs={tabs} />
  * ```
  */
-export declare const Tabs: <Key extends string>({ tabs, value, equallySized, onChange, controller: ctrl, className, ...props }: TabsProps<Key>) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: <Key extends string>({ tabs, value, equallySized, onChange, controller: ctrl, className, ...props }: TabsProps<Key>) => import("react/jsx-runtime.js").JSX.Element;
 /**
  * Request the tab controller of the current context. Use this to control the tabs in the parent components. This returns undefined when
  * no tab context is found.

package/dist/components/Tabs/index.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 { createContext, Suspense, useContext, useEffect, useMemo, useState } from 'react';

package/dist/components/Textarea.d.ts

@@ -17,5 +17,5 @@ export type TextareaProps = ControlledTextarea & BaseTextareaProps;
  * return <Textarea value={value} onChange={setValue} />
  * ```
  */
-export declare const Textarea: ({ value, onChange, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Textarea: ({ value, onChange, ...props }: TextareaProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/components/Textarea.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/Tooltip.d.ts

@@ -40,5 +40,5 @@ export type TooltipProps = Omit<React.JSX.IntrinsicElements['div'], 'content'> &
  * </Tooltip>
  * ```
  */
-export declare const Tooltip: ({ tooltipId, children, showArrow, compact, attributes, colorScheme, colorPalette, disabled, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ tooltipId, children, showArrow, compact, attributes, colorScheme, colorPalette, disabled, ...props }: TooltipProps) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/Tooltip.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 { useRef } from 'react';
 import { Overlay } from './Overlay/index.js';

package/dist/context/CitricProvider.d.ts

@@ -5,5 +5,5 @@ import { CitricController } from '../types.js';
 export declare const CitricProvider: ({ children, value }: {
     children: React.ReactNode;
     value?: CitricController;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=CitricProvider.d.ts.map

package/dist/context/CitricProvider.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime.js";
 import { FallbackBoundary } from '../components/FallbackBoundary.js';
 import { CitricContext } from './CitricContext.js';
 /**

package/dist/overlay.js

@@ -1,4 +1,4 @@
-import { createRoot } from 'react-dom/client';
+import { createRoot } from 'react-dom/client.js';
 import { styleObjectToCssString } from './utils/css.js';
 const animationDurationMS = 300;
 function hasMargins(element) {