@janbox/storefront-ui 2.0.25 → 2.0.27

package/dist/components/index.d.ts

@@ -1,4 +1,3 @@
 export * from './svg-loader';
 export * from './scroll-view';
 export * from './virtualized-list';
-//# sourceMappingURL=index.d.ts.map

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

@@ -2,4 +2,3 @@ import { OverlayScrollbarsComponentProps, OverlayScrollbarsComponentRef } from '
 export type ScrollViewProps = OverlayScrollbarsComponentProps;
 export type ScrollViewRef = OverlayScrollbarsComponentRef;
 export declare const ScrollView: ({ children, options, ...props }: ScrollViewProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=scroll-view.d.ts.map

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

@@ -3,4 +3,3 @@ export type SvgLoaderProps = JSX.IntrinsicElements['svg'] & {
     source: string;
 };
 export declare const SvgLoader: import('react').ForwardRefExoticComponent<Omit<SvgLoaderProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
-//# sourceMappingURL=svg-loader.d.ts.map

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

@@ -12,4 +12,3 @@ type VirtualizedListProps = ShallowMerge<JSX.IntrinsicElements['div'], {
 }>;
 export type { VirtualItem, VirtualizedListProps, VirtualizedListOptions };
 export declare const VirtualizedList: ({ RowComponent, options, ref, ...props }: VirtualizedListProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=virtualized-list.d.ts.map

package/dist/constants/emotion.d.ts

@@ -5,4 +5,3 @@ export declare const animateSpinStyle: StyledCSS;
 export declare const truncateStyle: StyledCSS;
 export declare const pointerEventsNone: StyledCSS;
 export declare const containerStyle: StyledCSS;
-//# sourceMappingURL=emotion.d.ts.map

package/dist/constants/index.d.ts

@@ -17,4 +17,3 @@ export declare enum Booleanish {
     True = "true",
     False = "false"
 }
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts

@@ -7,4 +7,3 @@ export * from './use-first-mount-state';
 export * from './use-update-effect';
 export * from './use-deep-compare-effect';
 export * from './use-formatter';
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-controllable-state.d.ts

@@ -4,4 +4,3 @@ export declare const useControllableState: <T>({ defaultValue, value, deepCompar
     value?: T;
     deepCompare?: boolean;
 }) => readonly [T, Dispatch<SetStateAction<T>>];
-//# sourceMappingURL=use-controllable-state.d.ts.map

package/dist/hooks/use-countdown-timer.d.ts

@@ -11,4 +11,3 @@ type UseCountdownTimerProps = {
 };
 export declare const useCountdownTimer: ({ date, onFinish, omit }: UseCountdownTimerProps) => TimeDiff;
 export {};
-//# sourceMappingURL=use-countdown-timer.d.ts.map

package/dist/hooks/use-deep-compare-effect/index.d.ts

@@ -1,3 +1,2 @@
 import { DependencyList, EffectCallback } from 'react';
 export declare const useDeepCompareEffect: (effect: EffectCallback, deps: DependencyList) => void;
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-first-mount-state/index.d.ts

@@ -1,2 +1 @@
 export declare function useFirstMountState(): boolean;
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-formatter/index.d.ts

@@ -5,4 +5,3 @@ export declare const useFormatter: () => {
     formatDateTime: (value: Date | string | number, options: SetOptional<FormatDateTimeOptions, "lng">) => string;
     formatPrice: (value: number, options: SetOptional<FormatPriceOptions, "lng">) => string;
 };
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-is-hydrated/index.d.ts

@@ -1,2 +1 @@
 export declare function useIsHydrated(): boolean;
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-query-params.d.ts

@@ -17,4 +17,3 @@ export declare function useQueryParams<T extends Record<string, any>>(config: Qu
     setQueryParams: (newParams: Partial<T>, navigateOpts?: NavigateOptions) => void;
 };
 export {};
-//# sourceMappingURL=use-query-params.d.ts.map

package/dist/hooks/use-ripple-effect/index.d.ts

@@ -30,4 +30,3 @@ export declare const useRippleEffect: (ref: RefObject<HTMLElement | null>, { ena
     className: string;
 };
 export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-toggle/index.d.ts

@@ -1,3 +1,2 @@
 import { Dispatch, SetStateAction } from 'react';
 export declare function useToggle(defaultValue?: boolean): [boolean, () => void, Dispatch<SetStateAction<boolean>>];
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-update-effect/index.d.ts

@@ -1,3 +1,2 @@
 import { DependencyList, EffectCallback } from 'react';
 export declare const useUpdateEffect: (effect: EffectCallback, deps: DependencyList) => void;
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-window-screen/index.d.ts

@@ -4,4 +4,3 @@ export declare const useWindowScreen: () => {
     isSmallerThan: (target: Screen) => boolean;
     isLargerThan: (target: Screen) => boolean;
 };
-//# sourceMappingURL=index.d.ts.map

package/dist/i18n/index.d.ts

@@ -5,4 +5,3 @@ export declare const useTranslation: () => {
     t: (key: keyof typeof en) => string;
     locale: string;
 };
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts

@@ -1,2 +1 @@
 export * from './lib';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -81,7 +81,7 @@ import { Select } from "./lib/select/select.js";
 import { StarRating } from "./lib/star-rating/star-rating.js";
 import { Step } from "./lib/stepper/step.js";
 import { Stepper } from "./lib/stepper/stepper.js";
-import { SuspenseQuery } from "./lib/suspense-query/index.js";
+import { SuspenseQuery } from "./lib/suspense-query/suspense-query.js";
 import { Swiper } from "./lib/swiper/swiper/swiper.js";
 import { SwiperSlide } from "./lib/swiper/swiper-slide/swiper-slide.js";
 import { Switch } from "./lib/switch/switch.js";

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

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

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

@@ -9,4 +9,3 @@ export declare const getAccordionDataAttributes: (element: Element) => {
     openState: boolean;
 };
 export declare const getAccordionProps: (extended: AccordionProps) => AccordionProps;
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1,4 +1,3 @@
 export * from './accordion';
 export * from './types';
 export * from './helpers';
-//# sourceMappingURL=index.d.ts.map

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

@@ -9,4 +9,3 @@ export interface AccordionExtendedProps {
     onOpenChange?: (open: boolean) => void;
 }
 export type AccordionProps = PrimitiveProps<JSX.IntrinsicElements['div'] & AccordionExtendedProps>;
-//# sourceMappingURL=types.d.ts.map

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

@@ -1,3 +1,2 @@
 import { AccordionContentProps } from './types';
 export declare const AccordionContent: ({ children, ref, ..._props }: AccordionContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=accordion-content.d.ts.map

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

@@ -1,3 +1,2 @@
 import { AccordionContentProps } from './types';
 export declare const getAccordionContentProps: (...extended: Partial<AccordionContentProps>[]) => AccordionContentProps;
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1,4 +1,3 @@
 export * from './accordion-content';
 export * from './types';
 export * from './helpers';
-//# sourceMappingURL=index.d.ts.map

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

@@ -7,4 +7,3 @@ interface AccordionContentExtendedProps {
 }
 export type AccordionContentProps = ShallowMerge<JSX.IntrinsicElements['div'], PropsWithSx<AccordionContentExtendedProps>>;
 export {};
-//# sourceMappingURL=types.d.ts.map

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

@@ -1,3 +1,2 @@
 import { AccordionGroupProps } from './types';
-export declare const AccordionGroup: ({ ref, ..._props }: AccordionGroupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=accordion-group.d.ts.map
+export declare const AccordionGroup: ({ ref, ..._props }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/accordion/accordion-group/accordion-group.js

@@ -1,27 +1,16 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { useRef, useMemo } from "react";
-import { useMergeRefs } from "@floating-ui/react";
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
 import { getAccordionGroupProps, AccordionGroupContext } from "./helpers.js";
 import { AccordionGroupDataAttributes } from "./types.js";
-import { createSxInterpolation } from "../../../utils/stylesheet.js";
+import { Primitive } from "../../primitive/primitive.js";
 const AccordionGroup = ({ ref, ..._props }) => {
   const {
     children,
-    sx,
     openMode = "multiple",
     accordionSummaryProps,
     accordionContentProps,
     ...rest
   } = getAccordionGroupProps(_props);
-  const rootEl = useRef(null);
-  const mergedRefs = useMergeRefs([ref, rootEl]);
-  const css = [
-    {
-      display: "flex",
-      flexDirection: "column"
-    },
-    createSxInterpolation(sx)
-  ];
   const contextValue = useMemo(
     () => ({
       accordionSummaryProps,
@@ -30,14 +19,18 @@ const AccordionGroup = ({ ref, ..._props }) => {
     [accordionSummaryProps, accordionContentProps]
   );
   return /* @__PURE__ */ jsx(AccordionGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    "div",
+    Primitive,
     {
-      css,
       ...rest,
       ...{
         [AccordionGroupDataAttributes.OpenMode]: openMode
       },
-      ref: mergedRefs,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        ...rest.sx
+      },
+      ref,
       children
     }
   ) });

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

@@ -12,4 +12,3 @@ export declare const getAccordionGroupDataAttributes: (element: HTMLElement) =>
     openMode: Nullable<AccordionGroupOpenMode>;
 };
 export declare const getAccordionGroupProps: (extended: AccordionGroupProps) => AccordionGroupProps;
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1,4 +1,3 @@
 export * from './accordion-group';
 export * from './helpers';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,7 @@
 import { JSX } from 'react';
 import { AccordionContentProps } from '../accordion-content';
 import { AccordionSummaryProps } from '../accordion-summary';
-import { PropsWithSx } from '../../../types';
+import { PrimitiveProps } from '../../primitive';
 export type AccordionGroupOpenMode = 'single' | 'multiple';
 export type AccordionGroupContextValue = Partial<{
     accordionSummaryProps?: Partial<AccordionSummaryProps>;
@@ -13,5 +13,4 @@ export declare enum AccordionGroupDataAttributes {
 export interface AccordionGroupExtendedProps extends AccordionGroupContextValue {
     openMode?: AccordionGroupOpenMode;
 }
-export type AccordionGroupProps = PropsWithSx<JSX.IntrinsicElements['div'] & AccordionGroupExtendedProps>;
-//# sourceMappingURL=types.d.ts.map
+export type AccordionGroupProps = PrimitiveProps<JSX.IntrinsicElements['div'] & AccordionGroupExtendedProps>;

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

@@ -1,3 +1,2 @@
 import { AccordionSummaryProps } from './types';
 export declare const AccordionSummary: ({ children, ref, ..._props }: AccordionSummaryProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=accordion-summary.d.ts.map

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

@@ -1,3 +1,2 @@
 import { AccordionSummaryProps } from './types';
 export declare const getAccordionSummaryProps: (...extended: Partial<AccordionSummaryProps>[]) => AccordionSummaryProps;
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1,4 +1,3 @@
 export * from './accordion-summary';
 export * from './types';
 export * from './helpers';
-//# sourceMappingURL=index.d.ts.map

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

@@ -25,4 +25,3 @@ type AccordionSummaryExtendedProps = PropsWithSx<{
 }>;
 export type AccordionSummaryProps = ShallowMerge<JSX.IntrinsicElements['div'], AccordionSummaryExtendedProps>;
 export {};
-//# sourceMappingURL=types.d.ts.map

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

@@ -2,4 +2,3 @@ export * from './accordion-group';
 export * from './accordion';
 export * from './accordion-summary';
 export * from './accordion-content';
-//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -3,4 +3,3 @@ export declare const getAvatarProps: (props: AvatarProps) => AvatarProps;
 /** Resolve dimension from named size or custom number */
 export declare const getInitials: (name?: string) => string;
 export declare const getAvatarStatusColor: (status: AvatarStatus) => string | undefined;
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1,3 +1,2 @@
 export * from './types';
 export * from './avatar';
-//# sourceMappingURL=index.d.ts.map

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

@@ -16,4 +16,3 @@ export type AvatarProps = PropsWithSx<ShallowMerge<AvatarHTMLProps, ToResponsive
     color?: ColorVariant;
 }>>;
 export {};
-//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -1,3 +1,2 @@
 import { BadgeProps } from './types';
 export declare const getBadgeProps: (extended: BadgeProps) => BadgeProps;
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1,4 +1,3 @@
 export * from './badge';
 export * from './helpers';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -14,4 +14,3 @@ export type BadgeProps<T extends {
     offsetY?: number;
     children: ReactElement<T>;
 };
-//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -1,3 +1,2 @@
 import { BoxProps } from './types';
 export declare const getBoxProps: (extended: BoxProps) => BoxProps;
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1,4 +1,3 @@
 export * from './box';
 export * from './types';
 export * from './helpers';
-//# sourceMappingURL=index.d.ts.map

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

@@ -5,4 +5,3 @@ type BoxExtendedProps = {
 };
 export type BoxProps = PrimitiveProps<JSX.IntrinsicElements['div']> & BoxExtendedProps;
 export {};
-//# sourceMappingURL=types.d.ts.map

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

@@ -1,3 +1,2 @@
 import { BreadcrumbItemProps } from './types';
 export declare const BreadcrumbItem: ({ children, icon, ...props }: BreadcrumbItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=breadcrumb-item.d.ts.map

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

@@ -1,3 +1,2 @@
 export * from './breadcrumb-item';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -4,4 +4,3 @@ import { ShallowMerge } from '../../../types';
 export type BreadcrumbItemProps = ShallowMerge<LinkProps, {
     icon?: IconProps;
 }>;
-//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -1,2 +1 @@
 export * from './breadcrumbs';
-//# sourceMappingURL=index.d.ts.map

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

@@ -7,4 +7,3 @@ export type BreadcrumbsProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     color?: ColorVariant;
 }>;
 export {};
-//# sourceMappingURL=types.d.ts.map

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

@@ -1,3 +1,2 @@
 export * from './breadcrumb-item';
 export * from './breadcrumbs';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +1,2 @@
 import { ButtonProps } from './types';
 export declare const Button: ({ children, ref, ..._props }: ButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=button.d.ts.map

package/dist/lib/button/button.js

@@ -10,7 +10,8 @@ import LoadingIcon from "../../assets/svg/loading-waiting.svg.js";
 import { mediaQuery } from "../../theme/screens.js";
 import { getColorVar } from "../../theme/palette.js";
 import { getColorShadesByVariant, getSizeVariantState } from "../../utils/index.js";
-import { createSxInterpolation, cn } from "../../utils/stylesheet.js";
+import { createSxInterpolation } from "../../utils/stylesheet.js";
+import { clsx } from "clsx";
 import { Icon } from "../icon/icon.js";
 import { Primitive } from "../primitive/primitive.js";
 const Button = ({ children, ref, ..._props }) => {
@@ -148,7 +149,7 @@ const Button = ({ children, ref, ..._props }) => {
       disabled,
       ...rest,
       onClick,
-      className: cn(rest.className, className),
+      className: clsx(rest.className, className),
       ref: mergedRef,
       children: [
         prefix,

package/dist/lib/button/helpers.d.ts

@@ -2,4 +2,3 @@ import { ButtonProps } from './types';
 import { SizeVariant, StyledCSS } from '../../types';
 export declare const getButtonCssBySize: (size?: SizeVariant) => StyledCSS;
 export declare const getButtonProps: (extended: ButtonProps) => ButtonProps;
-//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/button/index.d.ts

@@ -1,4 +1,3 @@
 export * from './button';
 export * from './types';
 export * from './helpers';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/button/types.d.ts

@@ -22,4 +22,3 @@ type ButtonExtendedProps = PropsWithSx<ToResponsiveProps<ButtonResponsiveProps>
 }>;
 export type ButtonProps = ShallowMerge<JSX.IntrinsicElements['button'], ButtonExtendedProps>;
 export {};
-//# sourceMappingURL=types.d.ts.map

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

@@ -17,4 +17,3 @@ type CascaderFloatingContentProps = {
 }>;
 export declare const CascaderFloatingContent: ({ searchable, selectedPath, options, loadOptions, onChange, inputProps, listProps, separator, lazy, size, sm, md, lg, }: CascaderFloatingContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=cascader-floating-content.d.ts.map

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

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

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

@@ -17,4 +17,3 @@ export declare const isExpandable: (option: CascaderOption) => boolean;
  * Filter options by search text
  */
 export declare const filterOptions: (options: CascaderOption[], searchText: string) => CascaderOption[];
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1,3 +1,2 @@
 export * from './cascader';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -59,4 +59,3 @@ interface CascaderExtendedProps extends ToResponsiveProps<CascaderResponsiveProp
 }
 export type CascaderProps = ShallowMerge<InputMaskProps<JSX.IntrinsicElements['button']>, CascaderExtendedProps>;
 export {};
-//# sourceMappingURL=types.d.ts.map

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

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

package/dist/lib/checkbox/checkbox.js

@@ -3,10 +3,10 @@ import { useRef, useEffect } from "react";
 import { useMergeRefs } from "@floating-ui/react";
 import classes from "./checkbox.module.scss.js";
 import { SvgLoader } from "../../components/svg-loader.js";
-import { cn } from "../../utils/stylesheet.js";
 import CheckIcon from "../../assets/svg/done-check.svg.js";
 import MinusIcon from "../../assets/svg/minus.svg.js";
 import { getColorShadesByVariant } from "../../utils/index.js";
+import clsx from "clsx";
 import { Primitive } from "../primitive/primitive.js";
 const Checkbox = ({
   children,
@@ -31,7 +31,7 @@ const Checkbox = ({
     {
       as: "label",
       ...containerProps,
-      className: cn(classes.checkbox__container, containerProps == null ? void 0 : containerProps.className),
+      className: clsx(classes.checkbox__container, containerProps == null ? void 0 : containerProps.className),
       sx: {
         "--checkbox-color": main,
         "--checkbox-contrast-text": contrastText,
@@ -39,7 +39,7 @@ const Checkbox = ({
       },
       children: [
         /* @__PURE__ */ jsxs("span", { className: classes.checkbox__main, children: [
-          /* @__PURE__ */ jsx("input", { ...props, type: "checkbox", className: cn(classes.checkbox__input, className), ref: mergedRefs }),
+          /* @__PURE__ */ jsx("input", { ...props, type: "checkbox", className: clsx(classes.checkbox__input, className), ref: mergedRefs }),
           /* @__PURE__ */ jsxs("span", { className: classes.checkbox__checkmark, children: [
             /* @__PURE__ */ jsx(SvgLoader, { className: classes.checkbox__icon_checked, width: 18, height: 18, source: CheckIcon }),
             /* @__PURE__ */ jsx(SvgLoader, { className: classes.checkbox__icon_indeterminate, width: 18, height: 18, source: MinusIcon })

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

@@ -1,3 +1,2 @@
 export { Checkbox } from './checkbox';
 export type { CheckboxProps } from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -11,4 +11,3 @@ export type CheckboxProps = ShallowMerge<JSX.IntrinsicElements['input'], {
     indeterminate?: boolean;
     containerProps?: PrimitiveProps<JSX.IntrinsicElements['label']>;
 }>;
-//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -8,4 +8,3 @@ export declare const getChipSizeState: (size?: SizeVariant) => Partial<{
     rounded: number;
 }>;
 export declare const getChipProps: (extended: ChipProps) => ChipProps;
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1,4 +1,3 @@
 export * from './chip';
 export * from './types';
 export * from './helpers';
-//# sourceMappingURL=index.d.ts.map

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

@@ -8,4 +8,3 @@ type ChipExtendedProps = PropsWithSx<ToResponsiveProps<ChipResponsiveProps> & {
 }>;
 export type ChipProps = ShallowMerge<JSX.IntrinsicElements['div'], ChipExtendedProps>;
 export {};
-//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -1,3 +1,2 @@
 export * from './collapse';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -5,4 +5,3 @@ export type CollapseProps = ShallowMerge<HTMLMotionProps<'div'>, {
     collapsedSize?: number;
     orientation?: 'horizontal' | 'vertical';
 }>;
-//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -1,3 +1,2 @@
 import { ContainerProps } from './types';
 export declare const getContainerProps: (extended: ContainerProps) => ContainerProps;
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1,4 +1,3 @@
 export * from './container';
 export * from './types';
 export * from './helpers';
-//# sourceMappingURL=index.d.ts.map

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

@@ -7,4 +7,3 @@ export type ContainerResponsiveProps = {
 type ContainerExtendedProps = PropsWithSx<ToResponsiveProps<ContainerResponsiveProps>>;
 export type ContainerProps = ShallowMerge<JSX.IntrinsicElements['div'], ContainerExtendedProps>;
 export {};
-//# sourceMappingURL=types.d.ts.map

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

@@ -1,3 +1,2 @@
 import { CountUpProps } from './types';
 export declare const CountUp: ({ from, to, duration, formatNumberOptions, ref, ...props }: CountUpProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=count-up.d.ts.map

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

@@ -1,3 +1,2 @@
 export * from './count-up';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -7,4 +7,3 @@ export type CountUpProps = ShallowMerge<HTMLMotionProps<'span'>, {
     duration?: number;
     formatNumberOptions?: FormatNumberOptions;
 }>;
-//# sourceMappingURL=types.d.ts.map