@janbox/storefront-ui 1.0.24 → 1.0.25

package/dist/lib/flexbox/flex-item/index.d.ts

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

package/dist/lib/flexbox/flex-item/index.d.ts.map

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

package/dist/lib/flexbox/flex-item/types.d.ts

@@ -1,5 +1,6 @@
 import { JSX } from 'react';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
 export interface FlexItemExtendedProps extends ResponsiveDesign<PropsWithCSS> {
 }
 export type FlexItemProps = ShallowMerge<JSX.IntrinsicElements['div'], FlexItemExtendedProps>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/flexbox/flex-item/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/flexbox/flex-item/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,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB,CAAC,YAAY,CAAC;CAAG;AAEhF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,qBAAqB,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"flexbox.d.ts","sourceRoot":"","sources":["../../../../src/lib/flexbox/flexbox/flexbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMvC,eAAO,MAAM,OAAO,4CAA6C,YAAY,qDAkB5E,CAAC"}

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

@@ -0,0 +1,30 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { getFlexboxProps } from "./helpers.js";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+import { containerStyle } from "../../../constants/emotion.js";
+const Flexbox = ({ children, container, ref, ..._props }) => {
+  const { xs, sm, md, lg, ...rest } = getFlexboxProps(_props);
+  const css = [
+    container && containerStyle,
+    createStyle(xs),
+    {
+      [mediaQuery("sm")]: createStyle(sm),
+      [mediaQuery("md")]: createStyle(md),
+      [mediaQuery("lg")]: createStyle(lg)
+    }
+  ];
+  return /* @__PURE__ */ jsx("div", { css, ...rest, ref, children: /* @__PURE__ */ jsx("div", { css: { display: "flex", width: "100%", height: "100%" }, children }) });
+};
+const createStyle = ({ css: { width, height, ...css } = {} } = {}) => {
+  return [
+    {
+      width,
+      height,
+      "& > *": css
+    }
+  ];
+};
+export {
+  Flexbox
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/flexbox/flexbox/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAcvC,eAAO,MAAM,eAAe,aAAc,YAAY,iBAErD,CAAC"}

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

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

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

@@ -1,3 +1,4 @@
-export * from './flexbox.jsx';
-export * from './types.js';
-export * from './helpers.js';
+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

@@ -1,7 +1,8 @@
 import { JSX } from 'react';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
+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

@@ -1,2 +1,3 @@
-export * from './flexbox/index.js';
-export * from './flex-item/index.js';
+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.d.ts

@@ -1,53 +1,54 @@
 import { Placement } from '@floating-ui/react';
-export declare const Floating: import("react").ForwardRefExoticComponent<{
+export declare const Floating: import('react').ForwardRefExoticComponent<{
     placement?: Placement;
-    onOpenChange?: import("@floating-ui/react").UseFloatingOptions["onOpenChange"];
+    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;
+    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<{
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<{
     placement: Placement;
-    strategy: import("@floating-ui/react").Strategy;
-    middlewareData: import("@floating-ui/react").MiddlewareData;
+    strategy: import('@floating-ui/react').Strategy;
+    middlewareData: import('@floating-ui/react').MiddlewareData;
     x: number;
     y: number;
     isPositioned: boolean;
     update: () => void;
-    floatingStyles: import("react").CSSProperties;
+    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;
+        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>;
+    } & import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
     elements: {
-        reference: import("@floating-ui/react-dom").ReferenceType | null;
+        reference: import('@floating-ui/react-dom').ReferenceType | null;
         floating: HTMLElement | null;
-    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    } & 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;
+        strategy: import('@floating-ui/react').Strategy;
+        middlewareData: import('@floating-ui/react').MiddlewareData;
         isPositioned: boolean;
-        floatingStyles: import("react").CSSProperties;
+        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>;
+        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>;
+        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(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 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.d.ts

@@ -1,4 +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 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

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

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

@@ -1,3 +1,4 @@
-export * from './floating.jsx';
-export * from './types.js';
-export * from './helpers.js';
+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

@@ -14,3 +14,4 @@ export type FloatingProps = PropsWithChildren<{
     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.d.ts

@@ -1,2 +1,3 @@
-import { FloatingCloseProps } from './types.js';
-export declare const FloatingClose: import("react").ForwardRefExoticComponent<Omit<FloatingCloseProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+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,31 @@
+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 "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

@@ -1,2 +1,3 @@
-export * from './floating-close.jsx';
-export * from './types.js';
+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

@@ -1,7 +1,8 @@
 import { JSX } from 'react';
 import { OpenChangeReason } from '@floating-ui/react';
-import { ShallowMerge } from '../../../types/index.js';
+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.d.ts

@@ -1,2 +1,3 @@
-import { FloatingContentProps } from './types.js';
-export declare const FloatingContent: import("react").ForwardRefExoticComponent<Omit<FloatingContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+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":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAO/C,eAAO,MAAM,eAAe,8HAuC3B,CAAC"}

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

@@ -0,0 +1,43 @@
+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";
+const FloatingContent = forwardRef(
+  ({ style, floatingPortalProps, floatingFocusManagerProps, floatingOverlayProps, ...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
+            },
+            ...getFloatingProps(props),
+            ref: mergedRefs,
+            children: props.children
+          }
+        ) })
+      }
+    ) }) });
+  }
+);
+export {
+  FloatingContent
+};

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

