@janbox/storefront-ui 1.0.25 → 1.0.27

package/dist/constants/index.d.ts

@@ -18,4 +18,7 @@ export declare enum Booleanish {
     True = "true",
     False = "false"
 }
+export declare enum LocaleNamespaces {
+    Translation = "ui__translation"
+}
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,yCAAyC,CAAC;AAExE,eAAO,MAAM,+BAA+B,mBAAmB,CAAC;AAEhE,oBAAY,qBAAqB;IAC/B,YAAY,gBAAgB;IAC5B,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,cAAc,mBAAmB;IACjC,cAAc,mBAAmB;CAClC;AAED,oBAAY,WAAW;IACrB,aAAa,kBAAkB;CAChC;AAED,eAAO,MAAM,YAAY,oHAA0G,CAAC;AAIpI,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,eAAO,MAAM,KAAK,SAAgC,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,yCAAyC,CAAC;AAExE,eAAO,MAAM,+BAA+B,mBAAmB,CAAC;AAEhE,oBAAY,qBAAqB;IAC/B,YAAY,gBAAgB;IAC5B,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,cAAc,mBAAmB;IACjC,cAAc,mBAAmB;CAClC;AAED,oBAAY,WAAW;IACrB,aAAa,kBAAkB;CAChC;AAED,eAAO,MAAM,YAAY,oHAA0G,CAAC;AAIpI,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,eAAO,MAAM,KAAK,SAAgC,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,oBAAY,gBAAgB;IAC1B,WAAW,oBAAoB;CAChC"}

package/dist/constants/index.js

@@ -20,12 +20,17 @@ var Booleanish = /* @__PURE__ */ ((Booleanish2) => {
   Booleanish2["False"] = "false";
   return Booleanish2;
 })(Booleanish || {});
+var LocaleNamespaces = /* @__PURE__ */ ((LocaleNamespaces2) => {
+  LocaleNamespaces2["Translation"] = "ui__translation";
+  return LocaleNamespaces2;
+})(LocaleNamespaces || {});
 export {
   Booleanish,
   FALLBACK_SVG,
   HTMLClasses,
   HTMLDatasetAttributes,
   default2 as IMAGE_PLACEHOLDER,
+  LocaleNamespaces,
   TYPING_DEBOUNCE,
   USER_COMPONENT_LOCALE_NAMESPACE,
   isSSR

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

@@ -1,9 +1,8 @@
 import { HTMLAttributes, JSX, ReactNode } from 'react';
 import { Placement, UseFloatingOptions } from '@floating-ui/react';
-import { PropsWithCSS, ResponsiveDesign } from '@janbox/storefront-ui/types';
 import { InputProps } from '../input';
 import { InputMaskProps, InputMaskResponsiveProps } from '../input-mask/types';
-import { ShallowMerge } from '../../types';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types';
 export type CascaderResponsiveProps = InputMaskResponsiveProps;
 export type CascaderOptionValue = string | number;
 export interface CascaderOption {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,qIAAqI;IACrI,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,qBAAsB,SAAQ,gBAAgB,CAAC,uBAAuB,CAAC;IAC/E,gCAAgC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gDAAgD;IAChD,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAClD,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,wBAAwB;IACxB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,yIAAyI;IACzI,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IACpE,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACxE,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC3C,iDAAiD;IACjD,6CAA6C;IAC7C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,cAAc,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;IAC5F,iCAAiC;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,iBAAiB,GAAG,eAAe,CAAC;CAC1D;AAED,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,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;AAC/E,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvE,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,qIAAqI;IACrI,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,qBAAsB,SAAQ,gBAAgB,CAAC,uBAAuB,CAAC;IAC/E,gCAAgC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gDAAgD;IAChD,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAClD,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,wBAAwB;IACxB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,yIAAyI;IACzI,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IACpE,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACxE,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC3C,iDAAiD;IACjD,6CAA6C;IAC7C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,cAAc,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;IAC5F,iCAAiC;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,iBAAiB,GAAG,eAAe,CAAC;CAC1D;AAED,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,CAAC"}

package/dist/lib/filter-panel/filter-panel.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "@emotion/react/jsx-runtime";
 import { isValidElement } from "react";
 import { useToggle } from "../../hooks/use-toggle/index.js";
 import { CheckboxFilterPanel } from "./checkbox-filter-panel.js";
-import { InputRangeFilterPanel } from "./input-range-filter-panel.js";
+import { PriceRangeFilterPanel } from "./price-range-filter-panel.js";
 import { InputTextFilterPanel } from "./input-text-filter-panel.js";
 import { RadioFilterPanel } from "./radio-filter-panel.js";
 import ArrowDownIcon from "../../assets/svg/arrow-down.svg.js";
@@ -27,7 +27,7 @@ const FilterPanel = ({ label, defaultOpen = true, ...props }) => {
     /* @__PURE__ */ jsx(Collapse, { open, children: /* @__PURE__ */ jsxs(Fragment, { children: [
       props.fieldType === "checkbox" && /* @__PURE__ */ jsx(CheckboxFilterPanel, { ...props }),
       props.fieldType === "radio" && /* @__PURE__ */ jsx(RadioFilterPanel, { ...props }),
-      props.fieldType === "input-range" && /* @__PURE__ */ jsx(InputRangeFilterPanel, { ...props }),
+      props.fieldType === "price-range" && /* @__PURE__ */ jsx(PriceRangeFilterPanel, { ...props }),
       props.fieldType === "input-text" && /* @__PURE__ */ jsx(InputTextFilterPanel, { ...props })
     ] }) })
   ] });

