@janbox/storefront-ui 1.0.0 → 1.0.2

package/dist/lib/otp-input/otp-input.cjs

@@ -1,132 +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 useControllableState = require("../../hooks/use-controllable-state.cjs");
-const theme_screens = require("../../theme/screens.cjs");
-require("../../theme/palette.cjs");
-const theme_typography = require("../../theme/typography.cjs");
-const input = require("../input/input.cjs");
-const OtpInput = ({
-  length = 6,
-  onFullfilled,
-  onChange,
-  disabled,
-  autoFocus,
-  isLoading,
-  defaultValue,
-  value,
-  error
-}) => {
-  const [otp, setOtp] = useControllableState.useControllableState({
-    defaultValue: lodashEs.times(length, (num) => (defaultValue == null ? void 0 : defaultValue.at(num)) ?? ""),
-    value: value == null ? void 0 : value.split("")
-  });
-  const inputRefs = react.useRef([]);
-  const getInputIndex = (target) => {
-    return Number(target.dataset.index);
-  };
-  react.useEffect(() => {
-    var _a;
-    if (autoFocus) {
-      (_a = inputRefs.current.at(0)) == null ? void 0 : _a.focus();
-    }
-  }, [autoFocus]);
-  const handleChange = (e) => {
-    var _a;
-    if (disabled) return;
-    const value2 = e.target.value;
-    const index = getInputIndex(e.target);
-    if (value2 && !/^\d$/.test(value2)) return;
-    const newOtp = [...otp];
-    newOtp[index] = value2;
-    setOtp(newOtp);
-    onChange == null ? void 0 : onChange(newOtp.join(""));
-    if (value2 && index < length - 1) {
-      (_a = inputRefs.current.at(index + 1)) == null ? void 0 : _a.focus();
-    }
-    if (newOtp.every((digit) => digit !== "") && newOtp.join("").length === length) {
-      onFullfilled == null ? void 0 : onFullfilled(newOtp.join(""));
-    }
-  };
-  const handleKeyDown = (e) => {
-    var _a, _b, _c;
-    if (disabled) return;
-    const index = getInputIndex(e.target);
-    if (e.key === "Backspace") {
-      if (otp[index]) {
-        const newOtp = [...otp];
-        newOtp[index] = "";
-        setOtp(newOtp);
-        onChange == null ? void 0 : onChange(newOtp.join(""));
-      } else if (index > 0) {
-        const newOtp = [...otp];
-        newOtp[index - 1] = "";
-        setOtp(newOtp);
-        (_a = inputRefs.current.at(index - 1)) == null ? void 0 : _a.focus();
-        onChange == null ? void 0 : onChange(newOtp.join(""));
-      }
-    }
-    if (e.key === "ArrowLeft" && index > 0) {
-      (_b = inputRefs.current.at(index - 1)) == null ? void 0 : _b.focus();
-    }
-    if (e.key === "ArrowRight" && index < length - 1) {
-      (_c = inputRefs.current.at(index + 1)) == null ? void 0 : _c.focus();
-    }
-  };
-  const handlePaste = (e) => {
-    var _a;
-    if (disabled) return;
-    e.preventDefault();
-    const pastedData = e.clipboardData.getData("text/plain");
-    const pastedDigits = pastedData.replace(/\D/g, "").slice(0, length);
-    if (pastedDigits) {
-      const newOtp = [...otp];
-      pastedDigits.split("").forEach((digit, index) => {
-        if (index < length) {
-          newOtp[index] = digit;
-        }
-      });
-      setOtp(newOtp);
-      onChange == null ? void 0 : onChange(newOtp.join(""));
-      const lastFilledIndex = Math.min(pastedDigits.length - 1, length - 1);
-      (_a = inputRefs.current.at(lastFilledIndex)) == null ? void 0 : _a.focus();
-      if (newOtp.every((digit) => digit !== "") && newOtp.join("").length === length) {
-        onFullfilled == null ? void 0 : onFullfilled(newOtp.join(""));
-      }
-    }
-  };
-  const onFocus = (e) => {
-    e.target.select();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: { display: "flex", width: "100%", gap: "0.5rem", [theme_screens.mediaQuery("sm")]: { gap: "0.75rem" } }, children: otp.map((digit, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { css: { flex: "1 1 0%", position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-    input.Input,
-    {
-      ref: (el) => {
-        inputRefs.current[index] = el;
-      },
-      type: "text",
-      inputMode: "numeric",
-      pattern: "\\d*",
-      maxLength: 1,
-      "data-index": index,
-      value: digit,
-      onChange: handleChange,
-      onFocus,
-      onKeyDown: handleKeyDown,
-      onPaste: index === 0 ? handlePaste : void 0,
-      disabled,
-      readOnly: isLoading,
-      css: {
-        textAlign: "center",
-        fontWeight: 500,
-        fontSize: theme_typography.getTypographyVar("lg").fontSize,
-        lineHeight: theme_typography.getTypographyVar("lg").lineHeight
-      },
-      xs: { size: "md" },
-      error
-    }
-  ) }, index)) });
-};
-exports.OtpInput = OtpInput;

