@janbox/storefront-ui 1.0.0

package/dist/lib/loading/loading-overlay/loading-overlay.cjs

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const svgLoader = require("../../../components/svg-loader.cjs");
+const utils_index = require("../../../utils/index.cjs");
+const emotionHelpers = require("../../../utils/emotion-helpers.cjs");
+const loadingWaiting = require("../../../assets/svg/loading-waiting.svg.cjs");
+const stylesheet = require("../../../utils/stylesheet.cjs");
+const LoadingOverlay = react.forwardRef(
+  ({ isLoading = false, iconProps, color = "primary", style, size = 32, className, children, ...props }, ref) => {
+    const { main } = utils_index.getColorShadesByVariant(color);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        style: {
+          minWidth: size,
+          minHeight: size,
+          ...style
+        },
+        css: { position: "relative" },
+        className: stylesheet.cn(className),
+        ...props,
+        children: [
+          children,
+          isLoading && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ...iconProps,
+              css: {
+                position: "absolute",
+                top: 0,
+                right: 0,
+                bottom: 0,
+                left: 0,
+                zIndex: 10,
+                display: "grid",
+                placeItems: "center",
+                cursor: "progress"
+              },
+              className: stylesheet.cn(iconProps == null ? void 0 : iconProps.className),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                svgLoader.SvgLoader,
+                {
+                  source: loadingWaiting,
+                  width: size,
+                  height: size,
+                  css: emotionHelpers.animateSpin,
+                  style: { color: main }
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+exports.LoadingOverlay = LoadingOverlay;

package/dist/lib/loading/loading-overlay/loading-overlay.d.ts

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

package/dist/lib/loading/loading-overlay/loading-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-overlay.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/loading-overlay/loading-overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAQ9C,eAAO,MAAM,cAAc,6HA6C1B,CAAC"}

package/dist/lib/loading/loading-overlay/loading-overlay.js

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { SvgLoader } from "../../../components/svg-loader.js";
+import { getColorShadesByVariant } from "../../../utils/index.js";
+import { animateSpin } from "../../../utils/emotion-helpers.js";
+import LoadingIcon from "../../../assets/svg/loading-waiting.svg.js";
+import { cn } from "../../../utils/stylesheet.js";
+const LoadingOverlay = forwardRef(
+  ({ isLoading = false, iconProps, color = "primary", style, size = 32, className, children, ...props }, ref) => {
+    const { main } = getColorShadesByVariant(color);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        style: {
+          minWidth: size,
+          minHeight: size,
+          ...style
+        },
+        css: { position: "relative" },
+        className: cn(className),
+        ...props,
+        children: [
+          children,
+          isLoading && /* @__PURE__ */ jsx(
+            "div",
+            {
+              ...iconProps,
+              css: {
+                position: "absolute",
+                top: 0,
+                right: 0,
+                bottom: 0,
+                left: 0,
+                zIndex: 10,
+                display: "grid",
+                placeItems: "center",
+                cursor: "progress"
+              },
+              className: cn(iconProps == null ? void 0 : iconProps.className),
+              children: /* @__PURE__ */ jsx(
+                SvgLoader,
+                {
+                  source: LoadingIcon,
+                  width: size,
+                  height: size,
+                  css: animateSpin,
+                  style: { color: main }
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  LoadingOverlay
+};

package/dist/lib/loading/loading-overlay/types.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'react';
+import { ColorVariant, ShallowMerge } from '../../../types';
+export type LoadingOverlayProps = ShallowMerge<JSX.IntrinsicElements['div'], {
+    isLoading?: boolean;
+    size?: number;
+    color?: ColorVariant;
+    iconProps?: JSX.IntrinsicElements['div'];
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/loading/loading-overlay/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/loading-overlay/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAC,YAAY,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE1D,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAC5C,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B;IACE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;CAC1C,CACF,CAAC"}

package/dist/lib/loading/text-skeleton/index.d.ts

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

package/dist/lib/loading/text-skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/text-skeleton/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}

package/dist/lib/loading/text-skeleton/text-skeleton.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+require("clsx");
+require("lodash-es");
+require("../../../theme/palette.cjs");
+const stylesheet = require("../../../utils/stylesheet.cjs");
+const emotionHelpers = require("../../../utils/emotion-helpers.cjs");
+const TextSkeleton = react.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { css: { width: "100%", overflow: "hidden", display: "inline-flex", alignItems: "center" }, className: stylesheet.cn(className), ...props, ref, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { css: [emotionHelpers.animatePulse, { flex: "1 1 0%", borderRadius: "0.125rem", lineHeight: 1, backgroundColor: "var(--color-neutral-200)" }], children: " " }),
+    " "
+  ] });
+});
+exports.TextSkeleton = TextSkeleton;

package/dist/lib/loading/text-skeleton/text-skeleton.d.ts

@@ -0,0 +1,2 @@
+export declare const TextSkeleton: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=text-skeleton.d.ts.map

package/dist/lib/loading/text-skeleton/text-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/text-skeleton/text-skeleton.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,YAAY,6NAOvB,CAAC"}

package/dist/lib/loading/text-skeleton/text-skeleton.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import "clsx";
+import "lodash-es";
+import "../../../theme/palette.js";
+import { cn } from "../../../utils/stylesheet.js";
+import { animatePulse } from "../../../utils/emotion-helpers.js";
+const TextSkeleton = forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs("span", { css: { width: "100%", overflow: "hidden", display: "inline-flex", alignItems: "center" }, className: cn(className), ...props, ref, children: [
+    /* @__PURE__ */ jsx("span", { css: [animatePulse, { flex: "1 1 0%", borderRadius: "0.125rem", lineHeight: 1, backgroundColor: "var(--color-neutral-200)" }], children: " " }),
+    " "
+  ] });
+});
+export {
+  TextSkeleton
+};

package/dist/lib/loading/text-skeleton/types.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+export type TextSkeletonProps = JSX.IntrinsicElements['p'];
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/loading/text-skeleton/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/text-skeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GAAG,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC"}

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

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

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

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

package/dist/lib/marquee/marquee/helpers.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils_index = require("../../../utils/index.cjs");
+const defaultProps = {
+  autoScrollOptions: {
+    playOnInit: true,
+    stopOnFocusIn: false,
+    stopOnInteraction: false,
+    stopOnMouseEnter: false
+  }
+};
+const getMarqueeProps = (extended) => {
+  return utils_index.mergeComponentProps(defaultProps, extended);
+};
+exports.getMarqueeProps = getMarqueeProps;

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

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

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

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

package/dist/lib/marquee/marquee/helpers.js

@@ -0,0 +1,15 @@
+import { mergeComponentProps } from "../../../utils/index.js";
+const defaultProps = {
+  autoScrollOptions: {
+    playOnInit: true,
+    stopOnFocusIn: false,
+    stopOnInteraction: false,
+    stopOnMouseEnter: false
+  }
+};
+const getMarqueeProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getMarqueeProps
+};

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

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

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

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

package/dist/lib/marquee/marquee/marquee.cjs

@@ -0,0 +1,99 @@
+"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 AutoScroll = require("embla-carousel-auto-scroll");
+const useEmblaCarousel = require("embla-carousel-react");
+const helpers = require("./helpers.cjs");
+const types = require("./types.cjs");
+const constants_index = require("../../../constants/index.cjs");
+const theme_screens = require("../../../theme/screens.cjs");
+require("../../../theme/palette.cjs");
+const utils_index = require("../../../utils/index.cjs");
+const icon = require("../../icon/icon.cjs");
+const Marquee = ({ ref, ..._props }) => {
+  const { children, xs, sm, md, autoScrollOptions, separatorIcon, ...rest } = helpers.getMarqueeProps(_props);
+  const rootEl = react.useRef(null);
+  const [emblaRef, emblaApi] = useEmblaCarousel(
+    {
+      loop: true,
+      align: "start",
+      slides: `.${constants_index.HTMLClasses.MARQUEE_SLIDE}`
+    },
+    [AutoScroll(autoScrollOptions)]
+  );
+  const mergedRefs = react$1.useMergeRefs([emblaRef, ref, rootEl]);
+  react.useEffect(() => {
+    const mutationObserver = new MutationObserver((records) => {
+      var _a;
+      const target = (_a = records.at(0)) == null ? void 0 : _a.target;
+      if (!target) return;
+      const playState = target.getAttribute(types.MarqueeDataAttributes.PlayState);
+      const autoScrollPlugin = emblaApi == null ? void 0 : emblaApi.plugins().autoScroll;
+      if (playState === "on") {
+        autoScrollPlugin == null ? void 0 : autoScrollPlugin.play(0);
+      } else {
+        autoScrollPlugin == null ? void 0 : autoScrollPlugin.stop();
+      }
+    });
+    if (rootEl.current) {
+      mutationObserver.observe(rootEl.current, {
+        attributes: true,
+        attributeFilter: [types.MarqueeDataAttributes.PlayState]
+      });
+    }
+    return () => {
+      mutationObserver.disconnect();
+    };
+  }, [emblaApi]);
+  react.useEffect(() => {
+    const onAutoScrollPlay = () => {
+      var _a;
+      (_a = rootEl.current) == null ? void 0 : _a.setAttribute(types.MarqueeDataAttributes.PlayState, "on");
+    };
+    const onAutoScrollStop = () => {
+      var _a;
+      (_a = rootEl.current) == null ? void 0 : _a.setAttribute(types.MarqueeDataAttributes.PlayState, "off");
+    };
+    emblaApi == null ? void 0 : emblaApi.on("autoScroll:play", onAutoScrollPlay);
+    emblaApi == null ? void 0 : emblaApi.on("autoScroll:stop", onAutoScrollStop);
+    return () => {
+      emblaApi == null ? void 0 : emblaApi.off("autoScroll:play", onAutoScrollPlay);
+      emblaApi == null ? void 0 : emblaApi.off("autoScroll:stop", onAutoScrollStop);
+    };
+  }, [emblaApi]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      css: [
+        {
+          overflow: "hidden",
+          maxWidth: "100%"
+        },
+        createStyle(xs),
+        {
+          [theme_screens.mediaQuery("sm")]: createStyle(sm),
+          [theme_screens.mediaQuery("md")]: createStyle(md)
+        }
+      ],
+      ...rest,
+      ref: mergedRefs,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: { display: "flex", alignItems: "center", "& > *": { flexShrink: 0, flexGrow: 0, overflow: "hidden" } }, children: utils_index.flattenChildren(children).map((child, index) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: constants_index.HTMLClasses.MARQUEE_SLIDE, children: child }),
+        !!separatorIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: constants_index.HTMLClasses.MARQUEE_SLIDE, children: /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...separatorIcon }) })
+      ] }, `marquee-item-${index}`)) })
+    }
+  );
+};
+const createStyle = ({ css: { width, height, ...css } = {} } = {}) => {
+  return [
+    {
+      width,
+      height,
+      "& > *": css
+    },
+    css
+  ];
+};
+exports.Marquee = Marquee;