@@ -1,2 +1,3 @@
-export * from './floating-content.jsx';
-export * from './types.js';
+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

@@ -1,7 +1,7 @@
 import { ComponentProps, HTMLProps } from 'react';
 import { Interpolation } from '@emotion/react';
-import type { FloatingFocusManager, FloatingOverlay, FloatingPortal } from '@floating-ui/react';
-import { ShallowMerge } from '../../../types/index.js';
+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>, {
@@ -10,3 +10,4 @@ export type FloatingContentProps = ShallowMerge<HTMLProps<HTMLDivElement>, {
     }>>;
     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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"floating-trigger.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-trigger/floating-trigger.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,eAAe,iBAAkB,oBAAoB,qDAmCjE,CAAC"}

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

@@ -0,0 +1,35 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { isValidElement, cloneElement } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import { get, isFunction } from "lodash-es";
+import { useFloatingContext } from "../floating/helpers.js";
+const FloatingTrigger = ({ children }) => {
+  const { getReferenceProps, context } = useFloatingContext();
+  const mergedRefs = useMergeRefs([
+    context.refs.setReference,
+    isValidElement(children) ? get(children.props, "ref") : void 0
+  ]);
+  if (isValidElement(children)) {
+    return cloneElement(
+      children,
+      getReferenceProps({
+        ...children.props ?? {},
+        ref: mergedRefs
+      })
+    );
+  }
+  if (isFunction(children)) {
+    const reactElement = children(context);
+    return cloneElement(
+      reactElement,
+      getReferenceProps({
+        ...reactElement.props ?? {},
+        ref: mergedRefs
+      })
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { ...getReferenceProps(), ref: mergedRefs, children });
+};
+export {
+  FloatingTrigger
+};

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

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

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

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

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

@@ -3,3 +3,4 @@ import { UseFloatingReturn } from '@floating-ui/react';
 export type FloatingTriggerProps = {
     children?: ReactElement | ((context: UseFloatingReturn['context']) => ReactElement);
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-trigger/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,KAAK,YAAY,CAAC,CAAC;CACrF,CAAC"}

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

@@ -1,4 +1,5 @@
-export * from './floating/index.js';
-export * from './floating-trigger/index.js';
-export * from './floating-content/index.js';
-export * from './floating-close/index.js';
+export * from './floating';
+export * from './floating-trigger';
+export * from './floating-content';
+export * from './floating-close';
+//# sourceMappingURL=index.d.ts.map

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

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