package/dist/lib/pagination/helpers.cjs

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_index = require("../../utils/index.cjs");
-const DEFAULT_SIBLING_COUNT = 2;
-const getPageRange = (currentPage, totalPages, siblingCount = DEFAULT_SIBLING_COUNT) => {
-  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
-  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
-  const shouldShowLeftDots = leftSiblingIndex > 2;
-  const shouldShowRightDots = rightSiblingIndex < totalPages - 1;
-  const result = [];
-  result.push({ type: "page", page: 1 });
-  if (shouldShowLeftDots) {
-    result.push({ type: "ellipsis" });
-  } else if (leftSiblingIndex > 1) {
-    for (let i = 2; i < leftSiblingIndex; i++) {
-      result.push({ type: "page", page: i });
-    }
-  }
-  for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {
-    if (i !== 1 && i !== totalPages) {
-      result.push({ type: "page", page: i });
-    }
-  }
-  if (shouldShowRightDots) {
-    result.push({ type: "ellipsis" });
-  } else if (rightSiblingIndex < totalPages) {
-    for (let i = rightSiblingIndex + 1; i < totalPages; i++) {
-      result.push({ type: "page", page: i });
-    }
-  }
-  if (totalPages > 1) {
-    result.push({ type: "page", page: totalPages });
-  }
-  return result;
-};
-const defaultProps = {
-  xs: {
-    size: "sm"
-  },
-  showPrevPageButton: true,
-  showNextPageButton: true,
-  states: {
-    normal: {
-      color: "neutral",
-      variant: "outlined"
-    },
-    active: {
-      color: "primary",
-      variant: "outlined"
-    }
-  }
-};
-const getPaginationProps = (extended) => {
-  return utils_index.mergeComponentProps(defaultProps, extended);
-};
-exports.getPageRange = getPageRange;
-exports.getPaginationProps = getPaginationProps;

package/dist/lib/pagination/pagination.cjs

