@janbox/storefront-ui 2.0.6 → 2.0.7

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

@@ -1,5 +1,3 @@
-export declare const Badge: import('react').ForwardRefExoticComponent<{
-    badgeContent?: number | string;
-    color?: import('../../types').ColorVariant;
-} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "color"> & import('react').RefAttributes<HTMLDivElement>>;
+import { BadgeProps } from './types';
+export declare const Badge: ({ children, ref, ..._props }: BadgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/lib/badge/badge.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK;;;kHAmChB,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/lib/badge/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,eAAO,MAAM,KAAK,iCAAkC,UAAU,qDAmC7D,CAAC"}

package/dist/lib/badge/badge.js

@@ -1,10 +1,9 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
 import { isNumber } from "lodash-es";
 import { getBadgeProps } from "./helpers.js";
 import { getColorShadesByVariant } from "../../utils/index.js";
-const Badge = forwardRef((_props, ref) => {
-  const { children, badgeContent, color = "primary", ...rest } = getBadgeProps(_props);
+const Badge = ({ children, ref, ..._props }) => {
+  const { badgeContent, color = "primary", ...rest } = getBadgeProps(_props);
   const { main } = getColorShadesByVariant(color);
   return /* @__PURE__ */ jsxs("div", { css: { position: "relative", display: "inline-block" }, ...rest, ref, children: [
     /* @__PURE__ */ jsx(
@@ -36,7 +35,7 @@ const Badge = forwardRef((_props, ref) => {
     ),
     children
   ] });
-});
+};
 export {
   Badge
 };

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

@@ -1,7 +1,7 @@
-import { HTMLAttributes } from 'react';
-import { ColorVariant } from '../../types';
-export type BadgeProps = {
+import { JSX } from 'react';
+import { ColorVariant, ShallowMerge } from '../../types';
+export type BadgeProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     badgeContent?: number | string;
     color?: ColorVariant;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
+}>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,UAAU,GAAG,YAAY,CACnC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B;IACE,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CACF,CAAC"}

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

@@ -1,2 +1,2 @@
-export declare const DialogClose: import('react').ForwardRefExoticComponent<Omit<import('../../floating').FloatingCloseProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const DialogClose: ({ event, reason, className, ref, ...props }: import('../../floating').FloatingCloseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=dialog-close.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-close.d.ts","sourceRoot":"","sources":["../../../../src/lib/dialog/dialog-close/dialog-close.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,qJAAgB,CAAC"}
+{"version":3,"file":"dialog-close.d.ts","sourceRoot":"","sources":["../../../../src/lib/dialog/dialog-close/dialog-close.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,gJAAgB,CAAC"}

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

@@ -1,2 +1,2 @@
-export declare const DrawerClose: import('react').ForwardRefExoticComponent<Omit<import('../../floating').FloatingCloseProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const DrawerClose: ({ event, reason, className, ref, ...props }: import('../../floating').FloatingCloseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=drawer-close.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-close.d.ts","sourceRoot":"","sources":["../../../../src/lib/drawer/drawer-close/drawer-close.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,qJAAgB,CAAC"}
+{"version":3,"file":"drawer-close.d.ts","sourceRoot":"","sources":["../../../../src/lib/drawer/drawer-close/drawer-close.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,gJAAgB,CAAC"}

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

@@ -1,54 +1,3 @@
-import { Placement } from '@floating-ui/react';
-export declare const Floating: import('react').ForwardRefExoticComponent<{
-    placement?: Placement;
-    onOpenChange?: import('@floating-ui/react').UseFloatingOptions["onOpenChange"];
-    open?: boolean;
-    elements?: import('@floating-ui/react').UseFloatingOptions["elements"];
-    clickProps?: import('@floating-ui/react').UseClickProps;
-    dismissProps?: import('@floating-ui/react').UseDismissProps;
-    hoverProps?: import('@floating-ui/react').UseHoverProps;
-    focusProps?: import('@floating-ui/react').UseFocusProps;
-    offsetOptions?: import('@floating-ui/react').OffsetOptions;
-    sizeOptions?: import('@floating-ui/react').SizeOptions;
-    autoUpdateOptions?: import('@floating-ui/react').AutoUpdateOptions;
-} & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<{
-    placement: Placement;
-    strategy: import('@floating-ui/react').Strategy;
-    middlewareData: import('@floating-ui/react').MiddlewareData;
-    x: number;
-    y: number;
-    isPositioned: boolean;
-    update: () => void;
-    floatingStyles: import('react').CSSProperties;
-    refs: {
-        reference: import('react').MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
-        floating: import('react').MutableRefObject<HTMLElement | null>;
-        setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
-        setFloating: (node: HTMLElement | null) => void;
-    } & import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
-    elements: {
-        reference: import('@floating-ui/react-dom').ReferenceType | null;
-        floating: HTMLElement | null;
-    } & import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
-    context: {
-        x: number;
-        y: number;
-        update: () => void;
-        placement: Placement;
-        strategy: import('@floating-ui/react').Strategy;
-        middlewareData: import('@floating-ui/react').MiddlewareData;
-        isPositioned: boolean;
-        floatingStyles: import('react').CSSProperties;
-        open: boolean;
-        onOpenChange: (open: boolean, event?: Event, reason?: import('@floating-ui/react').OpenChangeReason) => void;
-        events: import('@floating-ui/react').FloatingEvents;
-        dataRef: import('react').MutableRefObject<import('@floating-ui/react').ContextData>;
-        nodeId: string | undefined;
-        floatingId: string | undefined;
-        refs: import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
-        elements: import('@floating-ui/react').ExtendedElements<import('@floating-ui/react').ReferenceType>;
-    };
-}>>;
+import { FloatingProps } from './types';
+export declare const Floating: ({ ref, ...props }: FloatingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=floating.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"floating.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating/floating.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,SAAS,EAUV,MAAM,oBAAoB,CAAC;AAyG5B,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAYnB,CAAC"}
+{"version":3,"file":"floating.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating/floating.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,QAAQ,sBAAuB,aAAa,qDAYxD,CAAC"}

package/dist/lib/floating/floating/floating.js

@@ -1,97 +1,96 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useMemo } from "react";
+import { useImperativeHandle, useMemo } from "react";
 import { useFloatingParentNodeId, FloatingTree, useFloating, autoUpdate, offset, flip, size, useClick, useHover, useFocus, useDismiss, useRole, useInteractions } from "@floating-ui/react";
 import { FloatingContext } from "./helpers.js";
-const FloatingCore = forwardRef(
-  ({
-    open,
-    placement = "bottom",
-    onOpenChange,
-    dismissProps = {
-      enabled: false
-    },
-    children,
-    clickProps = {
-      enabled: false
-    },
-    focusProps = {
-      enabled: false
-    },
-    hoverProps = {
-      enabled: false
-    },
-    elements,
-    offsetOptions = 4,
-    sizeOptions,
-    autoUpdateOptions
-  }, ref) => {
-    const floating = useFloating({
-      open,
-      onOpenChange,
-      placement,
-      middleware: [
-        offset(offsetOptions),
-        flip(),
-        size({
-          ...sizeOptions,
-          apply(args) {
-            var _a;
-            const { availableHeight, availableWidth, rects, elements: elements2, placement: placement2, x } = args;
-            const styles = {};
-            if (rects.floating.height > availableHeight) {
-              styles.height = `${availableHeight}px`;
-            }
-            if (rects.floating.width > availableWidth) {
-              const maxWidth = Math.min(rects.floating.width, window.innerWidth);
-              styles.maxWidth = `${maxWidth}px`;
-              const verticalPlacements = [
-                "top",
-                "top-start",
-                "top-end",
-                "bottom",
-                "bottom-start",
-                "bottom-end"
-              ];
-              const isVertical = verticalPlacements.includes(placement2);
-              if (isVertical) {
-                styles.left = `${-x + (window.innerWidth - rects.floating.width) / 2}px`;
-              }
-            }
-            Object.assign(elements2.floating.style, styles);
-            (_a = sizeOptions == null ? void 0 : sizeOptions.apply) == null ? void 0 : _a.call(sizeOptions, args);
-          }
-        })
-      ],
-      whileElementsMounted: (...args) => {
-        return autoUpdate(...args, autoUpdateOptions);
-      },
-      elements
-    });
-    useImperativeHandle(ref, () => floating, [floating]);
-    const { context } = floating;
-    const click = useClick(context, clickProps);
-    const hover = useHover(context, hoverProps);
-    const focus = useFocus(context, focusProps);
-    const dismiss = useDismiss(context, dismissProps);
-    const role = useRole(context);
-    const interactions = useInteractions([click, dismiss, role, hover, focus]);
-    const contextValue = useMemo(
-      () => ({
-        ...floating,
-        ...interactions
-      }),
-      [floating, interactions]
-    );
-    return /* @__PURE__ */ jsx(FloatingContext.Provider, { value: contextValue, children });
-  }
-);
-const Floating = forwardRef((props, ref) => {
+const Floating = ({ ref, ...props }) => {
   const parentId = useFloatingParentNodeId();
   if (parentId) {
     return /* @__PURE__ */ jsx(FloatingCore, { ...props, ref });
   }
   return /* @__PURE__ */ jsx(FloatingTree, { children: /* @__PURE__ */ jsx(FloatingCore, { ...props, ref }) });
-});
+};
+const FloatingCore = ({
+  open,
+  placement = "bottom",
+  onOpenChange,
+  dismissProps = {
+    enabled: false
+  },
+  children,
+  clickProps = {
+    enabled: false
+  },
+  focusProps = {
+    enabled: false
+  },
+  hoverProps = {
+    enabled: false
+  },
+  elements,
+  offsetOptions = 4,
+  sizeOptions,
+  autoUpdateOptions,
+  ref
+}) => {
+  const floating = useFloating({
+    open,
+    onOpenChange,
+    placement,
+    middleware: [
+      offset(offsetOptions),
+      flip(),
+      size({
+        ...sizeOptions,
+        apply(args) {
+          var _a;
+          const { availableHeight, availableWidth, rects, elements: elements2, placement: placement2, x } = args;
+          const styles = {};
+          if (rects.floating.height > availableHeight) {
+            styles.height = `${availableHeight}px`;
+          }
+          if (rects.floating.width > availableWidth) {
+            const maxWidth = Math.min(rects.floating.width, window.innerWidth);
+            styles.maxWidth = `${maxWidth}px`;
+            const verticalPlacements = [
+              "top",
+              "top-start",
+              "top-end",
+              "bottom",
+              "bottom-start",
+              "bottom-end"
+            ];
+            const isVertical = verticalPlacements.includes(placement2);
+            if (isVertical) {
+              styles.left = `${-x + (window.innerWidth - rects.floating.width) / 2}px`;
+            }
+          }
+          Object.assign(elements2.floating.style, styles);
+          (_a = sizeOptions == null ? void 0 : sizeOptions.apply) == null ? void 0 : _a.call(sizeOptions, args);
+        }
+      })
+    ],
+    whileElementsMounted: (...args) => {
+      return autoUpdate(...args, autoUpdateOptions);
+    },
+    elements
+  });
+  useImperativeHandle(ref, () => floating, [floating]);
+  const { context } = floating;
+  const click = useClick(context, clickProps);
+  const hover = useHover(context, hoverProps);
+  const focus = useFocus(context, focusProps);
+  const dismiss = useDismiss(context, dismissProps);
+  const role = useRole(context);
+  const interactions = useInteractions([click, dismiss, role, hover, focus]);
+  const contextValue = useMemo(
+    () => ({
+      ...floating,
+      ...interactions
+    }),
+    [floating, interactions]
+  );
+  return /* @__PURE__ */ jsx(FloatingContext.Provider, { value: contextValue, children });
+};
 export {
   Floating
 };

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

@@ -12,6 +12,7 @@ export type FloatingProps = PropsWithChildren<{
     offsetOptions?: OffsetOptions;
     sizeOptions?: SizeOptions;
     autoUpdateOptions?: AutoUpdateOptions;
+    ref?: React.Ref<FloatingRef>;
 }>;
 export type FloatingRef = UseFloatingReturn;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,SAAS,EACT,WAAW,EACX,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,EACb,aAAa,EACd,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,SAAS,EACT,WAAW,EACX,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,EACb,aAAa,EACd,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC"}

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

@@ -1,3 +1,3 @@
 import { FloatingCloseProps } from './types';
-export declare const FloatingClose: import('react').ForwardRefExoticComponent<Omit<FloatingCloseProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const FloatingClose: ({ event, reason, className, ref, ...props }: FloatingCloseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=floating-close.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"floating-close.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-close/floating-close.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAM7C,eAAO,MAAM,aAAa,4HA0BzB,CAAC"}
+{"version":3,"file":"floating-close.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-close/floating-close.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAM7C,eAAO,MAAM,aAAa,gDAA2D,kBAAkB,qDAwBtG,CAAC"}

package/dist/lib/floating/floating-close/floating-close.js

@@ -1,29 +1,27 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useRef, useEffect } from "react";
+import { useRef, useEffect } from "react";
 import { useMergeRefs } from "@floating-ui/react";
 import { useFloatingContext } from "../floating/helpers.js";
 import { cn } from "../../../utils/stylesheet.js";
-const FloatingClose = forwardRef(
-  ({ event = "click", reason, className, ...props }, ref) => {
-    const wrapperRef = useRef(null);
-    const {
-      context: { onOpenChange }
-    } = useFloatingContext();
-    const mergedRefs = useMergeRefs([ref, wrapperRef]);
-    useEffect(() => {
-      const wrapperEl = wrapperRef.current;
-      if (!wrapperEl) return;
-      const handleEvent = function(event2) {
-        onOpenChange == null ? void 0 : onOpenChange(false, event2, reason);
-      };
-      wrapperEl.addEventListener(event, handleEvent);
-      return () => {
-        wrapperEl.removeEventListener(event, handleEvent);
-      };
-    }, [event, onOpenChange, reason]);
-    return /* @__PURE__ */ jsx("div", { css: { display: "contents" }, className: cn(className), ...props, ref: mergedRefs });
-  }
-);
+const FloatingClose = ({ event = "click", reason, className, ref, ...props }) => {
+  const wrapperRef = useRef(null);
+  const {
+    context: { onOpenChange }
+  } = useFloatingContext();
+  const mergedRefs = useMergeRefs([ref, wrapperRef]);
+  useEffect(() => {
+    const wrapperEl = wrapperRef.current;
+    if (!wrapperEl) return;
+    const handleEvent = function(event2) {
+      onOpenChange == null ? void 0 : onOpenChange(false, event2, reason);
+    };
+    wrapperEl.addEventListener(event, handleEvent);
+    return () => {
+      wrapperEl.removeEventListener(event, handleEvent);
+    };
+  }, [event, onOpenChange, reason]);
+  return /* @__PURE__ */ jsx("div", { css: { display: "contents" }, className: cn(className), ...props, ref: mergedRefs });
+};
 export {
   FloatingClose
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-close/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAC3C,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B;IACE,KAAK,CAAC,EAAE,MAAM,mBAAmB,CAAC;IAClC,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CACF,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-close/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAC3C,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B;IACE,KAAK,CAAC,EAAE,MAAM,mBAAmB,CAAC;IAClC,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CACF,CAAC"}

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

@@ -1,3 +1,3 @@
 import { IconButtonProps } from './types';
-export declare const IconButton: import('react').ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: ({ children, ref, ..._props }: IconButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=icon-button.d.ts.map

package/dist/lib/icon-button/icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/lib/icon-button/icon-button.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAA6B,MAAM,SAAS,CAAC;AAWrE,eAAO,MAAM,UAAU,4HA2HrB,CAAC"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/lib/icon-button/icon-button.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAA6B,MAAM,SAAS,CAAC;AAWrE,eAAO,MAAM,UAAU,iCAAkC,eAAe,qDA2HvE,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useRef } from "react";
+import { useRef } from "react";
 import { useMergeRefs } from "@floating-ui/react";
 import { getIconButtonProps } from "./helpers.js";
 import { useRippleEffect } from "../../hooks/use-ripple-effect/index.js";
@@ -11,8 +11,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";
-const IconButton = forwardRef((_props, ref) => {
-  const { size, color, variant, children, icon, isLoading, sx, sm, md, lg, ...rest } = getIconButtonProps(_props);
+const IconButton = ({ children, ref, ..._props }) => {
+  const { size, color, variant, icon, isLoading, sx, sm, md, lg, ...rest } = getIconButtonProps(_props);
   const {
     dark,
     light,
@@ -131,7 +131,7 @@ const IconButton = forwardRef((_props, ref) => {
       }
     )
   ] });
-});
+};
 const createStyle = ({ size } = {}) => {
   const { inputSize } = getSizeVariantState(size);
   return [

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

@@ -1,3 +1,3 @@
 import { PaginationProps } from './types';
-export declare const Pagination: import('react').ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Pagination: ({ ref, ..._props }: PaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=pagination.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/lib/pagination/pagination.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAY1C,eAAO,MAAM,UAAU,yHAgLrB,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/lib/pagination/pagination.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAY1C,eAAO,MAAM,UAAU,uBAAwB,eAAe,qDAgL7D,CAAC"}

package/dist/lib/pagination/pagination.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, Fragment } from "react";
+import { Fragment } from "react";
 import { getPaginationProps, getPageRange } from "./helpers.js";
 import ArrowLeftIcon from "../../assets/svg/arrow-left.svg.js";
 import ArrowForwardIcon from "../../assets/svg/arrow-forward.svg.js";
@@ -11,7 +11,7 @@ import { getSizeVariantState } from "../../utils/index.js";
 import { Text } from "../text/text.js";
 import { IconButton } from "../icon-button/icon-button.js";
 import { Icon } from "../icon/icon.js";
-const Pagination = forwardRef((_props, ref) => {
+const Pagination = ({ ref, ..._props }) => {
   var _a, _b, _c, _d;
   const {
     page = 1,
@@ -141,7 +141,7 @@ const Pagination = forwardRef((_props, ref) => {
     showNextPageButton && /* @__PURE__ */ jsx(PaginationButton, { "aria-disabled": page >= count, color: (_c = states == null ? void 0 : states.normal) == null ? void 0 : _c.color, onClick: handleNextClick, children: /* @__PURE__ */ jsx(PaginationIcon, { source: ArrowRightIcon }) }),
     showLastPageButton && /* @__PURE__ */ jsx(PaginationButton, { "aria-disabled": page >= count, color: (_d = states == null ? void 0 : states.normal) == null ? void 0 : _d.color, onClick: handleLastClick, children: /* @__PURE__ */ jsx(PaginationIcon, { source: ArrowForwardIcon }) })
   ] });
-});
+};
 export {
   Pagination
 };

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

@@ -1,2 +1,2 @@
-export declare const PopoverClose: import('react').ForwardRefExoticComponent<Omit<import('../../floating').FloatingCloseProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const PopoverClose: ({ event, reason, className, ref, ...props }: import('../../floating').FloatingCloseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=popover-close.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover-close.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-close/popover-close.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,qJAAgB,CAAC"}
+{"version":3,"file":"popover-close.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-close/popover-close.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,gJAAgB,CAAC"}

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

@@ -1,3 +1,5 @@
 import { PropsWithChildren } from 'react';
-export type TabContentProps = PropsWithChildren;
+export type TabContentProps = PropsWithChildren<{
+    ref?: React.Ref<HTMLDivElement>;
+}>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-content/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-content/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;IAC9C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@janbox/storefront-ui",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "Storefront UI component library for Janbox",
   "author": "Janbox",
   "keywords": [