@janbox/storefront-ui 1.0.0 → 1.0.2

package/dist/lib/cascader/cascader.cjs

@@ -1,497 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const lodashEs = require("lodash-es");
-const helpers = require("./helpers.cjs");
-const svgLoader = require("../../components/svg-loader.cjs");
-const virtualizedList = require("../../components/virtualized-list.cjs");
-const index = require("../../hooks/use-window-screen/index.cjs");
-const useControllableState = require("../../hooks/use-controllable-state.cjs");
-const utils_index = require("../../utils/index.cjs");
-const arrowDown = require("../../assets/svg/arrow-down.svg.cjs");
-const arrowRight = require("../../assets/svg/arrow-right.svg.cjs");
-const doneCheck = require("../../assets/svg/done-check.svg.cjs");
-const theme_palette = require("../../theme/palette.cjs");
-const theme_typography = require("../../theme/typography.cjs");
-const common = require("../../utils/common.cjs");
-const floating = require("../floating/floating/floating.cjs");
-const floatingTrigger = require("../floating/floating-trigger/floating-trigger.cjs");
-const inputMask = require("../input-mask/input-mask.cjs");
-const floatingContent = require("../floating/floating-content/floating-content.cjs");
-const input = require("../input/input.cjs");
-const formHelperText = require("../form-helper-text/form-helper-text.cjs");
-const DEFAULT_SEPARATOR = "/";
-const DEFAULT_DISPLAY_ROW_COUNT = 5;
-const Cascader = ({
-  ref,
-  ..._props
-}) => {
-  var _a, _b, _c, _d, _e;
-  const {
-    placement = "bottom-start",
-    open,
-    onOpenChange,
-    searchable = false,
-    value: selectedPath = [],
-    options,
-    onChange,
-    placeholder,
-    listProps,
-    selectedRenderer,
-    separator = DEFAULT_SEPARATOR,
-    helperText,
-    error,
-    containerProps,
-    inputProps,
-    fullWidth = true,
-    lazy = true,
-    menuWidth = "exact-reference",
-    ...rest
-  } = helpers.getCascaderProps(_props);
-  const searchInputRef = react.useRef(null);
-  const floatingRef = react.useRef(null);
-  const uniqueId = react.useId();
-  const [inputValue, setInputValue] = useControllableState.useControllableState({
-    defaultValue: (inputProps == null ? void 0 : inputProps.defaultValue) ?? "",
-    value: inputProps == null ? void 0 : inputProps.value
-  });
-  const windowScreen = index.useWindowScreen();
-  const [isOpen, setIsOpen] = useControllableState.useControllableState({
-    defaultValue: open ?? false,
-    value: open
-  });
-  const [expandedPath, setExpandedPath] = react.useState([]);
-  const handleOpenChange = (nextOpen, event, reason) => {
-    setIsOpen(nextOpen);
-    onOpenChange == null ? void 0 : onOpenChange(nextOpen, event, reason);
-    if (!nextOpen) {
-      setExpandedPath(selectedPath);
-    }
-  };
-  const handleBreadcrumbClick = (e) => {
-    const level = Number(e.currentTarget.dataset.index);
-    if (level < 0) {
-      setExpandedPath([]);
-    } else {
-      setExpandedPath(expandedPath.slice(0, level + 1));
-    }
-  };
-  const selectedOptions = react.useMemo(() => {
-    return helpers.findOptionPath(options, selectedPath);
-  }, [options, selectedPath]);
-  const expandedOptions = react.useMemo(() => {
-    return helpers.findOptionPath(options, expandedPath);
-  }, [options, expandedPath]);
-  const currentOptions = react.useMemo(() => {
-    var _a2;
-    if (expandedPath.length === 0) {
-      return options;
-    }
-    let current = options;
-    for (const value of expandedPath) {
-      const found = current.find((opt) => opt.value === value);
-      if ((_a2 = found == null ? void 0 : found.children) == null ? void 0 : _a2.length) {
-        current = found.children;
-      } else {
-        break;
-      }
-    }
-    return current;
-  }, [options, expandedPath]);
-  const displayOptions = react.useMemo(() => {
-    if (!inputValue) {
-      return currentOptions;
-    }
-    return currentOptions.filter((option) => {
-      const searchLabels = common.ensureArray(option.searchLabel ?? []);
-      if (!searchLabels.length && lodashEs.isString(option.label)) {
-        searchLabels.push(option.label);
-      }
-      return common.matchSearch(searchLabels, inputValue);
-    });
-  }, [inputValue, currentOptions]);
-  const responsiveSize = lodashEs.isNil(windowScreen.name) ? void 0 : utils_index.getResponsiveProp(rest, "size", windowScreen.name);
-  const { inputSize: rowMinHeight = 0, inputPaddingX } = utils_index.getSizeVariantState(responsiveSize);
-  const sizeOptions = {
-    apply({ elements }) {
-      const { width } = elements.reference.getBoundingClientRect();
-      const sizeStyle = {};
-      switch (menuWidth) {
-        case "exact-reference":
-          sizeStyle.width = `${width}px`;
-          break;
-        case "min-reference":
-          sizeStyle.minWidth = `${width}px`;
-          break;
-        default:
-          sizeStyle.width = `${menuWidth}px`;
-          break;
-      }
-      Object.assign(elements.floating.style, sizeStyle);
-    }
-  };
-  const getTextCss = (sizeVariant) => {
-    if (lodashEs.isNil(sizeVariant)) return {};
-    const { textVariant } = utils_index.getSizeVariantState(sizeVariant);
-    if (lodashEs.isNil(textVariant)) return {};
-    return theme_typography.getTypographyVar(textVariant);
-  };
-  const onInputChange = (e) => {
-    var _a2;
-    e.target.value = lodashEs.trimStart(e.target.value);
-    setInputValue(e.target.value);
-    (_a2 = inputProps == null ? void 0 : inputProps.onChange) == null ? void 0 : _a2.call(inputProps, e);
-  };
-  const displayValue = react.useMemo(() => {
-    if (selectedOptions.length === 0) return null;
-    if (selectedRenderer) {
-      return selectedRenderer(selectedOptions);
-    }
-    return selectedOptions.map((opt, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        css: { display: "flex", alignItems: "center" },
-        children: [
-          opt.label,
-          idx < selectedOptions.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { css: { marginLeft: 4, marginRight: 4, opacity: 0.6 }, children: separator })
-        ]
-      },
-      `${uniqueId}-${opt.value}`
-    ));
-  }, [selectedOptions, selectedRenderer, separator, uniqueId]);
-  react.useEffect(() => {
-    const timer = setTimeout(() => {
-      var _a2;
-      if (isOpen) {
-        (_a2 = searchInputRef.current) == null ? void 0 : _a2.focus();
-        setExpandedPath(selectedPath);
-      } else {
-        setInputValue("");
-      }
-    }, 100);
-    return () => clearTimeout(timer);
-  }, [isOpen]);
-  const estimateSize = react.useCallback(
-    (_index) => {
-      return rowMinHeight ?? 0;
-    },
-    [rowMinHeight]
-  );
-  const getItemKey = react.useCallback(
-    (index2) => {
-      const option = displayOptions.at(index2);
-      return option ? option.value : `${uniqueId}-${index2}`;
-    },
-    [displayOptions, uniqueId]
-  );
-  const renderBreadcrumbs = () => {
-    if (expandedPath.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        css: {
-          paddingLeft: inputPaddingX,
-          paddingRight: inputPaddingX,
-          minHeight: rowMinHeight,
-          borderTop: "1px solid",
-          borderColor: theme_palette.getColorVar("neutral.200"),
-          display: "flex",
-          alignItems: "center",
-          gap: 4,
-          flexWrap: "wrap",
-          paddingTop: 4,
-          paddingBottom: 4
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              "data-index": -1,
-              type: "button",
-              onClick: handleBreadcrumbClick,
-              css: {
-                color: theme_palette.getColorVar("neutral.500"),
-                ":hover": { color: theme_palette.getColorVar("primary.600") },
-                transition: "color 150ms"
-              },
-              children: "All"
-            }
-          ),
-          expandedOptions.map((opt, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              css: { display: "flex", alignItems: "center", gap: 4 },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { css: { color: theme_palette.getColorVar("neutral.400") }, children: separator }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    "data-index": idx,
-                    type: "button",
-                    onClick: handleBreadcrumbClick,
-                    css: {
-                      color: theme_palette.getColorVar("neutral.600"),
-                      ":hover": { color: theme_palette.getColorVar("primary.600") },
-                      transition: "color 150ms",
-                      ...idx === expandedOptions.length - 1 ? {
-                        color: theme_palette.getColorVar("primary.600"),
-                        fontWeight: 500
-                      } : {}
-                    },
-                    children: opt.breadcrumbLabel ?? opt.label
-                  }
-                )
-              ]
-            },
-            `${uniqueId}-breadcrumb-${opt.value}`
-          ))
-        ]
-      }
-    );
-  };
-  const RowComponent = ({ row }) => {
-    const rowData = displayOptions.at(row.index);
-    if (lodashEs.isNil(rowData)) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
-    const isSelected = selectedPath.includes(rowData.value);
-    const handleSelect = () => {
-      var _a2, _b2, _c2, _d2;
-      if (rowData.disabled) return;
-      const parentPath = [];
-      let current = options;
-      for (const value of expandedPath) {
-        const found = current.find((opt) => opt.value === value);
-        if ((_a2 = found == null ? void 0 : found.children) == null ? void 0 : _a2.length) {
-          parentPath.push(value);
-          current = found.children;
-        } else {
-          break;
-        }
-      }
-      const newPath = [...parentPath, rowData.value];
-      const newSelectedOptions = helpers.findOptionPath(options, newPath);
-      if (helpers.hasChildren(rowData)) {
-        setExpandedPath(newPath);
-      } else {
-        onChange == null ? void 0 : onChange(newPath, newSelectedOptions);
-        (_d2 = (_b2 = floatingRef.current) == null ? void 0 : (_c2 = _b2.context).onOpenChange) == null ? void 0 : _d2.call(_c2, false);
-      }
-      setInputValue("");
-      setTimeout(() => {
-        var _a3;
-        (_a3 = searchInputRef.current) == null ? void 0 : _a3.focus();
-      });
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        "aria-hidden": true,
-        onClick: handleSelect,
-        css: {
-          minHeight: rowMinHeight,
-          paddingLeft: inputPaddingX,
-          paddingRight: inputPaddingX,
-          paddingTop: 4,
-          paddingBottom: 4,
-          display: "flex",
-          alignItems: "center",
-          gap: 8,
-          cursor: "pointer",
-          borderRadius: 8,
-          ":hover": { backgroundColor: theme_palette.getColorVar("neutral.100") },
-          transition: "color 150ms, background-color 150ms",
-          ...isSelected && !helpers.hasChildren(rowData) ? {
-            color: theme_palette.getColorVar("primary.600"),
-            backgroundColor: theme_palette.getColorVar("primary.100")
-          } : {},
-          ...rowData.disabled ? {
-            opacity: 0.5,
-            cursor: "not-allowed"
-          } : {}
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              css: {
-                flex: 1,
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap"
-              },
-              children: rowData.label
-            }
-          ),
-          helpers.hasChildren(rowData) ? /* @__PURE__ */ jsxRuntime.jsx(
-            svgLoader.SvgLoader,
-            {
-              source: arrowRight,
-              width: 20,
-              height: 20,
-              css: { color: theme_palette.getColorVar("neutral.400") }
-            }
-          ) : isSelected && /* @__PURE__ */ jsxRuntime.jsx(
-            svgLoader.SvgLoader,
-            {
-              source: doneCheck,
-              width: 20,
-              height: 20,
-              css: { color: theme_palette.getColorVar("primary.600") }
-            }
-          )
-        ]
-      },
-      `${uniqueId}-option-${rowData.value}`
-    );
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ...containerProps,
-      css: {
-        display: "flex",
-        flexDirection: "column",
-        ...fullWidth ? { width: "100%" } : {}
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          floating.Floating,
-          {
-            clickProps: {
-              enabled: true
-            },
-            dismissProps: {
-              enabled: true
-            },
-            sizeOptions,
-            placement,
-            open: isOpen,
-            onOpenChange: handleOpenChange,
-            ref: floatingRef,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(floatingTrigger.FloatingTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                inputMask.InputMask,
-                {
-                  type: "button",
-                  error: isOpen ? false : error,
-                  element: "button",
-                  suffix: /* @__PURE__ */ jsxRuntime.jsx(
-                    svgLoader.SvgLoader,
-                    {
-                      source: arrowDown,
-                      width: 20,
-                      height: 20,
-                      css: {
-                        transition: "transform 150ms",
-                        ...isOpen ? { transform: "rotate(-180deg)" } : {}
-                      }
-                    }
-                  ),
-                  ...rest,
-                  ref,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      css: [
-                        {
-                          flex: 1,
-                          textAlign: "left",
-                          overflow: "hidden",
-                          textOverflow: "ellipsis",
-                          whiteSpace: "nowrap"
-                        },
-                        getTextCss((_a = rest.xs) == null ? void 0 : _a.size)
-                      ],
-                      children: displayValue ? /* @__PURE__ */ jsxRuntime.jsx(
-                        "div",
-                        {
-                          css: {
-                            display: "flex",
-                            alignItems: "center",
-                            flexWrap: "wrap"
-                          },
-                          children: displayValue
-                        }
-                      ) : /* @__PURE__ */ jsxRuntime.jsx(
-                        "span",
-                        {
-                          css: { color: theme_palette.getColorVar("neutral.400"), display: "block" },
-                          children: placeholder
-                        }
-                      )
-                    }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(floatingContent.FloatingContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  css: {
-                    paddingTop: 8,
-                    paddingBottom: 8,
-                    border: "1px solid",
-                    borderColor: theme_palette.getColorVar("border.default"),
-                    borderRadius: 8,
-                    boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-                    fontSize: "0.875rem",
-                    lineHeight: "1.25rem",
-                    backgroundColor: theme_palette.getColorVar("surface.default")
-                  },
-                  children: [
-                    !searchable && /* @__PURE__ */ jsxRuntime.jsx(
-                      "div",
-                      {
-                        css: {
-                          paddingLeft: 8,
-                          paddingRight: 8,
-                          paddingTop: 8,
-                          paddingBottom: 8,
-                          borderColor: theme_palette.getColorVar("neutral.200")
-                        },
-                        children: /* @__PURE__ */ jsxRuntime.jsx(
-                          input.Input,
-                          {
-                            xs: { size: (_b = rest.xs) == null ? void 0 : _b.size },
-                            sm: { size: (_c = rest.sm) == null ? void 0 : _c.size },
-                            md: { size: (_d = rest.md) == null ? void 0 : _d.size },
-                            lg: { size: (_e = rest.lg) == null ? void 0 : _e.size },
-                            value: inputValue,
-                            placeholder: "Search...",
-                            ...inputProps,
-                            onChange: onInputChange,
-                            ref: searchInputRef
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      virtualizedList.VirtualizedList,
-                      {
-                        ...listProps,
-                        css: { paddingLeft: 4, paddingRight: 4 },
-                        options: {
-                          count: displayOptions.length,
-                          estimateSize,
-                          getItemKey,
-                          overscan: lazy ? void 0 : currentOptions.length
-                        },
-                        style: {
-                          maxHeight: rowMinHeight * DEFAULT_DISPLAY_ROW_COUNT,
-                          ...listProps == null ? void 0 : listProps.style
-                        },
-                        RowComponent
-                      }
-                    ),
-                    renderBreadcrumbs()
-                  ]
-                }
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(formHelperText.FormHelperText, { error, children: helperText })
-      ]
-    }
-  );
-};
-exports.Cascader = Cascader;

package/dist/lib/cascader/helpers.cjs

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_index = require("../../utils/index.cjs");
-const defaultProps = {
-  xs: {
-    size: "md"
-  }
-};
-const getCascaderProps = (extended) => {
-  return utils_index.mergeComponentProps(defaultProps, extended);
-};
-const findOptionPath = (options, values) => {
-  const result = [];
-  let currentOptions = options;
-  for (const value of values) {
-    const found = currentOptions.find((opt) => opt.value === value);
-    if (!found) break;
-    result.push(found);
-    currentOptions = found.children || [];
-  }
-  return result;
-};
-const hasChildren = (option) => {
-  return Array.isArray(option.children) && option.children.length > 0;
-};
-exports.findOptionPath = findOptionPath;
-exports.getCascaderProps = getCascaderProps;
-exports.hasChildren = hasChildren;

package/dist/lib/checkbox/checkbox.cjs

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const react$1 = require("@floating-ui/react");
-const checkbox_module = require("./checkbox.module.scss.cjs");
-const svgLoader = require("../../components/svg-loader.cjs");
-const utils_index = require("../../utils/index.cjs");
-const doneCheck = require("../../assets/svg/done-check.svg.cjs");
-const minus = require("../../assets/svg/minus.svg.cjs");
-const stylesheet = require("../../utils/stylesheet.cjs");
-const Checkbox = ({
-  children,
-  indeterminate,
-  color = "primary",
-  className,
-  ref,
-  containerProps,
-  ...props
-}) => {
-  const { main, contrastText } = utils_index.getColorShadesByVariant(color);
-  const inputRef = react.useRef(null);
-  const mergedRefs = react$1.useMergeRefs([ref, inputRef]);
-  react.useEffect(() => {
-    const inputEl = inputRef.current;
-    if (inputEl) {
-      inputEl.indeterminate = indeterminate ?? false;
-    }
-  }, [indeterminate]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "label",
-    {
-      ...containerProps,
-      className: stylesheet.cn(checkbox_module.default.checkbox__container, containerProps == null ? void 0 : containerProps.className),
-      css: {
-        "--checkbox-color": main,
-        "--checkbox-contrast-text": contrastText
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: checkbox_module.default.checkbox__main, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("input", { ...props, type: "checkbox", className: stylesheet.cn(checkbox_module.default.checkbox__input, className), ref: mergedRefs }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: checkbox_module.default.checkbox__checkmark, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(svgLoader.SvgLoader, { className: checkbox_module.default.checkbox__icon_checked, width: 18, height: 18, source: doneCheck }),
-            /* @__PURE__ */ jsxRuntime.jsx(svgLoader.SvgLoader, { className: checkbox_module.default.checkbox__icon_indeterminate, width: 18, height: 18, source: minus })
-          ] })
-        ] }),
-        children
-      ]
-    }
-  );
-};
-exports.Checkbox = Checkbox;