@@ -1,163 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const helpers = require("./helpers.cjs");
-const arrowLeft = require("../../assets/svg/arrow-left.svg.cjs");
-const arrowForward = require("../../assets/svg/arrow-forward.svg.cjs");
-const arrowRight = require("../../assets/svg/arrow-right.svg.cjs");
-require("lodash-es");
-require("../../theme/palette.cjs");
-const theme_typography = require("../../theme/typography.cjs");
-const utils_index = require("../../utils/index.cjs");
-const text = require("../text/text.cjs");
-const iconButton = require("../icon-button/icon-button.cjs");
-const icon = require("../icon/icon.cjs");
-const Pagination = react.forwardRef((_props, ref) => {
-  var _a, _b, _c, _d;
-  const {
-    page = 1,
-    count = 1,
-    onChange,
-    disabled,
-    showFirstPageButton,
-    showLastPageButton,
-    showNextPageButton,
-    showPrevPageButton,
-    siblingCount,
-    states,
-    xs,
-    sm,
-    md,
-    lg,
-    ...rest
-  } = helpers.getPaginationProps(_props);
-  const sizeVariantState = {
-    xs: utils_index.getSizeVariantState(xs == null ? void 0 : xs.size),
-    sm: utils_index.getSizeVariantState(sm == null ? void 0 : sm.size),
-    md: utils_index.getSizeVariantState(md == null ? void 0 : md.size),
-    lg: utils_index.getSizeVariantState(lg == null ? void 0 : lg.size)
-  };
-  const pageRange = helpers.getPageRange(page, count, siblingCount);
-  const css = [
-    {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      gap: 4
-    }
-  ];
-  const handlePageClick = (e) => {
-    const newPage = Number(e.currentTarget.value);
-    if (disabled || newPage === page) return;
-    if (onChange) onChange(newPage);
-  };
-  const handlePrevClick = (_e) => {
-    if (disabled || page <= 1) return;
-    if (onChange) onChange(page - 1);
-  };
-  const handleNextClick = (_e) => {
-    if (disabled || page >= count) return;
-    if (onChange) onChange(page + 1);
-  };
-  const handleFirstClick = (_e) => {
-    if (disabled || page <= 1) return;
-    if (onChange) onChange(1);
-  };
-  const handleLastClick = (_e) => {
-    if (disabled || page >= count) return;
-    if (onChange) onChange(count);
-  };
-  const PaginationButton = (buttonProps) => {
-    var _a2;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      iconButton.IconButton,
-      {
-        disabled,
-        variant: (_a2 = states == null ? void 0 : states.normal) == null ? void 0 : _a2.variant,
-        ...buttonProps,
-        xs: { size: xs == null ? void 0 : xs.size, ...buttonProps.xs },
-        sm: { size: sm == null ? void 0 : sm.size, ...buttonProps.sm },
-        md: { size: md == null ? void 0 : md.size, ...buttonProps.md },
-        lg: { size: lg == null ? void 0 : lg.size, ...buttonProps.lg }
-      }
-    );
-  };
-  const PaginationIcon = (iconProps) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      icon.Icon,
-      {
-        xs: {
-          size: utils_index.getSizeVariantState(xs == null ? void 0 : xs.size).iconSize
-        },
-        sm: {
-          size: utils_index.getSizeVariantState(sm == null ? void 0 : sm.size).iconSize
-        },
-        md: {
-          size: utils_index.getSizeVariantState(md == null ? void 0 : md.size).iconSize
-        },
-        lg: {
-          size: utils_index.getSizeVariantState(lg == null ? void 0 : lg.size).iconSize
-        },
-        ...iconProps
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css, ...rest, ref, children: [
-    showFirstPageButton && /* @__PURE__ */ jsxRuntime.jsx(PaginationButton, { "aria-disabled": page <= 1, color: (_a = states == null ? void 0 : states.normal) == null ? void 0 : _a.color, onClick: handleFirstClick, children: /* @__PURE__ */ jsxRuntime.jsx(PaginationIcon, { css: { transform: "rotate(180deg)" }, source: arrowForward }) }),
-    showPrevPageButton && /* @__PURE__ */ jsxRuntime.jsx(PaginationButton, { "aria-disabled": page <= 1, color: (_b = states == null ? void 0 : states.normal) == null ? void 0 : _b.color, onClick: handlePrevClick, children: /* @__PURE__ */ jsxRuntime.jsx(PaginationIcon, { source: arrowLeft }) }),
-    pageRange.map((pageItem, index) => {
-      var _a2, _b2, _c2, _d2, _e;
-      const isActive = pageItem.type === "page" && pageItem.page === page;
-      return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-        pageItem.type === "ellipsis" && /* @__PURE__ */ jsxRuntime.jsx(PaginationButton, { color: (_a2 = states == null ? void 0 : states.normal) == null ? void 0 : _a2.color, children: "..." }),
-        pageItem.type === "page" && /* @__PURE__ */ jsxRuntime.jsx(
-          PaginationButton,
-          {
-            color: isActive ? (_b2 = states == null ? void 0 : states.active) == null ? void 0 : _b2.color : (_c2 = states == null ? void 0 : states.normal) == null ? void 0 : _c2.color,
-            value: pageItem.page,
-            variant: isActive ? (_d2 = states == null ? void 0 : states.active) == null ? void 0 : _d2.variant : (_e = states == null ? void 0 : states.normal) == null ? void 0 : _e.variant,
-            onClick: handlePageClick,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              text.Text,
-              {
-                xs: {
-                  css: {
-                    paddingLeft: 2,
-                    paddingRight: 2,
-                    ...sizeVariantState.xs.textVariant ? {
-                      fontSize: theme_typography.getTypographyVar(sizeVariantState.xs.textVariant).fontSize,
-                      lineHeight: theme_typography.getTypographyVar(sizeVariantState.xs.textVariant).lineHeight
-                    } : {}
-                  }
-                },
-                sm: {
-                  css: sizeVariantState.sm.textVariant ? {
-                    fontSize: theme_typography.getTypographyVar(sizeVariantState.sm.textVariant).fontSize,
-                    lineHeight: theme_typography.getTypographyVar(sizeVariantState.sm.textVariant).lineHeight
-                  } : {}
-                },
-                md: {
-                  css: sizeVariantState.md.textVariant ? {
-                    fontSize: theme_typography.getTypographyVar(sizeVariantState.md.textVariant).fontSize,
-                    lineHeight: theme_typography.getTypographyVar(sizeVariantState.md.textVariant).lineHeight
-                  } : {}
-                },
-                lg: {
-                  css: sizeVariantState.lg.textVariant ? {
-                    fontSize: theme_typography.getTypographyVar(sizeVariantState.lg.textVariant).fontSize,
-                    lineHeight: theme_typography.getTypographyVar(sizeVariantState.lg.textVariant).lineHeight
-                  } : {}
-                },
-                children: pageItem.page
-              }
-            )
-          }
-        )
-      ] }, index);
-    }),
-    showNextPageButton && /* @__PURE__ */ jsxRuntime.jsx(PaginationButton, { "aria-disabled": page >= count, color: (_c = states == null ? void 0 : states.normal) == null ? void 0 : _c.color, onClick: handleNextClick, children: /* @__PURE__ */ jsxRuntime.jsx(PaginationIcon, { source: arrowRight }) }),
-    showLastPageButton && /* @__PURE__ */ jsxRuntime.jsx(PaginationButton, { "aria-disabled": page >= count, color: (_d = states == null ? void 0 : states.normal) == null ? void 0 : _d.color, onClick: handleLastClick, children: /* @__PURE__ */ jsxRuntime.jsx(PaginationIcon, { source: arrowForward }) })
-  ] });
-});
-exports.Pagination = Pagination;

