@janbox/storefront-ui 1.0.1 → 1.0.3

package/dist/lib/collapse/collapse.cjs

@@ -1,50 +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("motion/react");
-require("clsx");
-require("lodash-es");
-require("../../theme/palette.cjs");
-const stylesheet = require("../../utils/stylesheet.cjs");
-const Collapse = react.forwardRef(
-  ({ children, open = true, collapsedSize = 0, orientation = "vertical", className, ...props }, ref) => {
-    const defaultOpen = react.useRef(open);
-    const initial = react.useMemo(() => {
-      const css = {};
-      if (defaultOpen.current) {
-        css.width = orientation === "horizontal" ? "auto" : void 0;
-        css.height = orientation === "vertical" ? "auto" : void 0;
-      } else {
-        css.width = orientation === "horizontal" ? collapsedSize : void 0;
-        css.height = orientation === "vertical" ? collapsedSize : void 0;
-      }
-      return css;
-    }, [collapsedSize, orientation]);
-    const animate = react.useMemo(() => {
-      const css = {};
-      if (open) {
-        css.width = orientation === "horizontal" ? "auto" : void 0;
-        css.height = orientation === "vertical" ? "auto" : void 0;
-      } else {
-        css.width = orientation === "horizontal" ? collapsedSize : void 0;
-        css.height = orientation === "vertical" ? collapsedSize : void 0;
-      }
-      return css;
-    }, [collapsedSize, open, orientation]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        css: { overflow: "hidden" },
-        className: stylesheet.cn(className),
-        animate,
-        initial,
-        ...props,
-        transition: { duration: 0.15, ...props.transition },
-        ref,
-        children
-      }
-    );
-  }
-);
-exports.Collapse = Collapse;

package/dist/lib/container/container.cjs

@@ -1,101 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const lodashEs = require("lodash-es");
-const helpers = require("./helpers.cjs");
-const theme_screens = require("../../theme/screens.cjs");
-require("../../theme/palette.cjs");
-const CONTAINER_PADDING_VAR_NAME = "--container-padding";
-const CONTAINER_PADDING_VAR = `var(${CONTAINER_PADDING_VAR_NAME})`;
-const getContainerPaddingCSS = (position) => {
-  return lodashEs.isNil(position) ? {} : {
-    paddingLeft: position === "start" ? 0 : CONTAINER_PADDING_VAR,
-    paddingRight: position === "end" ? 0 : CONTAINER_PADDING_VAR
-  };
-};
-const CONTAINER_CONTENT_PADDING_VAR_NAME = "--container-content-padding";
-const CONTAINER_CONTENT_PADDING_VAR = `var(${CONTAINER_CONTENT_PADDING_VAR_NAME}, 0)`;
-const getContainerContentPaddingCSS = (position) => {
-  return lodashEs.isNil(position) ? {} : {
-    paddingLeft: position === "start" ? 0 : CONTAINER_CONTENT_PADDING_VAR,
-    paddingRight: position === "end" ? 0 : CONTAINER_CONTENT_PADDING_VAR
-  };
-};
-const Container = ({ children, ref, ..._props }) => {
-  const { xs, sm, md, lg, ...rest } = helpers.getContainerProps(_props);
-  const css = [
-    {
-      width: "100%"
-    },
-    createStyle(xs),
-    {
-      [theme_screens.mediaQuery("sm")]: createStyle(sm),
-      [theme_screens.mediaQuery("md")]: createStyle(md),
-      [theme_screens.mediaQuery("lg")]: createStyle(lg)
-    }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { css, ...rest, ref, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      css: [
-        {
-          width: "100%",
-          [CONTAINER_PADDING_VAR_NAME]: "0px",
-          ...getContainerPaddingCSS(xs == null ? void 0 : xs.position)
-        },
-        {
-          [theme_screens.mediaQuery("sm")]: {
-            width: "100%",
-            [CONTAINER_PADDING_VAR_NAME]: `calc((100% - ${theme_screens.breakpoint.sm.minWidth}px) / 2)`,
-            ...getContainerPaddingCSS(sm == null ? void 0 : sm.position)
-          },
-          [theme_screens.mediaQuery("md")]: {
-            [CONTAINER_PADDING_VAR_NAME]: `calc((100% - ${theme_screens.breakpoint.md.minWidth}px) / 2)`,
-            ...getContainerPaddingCSS(md == null ? void 0 : md.position)
-          },
-          [theme_screens.mediaQuery("lg")]: {
-            [CONTAINER_PADDING_VAR_NAME]: `calc((100% - ${theme_screens.breakpoint.lg.minWidth}px) / 2)`,
-            ...getContainerPaddingCSS(lg == null ? void 0 : lg.position)
-          }
-        }
-      ],
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          css: [
-            {
-              width: "100%",
-              [CONTAINER_CONTENT_PADDING_VAR_NAME]: `${theme_screens.breakpoint.xs.padding}px`,
-              ...getContainerContentPaddingCSS(xs == null ? void 0 : xs.position)
-            },
-            {
-              [theme_screens.mediaQuery("sm")]: [
-                {
-                  [CONTAINER_CONTENT_PADDING_VAR_NAME]: `${theme_screens.breakpoint.sm.padding}px`,
-                  ...getContainerContentPaddingCSS(sm == null ? void 0 : sm.position)
-                }
-              ],
-              [theme_screens.mediaQuery("md")]: [
-                {
-                  [CONTAINER_CONTENT_PADDING_VAR_NAME]: `${theme_screens.breakpoint.md.padding}px`,
-                  ...getContainerContentPaddingCSS(md == null ? void 0 : md.position)
-                }
-              ],
-              [theme_screens.mediaQuery("lg")]: [
-                {
-                  [CONTAINER_CONTENT_PADDING_VAR_NAME]: `${theme_screens.breakpoint.lg.padding}px`,
-                  ...getContainerContentPaddingCSS(lg == null ? void 0 : lg.position)
-                }
-              ]
-            }
-          ],
-          children
-        }
-      )
-    }
-  ) });
-};
-const createStyle = ({ css } = {}) => {
-  return [css];
-};
-exports.Container = Container;

