@janbox/storefront-ui 1.0.15 → 1.0.16

package/dist/lib/cascader/types.d.ts

@@ -61,3 +61,4 @@ interface CascaderExtendedProps extends ResponsiveDesign<CascaderResponsiveProps
 }
 export type CascaderProps = ShallowMerge<InputMaskProps<JSX.IntrinsicElements['button']>, CascaderExtendedProps>;
 export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,qIAAqI;IACrI,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,qBAAsB,SAAQ,gBAAgB,CAAC,uBAAuB,CAAC;IAC/E,gCAAgC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gDAAgD;IAChD,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAClD,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,wBAAwB;IACxB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,yIAAyI;IACzI,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IACpE,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACxE,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC3C,iDAAiD;IACjD,6CAA6C;IAC7C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,iCAAiC;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,iBAAiB,GAAG,eAAe,CAAC;CAC1D;AAED,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,CAAC"}

package/dist/lib/checkbox/checkbox.d.ts

@@ -1,2 +1,3 @@
 import { CheckboxProps } from './types';
 export declare const Checkbox: ({ children, indeterminate, color, className, ref, containerProps, ...props }: CheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/lib/checkbox/checkbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQxC,eAAO,MAAM,QAAQ,iFAQlB,aAAa,qDAiCf,CAAC"}

package/dist/lib/checkbox/checkbox.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import classes from "./checkbox.module.scss.js";
+import { SvgLoader } from "../../components/svg-loader.js";
+import { getColorShadesByVariant } from "../../utils/index.js";
+import CheckIcon from "../../assets/svg/done-check.svg.js";
+import MinusIcon from "../../assets/svg/minus.svg.js";
+import { cn } from "../../utils/stylesheet.js";
+const Checkbox = ({
+  children,
+  indeterminate,
+  color = "primary",
+  className,
+  ref,
+  containerProps,
+  ...props
+}) => {
+  const { main, contrastText } = getColorShadesByVariant(color);
+  const inputRef = useRef(null);
+  const mergedRefs = useMergeRefs([ref, inputRef]);
+  useEffect(() => {
+    const inputEl = inputRef.current;
+    if (inputEl) {
+      inputEl.indeterminate = indeterminate ?? false;
+    }
+  }, [indeterminate]);
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      ...containerProps,
+      className: cn(classes.checkbox__container, containerProps == null ? void 0 : containerProps.className),
+      css: {
+        "--checkbox-color": main,
+        "--checkbox-contrast-text": contrastText
+      },
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: classes.checkbox__main, children: [
+          /* @__PURE__ */ jsx("input", { ...props, type: "checkbox", className: cn(classes.checkbox__input, className), ref: mergedRefs }),
+          /* @__PURE__ */ jsxs("span", { className: classes.checkbox__checkmark, children: [
+            /* @__PURE__ */ jsx(SvgLoader, { className: classes.checkbox__icon_checked, width: 18, height: 18, source: CheckIcon }),
+            /* @__PURE__ */ jsx(SvgLoader, { className: classes.checkbox__icon_indeterminate, width: 18, height: 18, source: MinusIcon })
+          ] })
+        ] }),
+        children
+      ]
+    }
+  );
+};
+export {
+  Checkbox
+};

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

@@ -0,0 +1,23 @@
+const checkbox__container = "_checkbox__container_1rrv2_1";
+const checkbox__input = "_checkbox__input_1rrv2_10";
+const checkbox__main = "_checkbox__main_1rrv2_15";
+const checkbox__checkmark = "_checkbox__checkmark_1rrv2_32";
+const checkbox__icon_checked = "_checkbox__icon_checked_1rrv2_43";
+const checkbox__icon_indeterminate = "_checkbox__icon_indeterminate_1rrv2_43";
+const classes = {
+  checkbox__container,
+  checkbox__input,
+  checkbox__main,
+  checkbox__checkmark,
+  checkbox__icon_checked,
+  checkbox__icon_indeterminate
+};
+export {
+  checkbox__checkmark,
+  checkbox__container,
+  checkbox__icon_checked,
+  checkbox__icon_indeterminate,
+  checkbox__input,
+  checkbox__main,
+  classes as default
+};

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

@@ -1,2 +1,3 @@
 export { Checkbox } from './checkbox';
 export type { CheckboxProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/lib/checkbox/types.d.ts

@@ -13,3 +13,4 @@ export type CheckboxProps = ShallowMerge<JSX.IntrinsicElements['input'], {
         css?: Interpolation;
     };
 }>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,aAAa,GAAG,YAAY,CACtC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAC9B;IACE,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,GAAG;QAChD,GAAG,CAAC,EAAE,aAAa,CAAC;KACrB,CAAC;CACH,CACF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/lib/chip/chip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAuB,MAAM,SAAS,CAAC;AAOzD,eAAO,MAAM,IAAI,4BAA6B,SAAS,qDAqCtD,CAAC"}

package/dist/lib/chip/chip.js

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

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

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

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

@@ -1,11 +1,14 @@
-import { mergeComponentProps } from '../../utils';
+import { mergeComponentProps } from "../../utils/index.js";
 const defaultProps = {
-    xs: {
-        css: {},
-        size: 'md',
-    },
-    color: 'primary',
+  xs: {
+    css: {},
+    size: "md"
+  },
+  color: "primary"
 };
-export const getChipProps = (extended) => {
-    return mergeComponentProps(defaultProps, extended);
+const getChipProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getChipProps
 };

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

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

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

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

@@ -8,3 +8,4 @@ type ChipExtendedProps = ResponsiveDesign<ChipResponsiveProps> & {
 };
 export type ChipProps = ShallowMerge<JSX.IntrinsicElements['div'], ChipExtendedProps>;
 export {};
+//# sourceMappingURL=types.d.ts.map

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

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

@@ -1,2 +1,3 @@
 import { CollapseProps } from './types';
 export declare const Collapse: ({ children, open, collapsedSize, orientation, ...props }: CollapseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=collapse.d.ts.map

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

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

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

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

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

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

@@ -5,3 +5,4 @@ export type CollapseProps = ShallowMerge<HTMLMotionProps<'div'>, {
     collapsedSize?: number;
     orientation?: 'horizontal' | 'vertical';
 }>;
+//# sourceMappingURL=types.d.ts.map

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

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

@@ -1,2 +1,3 @@
 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';
 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';
+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';
 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

@@ -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';
-export declare const CountUp: import("react").ForwardRefExoticComponent<Omit<CountUpProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+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';
 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

@@ -7,3 +7,4 @@ export type CountUpProps = ShallowMerge<HTMLMotionProps<'span'>, {
     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';
 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';
 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

@@ -2,3 +2,4 @@ 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,6 +1,6 @@
-import './date-picker.css';
-import React from 'react';
+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"}