package/dist/lib/marquee/marquee/marquee.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"marquee.d.ts","sourceRoot":"","sources":["../../../../src/lib/marquee/marquee/marquee.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAiD,MAAM,SAAS,CAAC;AAUtF,eAAO,MAAM,OAAO,uBAAwB,YAAY,qDAwFvD,CAAC"}

package/dist/lib/marquee/marquee/marquee.js

@@ -0,0 +1,99 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useRef, useEffect, Fragment } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import AutoScroll from "embla-carousel-auto-scroll";
+import useEmblaCarousel from "embla-carousel-react";
+import { getMarqueeProps } from "./helpers.js";
+import { MarqueeDataAttributes } from "./types.js";
+import { HTMLClasses } from "../../../constants/index.js";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+import { flattenChildren } from "../../../utils/index.js";
+import { Icon } from "../../icon/icon.js";
+const Marquee = ({ ref, ..._props }) => {
+  const { children, xs, sm, md, autoScrollOptions, separatorIcon, ...rest } = getMarqueeProps(_props);
+  const rootEl = useRef(null);
+  const [emblaRef, emblaApi] = useEmblaCarousel(
+    {
+      loop: true,
+      align: "start",
+      slides: `.${HTMLClasses.MARQUEE_SLIDE}`
+    },
+    [AutoScroll(autoScrollOptions)]
+  );
+  const mergedRefs = useMergeRefs([emblaRef, ref, rootEl]);
+  useEffect(() => {
+    const mutationObserver = new MutationObserver((records) => {
+      var _a;
+      const target = (_a = records.at(0)) == null ? void 0 : _a.target;
+      if (!target) return;
+      const playState = target.getAttribute(MarqueeDataAttributes.PlayState);
+      const autoScrollPlugin = emblaApi == null ? void 0 : emblaApi.plugins().autoScroll;
+      if (playState === "on") {
+        autoScrollPlugin == null ? void 0 : autoScrollPlugin.play(0);
+      } else {
+        autoScrollPlugin == null ? void 0 : autoScrollPlugin.stop();
+      }
+    });
+    if (rootEl.current) {
+      mutationObserver.observe(rootEl.current, {
+        attributes: true,
+        attributeFilter: [MarqueeDataAttributes.PlayState]
+      });
+    }
+    return () => {
+      mutationObserver.disconnect();
+    };
+  }, [emblaApi]);
+  useEffect(() => {
+    const onAutoScrollPlay = () => {
+      var _a;
+      (_a = rootEl.current) == null ? void 0 : _a.setAttribute(MarqueeDataAttributes.PlayState, "on");
+    };
+    const onAutoScrollStop = () => {
+      var _a;
+      (_a = rootEl.current) == null ? void 0 : _a.setAttribute(MarqueeDataAttributes.PlayState, "off");
+    };
+    emblaApi == null ? void 0 : emblaApi.on("autoScroll:play", onAutoScrollPlay);
+    emblaApi == null ? void 0 : emblaApi.on("autoScroll:stop", onAutoScrollStop);
+    return () => {
+      emblaApi == null ? void 0 : emblaApi.off("autoScroll:play", onAutoScrollPlay);
+      emblaApi == null ? void 0 : emblaApi.off("autoScroll:stop", onAutoScrollStop);
+    };
+  }, [emblaApi]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      css: [
+        {
+          overflow: "hidden",
+          maxWidth: "100%"
+        },
+        createStyle(xs),
+        {
+          [mediaQuery("sm")]: createStyle(sm),
+          [mediaQuery("md")]: createStyle(md)
+        }
+      ],
+      ...rest,
+      ref: mergedRefs,
+      children: /* @__PURE__ */ jsx("div", { css: { display: "flex", alignItems: "center", "& > *": { flexShrink: 0, flexGrow: 0, overflow: "hidden" } }, children: flattenChildren(children).map((child, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: HTMLClasses.MARQUEE_SLIDE, children: child }),
+        !!separatorIcon && /* @__PURE__ */ jsx("div", { className: HTMLClasses.MARQUEE_SLIDE, children: /* @__PURE__ */ jsx(Icon, { ...separatorIcon }) })
+      ] }, `marquee-item-${index}`)) })
+    }
+  );
+};
+const createStyle = ({ css: { width, height, ...css } = {} } = {}) => {
+  return [
+    {
+      width,
+      height,
+      "& > *": css
+    },
+    css
+  ];
+};
+export {
+  Marquee
+};