package/dist/lib/container/helpers.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_index = require("../../utils/index.cjs");
-const defaultProps = {
-  xs: {
-    position: "center"
-  }
-};
-const getContainerProps = (extended) => {
-  return utils_index.mergeComponentProps(defaultProps, extended);
-};
-exports.getContainerProps = getContainerProps;

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

@@ -1,38 +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 react$2 = require("motion/react");
-const reactI18next = require("react-i18next");
-require("clsx");
-require("lodash-es");
-require("../../theme/palette.cjs");
-const common = require("../../utils/common.cjs");
-const CountUp = react.forwardRef(
-  ({ from = 0, to, duration = 2, formatNumberOptions, ...props }, ref) => {
-    const rootRef = react.useRef(null);
-    const { i18n } = reactI18next.useTranslation();
-    const mergedRef = react$1.useMergeRefs([ref, rootRef]);
-    const maximumFractionDigits = Math.max(common.getDecimalDigits(from), common.getDecimalDigits(to));
-    const count = react$2.useMotionValue(from);
-    const isInView = react$2.useInView(rootRef, { once: true });
-    const rounded = react$2.useTransform(
-      count,
-      (latest) => common.formatNumber(latest, {
-        lng: i18n.language,
-        ...formatNumberOptions,
-        maximumFractionDigits
-      })
-    );
-    react.useEffect(() => {
-      if (!isInView) return;
-      const controls = react$2.animate(count, to, { duration });
-      return () => {
-        controls.stop();
-      };
-    }, [count, duration, isInView, to]);
-    return /* @__PURE__ */ jsxRuntime.jsx(react$2.motion.span, { ...props, ref: mergedRef, children: rounded });
-  }
-);
-exports.CountUp = CountUp;

package/dist/lib/countdown-timer/countdown-timer.cjs

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const useCountdownTimer = require("../../hooks/use-countdown-timer.cjs");
-const CountdownTimer = ({ children, ...props }) => {
-  const timeDiff = useCountdownTimer.useCountdownTimer(props);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children == null ? void 0 : children(timeDiff) });
-};
-exports.CountdownTimer = CountdownTimer;

package/dist/lib/date-picker/date-picker.cjs

