@janbox/storefront-ui 2.0.4 → 2.0.6

package/dist/lib/accordion/accordion-group/accordion-group.d.ts

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

package/dist/lib/accordion/accordion-group/accordion-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-group.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-group/accordion-group.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA4D,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIxG,eAAO,MAAM,cAAc,6HA2CzB,CAAC"}
+{"version":3,"file":"accordion-group.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-group/accordion-group.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA4D,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIxG,eAAO,MAAM,cAAc,uBAAwB,mBAAmB,qDA2CrE,CAAC"}

package/dist/lib/accordion/accordion-group/accordion-group.js

@@ -1,10 +1,10 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useRef, useMemo } from "react";
+import { useRef, useMemo } from "react";
 import { useMergeRefs } from "@floating-ui/react";
 import { getAccordionGroupProps, AccordionGroupContext } from "./helpers.js";
 import { AccordionGroupDataAttributes } from "./types.js";
 import { createSxInterpolation } from "../../../utils/stylesheet.js";
-const AccordionGroup = forwardRef((_props, ref) => {
+const AccordionGroup = ({ ref, ..._props }) => {
   const {
     children,
     sx,
@@ -41,7 +41,7 @@ const AccordionGroup = forwardRef((_props, ref) => {
       children
     }
   ) });
-});
+};
 export {
   AccordionGroup
 };

package/dist/lib/count-up/count-up.d.ts

@@ -1,3 +1,3 @@
 import { CountUpProps } from './types';