package/dist/lib/marquee/marquee/types.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var MarqueeDataAttributes = /* @__PURE__ */ ((MarqueeDataAttributes2) => {
+  MarqueeDataAttributes2["PlayState"] = "data-marquee-play-state";
+  return MarqueeDataAttributes2;
+})(MarqueeDataAttributes || {});
+exports.MarqueeDataAttributes = MarqueeDataAttributes;

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

@@ -0,0 +1,17 @@
+import { JSX } from 'react';
+import { AutoScrollOptionsType } from 'embla-carousel-auto-scroll';
+import { IconProps } from '../../icon';
+import { ResponsiveDesign, ShallowMerge, PropsWithCSS } from '../../../types';
+export declare enum MarqueeDataAttributes {
+    PlayState = "data-marquee-play-state"
+}
+export type MarqueeResponsiveProps = PropsWithCSS & {
+    spaceBetween?: number;
+};
+type MarqueeHTMLProps = Omit<JSX.IntrinsicElements['div'], 'is'>;
+export type MarqueeProps = ShallowMerge<MarqueeHTMLProps, {
+    autoScrollOptions?: AutoScrollOptionsType;
+    separatorIcon?: IconProps;
+}> & ResponsiveDesign<MarqueeResponsiveProps>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/marquee/marquee/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAC,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5E,oBAAY,qBAAqB;IAC/B,SAAS,4BAA4B;CACtC;AAED,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,YAAY,CACrC,gBAAgB,EAChB;IACE,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CACF,GACC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC"}