package/dist/lib/phone-input/phone-input.cjs

@@ -1,182 +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 lodashEs = require("lodash-es");
-const phone = require("phone");
-const usehooksTs = require("usehooks-ts");
-const countries = require("../../assets/json/countries.json.cjs");
-const useControllableState = require("../../hooks/use-controllable-state.cjs");
-const utils_index = require("../../utils/index.cjs");
-const theme_palette = require("../../theme/palette.cjs");
-const select = require("../select/select.cjs");
-const flag = require("../flag/flag.cjs");
-const inputMask = require("../input-mask/input-mask.cjs");
-const input = require("../input/input.cjs");
-const formHelperText = require("../form-helper-text/form-helper-text.cjs");
-const CountryRowLabel = ({ code, name, dial_code }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { display: "flex", alignItems: "center", gap: 8 }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(flag.Flag, { countryCode: code }),
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { css: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
-      dial_code,
-      " (",
-      name,
-      ")"
-    ] })
-  ] });
-};
-const SelectedRenderer = ({ code, dial_code }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { display: "flex", alignItems: "center", gap: 6 }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(flag.Flag, { countryCode: code }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { css: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: dial_code })
-  ] });
-};
-const parsePhoneInputValue = (value) => {
-  var _a, _b;
-  if (lodashEs.isNil(value)) {
-    return value;
-  }
-  if (value.countryCode) {
-    return {
-      ...value,
-      dialCode: value.dialCode ?? ((_a = countries.find((country) => country.code === value.countryCode)) == null ? void 0 : _a.dial_code)
-    };
-  }
-  const { countryIso2 } = phone.phone([value.dialCode, value.nationalNumber].filter(Boolean).join(""));
-  return {
-    ...value,
-    countryCode: countryIso2 ?? ((_b = countries.find((country) => country.dial_code === value.dialCode)) == null ? void 0 : _b.code)
-  };
-};
-const PhoneInput = react.forwardRef(
-  ({ error, defaultValue, value, onChange, containerProps, helperText, disabled, ...props }, ref) => {
-    var _a;
-    const [selectOpen, setSelectOpen] = react.useState(false);
-    const [inputFocused, setInputFocused] = react.useState(false);
-    const inputRef = react.useRef(null);
-    const wrapperRef = react.useRef(null);
-    const mergedRefs = react$1.useMergeRefs([ref, wrapperRef]);
-    const [internalValue, setInternalValue] = useControllableState.useControllableState({
-      defaultValue: parsePhoneInputValue(defaultValue) ?? {
-        countryCode: (_a = countries.at(0)) == null ? void 0 : _a.code
-      },
-      value: parsePhoneInputValue(value)
-    });
-    const { width: wrapperWidth = 0 } = usehooksTs.useResizeObserver({
-      ref: wrapperRef,
-      box: "border-box"
-    });
-    const triggerChange = (next) => {
-      setInternalValue(next);
-      onChange == null ? void 0 : onChange(next);
-    };
-    const onDialCodeChange = (_, option) => {
-      var _a2;
-      triggerChange({
-        ...internalValue,
-        dialCode: option.dial_code,
-        countryCode: option.code
-      });
-      (_a2 = inputRef.current) == null ? void 0 : _a2.select();
-    };
-    const onNationalNumberChange = (e) => {
-      e.target.value = e.target.value.replace(/[^0-9]/g, "");
-      triggerChange({
-        ...internalValue,
-        nationalNumber: e.target.value
-      });
-    };
-    const inputDisplayValue = (() => {
-      const originalValue = internalValue.nationalNumber ?? "";
-      return inputFocused ? originalValue : originalValue.replace(/^(\d{1,3})(\d{0,3})?(\d*)$/, "$1 $2 $3");
-    })();
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...containerProps, css: { display: "flex", flexDirection: "column", width: "100%", ...containerProps == null ? void 0 : containerProps.css }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        inputMask.InputMask,
-        {
-          ...props,
-          css: [
-            error && !selectOpen && {
-              "&::after": { borderColor: theme_palette.getColorVar("red.600") }
-            },
-            inputFocused && {
-              "&::after": { borderColor: theme_palette.getColorVar("primary.600") },
-              boxShadow: `0 0 0 3px ${theme_palette.getColorVar("primary.300")}`
-            },
-            disabled && {
-              backgroundColor: utils_index.getColorShadesByVariant("neutral").disabledSurface,
-              pointerEvents: "none"
-            },
-            props.css
-          ],
-          ref: mergedRefs,
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { position: "absolute", inset: 0, display: "flex", alignItems: "center" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              select.Select,
-              {
-                containerProps: {
-                  css: { width: "fit-content", minWidth: 80 }
-                },
-                css: {
-                  paddingRight: 0
-                },
-                xs: {
-                  outline: {
-                    top: 0,
-                    right: 0,
-                    bottom: 0,
-                    left: 0
-                  }
-                },
-                listProps: {
-                  style: {
-                    width: wrapperWidth
-                  }
-                },
-                value: internalValue.countryCode ?? null,
-                onChange: onDialCodeChange,
-                options: countries,
-                disabled,
-                selectedRenderer: SelectedRenderer,
-                optionLabel: CountryRowLabel,
-                optionValue: "code",
-                optionSearchLabel: ["name", "dial_code", "code"],
-                open: selectOpen,
-                onOpenChange: setSelectOpen
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { css: { borderRight: "1px solid", borderColor: theme_palette.getColorVar("border.default"), height: "66.666667%", marginLeft: 8, marginRight: 8 } }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              input.Input,
-              {
-                value: inputDisplayValue,
-                disabled,
-                containerProps: {
-                  css: { flex: 1 }
-                },
-                mainProps: {
-                  style: {
-                    paddingLeft: 0,
-                    boxShadow: "none"
-                  }
-                },
-                onChange: onNationalNumberChange,
-                xs: {
-                  css: {
-                    borderWidth: 0
-                  }
-                },
-                onFocus: () => setInputFocused(true),
-                onBlur: () => setInputFocused(false),
-                ref: inputRef
-              }
-            )
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(formHelperText.FormHelperText, { error, children: helperText })
-    ] });
-  }
-);
-exports.PhoneInput = PhoneInput;

