@janbox/storefront-ui 1.0.13 → 1.0.14

package/dist/lib/input-mask/input-mask.js

@@ -1,110 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, Fragment } from "react";
-import { getInputMaskProps } from "./helpers.js";
-import { mediaQuery } from "../../theme/screens.js";
-import { getColorVar } from "../../theme/palette.js";
-import { getSizeVariantState } from "../../utils/index.js";
-import { Primitive } from "../primitive/primitive.js";
-import { Icon } from "../icon/icon.js";
-const InputMask = (_props, ref) => {
-  const { prefix, suffix, children, xs, sm, md, startIcon, endIcon, lg, error, ...props } = getInputMaskProps(_props);
-  const css = [
-    {
-      display: "flex",
-      paddingTop: 2,
-      paddingBottom: 2,
-      alignItems: "center",
-      gap: 8,
-      overflow: "hidden",
-      width: "100%",
-      position: "relative",
-      borderRadius: 8,
-      ":after": {
-        content: '""',
-        position: "absolute",
-        inset: 0,
-        pointerEvents: "none",
-        borderRadius: 8,
-        borderWidth: 1,
-        borderStyle: "solid",
-        borderColor: error ? getColorVar("red.600") : void 0
-      }
-    },
-    createStyle(xs),
-    {
-      [mediaQuery("sm")]: createStyle(sm),
-      [mediaQuery("md")]: createStyle(md),
-      [mediaQuery("lg")]: createStyle(lg)
-    }
-  ];
-  return /* @__PURE__ */ jsxs(Primitive, { css, ...props, ref, children: [
-    prefix,
-    !!startIcon && /* @__PURE__ */ jsx(
-      Icon,
-      {
-        ...startIcon,
-        xs: {
-          size: getSizeVariantState(xs == null ? void 0 : xs.size).iconSize,
-          ...startIcon.xs
-        },
-        sm: {
-          size: getSizeVariantState(sm == null ? void 0 : sm.size).iconSize,
-          ...startIcon.sm
-        },
-        md: {
-          size: getSizeVariantState(md == null ? void 0 : md.size).iconSize,
-          ...startIcon.md
-        },
-        lg: {
-          size: getSizeVariantState(lg == null ? void 0 : lg.size).iconSize,
-          ...startIcon.lg
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(Fragment, { children }),
-    !!endIcon && /* @__PURE__ */ jsx(
-      Icon,
-      {
-        ...endIcon,
-        xs: {
-          size: getSizeVariantState(xs == null ? void 0 : xs.size).iconSize,
-          ...endIcon.xs
-        },
-        sm: {
-          size: getSizeVariantState(sm == null ? void 0 : sm.size).iconSize,
-          ...endIcon.sm
-        },
-        md: {
-          size: getSizeVariantState(md == null ? void 0 : md.size).iconSize,
-          ...endIcon.md
-        },
-        lg: {
-          size: getSizeVariantState(lg == null ? void 0 : lg.size).iconSize,
-          ...endIcon.lg
-        }
-      }
-    ),
-    suffix
-  ] });
-};
-const ForwardRefInputMask = forwardRef(InputMask);
-const createStyle = ({ size, css, outline } = {}) => {
-  const { inputSize, inputPaddingX } = getSizeVariantState(size);
-  return [
-    {
-      minHeight: inputSize,
-      paddingLeft: inputPaddingX,
-      paddingRight: inputPaddingX,
-      ":after": {
-        borderTopWidth: outline == null ? void 0 : outline.top,
-        borderRightWidth: outline == null ? void 0 : outline.right,
-        borderBottomWidth: outline == null ? void 0 : outline.bottom,
-        borderLeftWidth: outline == null ? void 0 : outline.left
-      }
-    },
-    css
-  ];
-};
-export {
-  ForwardRefInputMask as InputMask
-};

package/dist/lib/input-mask/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/input-mask/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE;QACR,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,WAAW,IAAI,YAAY,CACpF,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,EACpB;IACE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CACF,GACC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC"}

package/dist/lib/input-number/index.d.ts.map

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"input-number.d.ts","sourceRoot":"","sources":["../../../src/lib/input-number/input-number.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAY3C,eAAO,MAAM,WAAW,sGAYrB,gBAAgB,qDAuHlB,CAAC"}

package/dist/lib/input-number/input-number.js

@@ -1,131 +0,0 @@
-import { jsx, Fragment } from "@emotion/react/jsx-runtime";
-import { useRef } from "react";
-import { useMergeRefs } from "@floating-ui/react";
-import { isNil } from "lodash-es";
-import classes from "./input-number.module.scss.js";
-import { Input } from "../input/input.js";
-import { useControllableState } from "../../hooks/use-controllable-state.js";
-import "../../theme/palette.js";
-import { cn } from "../../utils/stylesheet.js";
-import MinusIcon from "../../assets/svg/minus.svg.js";
-import PlusIcon from "../../assets/svg/plus.svg.js";
-import { IconButton } from "../icon-button/icon-button.js";
-const MAX_FRACTION_DIGITS = 10;
-const InputNumber = ({
-  value,
-  defaultValue,
-  className,
-  step = 0,
-  suffix,
-  prefix,
-  fractionDigits = 0,
-  max = Infinity,
-  min = 0,
-  ref,
-  ...props
-}) => {
-  const inputRef = useRef(null);
-  const [valueAsString, setValueAsString] = useControllableState({
-    value: value == null ? void 0 : value.toString(),
-    defaultValue: (defaultValue == null ? void 0 : defaultValue.toString()) ?? ""
-  });
-  const valueAsNumber = parseFloat(valueAsString);
-  const mergedRefs = useMergeRefs([ref, inputRef]);
-  const fractionDigitsInNumber = typeof fractionDigits === "number" ? fractionDigits : MAX_FRACTION_DIGITS;
-  const transformFn = (value2) => {
-    var _a, _b;
-    value2 = value2.replace(/e|E/g, "");
-    if (min >= 0) {
-      value2 = value2.replace(/^-/, "");
-    }
-    if (fractionDigits === 0) {
-      value2 = value2.replace(/\.\d+$/, "");
-    } else {
-      const parts = value2.split(".");
-      if (parts.length > 1) {
-        const decimalPart = (_a = parts.at(1)) == null ? void 0 : _a.slice(0, Math.min(fractionDigitsInNumber, MAX_FRACTION_DIGITS));
-        value2 = `${parts.at(0)}.${decimalPart}`;
-      }
-    }
-    return ((_b = props.transform) == null ? void 0 : _b.call(props, value2)) ?? value2;
-  };
-  const onChange = (e) => {
-    var _a;
-    if (props.mode === "onBlur" && e.target.valueAsNumber < min) {
-      e.target.value = min.toString();
-    }
-    setValueAsString(e.target.value);
-    (_a = props.onChange) == null ? void 0 : _a.call(props, e);
-  };
-  const onKeyDown = (e) => {
-    var _a;
-    if (e.key === "e" || e.key === "E") {
-      e.preventDefault();
-    }
-    (_a = props.onKeyDown) == null ? void 0 : _a.call(props, e);
-  };
-  const dispatchChange = (nextValue) => {
-    var _a;
-    if (!inputRef.current) return;
-    const nativeInputValueSetter = (_a = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : _a.set;
-    nativeInputValueSetter == null ? void 0 : nativeInputValueSetter.call(inputRef.current, nextValue);
-    const event = new Event("input", { bubbles: true });
-    inputRef.current.dispatchEvent(event);
-  };
-  const onPlus = (_e) => {
-    const inputEl = inputRef.current;
-    if (isNil(inputEl)) return;
-    const currentValueAsNumber = inputEl.valueAsNumber;
-    const nextValueAsNumber = Math.min(isNaN(currentValueAsNumber) ? step : currentValueAsNumber + step, max);
-    if (currentValueAsNumber === nextValueAsNumber) return;
-    dispatchChange(nextValueAsNumber.toString());
-  };
-  const onMinus = (_e) => {
-    const inputEl = inputRef.current;
-    if (isNil(inputEl)) return;
-    const currentValueAsNumber = inputEl.valueAsNumber;
-    const nextValueAsNumber = Math.max(isNaN(currentValueAsNumber) ? step : currentValueAsNumber - step, min);
-    if (currentValueAsNumber === nextValueAsNumber) return;
-    dispatchChange(nextValueAsNumber.toString());
-  };
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      ...props,
-      value: valueAsString,
-      onChange,
-      transform: transformFn,
-      className: cn(classes.input_number__input, className),
-      onKeyDown,
-      suffix: suffix ?? /* @__PURE__ */ jsx(Fragment, { children: step > 0 && /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          color: "neutral",
-          xs: {
-            size: "xs"
-          },
-          icon: { source: PlusIcon },
-          onClick: onPlus,
-          "aria-disabled": isNaN(valueAsNumber) ? false : valueAsNumber >= max
-        }
-      ) }),
-      prefix: prefix ?? /* @__PURE__ */ jsx(Fragment, { children: step > 0 && /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          color: "neutral",
-          xs: {
-            size: "xs"
-          },
-          icon: { source: MinusIcon },
-          onClick: onMinus,
-          "aria-disabled": isNaN(valueAsNumber) ? false : valueAsNumber <= min
-        }
-      ) }),
-      type: "number",
-      ref: mergedRefs
-    }
-  );
-};
-export {
-  InputNumber
-};

