@janbox/storefront-ui 2.0.5 → 2.0.7

package/dist/lib/icon-button/icon-button.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useRef } from "react";
+import { useRef } from "react";
 import { useMergeRefs } from "@floating-ui/react";
 import { getIconButtonProps } from "./helpers.js";
 import { useRippleEffect } from "../../hooks/use-ripple-effect/index.js";
@@ -11,8 +11,8 @@ import { getColorShadesByVariant, getSizeVariantState } from "../../utils/index.
 import { animateSpinStyle } from "../../constants/emotion.js";
 import { ensureBoolean } from "../../utils/common.js";
 import { Icon } from "../icon/icon.js";
-const IconButton = forwardRef((_props, ref) => {
-  const { size, color, variant, children, icon, isLoading, sx, sm, md, lg, ...rest } = getIconButtonProps(_props);
+const IconButton = ({ children, ref, ..._props }) => {
+  const { size, color, variant, icon, isLoading, sx, sm, md, lg, ...rest } = getIconButtonProps(_props);
   const {
     dark,
     light,
@@ -131,7 +131,7 @@ const IconButton = forwardRef((_props, ref) => {
       }
     )
   ] });
-});
+};
 const createStyle = ({ size } = {}) => {
   const { inputSize } = getSizeVariantState(size);
   return [

package/dist/lib/image/image.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/lib/image/image.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAKrC,eAAO,MAAM,KAAK,sHAwBhB,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/lib/image/image.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAKrC,eAAO,MAAM,KAAK,uBAAwB,UAAU,qDAwBnD,CAAC"}

package/dist/lib/image/image.js

@@ -1,10 +1,10 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
+import { useMemo } from "react";
 import { isString } from "lodash-es";
 import { getImageProps } from "./helpers.js";
 import IMAGE_PLACEHOLDER from "../../assets/svg/image-placeholder.svg.js";
 import { createSxInterpolation } from "../../utils/stylesheet.js";
-const Image = forwardRef((_props, ref) => {
+const Image = ({ ref, ..._props }) => {
   const { sx, fallback = true, src, ...rest } = getImageProps(_props);
   const fallbackSrc = useMemo(() => {
     if (isString(fallback)) return fallback;
@@ -24,7 +24,7 @@ const Image = forwardRef((_props, ref) => {
     (_a = rest.onError) == null ? void 0 : _a.call(rest, e);
   };
   return /* @__PURE__ */ jsx("img", { src: src || fallbackSrc, alt: "", css, ...rest, ref, onError });
-});
+};
 export {
   Image
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/image/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,YAAY,CACnC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,WAAW,CAAC,kBAAkB,CAAC,CAChC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/image/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC"}

package/dist/lib/input/input.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/lib/input/input.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAwB,MAAM,SAAS,CAAC;AAa3D,eAAO,MAAM,KAAK,sHA8LhB,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/lib/input/input.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAwB,MAAM,SAAS,CAAC;AAa3D,eAAO,MAAM,KAAK,uBAAwB,UAAU,qDA8LnD,CAAC"}

package/dist/lib/input/input.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useRef, useState } from "react";
+import { useRef, useState } from "react";
 import { useMergeRefs } from "@floating-ui/react";
 import { isString } from "lodash-es";
 import { getInputProps } from "./helpers.js";
@@ -13,7 +13,7 @@ import { getTypographyVar } from "../../theme/typography.js";
 import { FormHelperText } from "../form-helper-text/form-helper-text.js";
 import { Primitive } from "../primitive/primitive.js";
 import { Icon } from "../icon/icon.js";
-const Input = forwardRef((_props, ref) => {
+const Input = ({ ref, ..._props }) => {
   var _a, _b, _c;
   const {
     type,
@@ -198,7 +198,7 @@ const Input = forwardRef((_props, ref) => {
     ),
     /* @__PURE__ */ jsx(FormHelperText, { error, children: helperText })
   ] });
-});
+};
 const createStyle = ({ size } = {}) => {
   const { inputPaddingX, inputSize, textVariant } = getSizeVariantState(size);
   return {

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

@@ -1,2 +1,3 @@
-export declare const MenuItem: import('react').ForwardRefExoticComponent<Omit<import('../../button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+import { MenuItemProps } from './types';
+export declare const MenuItem: ({ ref, ..._props }: MenuItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=menu-item.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../../src/lib/menu/menu-item/menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQxC,eAAO,MAAM,QAAQ,uBAAwB,aAAa,qDA2BzD,CAAC"}

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

@@ -1,10 +1,9 @@
 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 MenuItem = ({ ref, ..._props }) => {
   const { children, ...props } = getMenuItemProps(_props);
   const { context } = useFloatingContext();
   const onClick = (e) => {
@@ -28,7 +27,7 @@ const MenuItem = forwardRef((_props, ref) => {
       children
     }
   );
-});
+};
 export {
   MenuItem
 };

package/dist/lib/nav-link/nav-link.d.ts

@@ -1,4 +1,3 @@
-export declare const NavLink: import('react').ForwardRefExoticComponent<Omit<import('react-router').NavLinkProps, "to"> & {
-    to?: import('react-router').NavLinkProps["to"];
-} & import('react').RefAttributes<HTMLAnchorElement>>;
+import { NavLinkProps } from './types';
+export declare const NavLink: ({ children, style, className, to, ref, ...props }: NavLinkProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=nav-link.d.ts.map

package/dist/lib/nav-link/nav-link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-link.d.ts","sourceRoot":"","sources":["../../../src/lib/nav-link/nav-link.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,OAAO;;qDAiDnB,CAAC"}
+{"version":3,"file":"nav-link.d.ts","sourceRoot":"","sources":["../../../src/lib/nav-link/nav-link.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAIvC,eAAO,MAAM,OAAO,sDAAuD,YAAY,qDA+CtF,CAAC"}

package/dist/lib/nav-link/nav-link.js

@@ -1,40 +1,37 @@
 import { jsx, Fragment } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
 import { isFunction, isNil } from "lodash-es";
 import { NavLink as NavLink$1 } from "react-router";
 import { Booleanish } from "../../constants/index.js";
-const NavLink = forwardRef(
-  ({ children, style, className, to, ...props }, ref) => {
-    const styleFn = (renderProps) => {
-      return isFunction(style) ? style({
-        ...renderProps,
-        isActive: renderProps.isActive && !isNil(to)
-      }) : style;
-    };
-    const classNameFn = (renderProps) => {
-      return isFunction(className) ? className({
-        ...renderProps,
-        isActive: renderProps.isActive && !isNil(to)
-      }) : className;
-    };
-    const onClick = (e) => {
-      var _a;
-      if (e.currentTarget.getAttribute("aria-disabled") === Booleanish.True) {
-        e.preventDefault();
-      }
-      if (isNil(to)) {
-        e.preventDefault();
-      }
-      (_a = props.onClick) == null ? void 0 : _a.call(props, e);
-    };
-    return /* @__PURE__ */ jsx(NavLink$1, { ...props, style: styleFn, className: classNameFn, to: to ?? "#", ref, onClick, children: (renderProps) => {
-      return /* @__PURE__ */ jsx(Fragment, { children: isFunction(children) ? children({
-        ...renderProps,
-        isActive: renderProps.isActive && !isNil(to)
-      }) : children });
-    } });
-  }
-);
+const NavLink = ({ children, style, className, to, ref, ...props }) => {
+  const styleFn = (renderProps) => {
+    return isFunction(style) ? style({
+      ...renderProps,
+      isActive: renderProps.isActive && !isNil(to)
+    }) : style;
+  };
+  const classNameFn = (renderProps) => {
+    return isFunction(className) ? className({
+      ...renderProps,
+      isActive: renderProps.isActive && !isNil(to)
+    }) : className;
+  };
+  const onClick = (e) => {
+    var _a;
+    if (e.currentTarget.getAttribute("aria-disabled") === Booleanish.True) {
+      e.preventDefault();
+    }
+    if (isNil(to)) {
+      e.preventDefault();
+    }
+    (_a = props.onClick) == null ? void 0 : _a.call(props, e);
+  };
+  return /* @__PURE__ */ jsx(NavLink$1, { ...props, style: styleFn, className: classNameFn, to: to ?? "#", ref, onClick, children: (renderProps) => {
+    return /* @__PURE__ */ jsx(Fragment, { children: isFunction(children) ? children({
+      ...renderProps,
+      isActive: renderProps.isActive && !isNil(to)
+    }) : children });
+  } });
+};
 export {
   NavLink
 };

package/dist/lib/nav-link/types.d.ts

@@ -1,6 +1,8 @@
 import { NavLinkProps as ReactRouterNavLinkProps } from 'react-router';
 import { ShallowMerge } from '../../types';
+import { Ref } from 'react';
 export type NavLinkProps = ShallowMerge<ReactRouterNavLinkProps, {
     to?: ReactRouterNavLinkProps['to'];
+    ref?: Ref<HTMLAnchorElement>;
 }>;
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/nav-link/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/nav-link/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,YAAY,CACrC,uBAAuB,EACvB;IACE,EAAE,CAAC,EAAE,uBAAuB,CAAC,IAAI,CAAC,CAAC;CACpC,CACF,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/nav-link/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,YAAY,GAAG,YAAY,CACrC,uBAAuB,EACvB;IACE,EAAE,CAAC,EAAE,uBAAuB,CAAC,IAAI,CAAC,CAAC;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B,CACF,CAAC"}

package/dist/lib/pagination/pagination.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/lib/pagination/pagination.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAY1C,eAAO,MAAM,UAAU,yHAgLrB,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/lib/pagination/pagination.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAY1C,eAAO,MAAM,UAAU,uBAAwB,eAAe,qDAgL7D,CAAC"}

package/dist/lib/pagination/pagination.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, Fragment } from "react";
+import { Fragment } from "react";
 import { getPaginationProps, getPageRange } from "./helpers.js";
 import ArrowLeftIcon from "../../assets/svg/arrow-left.svg.js";
 import ArrowForwardIcon from "../../assets/svg/arrow-forward.svg.js";
@@ -11,7 +11,7 @@ import { getSizeVariantState } from "../../utils/index.js";
 import { Text } from "../text/text.js";
 import { IconButton } from "../icon-button/icon-button.js";
 import { Icon } from "../icon/icon.js";
-const Pagination = forwardRef((_props, ref) => {
+const Pagination = ({ ref, ..._props }) => {
   var _a, _b, _c, _d;
   const {
     page = 1,
@@ -141,7 +141,7 @@ const Pagination = forwardRef((_props, ref) => {
     showNextPageButton && /* @__PURE__ */ jsx(PaginationButton, { "aria-disabled": page >= count, color: (_c = states == null ? void 0 : states.normal) == null ? void 0 : _c.color, onClick: handleNextClick, children: /* @__PURE__ */ jsx(PaginationIcon, { source: ArrowRightIcon }) }),
     showLastPageButton && /* @__PURE__ */ jsx(PaginationButton, { "aria-disabled": page >= count, color: (_d = states == null ? void 0 : states.normal) == null ? void 0 : _d.color, onClick: handleLastClick, children: /* @__PURE__ */ jsx(PaginationIcon, { source: ArrowForwardIcon }) })
   ] });
-});
+};
 export {
   Pagination
 };

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

@@ -1,2 +1,2 @@
-export declare const PopoverClose: import('react').ForwardRefExoticComponent<Omit<import('../../floating').FloatingCloseProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const PopoverClose: ({ event, reason, className, ref, ...props }: import('../../floating').FloatingCloseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=popover-close.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover-close.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-close/popover-close.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,qJAAgB,CAAC"}
+{"version":3,"file":"popover-close.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-close/popover-close.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,gJAAgB,CAAC"}

package/dist/lib/radio-button/radio-button.d.ts

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

package/dist/lib/radio-button/radio-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../src/lib/radio-button/radio-button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAM3C,eAAO,MAAM,WAAW,4HAsBtB,CAAC"}
+{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../src/lib/radio-button/radio-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAM3C,eAAO,MAAM,WAAW,uBAAwB,gBAAgB,qDAsB/D,CAAC"}

package/dist/lib/radio-button/radio-button.js

@@ -1,11 +1,10 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
 import { getRadioButtonProps } from "./helpers.js";
 import classes from "./radio-button.module.scss.js";
 import { cn } from "../../utils/stylesheet.js";
 import { getColorShadesByVariant } from "../../utils/index.js";
 import { Primitive } from "../primitive/primitive.js";
-const RadioButton = forwardRef((_props, ref) => {
+const RadioButton = ({ ref, ..._props }) => {
   const { children, color = "primary", className, containerProps, ...props } = getRadioButtonProps(_props);
   const { main } = getColorShadesByVariant(color);
   return /* @__PURE__ */ jsxs(
@@ -27,7 +26,7 @@ const RadioButton = forwardRef((_props, ref) => {
       ]
     }
   );
-});
+};
 export {
   RadioButton
 };

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/lib/select/select.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAkBzD,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,iBAAiB,sBAAsB,CAAC,SAAS,MAAM,8BAGrF,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,qDAuUnB,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/lib/select/select.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAkBzD,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,iBAAiB,sBAAsB,CAAC,SAAS,MAAM,8BAGrF,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,qDAwVnB,CAAC"}

package/dist/lib/select/select.js

@@ -29,7 +29,7 @@ const Select = ({
     placement = "bottom-start",
     open,
     onOpenChange,
-    searchable = true,
+    searchable: _searchable,
     value,
     optionValue,
     optionLabel,
@@ -45,11 +45,22 @@ const Select = ({
     containerProps,
     inputProps,
     lazy = true,
+    displayRowCount = DEFAULT_DISPLAY_ROW_COUNT,
     ...rest
   } = getSelectProps(props);
   const searchInputRef = useRef(null);
   const floatingRef = useRef(null);
   const uniqueId = useId();
+  const normalizedDisplayRowCount = (() => {
+    if (displayRowCount === Number.POSITIVE_INFINITY) {
+      return Number.POSITIVE_INFINITY;
+    }
+    if (Number.isFinite(displayRowCount)) {
+      return Math.max(1, displayRowCount);
+    }
+    return DEFAULT_DISPLAY_ROW_COUNT;
+  })();
+  const searchable = _searchable ?? options.length > normalizedDisplayRowCount;
   const [inputValue, setInputValue] = useControllableState({
     defaultValue: (inputProps == null ? void 0 : inputProps.defaultValue) ?? "",
     value: inputProps == null ? void 0 : inputProps.value
@@ -92,6 +103,7 @@ const Select = ({
   );
   const responsiveSize = isNil(windowScreen.name) ? void 0 : getResponsiveProp(rest, "size", windowScreen.name);
   const rowMinHeight = getSizeVariantState(responsiveSize).inputSize ?? 0;
+  const listMaxHeight = Number.isFinite(normalizedDisplayRowCount) ? rowMinHeight * normalizedDisplayRowCount : void 0;
   const displayOptions = useMemo(() => {
     if (!inputValue) {
       return options;
@@ -310,7 +322,7 @@ const Select = ({
                           overscan: lazy ? void 0 : options.length
                         },
                         style: {
-                          maxHeight: rowMinHeight * DEFAULT_DISPLAY_ROW_COUNT,
+                          maxHeight: listMaxHeight,
                           ...listProps == null ? void 0 : listProps.style
                         },
                         RowComponent

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

@@ -28,6 +28,7 @@ interface SelectExtendedProps<V extends SelectOptionValue, O extends object> ext
     containerProps?: PrimitiveProps<JSX.IntrinsicElements['div']>;
     inputProps?: InputProps;
     lazy?: boolean;
+    displayRowCount?: number;
 }
 export type SelectProps<V extends SelectOptionValue = SelectOptionValue, O extends object = object> = ShallowMerge<InputMaskProps<JSX.IntrinsicElements['button']>, SelectExtendedProps<V, O>>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAEnE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE/E,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1D,UAAU,mBAAmB,CAC3B,CAAC,SAAS,iBAAiB,EAC3B,CAAC,SAAS,MAAM,CAChB,SAAQ,iBAAiB,CAAC,qBAAqB,CAAC;IAChD,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IAClF,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,YAAY,CAChH,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAC/C,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAC1B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAEnE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE/E,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1D,UAAU,mBAAmB,CAC3B,CAAC,SAAS,iBAAiB,EAC3B,CAAC,SAAS,MAAM,CAChB,SAAQ,iBAAiB,CAAC,qBAAqB,CAAC;IAChD,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IAClF,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,YAAY,CAChH,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAC/C,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAC1B,CAAC"}

package/dist/lib/tabs/tab-content/tab-content.d.ts

@@ -1,4 +1,3 @@
-export declare const TabContent: import('react').ForwardRefExoticComponent<{
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
+import { TabContentProps } from './types';
+export declare const TabContent: ({ children, ...rest }: TabContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tab-content.d.ts.map

package/dist/lib/tabs/tab-content/tab-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-content/tab-content.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU;;kDAgBrB,CAAC"}
+{"version":3,"file":"tab-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-content/tab-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAM1C,eAAO,MAAM,UAAU,0BAA2B,eAAe,qDAehE,CAAC"}

package/dist/lib/tabs/tab-content/tab-content.js

@@ -1,8 +1,7 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
 import { flattenChildren } from "../../../utils/index.js";
 import { useTabsContext } from "../tabs/helpers.js";
-const TabContent = forwardRef(({ children, ...rest }, ref) => {
+const TabContent = ({ children, ...rest }) => {
   const { activeIndex } = useTabsContext();
   const flattenedChildren = flattenChildren(children);
   return /* @__PURE__ */ jsx(
@@ -12,11 +11,10 @@ const TabContent = forwardRef(({ children, ...rest }, ref) => {
         display: "contents"
       },
       ...rest,
-      ref,
       children: flattenedChildren.find((_, index) => index === activeIndex)
     }
   );
-});
+};
 export {
   TabContent
 };

package/dist/lib/tabs/tab-content/types.d.ts

@@ -1,3 +1,5 @@
 import { PropsWithChildren } from 'react';
-export type TabContentProps = PropsWithChildren;
+export type TabContentProps = PropsWithChildren<{
+    ref?: React.Ref<HTMLDivElement>;
+}>;
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/tabs/tab-content/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-content/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-content/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;IAC9C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC,CAAC"}

package/dist/lib/unordered-list/list-item/list-item.d.ts

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

package/dist/lib/unordered-list/list-item/list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../../src/lib/unordered-list/list-item/list-item.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,eAAO,MAAM,QAAQ,sHAqBnB,CAAC"}
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../../src/lib/unordered-list/list-item/list-item.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,eAAO,MAAM,QAAQ,uBAAwB,aAAa,qDAqBzD,CAAC"}

package/dist/lib/unordered-list/list-item/list-item.js

@@ -1,9 +1,8 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
 import { isNil } from "lodash-es";
 import { getListItemProps } from "./helpers.js";
 import { createSxInterpolation } from "../../../utils/stylesheet.js";
-const ListItem = forwardRef((_props, ref) => {
+const ListItem = ({ ref, ..._props }) => {
   const { sx, children, dangerouslySetInnerHTML, ...rest } = getListItemProps(_props);
   const css = [
     {
@@ -22,7 +21,7 @@ const ListItem = forwardRef((_props, ref) => {
       children: isNil(dangerouslySetInnerHTML) ? children : null
     }
   );
-});
+};
 export {
   ListItem
 };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"unordered-list.d.ts","sourceRoot":"","sources":["../../../../src/lib/unordered-list/unordered-list/unordered-list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAI7C,eAAO,MAAM,aAAa,8HAexB,CAAC"}
+{"version":3,"file":"unordered-list.d.ts","sourceRoot":"","sources":["../../../../src/lib/unordered-list/unordered-list/unordered-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAI7C,eAAO,MAAM,aAAa,uBAAwB,kBAAkB,qDAenE,CAAC"}

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

@@ -1,8 +1,7 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
 import { getUnorderedListProps } from "./helpers.js";
 import { createSxInterpolation } from "../../../utils/stylesheet.js";
-const UnorderedList = forwardRef((_props, ref) => {
+const UnorderedList = ({ ref, ..._props }) => {
   const { sx, ...rest } = getUnorderedListProps(_props);
   return /* @__PURE__ */ jsx(
     "ul",
@@ -17,7 +16,7 @@ const UnorderedList = forwardRef((_props, ref) => {
       ref
     }
   );
-});
+};
 export {
   UnorderedList
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@janbox/storefront-ui",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "description": "Storefront UI component library for Janbox",
   "author": "Janbox",
   "keywords": [