@janbox/storefront-ui 1.0.0

package/dist/lib/menu/menu/menu.js

@@ -0,0 +1,38 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { safePolygon } from "@floating-ui/react";
+import { useControllableState } from "../../../hooks/use-controllable-state.js";
+import { Floating } from "../../floating/floating/floating.js";
+const Menu = ({ hoverProps, dismissProps, clickProps, ...props }) => {
+  const [open, setOpen] = 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__ */ jsx(
+    Floating,
+    {
+      dismissProps: {
+        enabled: true,
+        ...dismissProps
+      },
+      clickProps: {
+        enabled: true,
+        ...clickProps
+      },
+      hoverProps: {
+        handleClose: safePolygon(),
+        ...hoverProps
+      },
+      ...props,
+      open,
+      onOpenChange
+    }
+  );
+};
+export {
+  Menu
+};

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

@@ -0,0 +1,3 @@
+import { FloatingProps } from '../../..';
+export type MenuProps = FloatingProps;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/menu/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC"}

package/dist/lib/menu/menu-item/helpers.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils_index = require("../../../utils/index.cjs");
+const defaultProps = {
+  variant: "text",
+  color: "neutral",
+  xs: {
+    css: {
+      width: "100%"
+    }
+  }
+};
+const getMenuItemProps = (extended) => {
+  return utils_index.mergeComponentProps(defaultProps, extended);
+};
+exports.getMenuItemProps = getMenuItemProps;

package/dist/lib/menu/menu-item/helpers.d.ts

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

package/dist/lib/menu/menu-item/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/menu/menu-item/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAcxC,eAAO,MAAM,gBAAgB,aAAc,aAAa,gCAEvD,CAAC"}

package/dist/lib/menu/menu-item/helpers.js

@@ -0,0 +1,16 @@
+import { mergeComponentProps } from "../../../utils/index.js";
+const defaultProps = {
+  variant: "text",
+  color: "neutral",
+  xs: {
+    css: {
+      width: "100%"
+    }
+  }
+};
+const getMenuItemProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getMenuItemProps
+};

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

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

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

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

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const helpers = require("./helpers.cjs");
+const constants_index = require("../../../constants/index.cjs");
+const button = require("../../button/button.cjs");
+const helpers$1 = require("../../floating/floating/helpers.cjs");
+const MenuItem = react.forwardRef((_props, ref) => {
+  const { children, ...props } = helpers.getMenuItemProps(_props);
+  const { context } = helpers$1.useFloatingContext();
+  const onClick = (e) => {
+    var _a, _b;
+    if (((_a = e.currentTarget.parentElement) == null ? void 0 : _a.getAttribute(constants_index.HTMLDatasetAttributes.DATA_MENU_LIST)) === constants_index.Booleanish.True) {
+      context == null ? void 0 : context.onOpenChange(false, e.nativeEvent, "click");
+    }
+    (_b = props.onClick) == null ? void 0 : _b.call(props, e);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    button.Button,
+    {
+      ...props,
+      css: {
+        justifyContent: "start",
+        textAlign: "left",
+        width: "100%"
+      },
+      onClick,
+      ref,
+      children
+    }
+  );
+});
+exports.MenuItem = MenuItem;

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

@@ -0,0 +1,2 @@
+export declare const MenuItem: import('react').ForwardRefExoticComponent<Omit<import('../../button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=menu-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../../src/lib/menu/menu-item/menu-item.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,QAAQ,+IA2BnB,CAAC"}

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

@@ -0,0 +1,34 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { getMenuItemProps } from "./helpers.js";
+import { HTMLDatasetAttributes, Booleanish } from "../../../constants/index.js";
+import { Button } from "../../button/button.js";
+import { useFloatingContext } from "../../floating/floating/helpers.js";
+const MenuItem = forwardRef((_props, ref) => {
+  const { children, ...props } = getMenuItemProps(_props);
+  const { context } = useFloatingContext();
+  const onClick = (e) => {
+    var _a, _b;
+    if (((_a = e.currentTarget.parentElement) == null ? void 0 : _a.getAttribute(HTMLDatasetAttributes.DATA_MENU_LIST)) === Booleanish.True) {
+      context == null ? void 0 : context.onOpenChange(false, e.nativeEvent, "click");
+    }
+    (_b = props.onClick) == null ? void 0 : _b.call(props, e);
+  };
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...props,
+      css: {
+        justifyContent: "start",
+        textAlign: "left",
+        width: "100%"
+      },
+      onClick,
+      ref,
+      children
+    }
+  );
+});
+export {
+  MenuItem
+};

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

@@ -0,0 +1,3 @@
+import { ButtonProps } from '../../button';
+export type MenuItemProps = ButtonProps;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/menu/menu-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC"}

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

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

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

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

package/dist/lib/menu/menu-list/menu-list.cjs

@@ -0,0 +1,34 @@
+"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");
+const theme_palette = require("../../../theme/palette.cjs");
+const stylesheet = require("../../../utils/stylesheet.cjs");
+const constants_index = require("../../../constants/index.cjs");
+const floatingContent = require("../../floating/floating-content/floating-content.cjs");
+const MenuList = react.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    floatingContent.FloatingContent,
+    {
+      css: {
+        backgroundColor: theme_palette.getColorVar("surface.default"),
+        padding: "0.25rem",
+        borderRadius: "0.75rem",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: theme_palette.getColorVar("neutral.100"),
+        boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
+        display: "flex",
+        flexDirection: "column"
+      },
+      className: stylesheet.cn(className),
+      ...props,
+      ...{ [constants_index.HTMLDatasetAttributes.DATA_MENU_LIST]: true },
+      ref,
+      children
+    }
+  );
+});
+exports.MenuList = MenuList;

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