@@ -1,168 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-;/* empty css                  */
-const react = require("react");
-const dayjs = require("dayjs");
-const lodashEs = require("lodash-es");
-const reactDateRange = require("react-date-range");
-const helpers = require("./helpers.cjs");
-const calendar = require("../../assets/svg/calendar.svg.cjs");
-const utils_index = require("../../utils/index.cjs");
-const useControllableState = require("../../hooks/use-controllable-state.cjs");
-const theme_palette = require("../../theme/palette.cjs");
-const timesCloseDelete = require("../../assets/svg/times-close-delete.svg.cjs");
-const timePicker = require("../time-picker/time-picker.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 formHelperText = require("../form-helper-text/form-helper-text.cjs");
-const icon = require("../icon/icon.cjs");
-const DEFAULT_DATE_FORMAT = "MM/DD/YYYY";
-const DEFAULT_DATETIME_FORMAT = "MM/DD/YYYY HH:mm";
-const DatePicker = (_props, ref) => {
-  const {
-    value,
-    defaultValue,
-    onChange,
-    placeholder,
-    icon: icon$1,
-    format,
-    minDate,
-    maxDate,
-    timePicker: timePicker$1,
-    clearable,
-    onClear,
-    helperText,
-    error,
-    containerProps,
-    open,
-    onOpenChange,
-    placement = "bottom-end",
-    ...rest
-  } = helpers.getDatePickerProps(_props);
-  const floatingRef = react.useRef(null);
-  const valueFormat = format ?? (timePicker$1 ? DEFAULT_DATETIME_FORMAT : DEFAULT_DATE_FORMAT);
-  const [selectedDate, setSelectedDate] = useControllableState.useControllableState({
-    defaultValue,
-    value
-  });
-  const [isOpen, setIsOpen] = useControllableState.useControllableState({
-    defaultValue: open ?? false,
-    value: open
-  });
-  const prehandleOpenChange = (nextOpen, event, reason) => {
-    setIsOpen(nextOpen);
-    onOpenChange == null ? void 0 : onOpenChange(nextOpen, event, reason);
-  };
-  const handleChange = (date) => {
-    let preset = date;
-    if (timePicker$1) {
-      preset = dayjs(preset).set("hour", dayjs(selectedDate ?? /* @__PURE__ */ new Date()).hour()).set("minute", dayjs(selectedDate ?? /* @__PURE__ */ new Date()).minute()).toDate();
-    }
-    if (minDate && dayjs(preset).isBefore(minDate)) {
-      preset = minDate;
-    }
-    if (maxDate && dayjs(preset).isAfter(maxDate)) {
-      preset = maxDate;
-    }
-    setSelectedDate(preset);
-    onChange == null ? void 0 : onChange(preset);
-  };
-  const onChangeTime = (val) => {
-    const preset = dayjs(selectedDate ?? /* @__PURE__ */ new Date()).set("hour", dayjs(val).hour()).set("minute", dayjs(val).minute()).toDate();
-    setSelectedDate(preset);
-    onChange == null ? void 0 : onChange(preset);
-  };
-  const getCss = (sizeVariant) => {
-    if (lodashEs.isNil(sizeVariant)) return {};
-    return utils_index.getSizeVariantState(sizeVariant);
-  };
-  const portalContentRenderer = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { css: {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    overflow: "hidden",
-    borderRadius: 12,
-    backgroundColor: theme_palette.getColorVar("white"),
-    fontSize: "0.875rem",
-    lineHeight: "1.25rem",
-    boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-    border: "1px solid",
-    borderColor: theme_palette.getColorVar("neutral.100")
-  }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(reactDateRange.Calendar, { onChange: handleChange, minDate, maxDate, date: selectedDate ?? void 0 }),
-    timePicker$1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { paddingLeft: 12, paddingRight: 12, paddingBottom: 12, display: "flex", alignItems: "center", gap: 8 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { css: { fontSize: "0.75rem", lineHeight: "1rem" }, children: "Time:" }),
-      /* @__PURE__ */ jsxRuntime.jsx(timePicker.TimePicker, { onChange: onChangeTime, placement: "top", xs: { size: "xs" }, value: selectedDate })
-    ] })
-  ] });
-  const handleClear = (e) => {
-    e.stopPropagation();
-    onClear == null ? void 0 : onClear();
-  };
-  const getSuffix = () => {
-    var _a, _b;
-    if (icon$1) {
-      return icon$1;
-    }
-    if (selectedDate && clearable) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        icon.Icon,
-        {
-          source: timesCloseDelete,
-          css: { color: rest.disabled ? "var(--ic-ink-4s)" : "var(--ic-ink-5s)" },
-          xs: { size: getCss((_a = rest.xs) == null ? void 0 : _a.size).iconSize },
-          onClick: handleClear
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      icon.Icon,
-      {
-        source: calendar,
-        xs: { size: getCss((_b = rest.xs) == null ? void 0 : _b.size).iconSize },
-        css: { color: rest.disabled ? "var(--ic-ink-4s)" : "var(--ic-ink-5s)" }
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...containerProps, css: { display: "flex", flexDirection: "column", width: "100%", ...containerProps == null ? void 0 : containerProps.css }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      floating.Floating,
-      {
-        clickProps: {
-          enabled: true
-        },
-        dismissProps: {
-          enabled: true
-        },
-        placement,
-        open: isOpen,
-        onOpenChange: prehandleOpenChange,
-        ref: floatingRef,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(floatingTrigger.FloatingTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            inputMask.InputMask,
-            {
-              type: "button",
-              error: isOpen ? false : error,
-              element: "button",
-              suffix: getSuffix(),
-              ...rest,
-              ref,
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { css: { flex: 1, textAlign: "left", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
-                !selectedDate && !!placeholder && /* @__PURE__ */ jsxRuntime.jsx("span", { css: { color: theme_palette.getColorVar("neutral.400") }, children: placeholder }),
-                !!selectedDate && /* @__PURE__ */ jsxRuntime.jsx("span", { children: dayjs(selectedDate).format(valueFormat) })
-              ] })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(floatingContent.FloatingContent, { children: portalContentRenderer() })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(formHelperText.FormHelperText, { error, children: helperText })
-  ] });
-};
-const ForwardRefDatePicker = react.forwardRef(DatePicker);
-exports.DatePicker = ForwardRefDatePicker;

package/dist/lib/date-picker/helpers.cjs

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

package/dist/lib/dialog/dialog/dialog.cjs

@@ -1,93 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const helpers = require("./helpers.cjs");
-const theme_index = require("../../../theme/index.cjs");
-const floating = require("../../floating/floating/floating.cjs");
-const floatingContent = require("../../floating/floating-content/floating-content.cjs");
-const theme_palette = require("../../../theme/palette.cjs");
-const theme_screens = require("../../../theme/screens.cjs");
-const Dialog = (_props) => {
-  const { xs, sm, md, lg, children, ...props } = helpers.getDialogProps(_props);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    floating.Floating,
-    {
-      dismissProps: {
-        enabled: true
-      },
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        floatingContent.FloatingContent,
-        {
-          floatingOverlayProps: {
-            disabled: false,
-            css: {
-              display: "grid",
-              placeItems: "center",
-              padding: "1rem",
-              [theme_screens.mediaQuery("sm")]: { padding: "1.25rem" },
-              [theme_screens.mediaQuery("md")]: { padding: "1.5rem" }
-            },
-            lockScroll: true,
-            style: {
-              zIndex: theme_index.FLOATING_Z_INDEX
-            }
-          },
-          css: {
-            maxHeight: "100%",
-            maxWidth: "100%",
-            overflow: "hidden",
-            display: "flex",
-            flexDirection: "column"
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                css: {
-                  backdropFilter: "blur(2px)",
-                  position: "fixed",
-                  inset: 0,
-                  backgroundColor: "rgba(0, 0, 0, 0.4)",
-                  pointerEvents: "none"
-                }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                css: [
-                  {
-                    width: helpers.getDialogSizeInNumber(xs == null ? void 0 : xs.size),
-                    backgroundColor: theme_palette.getColorVar("surface.default"),
-                    maxWidth: "100%",
-                    overflow: "hidden",
-                    display: "flex",
-                    flexDirection: "column",
-                    borderRadius: "0.5rem",
-                    paddingTop: "0.5rem",
-                    paddingBottom: "0.5rem",
-                    position: "relative"
-                  },
-                  {
-                    [theme_screens.mediaQuery("sm")]: {
-                      width: helpers.getDialogSizeInNumber(sm == null ? void 0 : sm.size)
-                    },
-                    [theme_screens.mediaQuery("md")]: {
-                      width: helpers.getDialogSizeInNumber(md == null ? void 0 : md.size)
-                    },
-                    [theme_screens.mediaQuery("lg")]: {
-                      width: helpers.getDialogSizeInNumber(lg == null ? void 0 : lg.size)
-                    }
-                  }
-                ],
-                children
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-exports.Dialog = Dialog;

package/dist/lib/dialog/dialog/helpers.cjs

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lodashEs = require("lodash-es");
-const theme_screens = require("../../../theme/screens.cjs");
-require("../../../theme/palette.cjs");
-const utils_index = require("../../../utils/index.cjs");
-const helpers = require("../../floating/floating/helpers.cjs");
-const defaultProps = {
-  xs: {
-    size: "sm"
-  }
-};
-const getDialogProps = (extended) => {
-  return utils_index.mergeComponentProps(defaultProps, extended);
-};
-const getDialogSizeInNumber = (size) => {
-  if (lodashEs.isString(size)) {
-    return size === "xs" ? 480 : theme_screens.breakpoint[size].minWidth;
-  }
-  return size;
-};
-const useDialogContext = () => {
-  return helpers.useFloatingContext();
-};
-exports.getDialogProps = getDialogProps;
-exports.getDialogSizeInNumber = getDialogSizeInNumber;
-exports.useDialogContext = useDialogContext;

package/dist/lib/dialog/dialog-body/dialog-body.cjs

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const scrollView = require("../../../components/scroll-view.cjs");
-require("react");
-require("clsx");
-require("lodash-es");
-const theme_screens = require("../../../theme/screens.cjs");
-require("../../../theme/palette.cjs");
-const stylesheet = require("../../../utils/stylesheet.cjs");
-const DialogBody = ({ className, ref, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    scrollView.ScrollView,
-    {
-      css: {
-        flex: "1 1 0%",
-        paddingTop: "0.5rem",
-        paddingBottom: "0.5rem",
-        overflow: "auto",
-        "&:first-of-type": { paddingTop: "0.75rem" },
-        "&:last-of-type": { paddingBottom: "0.75rem" },
-        paddingLeft: "1rem",
-        paddingRight: "1rem",
-        [theme_screens.mediaQuery("sm")]: { paddingLeft: "1.25rem", paddingRight: "1.25rem" }
-      },
-      className: stylesheet.cn(className),
-      ...props,
-      ref
-    }
-  );
-};
-exports.DialogBody = DialogBody;

package/dist/lib/dialog/dialog-close/dialog-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 DialogClose = floatingClose.FloatingClose;
-exports.DialogClose = DialogClose;

package/dist/lib/dialog/dialog-footer/dialog-footer.cjs

@@ -1,31 +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_screens = require("../../../theme/screens.cjs");
-require("../../../theme/palette.cjs");
-const stylesheet = require("../../../utils/stylesheet.cjs");
-const DialogFooter = react.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      css: {
-        display: "flex",
-        justifyContent: "flex-end",
-        gap: "0.5rem",
-        paddingTop: "0.5rem",
-        paddingBottom: "0.5rem",
-        paddingLeft: "1rem",
-        paddingRight: "1rem",
-        position: "relative",
-        [theme_screens.mediaQuery("sm")]: { paddingLeft: "1.25rem", paddingRight: "1.25rem" }
-      },
-      className: stylesheet.cn(className),
-      ...props,
-      ref
-    }
-  );
-});
-exports.DialogFooter = DialogFooter;

package/dist/lib/dialog/dialog-header/dialog-header.cjs

@@ -1,73 +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_screens = require("../../../theme/screens.cjs");
-require("../../../theme/palette.cjs");
-const theme_typography = require("../../../theme/typography.cjs");
-const stylesheet = require("../../../utils/stylesheet.cjs");
-const timesCloseDelete = require("../../../assets/svg/times-close-delete.svg.cjs");
-const dialogClose = require("../dialog-close/dialog-close.cjs");
-const iconButton = require("../../icon-button/icon-button.cjs");
-const DialogHeader = react.forwardRef(
-  ({ className, children, closeable = true, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        css: [
-          {
-            paddingTop: "0.5rem",
-            paddingBottom: "0.5rem",
-            paddingLeft: "1rem",
-            paddingRight: "1rem",
-            gap: "0.5rem",
-            position: "relative",
-            fontSize: theme_typography.getTypographyVar("lg").fontSize,
-            lineHeight: theme_typography.getTypographyVar("lg").lineHeight,
-            fontWeight: 500,
-            [theme_screens.mediaQuery("sm")]: {
-              paddingLeft: "1.25rem",
-              paddingRight: "1.25rem",
-              fontSize: theme_typography.getTypographyVar("xl").fontSize,
-              lineHeight: theme_typography.getTypographyVar("xl").lineHeight
-            }
-          },
-          closeable && { paddingRight: "3rem" }
-        ],
-        className: stylesheet.cn(className),
-        ...props,
-        ref,
-        children: [
-          children,
-          closeable && /* @__PURE__ */ jsxRuntime.jsx(dialogClose.DialogClose, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              css: {
-                position: "absolute",
-                right: "0.5rem",
-                top: "50%",
-                transform: "translateY(-50%)",
-                [theme_screens.mediaQuery("sm")]: { right: "0.75rem" }
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                iconButton.IconButton,
-                {
-                  xs: {
-                    size: "sm"
-                  },
-                  color: "neutral",
-                  icon: {
-                    source: timesCloseDelete
-                  }
-                }
-              )
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-exports.DialogHeader = DialogHeader;