@janbox/storefront-ui 1.0.13 → 1.0.15

package/dist/lib/chip/chip.js

@@ -1,58 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { getChipProps } from "./helpers.js";
-import { getColorShadesByVariant, getSizeVariantState } from "../../utils/index.js";
-import { mediaQuery } from "../../theme/screens.js";
-import "../../theme/palette.js";
-import { getTypographyVar } from "../../theme/typography.js";
-const Chip = ({ children, ..._props }) => {
-  const { xs, sm, md, lg, color = "green", ...rest } = getChipProps(_props);
-  const { light, main } = getColorShadesByVariant(color);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...rest,
-      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),
-        {
-          [mediaQuery("sm")]: createStyle(sm),
-          [mediaQuery("md")]: createStyle(md),
-          [mediaQuery("lg")]: createStyle(lg)
-        }
-      ],
-      children
-    }
-  );
-};
-const createStyle = ({ css, size } = {}) => {
-  const { inputSize, inputPaddingX, textVariant } = getSizeVariantState(size);
-  return [
-    {
-      paddingLeft: inputPaddingX,
-      paddingRight: inputPaddingX,
-      minHeight: inputSize,
-      fontSize: textVariant ? getTypographyVar(textVariant).fontSize : void 0,
-      lineHeight: textVariant ? getTypographyVar(textVariant).lineHeight : void 0
-    },
-    css
-  ];
-};
-export {
-  Chip
-};

package/dist/lib/chip/helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/chip/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAYpC,eAAO,MAAM,YAAY,aAAc,SAAS,cAE/C,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/chip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAElG,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,KAAK,iBAAiB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,GAAG;IAC/D,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"collapse.d.ts","sourceRoot":"","sources":["../../../src/lib/collapse/collapse.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,QAAQ,6DAMlB,aAAa,qDAwCf,CAAC"}

package/dist/lib/collapse/collapse.js