package/dist/lib/checkbox/checkbox.module.scss.cjs

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const checkbox__container = "_checkbox__container_1rrv2_1";
-const checkbox__input = "_checkbox__input_1rrv2_10";
-const checkbox__main = "_checkbox__main_1rrv2_15";
-const checkbox__checkmark = "_checkbox__checkmark_1rrv2_32";
-const checkbox__icon_checked = "_checkbox__icon_checked_1rrv2_43";
-const checkbox__icon_indeterminate = "_checkbox__icon_indeterminate_1rrv2_43";
-const classes = {
-  checkbox__container,
-  checkbox__input,
-  checkbox__main,
-  checkbox__checkmark,
-  checkbox__icon_checked,
-  checkbox__icon_indeterminate
-};
-exports.checkbox__checkmark = checkbox__checkmark;
-exports.checkbox__container = checkbox__container;
-exports.checkbox__icon_checked = checkbox__icon_checked;
-exports.checkbox__icon_indeterminate = checkbox__icon_indeterminate;
-exports.checkbox__input = checkbox__input;
-exports.checkbox__main = checkbox__main;
-exports.default = classes;

package/dist/lib/chip/chip.cjs

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const helpers = require("./helpers.cjs");
-const utils_index = require("../../utils/index.cjs");
-const theme_screens = require("../../theme/screens.cjs");
-require("../../theme/palette.cjs");
-const theme_typography = require("../../theme/typography.cjs");
-const stylesheet = require("../../utils/stylesheet.cjs");
-const Chip = ({ children, ..._props }) => {
-  const { xs, sm, md, lg, color = "green", ...rest } = helpers.getChipProps(_props);
-  const { light, main } = utils_index.getColorShadesByVariant(color);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...rest,
-      className: stylesheet.cn(rest.className),
-      css: [
-        {
-          width: "fit-content",
-          maxWidth: "100%",
-          display: "flex",
-          alignItems: "center",
-          backgroundColor: light,
-          borderTopWidth: 1,
-          borderRightWidth: 1,
-          borderBottomWidth: 1,
-          borderLeftWidth: 1,
-          borderTopLeftRadius: 8,
-          borderTopRightRadius: 8,
-          borderBottomLeftRadius: 8,
-          borderBottomRightRadius: 8,
-          borderColor: main,
-          color: main
-        },
-        createStyle(xs),
-        {
-          [theme_screens.mediaQuery("sm")]: createStyle(sm),
-          [theme_screens.mediaQuery("md")]: createStyle(md),
-          [theme_screens.mediaQuery("lg")]: createStyle(lg)
-        }
-      ],
-      children
-    }
-  );
-};
-const createStyle = ({ css, size } = {}) => {
-  const { inputSize, inputPaddingX, textVariant } = utils_index.getSizeVariantState(size);
-  return [
-    {
-      paddingLeft: inputPaddingX,
-      paddingRight: inputPaddingX,
-      minHeight: inputSize,
-      fontSize: textVariant ? theme_typography.getTypographyVar(textVariant).fontSize : void 0,
-      lineHeight: textVariant ? theme_typography.getTypographyVar(textVariant).lineHeight : void 0
-    },
-    css
-  ];
-};
-exports.Chip = Chip;

package/dist/lib/chip/helpers.cjs

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