@janbox/storefront-ui 6.0.1 → 6.0.3

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

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

package/dist/lib/multiple-select/multiple-select.d.ts

@@ -1,2 +1,3 @@
+import { JSX } from 'react';
 import { MultipleSelectProps } from './types';
-export declare const MultipleSelect: <O extends object = object>({ ref, ...props }: MultipleSelectProps<O>) => import("react/jsx-runtime").JSX.Element;
+export declare const MultipleSelect: <O extends object = object>({ ref, ...props }: MultipleSelectProps<O>) => JSX.Element;

package/dist/lib/multiple-select/multiple-select.js

@@ -10,15 +10,15 @@ import { getResponsiveProp, getSizeVariantState } from "../../utils/index.js";
 import ArrowDownIcon from "../../assets/svg/arrow-down.svg.js";
 import { getColorVar } from "../../theme/palette.js";
 import { getTypographyVar } from "../../theme/typography.js";
+import { ensureArray, matchSearch } from "../../utils/common.js";
+import { InputMask as ForwardRefInputMask } from "../input-mask/input-mask.js";
+import { Input } from "../input/input.js";
 import { Checkbox } from "../checkbox/checkbox.js";
 import { TextSkeleton } from "../loading/text-skeleton/text-skeleton.js";
-import { ensureArray, matchSearch } from "../../utils/common.js";
 import { Primitive } from "../primitive/primitive.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 { Input } from "../input/input.js";
 import { FormHelperText } from "../form-helper-text/form-helper-text.js";
 const DEFAULT_DISPLAY_ROW_COUNT = 5;
 const MultipleSelect = ({ ref, ...props }) => {

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

@@ -1,2 +1,2 @@
 import { NavLinkProps } from './types';
-export declare const NavLink: ({ children, style, className, to, ref, ...props }: NavLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NavLink: ({ children, style, className, to, ref, ...props }: NavLinkProps) => import("react").JSX.Element;

package/dist/lib/notifications/notifications.d.ts

@@ -1 +1 @@
-export declare const Notifications: () => import("react/jsx-runtime").JSX.Element;
+export declare const Notifications: () => import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { OtpInputProps } from './types';
-export declare const OtpInput: ({ length, onFullfilled, onChange, disabled, autoFocus, isLoading, defaultValue, value, error, size, sm, md, lg, }: OtpInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OtpInput: ({ length, onFullfilled, onChange, disabled, autoFocus, isLoading, defaultValue, value, error, size, sm, md, lg, }: OtpInputProps) => import("react").JSX.Element;

package/dist/lib/pagination/pagination.d.ts

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

package/dist/lib/pagination/pagination.js

@@ -8,9 +8,9 @@ import "lodash-es";
 import "../../theme/palette.js";
 import { getTypographyVar } from "../../theme/typography.js";
 import { getSizeVariantState } from "../../utils/index.js";
+import { Primitive } from "../primitive/primitive.js";
 import { Text } from "../text/text.js";
 import { IconButton } from "../icon-button/icon-button.js";
-import { Primitive } from "../primitive/primitive.js";
 import { Icon } from "../icon/icon.js";
 const Pagination = ({ ref, ..._props }) => {
   var _a, _b, _c, _d;

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

@@ -7,12 +7,12 @@ import countries from "../../assets/json/countries.json.js";
 import { useControllableState } from "../../hooks/use-controllable-state.js";
 import { getColorShadesByVariant } from "../../utils/index.js";
 import { getColorVar } from "../../theme/palette.js";
-import { Select } from "../select/select.js";
-import { Flag } from "../flag/flag.js";
 import { Primitive } from "../primitive/primitive.js";
 import { InputMask as ForwardRefInputMask } from "../input-mask/input-mask.js";
+import { Select } from "../select/select.js";
 import { Input } from "../input/input.js";
 import { FormHelperText } from "../form-helper-text/form-helper-text.js";
+import { Flag } from "../flag/flag.js";
 const CountryRowLabel = ({ code, name, dial_code }) => {
   return /* @__PURE__ */ jsxs(Primitive, { sx: { display: "flex", alignItems: "center", gap: 8 }, children: [
     /* @__PURE__ */ jsx(Flag, { countryCode: code }),

package/dist/lib/popover/popover/popover.d.ts

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

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

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

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

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

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

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

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

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

package/dist/lib/primitive/primitive.d.ts

@@ -1,3 +1,3 @@
 import { HTMLProps } from 'react';
 import { PrimitiveProps } from './types';
-export declare const Primitive: <T extends HTMLProps<HTMLElement>>({ as, sx, ...rest }: PrimitiveProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Primitive: <T extends HTMLProps<HTMLElement>>({ as, sx, ...rest }: PrimitiveProps<T>) => import("react").JSX.Element;

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

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

package/dist/lib/radio-button/radio-button.d.ts

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

package/dist/lib/select/select.js

@@ -12,12 +12,12 @@ import CheckIcon from "../../assets/svg/done-check.svg.js";
 import { getColorVar } from "../../theme/palette.js";
 import { getTypographyVar } from "../../theme/typography.js";
 import { ensureArray, matchSearch } from "../../utils/common.js";
+import { Primitive } from "../primitive/primitive.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 { Input } from "../input/input.js";
-import { Primitive } from "../primitive/primitive.js";
 import { FormHelperText } from "../form-helper-text/form-helper-text.js";
 const DEFAULT_DISPLAY_ROW_COUNT = 5;
 const Select = ({

package/dist/lib/star-rating/star-rating.d.ts

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

package/dist/lib/stepper/stepper.d.ts

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

package/dist/lib/stepper/stepper.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Step } from "./step.js";
-import { Progress } from "../progress/progress.js";
 import { Primitive } from "../primitive/primitive.js";
+import { Progress } from "../progress/progress.js";
 const maxPercent = 100;
 const Stepper = ({ ref, ...props }) => {
   const { direction = "horizontal", items, activeIndex = 0, circleSize = 32, ...rest } = props;

package/dist/lib/stylesheet/stylesheet.d.ts

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

package/dist/lib/suspense-query/suspense-query.d.ts

@@ -1,2 +1,2 @@
 import { SuspenseQueryProps } from './types';
-export declare function SuspenseQuery<A extends any[], R>({ factory, deps: propDeps, LoadingComponent, ErrorComponent, children, }: SuspenseQueryProps<A, R>): import("react/jsx-runtime").JSX.Element;
+export declare function SuspenseQuery<A extends any[], R>({ factory, deps: propDeps, LoadingComponent, ErrorComponent, children, }: SuspenseQueryProps<A, R>): import("react").JSX.Element;

package/dist/lib/swiper/swiper/swiper.d.ts

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

package/dist/lib/swiper/swiper-dots-paging/swiper-dots-paging.d.ts

@@ -1,2 +1,2 @@
 import { SwiperDotsPagingProps } from './types';
-export declare const SwiperDotsPaging: ({ api, size, spaceBetween, color, offset, sm, md, lg, }: SwiperDotsPagingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SwiperDotsPaging: ({ api, size, spaceBetween, color, offset, sm, md, lg, }: SwiperDotsPagingProps) => import("react").JSX.Element;

package/dist/lib/swiper/swiper-side-arrows-paging/swiper-side-arrows-paging.d.ts

@@ -1,4 +1,5 @@
+import { JSX } from 'react';
 import { SwiperSideArrowsPagingProps, SwiperSideArrowsPagingResponsiveProps } from './types';
 import { StyledCSS } from '../../../types';
-export declare const SwiperSideArrowsPaging: ({ api, size, offsetX, offsetY, color, visibility, anchorSelector, sm, md, lg, }: SwiperSideArrowsPagingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SwiperSideArrowsPaging: ({ api, size, offsetX, offsetY, color, visibility, anchorSelector, sm, md, lg, }: SwiperSideArrowsPagingProps) => JSX.Element;
 export declare const createOverflowStyle: ({ offsetX, }?: Pick<SwiperSideArrowsPagingResponsiveProps, "offsetX">) => StyledCSS;

package/dist/lib/swiper/swiper-slide/swiper-slide.d.ts

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

package/dist/lib/switch/switch.d.ts

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

package/dist/lib/table/table/table.d.ts

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

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

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

package/dist/lib/table/table-cell/table-cell.d.ts

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

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

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

package/dist/lib/table/table-head/table-head.d.ts

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

package/dist/lib/table/table-row/table-row.d.ts

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

package/dist/lib/tabs/tab/tab.d.ts

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

package/dist/lib/tabs/tab-content/tab-content.d.ts

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

package/dist/lib/tabs/tab-indicator/tab-indicator.d.ts

@@ -1,2 +1,2 @@
 import { TabIndicatorProps } from './types';
-export declare const TabIndicator: ({ size, sm, md, lg, ...props }: TabIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabIndicator: ({ size, sm, md, lg, ...props }: TabIndicatorProps) => import("react").JSX.Element;

package/dist/lib/tabs/tab-list/tab-list.d.ts

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

package/dist/lib/tabs/tab-list/tab-list.js

@@ -4,8 +4,8 @@ import { TabIndexContext } from "../tab/helpers.js";
 import { flattenChildren } from "../../../utils/index.js";
 import { scrollbarNoneStyle } from "../../../constants/emotion.js";
 import { useMemo } from "react";
-import { TabIndicator } from "../tab-indicator/tab-indicator.js";
 import { Primitive } from "../../primitive/primitive.js";
+import { TabIndicator } from "../tab-indicator/tab-indicator.js";
 const TabList = ({ ref, children, ..._props }) => {
   const { tabConfig, overflowBehavior, indicator, align, containerProps, ...props } = getTabListProps(_props);
   const containerAlignStyle = (() => {

package/dist/lib/tabs/tab-panel/tab-panel.d.ts

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

package/dist/lib/tabs/tabs/tabs.d.ts

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

package/dist/lib/text/text.d.ts

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

package/dist/lib/textarea/textarea.d.ts

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

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

@@ -11,10 +11,10 @@ import ClockIcon from "../../assets/svg/clock-time.svg.js";
 import { getColorVar } from "../../theme/palette.js";
 import { getTypographyVar } from "../../theme/typography.js";
 import { Primitive } from "../primitive/primitive.js";
+import { Icon } from "../icon/icon.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";
-import { Icon } from "../icon/icon.js";
 const TIME_FORMAT = "HH:mm";
 const TimePicker = ({
   placeholder = "--:--",

package/dist/lib/tooltip/tooltip.d.ts

@@ -1,2 +1,2 @@
 import { TooltipProps } from './types';
-export declare function Tooltip({ children, defaultOpen, placement, open, onOpenChange, content, contentWidth, enable, handleClose, arrowProps, sx, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ children, defaultOpen, placement, open, onOpenChange, content, contentWidth, enable, handleClose, arrowProps, sx, }: TooltipProps): import("react").JSX.Element;

package/dist/lib/unordered-list/list-item/list-item.d.ts

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

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

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

package/dist/lib/video/video.d.ts

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