package/dist/lib/marquee/marquee/types.js

@@ -0,0 +1,7 @@
+var MarqueeDataAttributes = /* @__PURE__ */ ((MarqueeDataAttributes2) => {
+  MarqueeDataAttributes2["PlayState"] = "data-marquee-play-state";
+  return MarqueeDataAttributes2;
+})(MarqueeDataAttributes || {});
+export {
+  MarqueeDataAttributes
+};

package/dist/lib/marquee/marquee-item/index.d.ts

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

package/dist/lib/marquee/marquee-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/marquee/marquee-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/dist/lib/marquee/marquee-item/marquee-item.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const MarqueeItem = ({ ref, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...props,
+      css: {
+        display: "contents"
+      },
+      ref
+    }
+  );
+};
+exports.MarqueeItem = MarqueeItem;

package/dist/lib/marquee/marquee-item/marquee-item.d.ts

@@ -0,0 +1,3 @@
+import { MarqueeItemProps } from './types';
+export declare const MarqueeItem: ({ ref, ...props }: MarqueeItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=marquee-item.d.ts.map

package/dist/lib/marquee/marquee-item/marquee-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marquee-item.d.ts","sourceRoot":"","sources":["../../../../src/lib/marquee/marquee-item/marquee-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,WAAW,sBAAuB,gBAAgB,qDAU9D,CAAC"}

package/dist/lib/marquee/marquee-item/marquee-item.js

@@ -0,0 +1,16 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+const MarqueeItem = ({ ref, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      css: {
+        display: "contents"
+      },
+      ref
+    }
+  );
+};
+export {
+  MarqueeItem
+};