@@ -0,0 +1,2 @@
+export declare const MenuList: import('react').ForwardRefExoticComponent<Omit<import('../../..').FloatingContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=menu-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-list.d.ts","sourceRoot":"","sources":["../../../../src/lib/menu/menu-list/menu-list.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,QAAQ,iJAsBnB,CAAC"}

package/dist/lib/menu/menu-list/menu-list.js

@@ -0,0 +1,34 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import "clsx";
+import "lodash-es";
+import { getColorVar } from "../../../theme/palette.js";
+import { cn } from "../../../utils/stylesheet.js";
+import { HTMLDatasetAttributes } from "../../../constants/index.js";
+import { FloatingContent } from "../../floating/floating-content/floating-content.js";
+const MenuList = forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    FloatingContent,
+    {
+      css: {
+        backgroundColor: getColorVar("surface.default"),
+        padding: "0.25rem",
+        borderRadius: "0.75rem",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: getColorVar("neutral.100"),
+        boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
+        display: "flex",
+        flexDirection: "column"
+      },
+      className: cn(className),
+      ...props,
+      ...{ [HTMLDatasetAttributes.DATA_MENU_LIST]: true },
+      ref,
+      children
+    }
+  );
+});
+export {
+  MenuList
+};

package/dist/lib/menu/menu-list/types.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var MenuListDataAttributes = /* @__PURE__ */ ((MenuListDataAttributes2) => {
+  MenuListDataAttributes2["DataMenuList"] = "data-menu-list";
+  return MenuListDataAttributes2;
+})(MenuListDataAttributes || {});
+exports.MenuListDataAttributes = MenuListDataAttributes;

package/dist/lib/menu/menu-list/types.d.ts

@@ -0,0 +1,6 @@
+import { FloatingContentProps } from '../../..';
+export declare enum MenuListDataAttributes {
+    DataMenuList = "data-menu-list"
+}
+export type MenuListProps = FloatingContentProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/menu/menu-list/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/menu/menu-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,oBAAY,sBAAsB;IAChC,YAAY,mBAAmB;CAChC;AAED,MAAM,MAAM,aAAa,GAAG,oBAAoB,CAAC"}

package/dist/lib/menu/menu-list/types.js

@@ -0,0 +1,7 @@
+var MenuListDataAttributes = /* @__PURE__ */ ((MenuListDataAttributes2) => {
+  MenuListDataAttributes2["DataMenuList"] = "data-menu-list";
+  return MenuListDataAttributes2;
+})(MenuListDataAttributes || {});
+export {
+  MenuListDataAttributes
+};

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

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

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

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

package/dist/lib/menu/menu-trigger/menu-trigger.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const floatingTrigger = require("../../floating/floating-trigger/floating-trigger.cjs");
+const MenuTrigger = ({ ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(floatingTrigger.FloatingTrigger, { ...props });
+};
+exports.MenuTrigger = MenuTrigger;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-trigger.d.ts","sourceRoot":"","sources":["../../../../src/lib/menu/menu-trigger/menu-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAI3C,eAAO,MAAM,WAAW,iBAAkB,gBAAgB,qDAEzD,CAAC"}

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

@@ -0,0 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { FloatingTrigger } from "../../floating/floating-trigger/floating-trigger.js";
+const MenuTrigger = ({ ...props }) => {
+  return /* @__PURE__ */ jsx(FloatingTrigger, { ...props });
+};
+export {
+  MenuTrigger
+};

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

@@ -0,0 +1,3 @@
+import { FloatingTriggerProps } from '../../..';
+export type MenuTriggerProps = FloatingTriggerProps;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/menu/menu-trigger/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC"}

package/dist/lib/multiple-select/helpers.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils_index = require("../../utils/index.cjs");
+const defaultProps = {
+  xs: {
+    size: "md"
+  }
+};
+const getMultipleSelectProps = (extended) => {
+  return utils_index.mergeComponentProps(defaultProps, extended);
+};
+exports.getMultipleSelectProps = getMultipleSelectProps;

package/dist/lib/multiple-select/helpers.d.ts

@@ -0,0 +1,3 @@
+import { MultipleSelectProps } from './types';
+export declare const getMultipleSelectProps: <O extends object = object>(extended: MultipleSelectProps<O>) => MultipleSelectProps<O>;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/multiple-select/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/multiple-select/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAU9C,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,MAAM,qBAAqB,mBAAmB,CAAC,CAAC,CAAC,2BAEjG,CAAC"}

package/dist/lib/multiple-select/helpers.js

@@ -0,0 +1,12 @@
+import { mergeComponentProps } from "../../utils/index.js";
+const defaultProps = {
+  xs: {
+    size: "md"
+  }
+};
+const getMultipleSelectProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getMultipleSelectProps
+};

package/dist/lib/multiple-select/index.d.ts

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

package/dist/lib/multiple-select/index.d.ts.map

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