package/dist/lib/popover/popover/helpers.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const helpers = require("../../floating/floating/helpers.cjs");
-const usePopoverContext = () => {
-  return helpers.useFloatingContext();
-};
-exports.usePopoverContext = usePopoverContext;

package/dist/lib/popover/popover/popover.cjs

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const useControllableState = require("../../../hooks/use-controllable-state.cjs");
-const floating = require("../../floating/floating/floating.cjs");
-const Popover = ({ ...props }) => {
-  const [open, setOpen] = useControllableState.useControllableState({
-    defaultValue: false,
-    value: props.open
-  });
-  const onOpenChange = (open2, event, reason) => {
-    var _a;
-    setOpen(open2);
-    (_a = props.onOpenChange) == null ? void 0 : _a.call(props, open2, event, reason);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    floating.Floating,
-    {
-      dismissProps: {
-        enabled: true
-      },
-      clickProps: {
-        enabled: true
-      },
-      ...props,
-      open,
-      onOpenChange
-    }
-  );
-};
-exports.Popover = Popover;

package/dist/lib/popover/popover-close/popover-close.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const floatingClose = require("../../floating/floating-close/floating-close.cjs");
-const PopoverClose = floatingClose.FloatingClose;
-exports.PopoverClose = PopoverClose;

package/dist/lib/popover/popover-content/popover-content.cjs

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-require("clsx");
-require("lodash-es");
-const theme_palette = require("../../../theme/palette.cjs");
-const stylesheet = require("../../../utils/stylesheet.cjs");
-const floatingContent = require("../../floating/floating-content/floating-content.cjs");
-const PopoverContent = react.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    floatingContent.FloatingContent,
-    {
-      css: {
-        backgroundColor: theme_palette.getColorVar("surface.default"),
-        padding: "0.75rem",
-        borderRadius: "0.75rem",
-        borderWidth: "1px",
-        borderStyle: "solid",
-        borderColor: theme_palette.getColorVar("neutral.100"),
-        boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)"
-      },
-      className: stylesheet.cn(className),
-      ...props,
-      ref
-    }
-  );
-});
-exports.PopoverContent = PopoverContent;

package/dist/lib/popover/popover-trigger/popover-trigger.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const floatingTrigger = require("../../floating/floating-trigger/floating-trigger.cjs");
-const PopoverTrigger = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(floatingTrigger.FloatingTrigger, { ...props });
-};
-exports.PopoverTrigger = PopoverTrigger;

package/dist/lib/primitive/primitive.cjs

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const theme_screens = require("../../theme/screens.cjs");
-require("../../theme/palette.cjs");
-const Primitive = ({
-  as,
-  xs,
-  sm,
-  md,
-  lg,
-  ...rest
-}) => {
-  const Component = as ?? "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Component,
-    {
-      css: [
-        xs == null ? void 0 : xs.css,
-        {
-          [theme_screens.mediaQuery("sm")]: sm == null ? void 0 : sm.css,
-          [theme_screens.mediaQuery("md")]: md == null ? void 0 : md.css,
-          [theme_screens.mediaQuery("lg")]: lg == null ? void 0 : lg.css
-        }
-      ],
-      ...rest
-    }
-  );
-};
-exports.Primitive = Primitive;