@janbox/storefront-ui 1.0.24 → 1.0.25

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

@@ -1,2 +1,3 @@
-import { ContainerProps } from './types.js';
+import { ContainerProps } from './types';
 export declare const Container: ({ children, ref, ..._props }: ContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=container.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,101 @@
+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

@@ -1,2 +1,3 @@
-import { ContainerProps } from './types.js';
+import { ContainerProps } from './types';
 export declare const getContainerProps: (extended: ContainerProps) => ContainerProps;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"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/helpers.js

@@ -1,9 +1,12 @@
-import { mergeComponentProps } from '../../utils/index.js';
+import { mergeComponentProps } from "../../utils/index.js";
 const defaultProps = {
-    xs: {
-        position: 'center',
-    },
+  xs: {
+    position: "center"
+  }
 };
-export const getContainerProps = (extended) => {
-    return mergeComponentProps(defaultProps, extended);
+const getContainerProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getContainerProps
 };

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

@@ -1,3 +1,4 @@
-export * from './container.jsx';
-export * from './types.js';
-export * from './helpers.js';
+export * from './container';
+export * from './types';
+export * from './helpers';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types/index.js';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types';
 export type ContainerPosition = 'center' | 'start' | 'end';
 export interface ContainerResponsiveProps extends PropsWithCSS {
     position?: ContainerPosition;
@@ -7,3 +7,4 @@ export interface ContainerResponsiveProps extends PropsWithCSS {
 type ContainerExtendedProps = ResponsiveDesign<ContainerResponsiveProps> & {};
 export type ContainerProps = ShallowMerge<JSX.IntrinsicElements['div'], ContainerExtendedProps>;
 export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -1,2 +1,3 @@
-import { CountUpProps } from './types.js';
-export declare const CountUp: import("react").ForwardRefExoticComponent<Omit<CountUpProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+import { CountUpProps } from './types';
+export declare const CountUp: import('react').ForwardRefExoticComponent<Omit<CountUpProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=count-up.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,37 @@
+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

@@ -1,2 +1,3 @@
-export * from './count-up.jsx';
-export * from './types.js';
+export * from './count-up';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -1,9 +1,10 @@
 import { HTMLMotionProps } from 'motion/react';
-import { FormatNumberOptions } from '../../utils/index.js';
-import { ShallowMerge } from '../../types/index.js';
+import { FormatNumberOptions } from '../../utils';
+import { ShallowMerge } from '../../types';
 export type CountUpProps = ShallowMerge<HTMLMotionProps<'span'>, {
     from?: number;
     to: number;
     duration?: number;
     formatNumberOptions?: FormatNumberOptions;
 }>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -1,2 +1,3 @@
-import { CountdownTimerProps } from './types.js';
-export declare const CountdownTimer: ({ children, ...props }: CountdownTimerProps) => import("react").JSX.Element;
+import { CountdownTimerProps } from './types';
+export declare const CountdownTimer: ({ children, ...props }: CountdownTimerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=countdown-timer.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -1,2 +1,3 @@
-export * from './countdown-timer.jsx';
-export * from './types.js';
+export * from './countdown-timer';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -1,4 +1,5 @@
-import { TimeDiff, useCountdownTimer } from '../../hooks/index.js';
+import { TimeDiff, useCountdownTimer } from '../../hooks';
 export type CountdownTimerProps = Parameters<typeof useCountdownTimer>[0] & {
     children?: (timeDiff: TimeDiff) => React.ReactNode;
 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -1,7 +1,6 @@
-/** @jsxImportSource @emotion/react */
-import './date-picker.css';
-import React from 'react';
-import { DatePickerProps } from './types.js';
+import { default as React } from 'react';
+import { DatePickerProps } from './types';
 declare const DatePicker: (_props: DatePickerProps, ref?: React.ForwardedRef<HTMLButtonElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
 declare const ForwardRefDatePicker: typeof DatePicker;
 export { ForwardRefDatePicker as DatePicker };
+//# sourceMappingURL=date-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,193 @@
+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

@@ -1,2 +1,3 @@
-import { DatePickerProps } from './types.js';
+import { DatePickerProps } from './types';
 export declare const getDatePickerProps: (extended: DatePickerProps) => DatePickerProps;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"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/helpers.js

@@ -1,9 +1,12 @@
-import { mergeComponentProps } from '../../utils/index.js';
+import { mergeComponentProps } from "../../utils/index.js";
 const defaultProps = {
-    xs: {
-        size: 'md',
-    },
+  xs: {
+    size: "md"
+  }
 };
-export const getDatePickerProps = (extended) => {
-    return mergeComponentProps(defaultProps, extended);
+const getDatePickerProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getDatePickerProps
 };

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

@@ -1,3 +1,4 @@
-export * from './date-picker.jsx';
-export * from './helpers.js';
-export * from './types.js';
+export * from './date-picker';
+export * from './helpers';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -2,7 +2,7 @@ import { JSX } from 'react';
 import { Interpolation } from '@emotion/react';
 import { Placement, UseFloatingOptions } from '@floating-ui/react';
 import { InputRange } from 'react-date-range';
-import { PropsWithCSS, SizeVariant, ResponsiveDesign } from '../../types/index.js';
+import { PropsWithCSS, SizeVariant, ResponsiveDesign } from '../../types';
 export type PickerStaticRange = StaticRange;
 export type PickerInputRange = InputRange;
 export interface DateResponsiveProps extends PropsWithCSS {
@@ -36,3 +36,4 @@ type DatePickerBaseProps = {
 };
 export type DatePickerProps = DatePickerBaseProps & ResponsiveDesign<DateResponsiveProps>;
 export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -1,2 +1,3 @@
-import { DialogProps } from './types.js';
+import { DialogProps } from './types';
 export declare const Dialog: (_props: DialogProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"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"}