package/dist/lib/filter-panel/price-range-filter-panel.d.ts

@@ -0,0 +1,3 @@
+import { InputRangeFilterPanelProps } from './types';
+export declare const PriceRangeFilterPanel: ({ value, queryParam, placeholder, priceTypes, onPriceChange, onPriceTypeChange, }: InputRangeFilterPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=price-range-filter-panel.d.ts.map

package/dist/lib/filter-panel/price-range-filter-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"price-range-filter-panel.d.ts","sourceRoot":"","sources":["../../../src/lib/filter-panel/price-range-filter-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAWrD,eAAO,MAAM,qBAAqB,sFAO/B,0BAA0B,qDAyH5B,CAAC"}

package/dist/lib/filter-panel/price-range-filter-panel.js

@@ -0,0 +1,127 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { TYPING_DEBOUNCE } from "../../constants/index.js";
+import { useQueryParams } from "../../hooks/use-query-params.js";
+import { useId } from "react";
+import "lodash-es";
+import "../../theme/palette.js";
+import { StringParamParser, NumberParamParser } from "../../utils/query-params.js";
+import { RadioButton } from "../radio-button/radio-button.js";
+import { InputRange } from "../input-range/input-range.js";
+const PriceRangeFilterPanel = ({
+  value,
+  queryParam,
+  placeholder,
+  priceTypes = [],
+  onPriceChange,
+  onPriceTypeChange
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const uniqueId = useId();
+  const { queryParams, setQueryParams } = useQueryParams({
+    ...((_a = queryParam == null ? void 0 : queryParam.from) == null ? void 0 : _a.key) ? {
+      [queryParam.from.key]: {
+        parser(value2) {
+          return new NumberParamParser(value2).parse();
+        }
+      }
+    } : {},
+    ...((_b = queryParam == null ? void 0 : queryParam.to) == null ? void 0 : _b.key) ? {
+      [queryParam.to.key]: {
+        parser(value2) {
+          return new NumberParamParser(value2).parse();
+        }
+      }
+    } : {},
+    ...((_c = queryParam == null ? void 0 : queryParam.priceType) == null ? void 0 : _c.key) ? {
+      [queryParam.priceType.key]: {
+        parser(value2) {
+          return new StringParamParser(value2).parse();
+        }
+      }
+    } : {}
+  });
+  const finalValue = {
+    from: (value == null ? void 0 : value.from) ?? (((_d = queryParam == null ? void 0 : queryParam.from) == null ? void 0 : _d.key) ? queryParams[queryParam.from.key] : void 0),
+    to: (value == null ? void 0 : value.to) ?? (((_e = queryParam == null ? void 0 : queryParam.to) == null ? void 0 : _e.key) ? queryParams[queryParam.to.key] : void 0),
+    priceType: (value == null ? void 0 : value.priceType) ?? (((_f = queryParam == null ? void 0 : queryParam.priceType) == null ? void 0 : _f.key) ? queryParams[queryParam.priceType.key] : void 0) ?? ((_g = priceTypes.find((priceType) => priceType.isDefault)) == null ? void 0 : _g.value)
+  };
+  const onInputRangeChange = (event, edge) => {
+    var _a2, _b2, _c2, _d2;
+    const valueAsNumber = event.target.valueAsNumber;
+    if (edge === "from" && ((_a2 = queryParam == null ? void 0 : queryParam.from) == null ? void 0 : _a2.key)) {
+      setQueryParams(
+        {
+          [queryParam.from.key]: isNaN(valueAsNumber) ? void 0 : valueAsNumber,
+          ...((_b2 = queryParam.priceType) == null ? void 0 : _b2.key) ? { [queryParam.priceType.key]: finalValue.priceType } : {}
+        },
+        {
+          preventScrollReset: true
+        }
+      );
+    }
+    if (edge === "to" && ((_c2 = queryParam == null ? void 0 : queryParam.to) == null ? void 0 : _c2.key)) {
+      setQueryParams(
+        {
+          [queryParam.to.key]: isNaN(valueAsNumber) ? void 0 : valueAsNumber,
+          ...((_d2 = queryParam.priceType) == null ? void 0 : _d2.key) ? { [queryParam.priceType.key]: finalValue.priceType } : {}
+        },
+        {
+          preventScrollReset: true
+        }
+      );
+    }
+    onPriceChange == null ? void 0 : onPriceChange(event, edge);
+  };
+  const onRadioInputChange = (event) => {
+    var _a2;
+    if ((_a2 = queryParam == null ? void 0 : queryParam.priceType) == null ? void 0 : _a2.key) {
+      setQueryParams(
+        {
+          [queryParam.priceType.key]: event.target.value
+        },
+        {
+          preventScrollReset: true
+        }
+      );
+    }
+    onPriceTypeChange == null ? void 0 : onPriceTypeChange(event);
+  };
+  return /* @__PURE__ */ jsxs("div", { css: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ jsx("div", { css: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: priceTypes.map((priceType) => {
+      var _a2;
+      return /* @__PURE__ */ jsx(
+        RadioButton,
+        {
+          checked: ((_a2 = finalValue.priceType) == null ? void 0 : _a2.toString()) === priceType.value,
+          value: priceType.value,
+          onChange: onRadioInputChange,
+          name: `${uniqueId}-price-type`,
+          children: priceType.label
+        },
+        priceType.value
+      );
+    }) }),
+    /* @__PURE__ */ jsx(
+      InputRange,
+      {
+        xs: { size: "sm" },
+        onChange: onInputRangeChange,
+        inputs: [
+          {
+            debounce: TYPING_DEBOUNCE,
+            value: finalValue.from ?? "",
+            placeholder: placeholder == null ? void 0 : placeholder.from
+          },
+          {
+            debounce: TYPING_DEBOUNCE,
+            value: finalValue.to ?? "",
+            placeholder: placeholder == null ? void 0 : placeholder.to
+          }
+        ]
+      }
+    )
+  ] });
+};
+export {
+  PriceRangeFilterPanel
+};

package/dist/lib/filter-panel/radio-filter-panel.js

@@ -6,8 +6,8 @@ import { useQueryParams } from "../../hooks/use-query-params.js";
 import "../../theme/palette.js";
 import { matchSearch } from "../../utils/common.js";
 import { StringParamParser } from "../../utils/query-params.js";
-import { RadioButton } from "../radio-button/radio-button.js";
 import { Input } from "../input/input.js";
+import { RadioButton } from "../radio-button/radio-button.js";
 const ROW_HEIGHT = 32;
 const DISPLAY_ROW_COUNT = 5;
 const RadioFilterPanel = ({

package/dist/lib/filter-panel/types.d.ts

@@ -40,11 +40,8 @@ export type RadioFilterPanelProps = {
     fallbackValue?: string;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
-export type InputRangeFilterPanelProps<T = {
-    from?: number;
-    to?: number;
-}> = {
-    fieldType: 'input-range';
+export type InputRangeFilterPanelProps = {
+    fieldType: 'price-range';
     queryParam?: {
         from?: {
             key: string;
@@ -52,13 +49,26 @@ export type InputRangeFilterPanelProps<T = {
         to?: {
             key: string;
         };
+        priceType?: {
+            key: string;
+        };
+    };
+    value?: {
+        from?: number;
+        to?: number;
+        priceType?: string;
     };
-    value?: T;
-    onChange?: InputRangeProps['onChange'];
+    onPriceChange?: InputRangeProps['onChange'];
     placeholder?: {
         from?: string;
         to?: string;
     };
+    priceTypes?: {
+        label: ReactNode;
+        value: string;
+        isDefault?: boolean;
+    }[];
+    onPriceTypeChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
 export type InputTextFilterPanelProps = {
     fieldType: 'input-text';

package/dist/lib/filter-panel/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/filter-panel/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/filter-panel/types.ts"],"names":[],"mappings":"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"}

package/dist/locales/en/ui__translation.json

@@ -1,3 +1,3 @@
 {
-  "hello": "Hello"
+  "apply": "Apply"
 }

package/dist/locales/vi/ui__translation.json

@@ -1 +1,3 @@
-{}
+{
+  "apply": "Áp dụng"
+}

package/dist/style.css

@@ -757,23 +757,6 @@
   font-weight: 600;
   color: #849095;
   padding: 0.833em;
-}._input_range_1yrkm_1 {
-  display: flex;
-  align-items: center;
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 0.5rem;
-  gap: 0.5rem;
-}
-._input_range_1yrkm_1:has(input:focus) {
-  border-color: var(--color-primary-600);
-  box-shadow: 0 1px 3px 0 var(--color-primary-300), 0 1px 2px -1px var(--color-primary-300);
-}
-._input_range_1yrkm_1:hover {
-  border-color: var(--color-primary-300);
-}._input_number__input_2xvhv_1::-webkit-outer-spin-button, ._input_number__input_2xvhv_1::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
 }._radio_button__container_10dls_1 {
   display: flex;
   width: fit-content;
@@ -850,6 +833,23 @@
 
 ._radio_button__input_10dls_10:disabled + ._radio_button__checkmark_10dls_21 {
   color: var(--color-neutral-300);
+}._input_range_1yrkm_1 {
+  display: flex;
+  align-items: center;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 0.5rem;
+  gap: 0.5rem;
+}
+._input_range_1yrkm_1:has(input:focus) {
+  border-color: var(--color-primary-600);
+  box-shadow: 0 1px 3px 0 var(--color-primary-300), 0 1px 2px -1px var(--color-primary-300);
+}
+._input_range_1yrkm_1:hover {
+  border-color: var(--color-primary-300);
+}._input_number__input_2xvhv_1::-webkit-outer-spin-button, ._input_number__input_2xvhv_1::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
 }._switch__container_19zrg_1 {
   display: flex;
   align-items: center;

package/package.json

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

package/dist/lib/filter-panel/input-range-filter-panel.d.ts

@@ -1,3 +0,0 @@
-import { InputRangeFilterPanelProps } from './types';
-export declare const InputRangeFilterPanel: ({ value, queryParam, placeholder, onChange }: InputRangeFilterPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=input-range-filter-panel.d.ts.map

package/dist/lib/filter-panel/input-range-filter-panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-range-filter-panel.d.ts","sourceRoot":"","sources":["../../../src/lib/filter-panel/input-range-filter-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AASrD,eAAO,MAAM,qBAAqB,iDAAkD,0BAA0B,qDAuE7G,CAAC"}

package/dist/lib/filter-panel/input-range-filter-panel.js

@@ -1,77 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { TYPING_DEBOUNCE } from "../../constants/index.js";
-import { useQueryParams } from "../../hooks/use-query-params.js";
-import "react";
-import "lodash-es";
-import "../../theme/palette.js";
-import { NumberParamParser } from "../../utils/query-params.js";
-import { InputRange } from "../input-range/input-range.js";
-const InputRangeFilterPanel = ({ value, queryParam, placeholder, onChange }) => {
-  var _a, _b, _c, _d;
-  const { queryParams, setQueryParams } = useQueryParams({
-    ...((_a = queryParam == null ? void 0 : queryParam.from) == null ? void 0 : _a.key) ? {
-      [queryParam.from.key]: {
-        parser(value2) {
-          return new NumberParamParser(value2).parse();
-        }
-      }
-    } : {},
-    ...((_b = queryParam == null ? void 0 : queryParam.to) == null ? void 0 : _b.key) ? {
-      [queryParam.to.key]: {
-        parser(value2) {
-          return new NumberParamParser(value2).parse();
-        }
-      }
-    } : {}
-  });
-  const finalValue = {
-    from: (value == null ? void 0 : value.from) ?? (((_c = queryParam == null ? void 0 : queryParam.from) == null ? void 0 : _c.key) ? queryParams[queryParam.from.key] : void 0),
-    to: (value == null ? void 0 : value.to) ?? (((_d = queryParam == null ? void 0 : queryParam.to) == null ? void 0 : _d.key) ? queryParams[queryParam.to.key] : void 0)
-  };
-  const onInputRangeChange = (event, edge) => {
-    var _a2, _b2;
-    const valueAsNumber = event.target.valueAsNumber;
-    if (edge === "from" && ((_a2 = queryParam == null ? void 0 : queryParam.from) == null ? void 0 : _a2.key)) {
-      setQueryParams(
-        {
-          [queryParam.from.key]: isNaN(valueAsNumber) ? void 0 : valueAsNumber
-        },
-        {
-          preventScrollReset: true
-        }
-      );
-    }
-    if (edge === "to" && ((_b2 = queryParam == null ? void 0 : queryParam.to) == null ? void 0 : _b2.key)) {
-      setQueryParams(
-        {
-          [queryParam.to.key]: isNaN(valueAsNumber) ? void 0 : valueAsNumber
-        },
-        {
-          preventScrollReset: true
-        }
-      );
-    }
-    onChange == null ? void 0 : onChange(event, edge);
-  };
-  return /* @__PURE__ */ jsx(
-    InputRange,
-    {
-      onChange: onInputRangeChange,
-      inputs: [
-        {
-          debounce: TYPING_DEBOUNCE,
-          value: finalValue.from ?? "",
-          placeholder: placeholder == null ? void 0 : placeholder.from
-        },
-        {
-          debounce: TYPING_DEBOUNCE,
-          value: finalValue.to ?? "",
-          placeholder: placeholder == null ? void 0 : placeholder.to
-        }
-      ]
-    }
-  );
-};
-export {
-  InputRangeFilterPanel
-};