@janbox/storefront-ui 6.0.1 → 6.0.3

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { SvgLoader } from "./svg-loader.js";
-import { ScrollView } from "./scroll-view.js";
 import { VirtualizedList } from "./virtualized-list.js";
+import { ScrollView } from "./scroll-view/scroll-view.js";
 export {
   ScrollView,
   SvgLoader,

package/dist/components/scroll-view/index.d.ts

@@ -0,0 +1 @@
+export * from './scroll-view';

package/dist/components/{scroll-view.d.ts → scroll-view/scroll-view.d.ts}

@@ -1,5 +1,5 @@
-import { PropsWithSx } from '../types';
+import { PropsWithSx } from '../../types';
 import { OverlayScrollbarsComponentProps, OverlayScrollbarsComponentRef } from 'overlayscrollbars-react';
 export type ScrollViewProps = PropsWithSx<OverlayScrollbarsComponentProps>;
 export type ScrollViewRef = OverlayScrollbarsComponentRef;
-export declare const ScrollView: ({ children, options, sx, ...props }: ScrollViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollView: ({ children, options, sx, ...props }: ScrollViewProps) => import("react").JSX.Element;

package/dist/components/{scroll-view.js → scroll-view/scroll-view.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import "overlayscrollbars/overlayscrollbars.css";
-import { Stylesheet } from "../lib/stylesheet/stylesheet.js";
+/* empty css                */
+import { Stylesheet } from "../../lib/stylesheet/stylesheet.js";
 import { OverlayScrollbarsComponent } from "overlayscrollbars-react";
 const ScrollView = ({ children, options, sx, ...props }) => {
   return /* @__PURE__ */ jsx(Stylesheet, { children: ({ cx, css }) => /* @__PURE__ */ jsx(

package/dist/components/svg-loader.d.ts

@@ -3,4 +3,4 @@ import { PropsWithSx } from '../types';
 export type SvgLoaderProps = PropsWithSx<JSX.IntrinsicElements['svg'] & {
     source: string;
 }>;
-export declare const SvgLoader: ({ sx, source, ref, ...props }: SvgLoaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SvgLoader: ({ sx, source, ref, ...props }: SvgLoaderProps) => JSX.Element;

package/dist/components/virtualized-list.d.ts

@@ -11,4 +11,4 @@ type VirtualizedListProps = PropsWithSx<ShallowMerge<JSX.IntrinsicElements['div'
     ref?: Ref<ScrollViewRef>;
 }>>;
 export type { VirtualItem, VirtualizedListProps, VirtualizedListOptions };
-export declare const VirtualizedList: ({ RowComponent, options, ref, ...props }: VirtualizedListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VirtualizedList: ({ RowComponent, options, ref, ...props }: VirtualizedListProps) => JSX.Element;

package/dist/components/virtualized-list.js

@@ -3,7 +3,7 @@ import { useRef } from "react";
 import { useMergeRefs } from "@floating-ui/react";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { motion } from "motion/react";
-import { ScrollView } from "./scroll-view.js";
+import { ScrollView } from "./scroll-view/scroll-view.js";
 const VirtualizedList = ({ RowComponent, options, ref, ...props }) => {
   var _a;
   const scrollRef = useRef(null);

package/dist/lib/accordion/accordion/accordion.d.ts

@@ -1,2 +1,2 @@
 import { AccordionProps } from './types';
-export declare const Accordion: (_props: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: (_props: AccordionProps) => import("react").JSX.Element;

package/dist/lib/accordion/accordion-content/accordion-content.d.ts

@@ -1,2 +1,2 @@
 import { AccordionContentProps } from './types';
-export declare const AccordionContent: ({ children, ref, ..._props }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionContent: ({ children, ref, ..._props }: AccordionContentProps) => import("react").JSX.Element;

package/dist/lib/accordion/accordion-group/accordion-group.d.ts

@@ -1,2 +1,2 @@
 import { AccordionGroupProps } from './types';
-export declare const AccordionGroup: ({ ref, ..._props }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionGroup: ({ ref, ..._props }: AccordionGroupProps) => import("react").JSX.Element;

package/dist/lib/accordion/accordion-summary/accordion-summary.d.ts

@@ -1,2 +1,2 @@
 import { AccordionSummaryProps } from './types';
-export declare const AccordionSummary: ({ children, ref, ..._props }: AccordionSummaryProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionSummary: ({ children, ref, ..._props }: AccordionSummaryProps) => import("react").JSX.Element;

package/dist/lib/avatar/avatar.d.ts

@@ -1,2 +1,3 @@
+import { JSX } from 'react';
 import { AvatarProps } from './types';
-export declare const Avatar: ({ ref, ..._props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ ref, ..._props }: AvatarProps) => JSX.Element;

package/dist/lib/badge/badge.d.ts

@@ -1,2 +1,2 @@
 import { BadgeProps } from './types';
-export declare const Badge: ({ color, content, offset, children }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ color, content, offset, children }: BadgeProps) => import("react").JSX.Element;

package/dist/lib/box/box.d.ts

@@ -1,2 +1,2 @@
 import { BoxProps } from './types';
-export declare const Box: ({ children, ref, ..._props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Box: ({ children, ref, ..._props }: BoxProps) => import("react").JSX.Element;

package/dist/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.d.ts

@@ -1,2 +1,2 @@
 import { BreadcrumbItemProps } from './types';
-export declare const BreadcrumbItem: ({ children, icon, ...props }: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BreadcrumbItem: ({ children, icon, ...props }: BreadcrumbItemProps) => import("react").JSX.Element;

package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.d.ts

@@ -1,2 +1,2 @@
 import { BreadcrumbsProps } from './types';
-export declare const Breadcrumbs: ({ separator, children, color, ...props }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumbs: ({ separator, children, color, ...props }: BreadcrumbsProps) => import("react").JSX.Element;

package/dist/lib/button/button.js

@@ -9,9 +9,9 @@ import { mediaQuery } from "../../theme/screens.js";
 import { getColorVar } from "../../theme/palette.js";
 import { getColorShadesByVariant, getSizeVariantState } from "../../utils/index.js";
 import { createSxStyle } from "../../utils/stylesheet.js";
-import { RippleEffect } from "../ripple-effect/ripple-effect.js";
 import { Icon } from "../icon/icon.js";
 import { Primitive } from "../primitive/primitive.js";
+import { RippleEffect } from "../ripple-effect/ripple-effect.js";
 const Button = ({ children, ref, ..._props }) => {
   const {
     color,

package/dist/lib/cascader/cascader-floating-content.d.ts

@@ -15,5 +15,5 @@ type CascaderFloatingContentProps = {
 } & ToResponsiveProps<{
     size?: SizeVariant;
 }>;
-export declare const CascaderFloatingContent: ({ searchable, selectedPath, options, loadOptions, onChange, inputProps, listProps, separator, lazy, size, sm, md, lg, }: CascaderFloatingContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CascaderFloatingContent: ({ searchable, selectedPath, options, loadOptions, onChange, inputProps, listProps, separator, lazy, size, sm, md, lg, }: CascaderFloatingContentProps) => import("react").JSX.Element;
 export {};

package/dist/lib/cascader/cascader-floating-content.js

@@ -12,11 +12,11 @@ import { useWindowScreen } from "../../hooks/use-window-screen/index.js";
 import { useControllableState } from "../../hooks/use-controllable-state.js";
 import { getColorVar } from "../../theme/palette.js";
 import { getTypographyVar } from "../../theme/typography.js";
-import { useFloatingContext } from "../floating/floating/helpers.js";
 import { ensureArray, matchSearch } from "../../utils/common.js";
 import { Primitive } from "../primitive/primitive.js";
 import { Input } from "../input/input.js";
 import { TextSkeleton } from "../loading/text-skeleton/text-skeleton.js";
+import { useFloatingContext } from "../floating/floating/helpers.js";
 const DEFAULT_DISPLAY_ROW_COUNT = 5;
 const CascaderFloatingContent = ({
   searchable,

package/dist/lib/cascader/cascader.d.ts

@@ -1,2 +1,3 @@
+import { JSX } from 'react';
 import { CascaderProps } from './types';
-export declare const Cascader: ({ ref, ..._props }: CascaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Cascader: ({ ref, ..._props }: CascaderProps) => JSX.Element;

package/dist/lib/cascader/cascader.js

@@ -11,11 +11,11 @@ import { getSizeVariantState } from "../../utils/index.js";
 import { useControllableState } from "../../hooks/use-controllable-state.js";
 import { SvgLoader } from "../../components/svg-loader.js";
 import { Primitive } from "../primitive/primitive.js";
+import { InputMask as ForwardRefInputMask } from "../input-mask/input-mask.js";
+import { FormHelperText } from "../form-helper-text/form-helper-text.js";
 import { Floating } from "../floating/floating/floating.js";
 import { FloatingTrigger } from "../floating/floating-trigger/floating-trigger.js";
-import { InputMask as ForwardRefInputMask } from "../input-mask/input-mask.js";
 import { FloatingContent } from "../floating/floating-content/floating-content.js";
-import { FormHelperText } from "../form-helper-text/form-helper-text.js";
 const DEFAULT_SEPARATOR = "/";
 const Cascader = ({ ref, ..._props }) => {
   const {

package/dist/lib/checkbox/checkbox.d.ts

@@ -1,2 +1,2 @@
 import { CheckboxProps } from './types';
-export declare const Checkbox: ({ children, indeterminate, color, className, ref, containerProps, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: ({ children, indeterminate, color, className, ref, containerProps, ...props }: CheckboxProps) => import("react").JSX.Element;

package/dist/lib/chip/chip.d.ts

@@ -1,2 +1,2 @@
 import { ChipProps } from './types';
-export declare const Chip: ({ children, ..._props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chip: ({ children, ..._props }: ChipProps) => import("react").JSX.Element;

package/dist/lib/collapse/collapse.d.ts

@@ -1,2 +1,2 @@
 import { CollapseProps } from './types';
-export declare const Collapse: ({ children, open, collapsedSize, orientation, sx, ...props }: CollapseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Collapse: ({ children, open, collapsedSize, orientation, sx, ...props }: CollapseProps) => import("react").JSX.Element;

package/dist/lib/container/container.d.ts

@@ -1,2 +1,2 @@
 import { ContainerProps } from './types';
-export declare const Container: ({ children, ref, ..._props }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Container: ({ children, ref, ..._props }: ContainerProps) => import("react").JSX.Element;

package/dist/lib/count-up/count-up.d.ts

@@ -1,2 +1,2 @@
 import { CountUpProps } from './types';
-export declare const CountUp: ({ ref, ..._props }: CountUpProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CountUp: ({ ref, ..._props }: CountUpProps) => import("react").JSX.Element;

package/dist/lib/countdown-timer/countdown-timer.d.ts

@@ -1,2 +1,2 @@
 import { CountdownTimerProps } from './types';
-export declare const CountdownTimer: ({ children, ...props }: CountdownTimerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CountdownTimer: ({ children, ...props }: CountdownTimerProps) => import("react").JSX.Element;

package/dist/lib/date-picker/date-picker.js

@@ -12,14 +12,14 @@ import { getColorVar } from "../../theme/palette.js";
 import { getTypographyVar } from "../../theme/typography.js";
 import CloseIcon from "../../assets/svg/times-close-delete.svg.js";
 import { createSxStyle } from "../../utils/stylesheet.js";
-import { TimePicker } from "../time-picker/time-picker.js";
-import { Floating } from "../floating/floating/floating.js";
-import { FloatingTrigger } from "../floating/floating-trigger/floating-trigger.js";
 import { InputMask as ForwardRefInputMask } from "../input-mask/input-mask.js";
 import { Primitive } from "../primitive/primitive.js";
-import { FloatingContent } from "../floating/floating-content/floating-content.js";
 import { FormHelperText } from "../form-helper-text/form-helper-text.js";
 import { Icon } from "../icon/icon.js";
+import { TimePicker } from "../time-picker/time-picker.js";
+import { Floating } from "../floating/floating/floating.js";
+import { FloatingTrigger } from "../floating/floating-trigger/floating-trigger.js";
+import { FloatingContent } from "../floating/floating-content/floating-content.js";
 const DEFAULT_DATE_FORMAT = "MM/DD/YYYY";
 const DEFAULT_DATETIME_FORMAT = "MM/DD/YYYY HH:mm";
 const DatePicker = (_props, ref) => {

package/dist/lib/dialog/dialog/dialog.d.ts

@@ -1,2 +1,2 @@
 import { DialogProps } from './types';
-export declare const Dialog: (_props: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: (_props: DialogProps) => import("react").JSX.Element;

package/dist/lib/dialog/dialog-body/dialog-body.d.ts

@@ -1,2 +1,2 @@
 import { DialogBodyProps } from './types';
-export declare const DialogBody: (props: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogBody: (props: DialogBodyProps) => import("react").JSX.Element;

package/dist/lib/dialog/dialog-body/dialog-body.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { ScrollView } from "../../../components/scroll-view.js";
+import { ScrollView } from "../../../components/scroll-view/scroll-view.js";
 const DialogBody = (props) => {
   var _a;
   return /* @__PURE__ */ jsx(

package/dist/lib/dialog/dialog-close/dialog-close.d.ts

@@ -1 +1 @@
-export declare const DialogClose: ({ event, reason, ref, ...props }: import('../../floating').FloatingCloseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogClose: ({ event, reason, ref, ...props }: import('../../floating').FloatingCloseProps) => import("react").JSX.Element;

package/dist/lib/dialog/dialog-footer/dialog-footer.d.ts

@@ -1,2 +1,2 @@
 import { DialogFooterProps } from './types';
-export declare const DialogFooter: ({ sx, ...props }: DialogFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogFooter: ({ sx, ...props }: DialogFooterProps) => import("react").JSX.Element;

package/dist/lib/dialog/dialog-header/dialog-header.d.ts

@@ -1,2 +1,2 @@
 import { DialogHeaderProps } from './types';
-export declare const DialogHeader: ({ children, closeable, ...props }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeader: ({ children, closeable, ...props }: DialogHeaderProps) => import("react").JSX.Element;

package/dist/lib/dialog/dialog-header/dialog-header.js

@@ -3,8 +3,8 @@ import CloseIcon from "../../../assets/svg/times-close-delete.svg.js";
 import "lodash-es";
 import "../../../theme/palette.js";
 import { getTypographyVar } from "../../../theme/typography.js";
-import { DialogClose } from "../dialog-close/dialog-close.js";
 import { Primitive } from "../../primitive/primitive.js";
+import { DialogClose } from "../dialog-close/dialog-close.js";
 import { IconButton } from "../../icon-button/icon-button.js";
 const DialogHeader = ({ children, closeable = true, ...props }) => {
   return /* @__PURE__ */ jsxs(

package/dist/lib/drawer/drawer/drawer.d.ts

@@ -1,2 +1,2 @@
 import { DrawerProps } from './types';
-export declare const Drawer: ({ children, placement, ...props }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Drawer: ({ children, placement, ...props }: DrawerProps) => import("react").JSX.Element;

package/dist/lib/drawer/drawer/drawer.js

@@ -2,9 +2,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { motion } from "motion/react";
 import { Stylesheet } from "../../stylesheet/stylesheet.js";
+import { Primitive } from "../../primitive/primitive.js";
 import { Floating } from "../../floating/floating/floating.js";
 import { FloatingContent } from "../../floating/floating-content/floating-content.js";
-import { Primitive } from "../../primitive/primitive.js";
 const Drawer = ({ children, placement = "left", ...props }) => {
   const initial = useMemo(() => {
     switch (placement) {

package/dist/lib/drawer/drawer-close/drawer-close.d.ts

@@ -1 +1 @@
-export declare const DrawerClose: ({ event, reason, ref, ...props }: import('../../floating').FloatingCloseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerClose: ({ event, reason, ref, ...props }: import('../../floating').FloatingCloseProps) => import("react").JSX.Element;

package/dist/lib/filter-panel/checkbox-filter-panel.d.ts

@@ -1,2 +1,2 @@
 import { CheckboxFilterPanelProps } from './types';
-export declare const CheckboxFilterPanel: ({ value, options, inputSearchProps: _inputSearchProps, onChange, queryParam, name, listProps, }: CheckboxFilterPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxFilterPanel: ({ value, options, inputSearchProps: _inputSearchProps, onChange, queryParam, name, listProps, }: CheckboxFilterPanelProps) => import("react").JSX.Element;

package/dist/lib/filter-panel/checkbox-filter-panel.js

@@ -6,9 +6,9 @@ import { useQueryParams } from "../../hooks/use-query-params.js";
 import "../../theme/palette.js";
 import { matchSearch } from "../../utils/common.js";
 import { ArrayParamParser } from "../../utils/query-params.js";
-import { Checkbox } from "../checkbox/checkbox.js";
 import { Primitive } from "../primitive/primitive.js";
 import { Input } from "../input/input.js";
+import { Checkbox } from "../checkbox/checkbox.js";
 const ROW_HEIGHT = 32;
 const DISPLAY_ROW_COUNT = 5;
 const CheckboxFilterPanel = ({

package/dist/lib/filter-panel/filter-panel.d.ts

@@ -1,2 +1,2 @@
 import { FilterPanelProps } from './types';
-export declare const FilterPanel: ({ label, defaultOpen, ...props }: FilterPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterPanel: ({ label, defaultOpen, ...props }: FilterPanelProps) => import("react").JSX.Element;

package/dist/lib/filter-panel/filter-panel.js

@@ -6,9 +6,9 @@ import { PriceRangeFilterPanel } from "./price-range-filter-panel.js";
 import { InputTextFilterPanel } from "./input-text-filter-panel.js";
 import { RadioFilterPanel } from "./radio-filter-panel.js";
 import ArrowDownIcon from "../../assets/svg/arrow-down.svg.js";
-import { Collapse } from "../collapse/collapse.js";
 import { Primitive } from "../primitive/primitive.js";
 import { Icon } from "../icon/icon.js";
+import { Collapse } from "../collapse/collapse.js";
 const FilterPanel = ({ label, defaultOpen = true, ...props }) => {
   const [open, toggle] = useToggle(defaultOpen);
   return /* @__PURE__ */ jsxs(Primitive, { sx: { display: "flex", flexDirection: "column", gap: 8 }, children: [

package/dist/lib/filter-panel/input-text-filter-panel.d.ts

@@ -1,2 +1,2 @@
 import { InputTextFilterPanelProps } from './types';
-export declare const InputTextFilterPanel: ({ queryParam, fieldType: _fieldType, ...props }: InputTextFilterPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputTextFilterPanel: ({ queryParam, fieldType: _fieldType, ...props }: InputTextFilterPanelProps) => import("react").JSX.Element;

package/dist/lib/filter-panel/price-range-filter-panel.d.ts

@@ -1,2 +1,2 @@
 import { InputRangeFilterPanelProps } from './types';
-export declare const PriceRangeFilterPanel: ({ value, queryParam, placeholder, priceTypes, onPriceChange, onPriceTypeChange, }: InputRangeFilterPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PriceRangeFilterPanel: ({ value, queryParam, placeholder, priceTypes, onPriceChange, onPriceTypeChange, }: InputRangeFilterPanelProps) => import("react").JSX.Element;

package/dist/lib/filter-panel/price-range-filter-panel.js

@@ -5,9 +5,9 @@ import { useId } from "react";
 import "lodash-es";
 import "../../theme/palette.js";
 import { StringParamParser, NumberParamParser } from "../../utils/query-params.js";
+import { Primitive } from "../primitive/primitive.js";
 import { RadioButton } from "../radio-button/radio-button.js";
 import { InputRange } from "../input-range/input-range.js";
-import { Primitive } from "../primitive/primitive.js";
 const PriceRangeFilterPanel = ({
   value,
   queryParam,

package/dist/lib/filter-panel/radio-filter-panel.d.ts

@@ -1,2 +1,2 @@
 import { RadioFilterPanelProps } from './types';
-export declare const RadioFilterPanel: ({ options, inputSearchProps: _inputSearchProps, value, onChange, queryParam, fallbackValue, }: RadioFilterPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioFilterPanel: ({ options, inputSearchProps: _inputSearchProps, value, onChange, queryParam, fallbackValue, }: RadioFilterPanelProps) => import("react").JSX.Element;

package/dist/lib/flag/flag.d.ts

@@ -1,2 +1,2 @@
 import { FlagProps } from './types';
-export declare const Flag: ({ ref, ..._props }: FlagProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Flag: ({ ref, ..._props }: FlagProps) => import("react").JSX.Element;

package/dist/lib/flexbox/flex-item/flex-item.d.ts

@@ -1,2 +1,2 @@
 import { FlexItemProps } from './types';
-export declare const FlexItem: ({ children, ref, ...rest }: FlexItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FlexItem: ({ children, ref, ...rest }: FlexItemProps) => import("react").JSX.Element;

package/dist/lib/flexbox/flexbox/flexbox.d.ts

@@ -1,2 +1,2 @@
 import { FlexboxProps } from './types';
-export declare const Flexbox: ({ children, ref, ..._props }: FlexboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Flexbox: ({ children, ref, ..._props }: FlexboxProps) => import("react").JSX.Element;

package/dist/lib/floating/floating/floating.d.ts

@@ -1,2 +1,2 @@
 import { FloatingProps } from './types';
-export declare const Floating: ({ ref, ...props }: FloatingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Floating: ({ ref, ...props }: FloatingProps) => import("react").JSX.Element;

package/dist/lib/floating/floating-close/floating-close.d.ts

@@ -1,2 +1,2 @@
 import { FloatingCloseProps } from './types';
-export declare const FloatingClose: ({ event, reason, ref, ...props }: FloatingCloseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FloatingClose: ({ event, reason, ref, ...props }: FloatingCloseProps) => import("react").JSX.Element;

package/dist/lib/floating/floating-content/floating-content.d.ts

@@ -1,2 +1,2 @@
 import { FloatingContentProps } from './types';
-export declare const FloatingContent: ({ preserveTabOrder, focus, overlay, sx, ref, ...props }: FloatingContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FloatingContent: ({ preserveTabOrder, focus, overlay, sx, ref, ...props }: FloatingContentProps) => import("react").JSX.Element;

package/dist/lib/floating/floating-trigger/floating-trigger.d.ts

@@ -1,2 +1,2 @@
 import { FloatingTriggerProps } from './types';
-export declare const FloatingTrigger: ({ children }: FloatingTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FloatingTrigger: ({ children }: FloatingTriggerProps) => import("react").JSX.Element;

package/dist/lib/form-helper-text/form-helper-text.d.ts

@@ -1,2 +1,2 @@
 import { FormHelperTextProps } from './types';
-export declare const FormHelperText: ({ error, children, ...props }: FormHelperTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormHelperText: ({ error, children, ...props }: FormHelperTextProps) => import("react").JSX.Element;

package/dist/lib/form-label/form-label.d.ts

@@ -4,4 +4,4 @@ import { PrimitiveProps } from '../primitive';
 export type FormLabelProps = PrimitiveProps<ShallowMerge<JSX.IntrinsicElements['div'], {
     required?: boolean;
 }>>;
-export declare const FormLabel: ({ required, children, ...props }: FormLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormLabel: ({ required, children, ...props }: FormLabelProps) => JSX.Element;

package/dist/lib/grid/cell/cell.d.ts

@@ -1,2 +1,2 @@
 import { CellProps } from './types';
-export declare const Cell: ({ children, ref, ..._props }: CellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Cell: ({ children, ref, ..._props }: CellProps) => import("react").JSX.Element;

package/dist/lib/grid/grid/grid.d.ts

@@ -1,4 +1,4 @@
 import { GridProps } from './types';
 export declare const GRID_MINIMUM_COLS = 1;
 export declare const GRID_MAXIMUM_COLS = 24;
-export declare const Grid: ({ children, ref, ..._props }: GridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid: ({ children, ref, ..._props }: GridProps) => import("react").JSX.Element;

package/dist/lib/highlight-words/highlight-words.d.ts

@@ -1,2 +1,2 @@
 import { HighlightWordsProps } from './types';
-export declare const HighlightWords: ({ highlightClassName, ...props }: HighlightWordsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HighlightWords: ({ highlightClassName, ...props }: HighlightWordsProps) => import("react").JSX.Element;

package/dist/lib/icon/icon.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from './types';
-export declare const Icon: ({ children: _children, ref, ..._props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ children: _children, ref, ..._props }: IconProps) => import("react").JSX.Element;

package/dist/lib/icon-button/icon-button.js

@@ -8,8 +8,8 @@ import { getColorShadesByVariant, getSizeVariantState } from "../../utils/index.
 import { animateSpinStyle } from "../../constants/emotion.js";
 import { ensureBoolean } from "../../utils/common.js";
 import { Icon } from "../icon/icon.js";
-import { Primitive } from "../primitive/primitive.js";
 import { RippleEffect } from "../ripple-effect/ripple-effect.js";
+import { Primitive } from "../primitive/primitive.js";
 const IconButton = ({ children, ref, ..._props }) => {
   const { size, color, variant, icon, isLoading, sx, sm, md, lg, ...rest } = getIconButtonProps(_props);
   const {

package/dist/lib/image/image.d.ts

@@ -1,2 +1,2 @@
 import { ImageProps } from './types';
-export declare const Image: ({ ref, ..._props }: ImageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Image: ({ ref, ..._props }: ImageProps) => import("react").JSX.Element;

package/dist/lib/input/input.d.ts

@@ -1,2 +1,3 @@
+import { JSX } from 'react';
 import { InputProps } from './types';
-export declare const Input: ({ ref, ..._props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: ({ ref, ..._props }: InputProps) => JSX.Element;

package/dist/lib/input/input.js

@@ -8,9 +8,9 @@ import EyeVisible from "../../assets/svg/eye-show-visible.svg.js";
 import { getSizeVariantState } from "../../utils/index.js";
 import { getColorVar } from "../../theme/palette.js";
 import { getTypographyVar } from "../../theme/typography.js";
-import { FormHelperText } from "../form-helper-text/form-helper-text.js";
 import { Primitive } from "../primitive/primitive.js";
 import { Icon } from "../icon/icon.js";
+import { FormHelperText } from "../form-helper-text/form-helper-text.js";
 const Input = ({ ref, ..._props }) => {
   var _a, _b, _c;
   const {

package/dist/lib/input-number/input-number.d.ts

@@ -1,2 +1,2 @@
 import { InputNumberProps } from './types';
-export declare const InputNumber: ({ value, defaultValue, className, step, suffix, prefix, fractionDigits, max, min, ref, ...props }: InputNumberProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputNumber: ({ value, defaultValue, className, step, suffix, prefix, fractionDigits, max, min, ref, ...props }: InputNumberProps) => import("react").JSX.Element;

package/dist/lib/input-range/input-range.d.ts

@@ -1,2 +1,2 @@
 import { InputRangeProps } from './types';
-export declare const InputRange: ({ ref: _ref, ..._props }: InputRangeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputRange: ({ ref: _ref, ..._props }: InputRangeProps) => import("react").JSX.Element;

package/dist/lib/input-range/input-range.js

@@ -5,9 +5,9 @@ import { getSizeVariantState } from "../../utils/index.js";
 import LongArrowRightIcon from "../../assets/svg/long-arrow-right.svg.js";
 import "lodash-es";
 import { getColorVar } from "../../theme/palette.js";
-import { InputNumber } from "../input-number/input-number.js";
 import { Primitive } from "../primitive/primitive.js";
 import { Icon } from "../icon/icon.js";
+import { InputNumber } from "../input-number/input-number.js";
 import { FormHelperText } from "../form-helper-text/form-helper-text.js";
 const InputRange = ({ ref: _ref, ..._props }) => {
   const {

package/dist/lib/lightbox/lightbox.d.ts

@@ -1,2 +1,2 @@
 import { LightboxProps } from './types';
-export declare const Lightbox: ({ slides, defaultActiveIndex, ...props }: LightboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Lightbox: ({ slides, defaultActiveIndex, ...props }: LightboxProps) => import("react").JSX.Element;

package/dist/lib/lightbox/lightbox.js

@@ -11,14 +11,14 @@ import ZoomMinusIcon from "../../assets/svg/search-minus.svg.js";
 import CloseIcon from "../../assets/svg/times-close-delete.svg.js";
 import { FLOATING_Z_INDEX } from "../../theme/index.js";
 import { Stylesheet } from "../stylesheet/stylesheet.js";
+import { Primitive } from "../primitive/primitive.js";
 import { Swiper } from "../swiper/swiper/swiper.js";
 import { SwiperSlide } from "../swiper/swiper-slide/swiper-slide.js";
+import { Image } from "../image/image.js";
+import { IconButton } from "../icon-button/icon-button.js";
 import { Floating } from "../floating/floating/floating.js";
 import { FloatingContent } from "../floating/floating-content/floating-content.js";
-import { Primitive } from "../primitive/primitive.js";
-import { Image } from "../image/image.js";
 import { FloatingClose } from "../floating/floating-close/floating-close.js";
-import { IconButton } from "../icon-button/icon-button.js";
 const LightboxIconButton = (props) => {
   return /* @__PURE__ */ jsx(
     IconButton,

package/dist/lib/linear-progress/linear-progress.d.ts

@@ -1,2 +1,2 @@
 import { LinearProgressProps } from './types';
-export declare const LinearProgress: (_props: LinearProgressProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LinearProgress: (_props: LinearProgressProps) => import("react").JSX.Element;

package/dist/lib/link/link.d.ts

@@ -1,2 +1,2 @@
 import { LinkProps } from './types';
-export declare const Link: ({ children, ref, ..._props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: ({ children, ref, ..._props }: LinkProps) => import("react").JSX.Element;

package/dist/lib/loading/block-skeleton/block-skeleton.d.ts

@@ -1,4 +1,4 @@
 import { JSX } from 'react';
 import { PrimitiveProps } from '../../primitive';
 export type BlockSkeletonProps = PrimitiveProps<JSX.IntrinsicElements['div']>;
-export declare const BlockSkeleton: (props: BlockSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BlockSkeleton: (props: BlockSkeletonProps) => JSX.Element;

package/dist/lib/loading/image-skeleton/image-skeleton.d.ts

@@ -1,2 +1,2 @@
 import { ImageSkeletonProps } from './types';
-export declare const ImageSkeleton: (props: ImageSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageSkeleton: (props: ImageSkeletonProps) => import("react").JSX.Element;

package/dist/lib/loading/loading-overlay/loading-overlay.d.ts

@@ -1,2 +1,2 @@
 import { LoadingOverlayProps } from './types';
-export declare const LoadingOverlay: ({ isLoading, iconProps, color, style, size, children, ...props }: LoadingOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingOverlay: ({ isLoading, iconProps, color, style, size, children, ...props }: LoadingOverlayProps) => import("react").JSX.Element;

package/dist/lib/loading/text-skeleton/text-skeleton.d.ts

@@ -1,2 +1,2 @@
 import { TextSkeletonProps } from './types';
-export declare const TextSkeleton: (props: TextSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextSkeleton: (props: TextSkeletonProps) => import("react").JSX.Element;

package/dist/lib/marquee/marquee/marquee.d.ts

@@ -1,2 +1,2 @@
 import { MarqueeProps } from './types';
-export declare const Marquee: ({ children, ref, ..._props }: MarqueeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Marquee: ({ children, ref, ..._props }: MarqueeProps) => import("react").JSX.Element;

package/dist/lib/marquee/marquee/marquee.js

@@ -7,8 +7,8 @@ import { getMarqueeProps } from "./helpers.js";
 import { MarqueeDataAttributes } from "./types.js";
 import { flattenChildren } from "../../../utils/index.js";
 import { isNumber } from "lodash-es";
-import { Icon } from "../../icon/icon.js";
 import { Primitive } from "../../primitive/primitive.js";
+import { Icon } from "../../icon/icon.js";
 const Marquee = ({ children, ref, ..._props }) => {
   var _a, _b, _c;
   const { spaceBetween, sm, md, lg, autoScrollOptions, separatorIcon, ...rest } = getMarqueeProps(_props);

package/dist/lib/marquee/marquee-item/marquee-item.d.ts

@@ -1,2 +1,2 @@
 import { MarqueeItemProps } from './types';
-export declare const MarqueeItem: ({ ref, ...props }: MarqueeItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MarqueeItem: ({ ref, ...props }: MarqueeItemProps) => import("react").JSX.Element;

package/dist/lib/menu/menu/menu.d.ts

@@ -1,2 +1,2 @@
 import { MenuProps } from './types';
-export declare const Menu: ({ hoverProps, dismissProps, clickProps, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ hoverProps, dismissProps, clickProps, ...props }: MenuProps) => import("react").JSX.Element;

package/dist/lib/menu/menu-item/menu-item.d.ts

@@ -1,2 +1,2 @@
 import { MenuItemProps } from './types';
-export declare const MenuItem: ({ ref, ..._props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ ref, ..._props }: MenuItemProps) => import("react").JSX.Element;

package/dist/lib/menu/menu-list/menu-list.d.ts

@@ -1,2 +1,2 @@
 import { MenuListProps } from './types';
-export declare const MenuList: ({ children, ...props }: MenuListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuList: ({ children, ...props }: MenuListProps) => import("react").JSX.Element;