@janbox/storefront-ui 1.0.0

package/dist/lib/flexbox/flexbox/helpers.js

@@ -0,0 +1,16 @@
+import { mergeComponentProps } from "../../../utils/index.js";
+const defaultProps = {
+  xs: {
+    css: {
+      flexDirection: "row",
+      alignItems: "flex-start",
+      justifyContent: "flex-start"
+    }
+  }
+};
+const getFlexboxProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getFlexboxProps
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/flexbox/flexbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

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

@@ -0,0 +1,8 @@
+import { JSX } from 'react';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
+interface FlexboxExtendedProps extends ResponsiveDesign<PropsWithCSS> {
+    container?: boolean;
+}
+export type FlexboxProps = ShallowMerge<JSX.IntrinsicElements['div'], FlexboxExtendedProps>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/flexbox/flexbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5E,UAAU,oBAAqB,SAAQ,gBAAgB,CAAC,YAAY,CAAC;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './flexbox';
+export * from './flex-item';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/flexbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}

package/dist/lib/floating/floating/floating.cjs

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const react$1 = require("@floating-ui/react");
+const helpers = require("./helpers.cjs");
+const FloatingCore = react.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 = react$1.useFloating({
+      open,
+      onOpenChange,
+      placement,
+      middleware: [
+        react$1.offset(offsetOptions),
+        react$1.flip(),
+        react$1.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(availableWidth, 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 react$1.autoUpdate(...args, autoUpdateOptions);
+      },
+      elements
+    });
+    react.useImperativeHandle(ref, () => floating, [floating]);
+    const { context } = floating;
+    const click = react$1.useClick(context, clickProps);
+    const hover = react$1.useHover(context, hoverProps);
+    const focus = react$1.useFocus(context, focusProps);
+    const dismiss = react$1.useDismiss(context, dismissProps);
+    const role = react$1.useRole(context);
+    const interactions = react$1.useInteractions([click, dismiss, role, hover, focus]);
+    const contextValue = react.useMemo(
+      () => ({
+        ...floating,
+        ...interactions
+      }),
+      [floating, interactions]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(helpers.FloatingContext.Provider, { value: contextValue, children });
+  }
+);
+const Floating = react.forwardRef((props, ref) => {
+  const parentId = react$1.useFloatingParentNodeId();
+  if (parentId) {
+    return /* @__PURE__ */ jsxRuntime.jsx(FloatingCore, { ...props, ref });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.FloatingTree, { children: /* @__PURE__ */ jsxRuntime.jsx(FloatingCore, { ...props, ref }) });
+});
+exports.Floating = Floating;

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

@@ -0,0 +1,54 @@
+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>;
+    };
+}>>;
+//# sourceMappingURL=floating.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,97 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef, 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(availableWidth, 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 parentId = useFloatingParentNodeId();
+  if (parentId) {
+    return /* @__PURE__ */ jsx(FloatingCore, { ...props, ref });
+  }
+  return /* @__PURE__ */ jsx(FloatingTree, { children: /* @__PURE__ */ jsx(FloatingCore, { ...props, ref }) });
+});
+export {
+  Floating
+};

package/dist/lib/floating/floating/helpers.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const FloatingContext = react.createContext({});
+const useFloatingContext = () => {
+  return react.useContext(FloatingContext);
+};
+exports.FloatingContext = FloatingContext;
+exports.useFloatingContext = useFloatingContext;

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

@@ -0,0 +1,5 @@
+import { UseFloatingReturn, UseInteractionsReturn } from '@floating-ui/react';
+export type FloatingContextValue = UseFloatingReturn & UseInteractionsReturn;
+export declare const FloatingContext: import('react').Context<FloatingContextValue>;
+export declare const useFloatingContext: () => FloatingContextValue;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE9E,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG,qBAAqB,CAAC;AAE7E,eAAO,MAAM,eAAe,+CAA4C,CAAC;AAEzE,eAAO,MAAM,kBAAkB,4BAE9B,CAAC"}

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