@@ -1,47 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { useState, useMemo } from "react";
-import { motion } from "motion/react";
-const Collapse = ({
-  children,
-  open = true,
-  collapsedSize = 0,
-  orientation = "vertical",
-  ...props
-}) => {
-  const [initial] = useState(() => {
-    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;
-  });
-  const animate = 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__ */ jsx(
-    motion.div,
-    {
-      css: { overflow: "hidden" },
-      animate,
-      initial,
-      ...props,
-      transition: { duration: 0.15, ...props.transition },
-      children
-    }
-  );
-};
-export {
-  Collapse
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/collapse/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG,YAAY,CACtC,eAAe,CAAC,KAAK,CAAC,EACtB;IACE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,CACF,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/lib/container/container.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAqB,cAAc,EAA4B,MAAM,SAAS,CAAC;AA2BtF,eAAO,MAAM,SAAS,iCAAkC,cAAc,qDA2ErE,CAAC"}

package/dist/lib/container/container.js

@@ -1,101 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { isNil } from "lodash-es";
-import { getContainerProps } from "./helpers.js";
-import { mediaQuery, breakpoint } from "../../theme/screens.js";
-import "../../theme/palette.js";
-const CONTAINER_PADDING_VAR_NAME = "--container-padding";
-const CONTAINER_PADDING_VAR = `var(${CONTAINER_PADDING_VAR_NAME})`;
-const getContainerPaddingCSS = (position) => {
-  return 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 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 } = getContainerProps(_props);
-  const css = [
-    {
-      width: "100%"
-    },
-    createStyle(xs),
-    {
-      [mediaQuery("sm")]: createStyle(sm),
-      [mediaQuery("md")]: createStyle(md),
-      [mediaQuery("lg")]: createStyle(lg)
-    }
-  ];
-  return /* @__PURE__ */ jsx("div", { css, ...rest, ref, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      css: [
-        {
-          width: "100%",
-          [CONTAINER_PADDING_VAR_NAME]: "0px",
-          ...getContainerPaddingCSS(xs == null ? void 0 : xs.position)
-        },
-        {
-          [mediaQuery("sm")]: {
-            width: "100%",
-            [CONTAINER_PADDING_VAR_NAME]: `calc((100% - ${breakpoint.sm.minWidth}px) / 2)`,
-            ...getContainerPaddingCSS(sm == null ? void 0 : sm.position)
-          },
-          [mediaQuery("md")]: {
-            [CONTAINER_PADDING_VAR_NAME]: `calc((100% - ${breakpoint.md.minWidth}px) / 2)`,
-            ...getContainerPaddingCSS(md == null ? void 0 : md.position)
-          },
-          [mediaQuery("lg")]: {
-            [CONTAINER_PADDING_VAR_NAME]: `calc((100% - ${breakpoint.lg.minWidth}px) / 2)`,
-            ...getContainerPaddingCSS(lg == null ? void 0 : lg.position)
-          }
-        }
-      ],
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          css: [
-            {
-              width: "100%",
-              [CONTAINER_CONTENT_PADDING_VAR_NAME]: `${breakpoint.xs.padding}px`,
-              ...getContainerContentPaddingCSS(xs == null ? void 0 : xs.position)
-            },
-            {
-              [mediaQuery("sm")]: [
-                {
-                  [CONTAINER_CONTENT_PADDING_VAR_NAME]: `${breakpoint.sm.padding}px`,
-                  ...getContainerContentPaddingCSS(sm == null ? void 0 : sm.position)
-                }
-              ],
-              [mediaQuery("md")]: [
-                {
-                  [CONTAINER_CONTENT_PADDING_VAR_NAME]: `${breakpoint.md.padding}px`,
-                  ...getContainerContentPaddingCSS(md == null ? void 0 : md.position)
-                }
-              ],
-              [mediaQuery("lg")]: [
-                {
-                  [CONTAINER_CONTENT_PADDING_VAR_NAME]: `${breakpoint.lg.padding}px`,
-                  ...getContainerContentPaddingCSS(lg == null ? void 0 : lg.position)
-                }
-              ]
-            }
-          ],
-          children
-        }
-      )
-    }
-  ) });
-};
-const createStyle = ({ css } = {}) => {
-  return [css];
-};
-export {
-  Container
-};

package/dist/lib/container/helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/container/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAUzC,eAAO,MAAM,iBAAiB,aAAc,cAAc,KAAG,cAE5D,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/container/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAE3D,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,KAAK,sBAAsB,GAAG,gBAAgB,CAAC,wBAAwB,CAAC,GAAG,EAE1E,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,sBAAsB,CAAC,CAAC"}

package/dist/lib/count-up/count-up.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"count-up.d.ts","sourceRoot":"","sources":["../../../src/lib/count-up/count-up.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAIvC,eAAO,MAAM,OAAO,uHAmCnB,CAAC"}

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

@@ -1,37 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, useRef, useEffect } from "react";
-import { useMergeRefs } from "@floating-ui/react";
-import { useMotionValue, useInView, useTransform, animate, motion } from "motion/react";
-import { useTranslation } from "react-i18next";
-import "lodash-es";
-import "../../theme/palette.js";
-import { getDecimalDigits, formatNumber } from "../../utils/common.js";
-const CountUp = forwardRef(
-  ({ from = 0, to, duration = 2, formatNumberOptions, ...props }, ref) => {
-    const rootRef = useRef(null);
-    const { i18n } = useTranslation();
-    const mergedRef = useMergeRefs([ref, rootRef]);
-    const maximumFractionDigits = Math.max(getDecimalDigits(from), getDecimalDigits(to));
-    const count = useMotionValue(from);
-    const isInView = useInView(rootRef, { once: true });
-    const rounded = useTransform(
-      count,
-      (latest) => formatNumber(latest, {
-        lng: i18n.language,
-        ...formatNumberOptions,
-        maximumFractionDigits
-      })
-    );
-    useEffect(() => {
-      if (!isInView) return;
-      const controls = animate(count, to, { duration });
-      return () => {
-        controls.stop();
-      };
-    }, [count, duration, isInView, to]);
-    return /* @__PURE__ */ jsx(motion.span, { ...props, ref: mergedRef, children: rounded });
-  }
-);
-export {
-  CountUp
-};