package/dist/lib/input-number/input-number.module.scss.js

@@ -1,8 +0,0 @@
-const input_number__input = "_input_number__input_2xvhv_1";
-const classes = {
-  input_number__input
-};
-export {
-  classes as default,
-  input_number__input
-};

package/dist/lib/input-number/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/input-number/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG,YAAY,CACzC,UAAU,EACV;IACE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CACF,CAAC"}

package/dist/lib/input-range/helpers.d.ts.map

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

package/dist/lib/input-range/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/input-range/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"input-range.d.ts","sourceRoot":"","sources":["../../../src/lib/input-range/input-range.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkB,eAAe,EAA6B,MAAM,SAAS,CAAC;AAYrF,eAAO,MAAM,UAAU,WAAY,eAAe,qDA4JjD,CAAC"}

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

@@ -1,176 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { useRef, Fragment } from "react";
-import { getInputRangeProps } from "./helpers.js";
-import classes from "./input-range.module.scss.js";
-import { getSizeVariantState } from "../../utils/index.js";
-import LongArrowRightIcon from "../../assets/svg/long-arrow-right.svg.js";
-import { mediaQuery } from "../../theme/screens.js";
-import "../../theme/palette.js";
-import { InputNumber } from "../input-number/input-number.js";
-import { Icon } from "../icon/icon.js";
-import { cn } from "../../utils/stylesheet.js";
-import { FormHelperText } from "../form-helper-text/form-helper-text.js";
-const InputRange = (_props) => {
-  const {
-    error,
-    helperText,
-    inputs,
-    xs,
-    md,
-    sm,
-    lg,
-    className,
-    onChange,
-    prefix,
-    suffix,
-    startIcon,
-    endIcon,
-    ...props
-  } = getInputRangeProps(_props);
-  const containerRef = useRef(null);
-  const inputRefs = useRef([]);
-  const iconProps = {
-    xs: {
-      size: getSizeVariantState(xs == null ? void 0 : xs.size).iconSize
-    },
-    sm: {
-      size: getSizeVariantState(sm == null ? void 0 : sm.size).iconSize
-    },
-    md: {
-      size: getSizeVariantState(md == null ? void 0 : md.size).iconSize
-    },
-    lg: {
-      size: getSizeVariantState(lg == null ? void 0 : lg.size).iconSize
-    }
-  };
-  const onInputFocus = (e) => {
-    var _a, _b;
-    e.target.select();
-    (_b = (_a = inputs == null ? void 0 : inputs.at(Number(e.currentTarget.dataset.index))) == null ? void 0 : _a.onFocus) == null ? void 0 : _b.call(_a, e);
-  };
-  const onInputChange = (e) => {
-    var _a, _b;
-    const edge = e.currentTarget.dataset.edge;
-    onChange == null ? void 0 : onChange(e, edge);
-    (_b = (_a = inputs == null ? void 0 : inputs.at(Number(e.currentTarget.dataset.index))) == null ? void 0 : _a.onChange) == null ? void 0 : _b.call(_a, e);
-  };
-  const css = [
-    createStyle(xs),
-    {
-      [mediaQuery("sm")]: createStyle(sm),
-      [mediaQuery("md")]: createStyle(md),
-      [mediaQuery("lg")]: createStyle(lg)
-    }
-  ];
-  return /* @__PURE__ */ jsxs("div", { css: { width: "100%" }, children: [
-    /* @__PURE__ */ jsxs("div", { css, className: cn(classes.input_range, className), ...props, ref: containerRef, children: [
-      prefix,
-      !!startIcon && /* @__PURE__ */ jsx(
-        Icon,
-        {
-          ...startIcon,
-          css: { flexShrink: 0 },
-          xs: {
-            size: getSizeVariantState(xs == null ? void 0 : xs.size).iconSize,
-            ...startIcon.xs
-          },
-          sm: {
-            size: getSizeVariantState(sm == null ? void 0 : sm.size).iconSize,
-            ...startIcon.sm
-          },
-          md: {
-            size: getSizeVariantState(md == null ? void 0 : md.size).iconSize,
-            ...startIcon.md
-          },
-          lg: {
-            size: getSizeVariantState(lg == null ? void 0 : lg.size).iconSize,
-            ...startIcon.lg
-          }
-        }
-      ),
-      ["from", "to"].map((edge, index, array) => {
-        const inputProps = (inputs == null ? void 0 : inputs.at(index)) ?? {};
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            InputNumber,
-            {
-              ref: (el) => {
-                inputRefs.current[index] = el;
-              },
-              "data-edge": edge,
-              "data-index": index,
-              css: { textAlign: "center" },
-              mainProps: {
-                style: {
-                  borderWidth: 0,
-                  boxShadow: "none",
-                  paddingLeft: 0,
-                  paddingRight: 0
-                }
-              },
-              mode: "onBlur",
-              ...inputProps,
-              onChange: onInputChange,
-              onFocus: onInputFocus,
-              xs: {
-                size: xs == null ? void 0 : xs.size,
-                ...inputProps.xs
-              },
-              sm: {
-                size: sm == null ? void 0 : sm.size,
-                ...inputProps.sm
-              },
-              md: {
-                size: md == null ? void 0 : md.size,
-                ...inputProps.md
-              },
-              lg: {
-                size: lg == null ? void 0 : lg.size,
-                ...inputProps.lg
-              }
-            },
-            index
-          ),
-          index < array.length - 1 && /* @__PURE__ */ jsx(Icon, { ...iconProps, css: { flexShrink: 0 }, source: LongArrowRightIcon })
-        ] }, index);
-      }),
-      !!endIcon && /* @__PURE__ */ jsx(
-        Icon,
-        {
-          ...endIcon,
-          css: { flexShrink: 0 },
-          xs: {
-            size: getSizeVariantState(xs == null ? void 0 : xs.size).iconSize,
-            ...endIcon.xs
-          },
-          sm: {
-            size: getSizeVariantState(sm == null ? void 0 : sm.size).iconSize,
-            ...endIcon.sm
-          },
-          md: {
-            size: getSizeVariantState(md == null ? void 0 : md.size).iconSize,
-            ...endIcon.md
-          },
-          lg: {
-            size: getSizeVariantState(lg == null ? void 0 : lg.size).iconSize,
-            ...endIcon.lg
-          }
-        }
-      ),
-      suffix
-    ] }),
-    /* @__PURE__ */ jsx(FormHelperText, { error, children: helperText })
-  ] });
-};
-const createStyle = ({ size } = {}) => {
-  const { inputPaddingX } = getSizeVariantState(size);
-  return [
-    {
-      paddingLeft: inputPaddingX,
-      paddingRight: inputPaddingX
-    }
-  ];
-};
-export {
-  InputRange
-};

package/dist/lib/input-range/input-range.module.scss.js

@@ -1,8 +0,0 @@
-const input_range = "_input_range_1yrkm_1";
-const classes = {
-  input_range
-};
-export {
-  classes as default,
-  input_range
-};

package/dist/lib/input-range/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/input-range/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,yBAAyB;IACxC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,IAAI,CAAC;AAE3C,UAAU,uBAAwB,SAAQ,gBAAgB,CAAC,yBAAyB,CAAC;IACnF,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EACtC,IAAI,EAAE,cAAc,KACjB,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,eAAe,GAAG,YAAY,CACxC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,uBAAuB,CACxB,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"lightbox.d.ts","sourceRoot":"","sources":["../../../src/lib/lightbox/lightbox.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAgQxC,eAAO,MAAM,QAAQ,6CAA8C,aAAa,qDA6B/E,CAAC"}