@@ -0,0 +1,9 @@
+import { createContext, useContext } from "react";
+const FloatingContext = createContext({});
+const useFloatingContext = () => {
+  return useContext(FloatingContext);
+};
+export {
+  FloatingContext,
+  useFloatingContext
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

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

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+import { AutoUpdateOptions, OffsetOptions, Placement, SizeOptions, UseClickProps, UseDismissProps, UseFloatingOptions, UseFloatingReturn, UseFocusProps, UseHoverProps } from '@floating-ui/react';
+export type FloatingProps = PropsWithChildren<{
+    placement?: Placement;
+    onOpenChange?: UseFloatingOptions['onOpenChange'];
+    open?: boolean;
+    elements?: UseFloatingOptions['elements'];
+    clickProps?: UseClickProps;
+    dismissProps?: UseDismissProps;
+    hoverProps?: UseHoverProps;
+    focusProps?: UseFocusProps;
+    offsetOptions?: OffsetOptions;
+    sizeOptions?: SizeOptions;
+    autoUpdateOptions?: AutoUpdateOptions;
+}>;
+export type FloatingRef = UseFloatingReturn;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const react$1 = require("@floating-ui/react");
+const helpers = require("../floating/helpers.cjs");
+require("clsx");
+require("lodash-es");
+require("../../../theme/palette.cjs");
+const stylesheet = require("../../../utils/stylesheet.cjs");
+const FloatingClose = react.forwardRef(
+  ({ event = "click", reason, className, ...props }, ref) => {
+    const wrapperRef = react.useRef(null);
+    const {
+      context: { onOpenChange }
+    } = helpers.useFloatingContext();
+    const mergedRefs = react$1.useMergeRefs([ref, wrapperRef]);
+    react.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__ */ jsxRuntime.jsx("div", { css: { display: "contents" }, className: stylesheet.cn(className), ...props, ref: mergedRefs });
+  }
+);
+exports.FloatingClose = FloatingClose;

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,32 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef, useRef, useEffect } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import { useFloatingContext } from "../floating/helpers.js";
+import "clsx";
+import "lodash-es";
+import "../../../theme/palette.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 });
+  }
+);
+export {
+  FloatingClose
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-close/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,8 @@
+import { JSX } from 'react';
+import { OpenChangeReason } from '@floating-ui/react';
+import { ShallowMerge } from '../../../types';
+export type FloatingCloseProps = ShallowMerge<JSX.IntrinsicElements['div'], {
+    event?: keyof HTMLElementEventMap;
+    reason?: OpenChangeReason;
+}>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const react$1 = require("@floating-ui/react");
+const react$2 = require("motion/react");
+const usehooksTs = require("usehooks-ts");
+const helpers = require("../floating/helpers.cjs");
+const theme_index = require("../../../theme/index.cjs");
+const FloatingContent = react.forwardRef(
+  ({
+    style,
+    floatingPortalProps,
+    floatingFocusManagerProps,
+    floatingOverlayProps,
+    ...props
+  }, ref) => {
+    const { getFloatingProps, context } = helpers.useFloatingContext();
+    const mergedRefs = react$1.useMergeRefs([context.refs.setFloating, ref]);
+    const isClient = usehooksTs.useIsClient();
+    return /* @__PURE__ */ jsxRuntime.jsx(react$2.AnimatePresence, { children: context.open && isClient && /* @__PURE__ */ jsxRuntime.jsx(react$1.FloatingPortal, { root: document.body, ...floatingPortalProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.FloatingOverlay,
+      {
+        ...floatingOverlayProps,
+        style: {
+          display: (floatingOverlayProps == null ? void 0 : floatingOverlayProps.disabled) ?? true ? "contents" : void 0,
+          ...floatingOverlayProps == null ? void 0 : floatingOverlayProps.style
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          react$1.FloatingFocusManager,
+          {
+            disabled: true,
+            context,
+            ...floatingFocusManagerProps,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              react$2.motion.div,
+              {
+                initial: { opacity: 0 },
+                animate: { opacity: 1 },
+                exit: { opacity: 0 },
+                style: {
+                  ...context.elements.reference ? context.floatingStyles : {},
+                  ...style,
+                  zIndex: theme_index.FLOATING_Z_INDEX
+                },
+                ...getFloatingProps(props),
+                ref: mergedRefs,
+                children: props.children
+              }
+            )
+          }
+        )
+      }
+    ) }) });
+  }
+);
+exports.FloatingContent = FloatingContent;

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

@@ -0,0 +1,3 @@
+import { FloatingContentProps } from './types';
+export declare const FloatingContent: import('react').ForwardRefExoticComponent<Omit<FloatingContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=floating-content.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"floating-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-content/floating-content.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAM/C,eAAO,MAAM,eAAe,8HAyD3B,CAAC"}

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

@@ -0,0 +1,57 @@
+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 { useIsClient } from "usehooks-ts";
+import { useFloatingContext } from "../floating/helpers.js";
+import { FLOATING_Z_INDEX } from "../../../theme/index.js";
+const FloatingContent = forwardRef(
+  ({
+    style,
+    floatingPortalProps,
+    floatingFocusManagerProps,
+    floatingOverlayProps,
+    ...props
+  }, ref) => {
+    const { getFloatingProps, context } = useFloatingContext();
+    const mergedRefs = useMergeRefs([context.refs.setFloating, ref]);
+    const isClient = useIsClient();
+    return /* @__PURE__ */ jsx(AnimatePresence, { children: context.open && isClient && /* @__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
+                },
+                ...getFloatingProps(props),
+                ref: mergedRefs,
+                children: props.children
+              }
+            )
+          }
+        )
+      }
+    ) }) });
+  }
+);
+export {
+  FloatingContent
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-content/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,13 @@
+import { ComponentProps, HTMLProps } from 'react';
+import { Interpolation } from '@emotion/react';
+import { FloatingFocusManager, FloatingOverlay, FloatingPortal } from '@floating-ui/react';
+import { ShallowMerge } from '../../../types';
+export type FloatingContentProps = ShallowMerge<HTMLProps<HTMLDivElement>, {
+    floatingPortalProps?: Partial<ComponentProps<typeof FloatingPortal>>;
+    floatingOverlayProps?: Partial<ShallowMerge<ComponentProps<typeof FloatingOverlay>, {
+        disabled: boolean;
+        css?: Interpolation;
+    }>>;
+    floatingFocusManagerProps?: Partial<ComponentProps<typeof FloatingFocusManager>>;
+}>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-content/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEhG,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAC7C,SAAS,CAAC,cAAc,CAAC,EACzB;IACE,mBAAmB,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC;IACrE,oBAAoB,CAAC,EAAE,OAAO,CAC5B,YAAY,CACV,cAAc,CAAC,OAAO,eAAe,CAAC,EACtC;QACE,QAAQ,EAAE,OAAO,CAAC;QAClB,GAAG,CAAC,EAAE,aAAa,CAAC;KACrB,CACF,CACF,CAAC;IACF,yBAAyB,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC,CAAC;CAClF,CACF,CAAC"}