package/dist/lib/count-up/index.d.ts.map

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

package/dist/lib/count-up/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/count-up/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,YAAY,CACrC,eAAe,CAAC,MAAM,CAAC,EACvB;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;CAC3C,CACF,CAAC"}

package/dist/lib/countdown-timer/countdown-timer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"countdown-timer.d.ts","sourceRoot":"","sources":["../../../src/lib/countdown-timer/countdown-timer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAI9C,eAAO,MAAM,cAAc,2BAA4B,mBAAmB,qDAIzE,CAAC"}

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

@@ -1,9 +0,0 @@
-import { jsx, Fragment } from "@emotion/react/jsx-runtime";
-import { useCountdownTimer } from "../../hooks/use-countdown-timer.js";
-const CountdownTimer = ({ children, ...props }) => {
-  const timeDiff = useCountdownTimer(props);
-  return /* @__PURE__ */ jsx(Fragment, { children: children == null ? void 0 : children(timeDiff) });
-};
-export {
-  CountdownTimer
-};

package/dist/lib/countdown-timer/index.d.ts.map

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

package/dist/lib/countdown-timer/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/countdown-timer/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,GAAG;IAC1E,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC;CACpD,CAAC"}

package/dist/lib/date-picker/date-picker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/lib/date-picker/date-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAkC,MAAM,OAAO,CAAC;AAQvD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAmB1C,QAAA,MAAM,UAAU,WAAY,eAAe,QAAQ,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,qDAyKvF,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAwC,OAAO,UAAU,CAAC;AAEpF,OAAO,EAAE,oBAAoB,IAAI,UAAU,EAAE,CAAC"}

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