-export declare const CountUp: import('react').ForwardRefExoticComponent<Omit<CountUpProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const CountUp: ({ from, to, duration, formatNumberOptions, ref, ...props }: CountUpProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=count-up.d.ts.map

package/dist/lib/count-up/count-up.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"count-up.d.ts","sourceRoot":"","sources":["../../../src/lib/count-up/count-up.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAIvC,eAAO,MAAM,OAAO,uHAmCnB,CAAC"}
+{"version":3,"file":"count-up.d.ts","sourceRoot":"","sources":["../../../src/lib/count-up/count-up.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAIvC,eAAO,MAAM,OAAO,+DAAwE,YAAY,qDAiCvG,CAAC"}

package/dist/lib/count-up/count-up.js

@@ -1,36 +1,34 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useRef, useEffect } from "react";
+import { useRef, useEffect } from "react";
 import { useMergeRefs } from "@floating-ui/react";
 import { useMotionValue, useInView, useTransform, animate, motion } from "motion/react";
 import { useTranslation } from "react-i18next";
 import { formatNumber } from "../../utils/index.js";
 import { getDecimalDigits } from "../../utils/common.js";
-const CountUp = forwardRef(
-  ({ from = 0, to, duration = 2, formatNumberOptions, ...props }, ref) => {
-    const rootRef = useRef(null);
-    const { i18n } = useTranslation();
-    const mergedRef = useMergeRefs([ref, rootRef]);
-    const maximumFractionDigits = Math.max(getDecimalDigits(from), getDecimalDigits(to));
-    const count = useMotionValue(from);
-    const isInView = useInView(rootRef, { once: true });
-    const rounded = useTransform(
-      count,
-      (latest) => formatNumber(latest, {
-        lng: i18n.language,
-        ...formatNumberOptions,
-        maximumFractionDigits
-      })
-    );
-    useEffect(() => {
-      if (!isInView) return;
-      const controls = animate(count, to, { duration });
-      return () => {
-        controls.stop();
-      };
-    }, [count, duration, isInView, to]);
-    return /* @__PURE__ */ jsx(motion.span, { ...props, ref: mergedRef, children: rounded });
-  }
-);
+const CountUp = ({ from = 0, to, duration = 2, formatNumberOptions, ref, ...props }) => {
+  const rootRef = useRef(null);
+  const { i18n } = useTranslation();
+  const mergedRef = useMergeRefs([ref, rootRef]);
+  const maximumFractionDigits = Math.max(getDecimalDigits(from), getDecimalDigits(to));
+  const count = useMotionValue(from);
+  const isInView = useInView(rootRef, { once: true });
+  const rounded = useTransform(
+    count,
+    (latest) => formatNumber(latest, {
+      lng: i18n.language,
+      ...formatNumberOptions,
+      maximumFractionDigits
+    })
+  );
+  useEffect(() => {
+    if (!isInView) return;
+    const controls = animate(count, to, { duration });
+    return () => {
+      controls.stop();
+    };
+  }, [count, duration, isInView, to]);
+  return /* @__PURE__ */ jsx(motion.span, { ...props, ref: mergedRef, children: rounded });
+};
 export {
   CountUp
 };

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

@@ -1,3 +1,3 @@
 import { FloatingContentProps } from './types';
-export declare const FloatingContent: import('react').ForwardRefExoticComponent<Omit<FloatingContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const FloatingContent: ({ style, floatingPortalProps, floatingFocusManagerProps, floatingOverlayProps, sx, ref, ...props }: FloatingContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=floating-content.d.ts.map

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

@@ -1 +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;AAQ/C,eAAO,MAAM,eAAe,8HAwC3B,CAAC"}
+{"version":3,"file":"floating-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-content/floating-content.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAQ/C,eAAO,MAAM,eAAe,uGAQzB,oBAAoB,qDAsCtB,CAAC"}

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

@@ -1,45 +1,50 @@
 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";
 import { createSxInterpolation } from "../../../utils/stylesheet.js";
-const FloatingContent = forwardRef(
-  ({ style, floatingPortalProps, floatingFocusManagerProps, floatingOverlayProps, sx, ...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
-            },
-            css: createSxInterpolation(sx),
-            ...getFloatingProps(props),
-            ref: mergedRefs,
-            children: props.children
-          }
-        ) })
-      }
-    ) }) });
-  }
-);
+const FloatingContent = ({
+  style,
+  floatingPortalProps,
+  floatingFocusManagerProps,
+  floatingOverlayProps,
+  sx,
+  ref,
+  ...props
+}) => {
+  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
+          },
+          css: createSxInterpolation(sx),
+          ...getFloatingProps(props),
+          ref: mergedRefs,
+          children: props.children
+        }
+      ) })
+    }
+  ) }) });
+};
 export {
   FloatingContent
 };

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/multiple-select/multiple-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiple-select.d.ts","sourceRoot":"","sources":["../../../src/lib/multiple-select/multiple-select.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA6B,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA0BzE,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,8BAA8B,mBAAmB,CAAC,CAAC,CAAC,qDAuYlG,CAAC"}
+{"version":3,"file":"multiple-select.d.ts","sourceRoot":"","sources":["../../../src/lib/multiple-select/multiple-select.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA6B,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA0BzE,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,8BAA8B,mBAAmB,CAAC,CAAC,CAAC,qDAqYlG,CAAC"}

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

@@ -112,7 +112,7 @@ const MultipleSelect = ({ ref, ...props }) => {
     setControllableValues(preset);
     onChange == null ? void 0 : onChange(preset);
   };
-  const responsiveSize = isNil(windowScreen.name) ? void 0 : getResponsiveProp(rest, "size", windowScreen.name) ?? rest.size;
+  const responsiveSize = isNil(windowScreen.name) ? void 0 : getResponsiveProp(rest, "size", windowScreen.name);
   const rowMinHeight = getSizeVariantState(responsiveSize).inputSize ?? 0;
   const displayOptions = useMemo(() => {
     if (!inputValue) {

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/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/time-picker/time-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/lib/time-picker/time-picker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAmB1C,eAAO,MAAM,UAAU,mJAepB,eAAe,qDA2QjB,CAAC"}
+{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/lib/time-picker/time-picker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAmB1C,eAAO,MAAM,UAAU,mJAepB,eAAe,qDAyQjB,CAAC"}

package/dist/lib/time-picker/time-picker.js

@@ -34,7 +34,7 @@ const TimePicker = ({
 }) => {
   const floatingRef = useRef(null);
   const windowScreen = useWindowScreen();
-  const responsiveSize = isNil(windowScreen.name) ? void 0 : getResponsiveProp(rest, "size", windowScreen.name) ?? size;
+  const responsiveSize = isNil(windowScreen.name) ? void 0 : getResponsiveProp(rest, "size", windowScreen.name);
   const rowMinHeight = getSizeVariantState(responsiveSize).inputSize ?? 0;
   const [isOpen, setIsOpen] = useControllableState({
     defaultValue: open ?? false,

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/dist/utils/index.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import { Screen, TypographySizeVariant } from '../theme';
-import { SizeVariant, ColorVariant } from '../types';
+import { SizeVariant, ColorVariant, ToResponsiveProps } from '../types';
 import { Get, Paths, SetRequired } from 'type-fest';
 export * from './common';
 export * from './query-params';
@@ -34,7 +34,7 @@ export type SizeVariantState = Partial<{
     textVariant: TypographySizeVariant;
 }>;
 export declare const getSizeVariantState: (size?: SizeVariant) => SizeVariantState;
-export declare const getResponsiveProp: <O extends object, P extends Paths<O>, R = Get<O, `${P}`>>(record: Partial<Record<Screen, O>>, field: P, screen: Screen, options?: {
+export declare const getResponsiveProp: <O extends object, P extends Paths<O>, R = Get<O, `${P}`>>(record: ToResponsiveProps<O>, field: P, screen: Screen, options?: {
     condition?: (value?: R) => boolean;
 }) => R;
 export type FormatNumberOptions = Intl.NumberFormatOptions & {

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyD,YAAY,EAAE,MAAM,OAAO,CAAC;AAI5F,OAAO,EAAe,MAAM,EAAqB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAEpD,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAc/B,eAAO,MAAM,uBAAuB,aAAc,YAAY;;;;;;;;;;;;;;;;;;;;CAyF7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,MAiB9G,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,KAAK,CAAC,SAAS,KAAG,YAAY,EAYvE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,qBAAqB,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,mBAAmB,UAAW,WAAW,KAAG,gBAiCxD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,2BAC/D,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,SAC3B,CAAC,UACA,MAAM,YACJ;IACR,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;CACpC,KACA,CAgBF,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,GAAG;IAC3D,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,uBAAuB,mBAAmB,WASnF,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG;IACnF,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,MAAM,uBAAuB,kBAAkB,WAWjF,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,GAAG;IAC/D,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,IAAI,GAAG,MAAM,GAAG,MAAM,uBAAuB,qBAAqB,WAyBvG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyD,YAAY,EAAE,MAAM,OAAO,CAAC;AAI5F,OAAO,EAAe,MAAM,EAAqB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAEpD,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAc/B,eAAO,MAAM,uBAAuB,aAAc,YAAY;;;;;;;;;;;;;;;;;;;;CAyF7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,MAiB9G,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,KAAK,CAAC,SAAS,KAAG,YAAY,EAYvE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,qBAAqB,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,mBAAmB,UAAW,WAAW,KAAG,gBAiCxD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,2BAC/D,iBAAiB,CAAC,CAAC,CAAC,SACrB,CAAC,UACA,MAAM,YACJ;IACR,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;CACpC,KACA,CAgBF,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,GAAG;IAC3D,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,uBAAuB,mBAAmB,WASnF,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG;IACnF,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,MAAM,uBAAuB,kBAAkB,WAWjF,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,GAAG;IAC/D,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,IAAI,GAAG,MAAM,GAAG,MAAM,uBAAuB,qBAAqB,WAyBvG,CAAC"}

package/dist/utils/index.js

@@ -156,7 +156,7 @@ const getSizeVariantState = (size) => {
 };
 const getResponsiveProp = (record, field, screen, options) => {
   const condition = (options == null ? void 0 : options.condition) ?? ((value) => !isUndefined(value));
-  const getByScreen = (bp) => get(record == null ? void 0 : record[bp], field);
+  const getByScreen = (bp) => bp === "xs" ? get(record, field) : get(record == null ? void 0 : record[bp], field);
   const currentVal = getByScreen(screen);
   if (condition(currentVal)) {
     return currentVal;

package/package.json

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