package/dist/lib/marquee/marquee-item/types.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+export type MarqueeItemProps = JSX.IntrinsicElements['div'];
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/marquee/marquee-item/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/marquee/marquee-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,gBAAgB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+export * from './menu';
+export * from './menu-trigger';
+export * from './menu-list';
+export * from './menu-item';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

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

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

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

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

package/dist/lib/menu/menu/menu.cjs

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("@floating-ui/react");
+const useControllableState = require("../../../hooks/use-controllable-state.cjs");
+const floating = require("../../floating/floating/floating.cjs");
+const Menu = ({ hoverProps, dismissProps, clickProps, ...props }) => {
+  const [open, setOpen] = useControllableState.useControllableState({
+    defaultValue: false,
+    value: props.open
+  });
+  const onOpenChange = (open2, event, reason) => {
+    var _a;
+    setOpen(open2);
+    (_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2, event, reason);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    floating.Floating,
+    {
+      dismissProps: {
+        enabled: true,
+        ...dismissProps
+      },
+      clickProps: {
+        enabled: true,
+        ...clickProps
+      },
+      hoverProps: {
+        handleClose: react.safePolygon(),
+        ...hoverProps
+      },
+      ...props,
+      open,
+      onOpenChange
+    }
+  );
+};
+exports.Menu = Menu;

package/dist/lib/menu/menu/menu.d.ts

@@ -0,0 +1,3 @@
+import { MenuProps } from './types';
+export declare const Menu: ({ hoverProps, dismissProps, clickProps, ...props }: MenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/menu/menu/menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKpC,eAAO,MAAM,IAAI,uDAAwD,SAAS,qDA8BjF,CAAC"}