@janbox/storefront-ui 2.0.5 → 2.0.7

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"accordion-group.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-group/accordion-group.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA4D,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIxG,eAAO,MAAM,cAAc,6HA2CzB,CAAC"}
+{"version":3,"file":"accordion-group.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-group/accordion-group.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA4D,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIxG,eAAO,MAAM,cAAc,uBAAwB,mBAAmB,qDA2CrE,CAAC"}

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

@@ -1,10 +1,10 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useRef, useMemo } from "react";
+import { useRef, useMemo } from "react";
 import { useMergeRefs } from "@floating-ui/react";
 import { getAccordionGroupProps, AccordionGroupContext } from "./helpers.js";
 import { AccordionGroupDataAttributes } from "./types.js";
 import { createSxInterpolation } from "../../../utils/stylesheet.js";
-const AccordionGroup = forwardRef((_props, ref) => {
+const AccordionGroup = ({ ref, ..._props }) => {
   const {
     children,
     sx,
@@ -41,7 +41,7 @@ const AccordionGroup = forwardRef((_props, ref) => {
       children
     }
   ) });
-});
+};
 export {
   AccordionGroup
 };

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/count-up/count-up.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"count-up.d.ts","sourceRoot":"","sources":["../../../src/lib/count-up/count-up.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAIvC,eAAO,MAAM,OAAO,uHAmCnB,CAAC"}
+{"version":3,"file":"count-up.d.ts","sourceRoot":"","sources":["../../../src/lib/count-up/count-up.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAIvC,eAAO,MAAM,OAAO,+DAAwE,YAAY,qDAiCvG,CAAC"}

package/dist/lib/count-up/count-up.js

@@ -1,36 +1,34 @@
 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 { useMotionValue, useInView, useTransform, animate, motion } from "motion/react";
 import { useTranslation } from "react-i18next";
 import { formatNumber } from "../../utils/index.js";
 import { getDecimalDigits } from "../../utils/common.js";
-const CountUp = forwardRef(
-  ({ from = 0, to, duration = 2, formatNumberOptions, ...props }, ref) => {
-    const rootRef = useRef(null);
-    const { i18n } = useTranslation();
-    const mergedRef = useMergeRefs([ref, rootRef]);
-    const maximumFractionDigits = Math.max(getDecimalDigits(from), getDecimalDigits(to));
-    const count = useMotionValue(from);
-    const isInView = useInView(rootRef, { once: true });
-    const rounded = useTransform(
-      count,
-      (latest) => formatNumber(latest, {
-        lng: i18n.language,
-        ...formatNumberOptions,
-        maximumFractionDigits
-      })
-    );
-    useEffect(() => {
-      if (!isInView) return;
-      const controls = animate(count, to, { duration });
-      return () => {
-        controls.stop();
-      };
-    }, [count, duration, isInView, to]);
-    return /* @__PURE__ */ jsx(motion.span, { ...props, ref: mergedRef, children: rounded });
-  }
-);
+const CountUp = ({ from = 0, to, duration = 2, formatNumberOptions, ref, ...props }) => {
+  const rootRef = useRef(null);
+  const { i18n } = useTranslation();
+  const mergedRef = useMergeRefs([ref, rootRef]);
+  const maximumFractionDigits = Math.max(getDecimalDigits(from), getDecimalDigits(to));
+  const count = useMotionValue(from);
+  const isInView = useInView(rootRef, { once: true });
+  const rounded = useTransform(
+    count,
+    (latest) => formatNumber(latest, {
+      lng: i18n.language,
+      ...formatNumberOptions,
+      maximumFractionDigits
+    })
+  );
+  useEffect(() => {
+    if (!isInView) return;
+    const controls = animate(count, to, { duration });
+    return () => {
+      controls.stop();
+    };
+  }, [count, duration, isInView, to]);
+  return /* @__PURE__ */ jsx(motion.span, { ...props, ref: mergedRef, children: rounded });
+};
 export {
   CountUp
 };

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/floating/floating-content/floating-content.d.ts

@@ -1,3 +1,3 @@
 import { FloatingContentProps } from './types';
-export declare const FloatingContent: import('react').ForwardRefExoticComponent<Omit<FloatingContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const FloatingContent: ({ style, floatingPortalProps, floatingFocusManagerProps, floatingOverlayProps, sx, ref, ...props }: FloatingContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=floating-content.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"floating-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-content/floating-content.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAQ/C,eAAO,MAAM,eAAe,8HAwC3B,CAAC"}
+{"version":3,"file":"floating-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-content/floating-content.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAQ/C,eAAO,MAAM,eAAe,uGAQzB,oBAAoB,qDAsCtB,CAAC"}

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

@@ -1,45 +1,50 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
 import { useMergeRefs, FloatingPortal, FloatingOverlay, FloatingFocusManager } from "@floating-ui/react";
 import { AnimatePresence, motion } from "motion/react";
 import { useFloatingContext } from "../floating/helpers.js";
 import { FLOATING_Z_INDEX } from "../../../theme/index.js";
 import { useIsHydrated } from "../../../hooks/use-is-hydrated/index.js";
 import { createSxInterpolation } from "../../../utils/stylesheet.js";
-const FloatingContent = forwardRef(
-  ({ style, floatingPortalProps, floatingFocusManagerProps, floatingOverlayProps, sx, ...props }, ref) => {
-    const { getFloatingProps, context } = useFloatingContext();
-    const mergedRefs = useMergeRefs([context.refs.setFloating, ref]);
-    const isHydrated = useIsHydrated();
-    return /* @__PURE__ */ jsx(AnimatePresence, { children: context.open && isHydrated && /* @__PURE__ */ jsx(FloatingPortal, { root: document.body, ...floatingPortalProps, children: /* @__PURE__ */ jsx(
-      FloatingOverlay,
-      {
-        ...floatingOverlayProps,
-        style: {
-          display: (floatingOverlayProps == null ? void 0 : floatingOverlayProps.disabled) ?? true ? "contents" : void 0,
-          ...floatingOverlayProps == null ? void 0 : floatingOverlayProps.style
-        },
-        children: /* @__PURE__ */ jsx(FloatingFocusManager, { disabled: true, context, ...floatingFocusManagerProps, children: /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            exit: { opacity: 0 },
-            style: {
-              ...context.elements.reference ? context.floatingStyles : {},
-              ...style,
-              zIndex: FLOATING_Z_INDEX
-            },
-            css: createSxInterpolation(sx),
-            ...getFloatingProps(props),
-            ref: mergedRefs,
-            children: props.children
-          }
-        ) })
-      }
-    ) }) });
-  }
-);
+const FloatingContent = ({
+  style,
+  floatingPortalProps,
+  floatingFocusManagerProps,
+  floatingOverlayProps,
+  sx,
+  ref,
+  ...props
+}) => {
+  const { getFloatingProps, context } = useFloatingContext();
+  const mergedRefs = useMergeRefs([context.refs.setFloating, ref]);
+  const isHydrated = useIsHydrated();
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: context.open && isHydrated && /* @__PURE__ */ jsx(FloatingPortal, { root: document.body, ...floatingPortalProps, children: /* @__PURE__ */ jsx(
+    FloatingOverlay,
+    {
+      ...floatingOverlayProps,
+      style: {
+        display: (floatingOverlayProps == null ? void 0 : floatingOverlayProps.disabled) ?? true ? "contents" : void 0,
+        ...floatingOverlayProps == null ? void 0 : floatingOverlayProps.style
+      },
+      children: /* @__PURE__ */ jsx(FloatingFocusManager, { disabled: true, context, ...floatingFocusManagerProps, children: /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          style: {
+            ...context.elements.reference ? context.floatingStyles : {},
+            ...style,
+            zIndex: FLOATING_Z_INDEX
+          },
+          css: createSxInterpolation(sx),
+          ...getFloatingProps(props),
+          ref: mergedRefs,
+          children: props.children
+        }
+      ) })
+    }
+  ) }) });
+};
 export {
   FloatingContent
 };

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"}