@@ -1,193 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-/* empty css                */
-import { forwardRef, useRef } from "react";
-import dayjs from "dayjs";
-import { isNil } from "lodash-es";
-import { Calendar } from "react-date-range";
-import { getDatePickerProps } from "./helpers.js";
-import CalendarIcon from "../../assets/svg/calendar.svg.js";
-import { getSizeVariantState } from "../../utils/index.js";
-import { useControllableState } from "../../hooks/use-controllable-state.js";
-import { getColorVar } from "../../theme/palette.js";
-import CloseIcon from "../../assets/svg/times-close-delete.svg.js";
-import { TimePicker } from "../time-picker/time-picker.js";
-import { Floating } from "../floating/floating/floating.js";
-import { FloatingTrigger } from "../floating/floating-trigger/floating-trigger.js";
-import { InputMask as ForwardRefInputMask } from "../input-mask/input-mask.js";
-import { FloatingContent } from "../floating/floating-content/floating-content.js";
-import { FormHelperText } from "../form-helper-text/form-helper-text.js";
-import { Icon } from "../icon/icon.js";
-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,
-    format,
-    minDate,
-    maxDate,
-    timePicker,
-    clearable,
-    onClear,
-    helperText,
-    error,
-    containerProps,
-    open,
-    onOpenChange,
-    placement = "bottom-end",
-    ...rest
-  } = getDatePickerProps(_props);
-  const floatingRef = useRef(null);
-  const valueFormat = format ?? (timePicker ? DEFAULT_DATETIME_FORMAT : DEFAULT_DATE_FORMAT);
-  const [selectedDate, setSelectedDate] = useControllableState({
-    defaultValue,
-    value
-  });
-  const [isOpen, setIsOpen] = 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) {
-      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 (isNil(sizeVariant)) return {};
-    return getSizeVariantState(sizeVariant);
-  };
-  const portalContentRenderer = () => /* @__PURE__ */ jsxs(
-    "div",
-    {
-      css: {
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center",
-        overflow: "hidden",
-        borderRadius: 12,
-        backgroundColor: 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: getColorVar("neutral.100")
-      },
-      children: [
-        /* @__PURE__ */ jsx(Calendar, { onChange: handleChange, minDate, maxDate, date: selectedDate ?? void 0 }),
-        timePicker && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            css: { paddingLeft: 12, paddingRight: 12, paddingBottom: 12, display: "flex", alignItems: "center", gap: 8 },
-            children: [
-              /* @__PURE__ */ jsx("span", { css: { fontSize: "0.75rem", lineHeight: "1rem" }, children: "Time:" }),
-              /* @__PURE__ */ jsx(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) {
-      return icon;
-    }
-    if (selectedDate && clearable) {
-      return /* @__PURE__ */ jsx(
-        Icon,
-        {
-          source: CloseIcon,
-          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__ */ jsx(
-      Icon,
-      {
-        source: CalendarIcon,
-        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__ */ jsxs(
-    "div",
-    {
-      ...containerProps,
-      css: { display: "flex", flexDirection: "column", width: "100%", ...containerProps == null ? void 0 : containerProps.css },
-      children: [
-        /* @__PURE__ */ jsxs(
-          Floating,
-          {
-            clickProps: {
-              enabled: true
-            },
-            dismissProps: {
-              enabled: true
-            },
-            placement,
-            open: isOpen,
-            onOpenChange: prehandleOpenChange,
-            ref: floatingRef,
-            children: [
-              /* @__PURE__ */ jsx(FloatingTrigger, { children: /* @__PURE__ */ jsx(
-                ForwardRefInputMask,
-                {
-                  type: "button",
-                  error: isOpen ? false : error,
-                  as: "button",
-                  suffix: getSuffix(),
-                  ...rest,
-                  ref,
-                  children: /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      css: { flex: 1, textAlign: "left", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
-                      children: [
-                        !selectedDate && !!placeholder && /* @__PURE__ */ jsx("span", { css: { color: getColorVar("neutral.400") }, children: placeholder }),
-                        !!selectedDate && /* @__PURE__ */ jsx("span", { children: dayjs(selectedDate).format(valueFormat) })
-                      ]
-                    }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ jsx(FloatingContent, { children: portalContentRenderer() })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(FormHelperText, { error, children: helperText })
-      ]
-    }
-  );
-};
-const ForwardRefDatePicker = forwardRef(DatePicker);
-export {
-  ForwardRefDatePicker as DatePicker
-};

package/dist/lib/date-picker/helpers.d.ts.map

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

package/dist/lib/date-picker/index.d.ts.map

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

package/dist/lib/date-picker/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/date-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEtE,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAE5C,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAE1C,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;CACnC;AAED,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;QAC9C,GAAG,CAAC,EAAE,aAAa,CAAC;KACrB,CAAC;IACF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/lib/dialog/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,MAAM,WAAY,WAAW,qDA0EzC,CAAC"}

package/dist/lib/dialog/dialog/dialog.js

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

package/dist/lib/dialog/dialog/helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/dialog/dialog/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAalD,eAAO,MAAM,cAAc,aAAc,WAAW,gBAEnD,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAAW,UAAU,uBAKtD,CAAC;AAEF,eAAO,MAAM,gBAAgB,qDAE5B,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/dialog/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/dialog/dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,gBAAgB,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE9D,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,UAAU,GAAG,MAAM,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,YAAY,CACpC,aAAa,EACb,gBAAgB,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC,CACH,CAAC"}

package/dist/lib/dialog/dialog-body/dialog-body.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-body.d.ts","sourceRoot":"","sources":["../../../../src/lib/dialog/dialog-body/dialog-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK1C,eAAO,MAAM,UAAU,UAAW,eAAe,qDAiBhD,CAAC"}