@janbox/storefront-ui 1.0.27 → 2.0.1

package/dist/lib/input-range/types.d.ts

@@ -1,12 +1,12 @@
 import { JSX } from 'react';
 import { IconProps } from '../icon';
 import { InputNumberProps } from '../input-number/types';
-import { SizeVariant, ResponsiveDesign, ShallowMerge } from '../../types';
+import { SizeVariant, ShallowMerge, ToResponsiveProps } from '../../types';
 export interface InputRangeResponsiveProps {
     size?: SizeVariant;
 }
-export type InputRangeEdge = "from" | "to";
-interface InputRangeExtendedProps extends ResponsiveDesign<InputRangeResponsiveProps> {
+export type InputRangeEdge = 'from' | 'to';
+interface InputRangeExtendedProps extends ToResponsiveProps<InputRangeResponsiveProps> {
     inputs?: [InputNumberProps, InputNumberProps];
     error?: boolean;
     helperText?: string;
@@ -16,6 +16,6 @@ interface InputRangeExtendedProps extends ResponsiveDesign<InputRangeResponsiveP
     startIcon?: IconProps;
     endIcon?: IconProps;
 }
-export type InputRangeProps = ShallowMerge<JSX.IntrinsicElements["div"], InputRangeExtendedProps>;
+export type InputRangeProps = ShallowMerge<JSX.IntrinsicElements['div'], InputRangeExtendedProps>;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/input-range/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/input-range/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,yBAAyB;IACxC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,IAAI,CAAC;AAE3C,UAAU,uBAAwB,SAAQ,gBAAgB,CAAC,yBAAyB,CAAC;IACnF,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EACtC,IAAI,EAAE,cAAc,KACjB,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,eAAe,GAAG,YAAY,CACxC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,uBAAuB,CACxB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/input-range/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEvE,MAAM,WAAW,yBAAyB;IACxC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,IAAI,CAAC;AAE3C,UAAU,uBAAwB,SAAQ,iBAAiB,CAAC,yBAAyB,CAAC;IACpF,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAClF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"lightbox.d.ts","sourceRoot":"","sources":["../../../src/lib/lightbox/lightbox.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAgQxC,eAAO,MAAM,QAAQ,6CAA8C,aAAa,qDA6B/E,CAAC"}
+{"version":3,"file":"lightbox.d.ts","sourceRoot":"","sources":["../../../src/lib/lightbox/lightbox.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA8PxC,eAAO,MAAM,QAAQ,6CAA8C,aAAa,qDA6B/E,CAAC"}

package/dist/lib/lightbox/lightbox.js

@@ -100,7 +100,7 @@ const LightboxContent = ({ slides, defaultActiveIndex = 0 }) => {
                   }
                 },
                 onApi: setMainApi,
-                xs: { slidesPerView: 1 },
+                slidesPerView: 1,
                 css: { width: "100%", height: "100%" },
                 children: times(slides.length).map((index) => /* @__PURE__ */ jsx(SwiperSlide, { children: activeIndex === index && /* @__PURE__ */ jsx(
                   motion.div,
@@ -128,13 +128,11 @@ const LightboxContent = ({ slides, defaultActiveIndex = 0 }) => {
                             {
                               src: activeSlide == null ? void 0 : activeSlide.source.src,
                               alt: activeSlide == null ? void 0 : activeSlide.title,
-                              xs: {
-                                css: {
-                                  maxWidth: "100%",
-                                  maxHeight: "100%",
-                                  objectFit: "contain",
-                                  userSelect: "none"
-                                }
+                              sx: {
+                                maxWidth: "100%",
+                                maxHeight: "100%",
+                                objectFit: "contain",
+                                userSelect: "none"
                               }
                             }
                           ) })
@@ -156,8 +154,8 @@ const LightboxContent = ({ slides, defaultActiveIndex = 0 }) => {
               }
             ) }),
             slides.length > 1 && /* @__PURE__ */ jsxs("div", { css: { display: "none", [mediaQuery("md")]: { display: "contents" } }, children: [
-              /* @__PURE__ */ jsx("div", { css: { position: "absolute", left: 0, top: "50%", transform: "translateY(-50%) translateX(-50%)" }, children: /* @__PURE__ */ jsx(LightboxIconButton, { xs: { size: "sm" }, onClick: handlePrevious, icon: { source: ArrowLeftIcon } }) }),
-              /* @__PURE__ */ jsx("div", { css: { position: "absolute", right: 0, top: "50%", transform: "translateY(-50%) translateX(50%)" }, children: /* @__PURE__ */ jsx(LightboxIconButton, { xs: { size: "sm" }, onClick: handleNext, icon: { source: ArrowRightIcon } }) })
+              /* @__PURE__ */ jsx("div", { css: { position: "absolute", left: 0, top: "50%", transform: "translateY(-50%) translateX(-50%)" }, children: /* @__PURE__ */ jsx(LightboxIconButton, { size: "sm", onClick: handlePrevious, icon: { source: ArrowLeftIcon } }) }),
+              /* @__PURE__ */ jsx("div", { css: { position: "absolute", right: 0, top: "50%", transform: "translateY(-50%) translateX(50%)" }, children: /* @__PURE__ */ jsx(LightboxIconButton, { size: "sm", onClick: handleNext, icon: { source: ArrowRightIcon } }) })
             ] }),
             /* @__PURE__ */ jsx(
               "div",
@@ -194,14 +192,14 @@ const LightboxContent = ({ slides, defaultActiveIndex = 0 }) => {
                 },
                 children: [
                   slides.length > 1 && /* @__PURE__ */ jsxs("div", { css: { display: "contents", [mediaQuery("md")]: { display: "none" } }, children: [
-                    /* @__PURE__ */ jsx(LightboxIconButton, { xs: { size: "sm" }, onClick: handlePrevious, icon: { source: ArrowLeftIcon } }),
-                    /* @__PURE__ */ jsx(LightboxIconButton, { xs: { size: "sm" }, onClick: handleNext, icon: { source: ArrowRightIcon } })
+                    /* @__PURE__ */ jsx(LightboxIconButton, { size: "sm", onClick: handlePrevious, icon: { source: ArrowLeftIcon } }),
+                    /* @__PURE__ */ jsx(LightboxIconButton, { size: "sm", onClick: handleNext, icon: { source: ArrowRightIcon } })
                   ] }),
                   (activeSlide == null ? void 0 : activeSlide.source.type) === "image" && /* @__PURE__ */ jsxs(Fragment, { children: [
                     /* @__PURE__ */ jsx(
                       LightboxIconButton,
                       {
-                        xs: { size: "sm" },
+                        size: "sm",
                         onClick: () => {
                           var _a;
                           return (_a = zoomPanPinchRef.current) == null ? void 0 : _a.zoomOut(0.5);
@@ -212,7 +210,7 @@ const LightboxContent = ({ slides, defaultActiveIndex = 0 }) => {
                     /* @__PURE__ */ jsx(
                       LightboxIconButton,
                       {
-                        xs: { size: "sm" },
+                        size: "sm",
                         onClick: () => {
                           var _a;
                           return (_a = zoomPanPinchRef.current) == null ? void 0 : _a.zoomIn(0.5);
@@ -221,7 +219,7 @@ const LightboxContent = ({ slides, defaultActiveIndex = 0 }) => {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx(FloatingClose, { children: /* @__PURE__ */ jsx(LightboxIconButton, { xs: { size: "sm" }, icon: { source: CloseIcon } }) })
+                  /* @__PURE__ */ jsx(FloatingClose, { children: /* @__PURE__ */ jsx(LightboxIconButton, { size: "sm", icon: { source: CloseIcon } }) })
                 ]
               }
             ),

package/dist/lib/linear-progress/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/linear-progress/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAW9C,eAAO,MAAM,sBAAsB,aAAc,mBAAmB,wBAEnE,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/linear-progress/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAS9C,eAAO,MAAM,sBAAsB,aAAc,mBAAmB,wBAEnE,CAAC"}

package/dist/lib/linear-progress/helpers.js

@@ -1,9 +1,7 @@
 import { mergeComponentProps } from "../../utils/index.js";
 const defaultProps = {
-  xs: {
-    size: 4,
-    color: "primary"
-  }
+  size: 4,
+  color: "primary"
 };
 const getLinearProgressProps = (extended) => {
   return mergeComponentProps(defaultProps, extended);

package/dist/lib/linear-progress/linear-progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linear-progress.d.ts","sourceRoot":"","sources":["../../../src/lib/linear-progress/linear-progress.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAiC,MAAM,SAAS,CAAC;AAK7E,eAAO,MAAM,cAAc,WAAY,mBAAmB,qDA8CzD,CAAC"}
+{"version":3,"file":"linear-progress.d.ts","sourceRoot":"","sources":["../../../src/lib/linear-progress/linear-progress.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAiC,MAAM,SAAS,CAAC;AAK7E,eAAO,MAAM,cAAc,WAAY,mBAAmB,qDAmDzD,CAAC"}

package/dist/lib/linear-progress/linear-progress.js

@@ -6,7 +6,8 @@ import { mediaQuery } from "../../theme/screens.js";
 import "../../theme/palette.js";
 import { getColorShadesByVariant } from "../../utils/index.js";
 const LinearProgress = (_props) => {
-  const { xs, sm, md, value, variant: _variant, ...props } = getLinearProgressProps(_props);
+  const { size, color, sm, md, lg, value, variant: _variant, ...props } = getLinearProgressProps(_props);
+  const palette = getColorShadesByVariant(color);
   const fallbackVariant = isNil(value) ? "indeterminate" : "determinate";
   const variant = _variant ?? fallbackVariant;
   const rootInterpolation = [
@@ -14,15 +15,18 @@ const LinearProgress = (_props) => {
       position: "relative",
       width: "100%",
       overflow: "hidden",
+      backgroundColor: palette.light,
       [`& > *`]: {
         position: "absolute",
-        height: "100%"
+        height: "100%",
+        backgroundColor: palette.main
       }
     },
-    createStyle(xs),
+    createStyle({ size }),
     {
       [mediaQuery("sm")]: createStyle(sm),
-      [mediaQuery("md")]: createStyle(md)
+      [mediaQuery("md")]: createStyle(md),
+      [mediaQuery("lg")]: createStyle(lg)
     }
   ];
   return /* @__PURE__ */ jsxs("div", { css: rootInterpolation, ...props, children: [
@@ -49,15 +53,12 @@ const LinearProgress = (_props) => {
     )
   ] });
 };
-const createStyle = ({ color, size } = {}) => {
-  const palette = getColorShadesByVariant(color);
+const createStyle = ({ size } = {}) => {
   return [
     {
       height: size,
       borderRadius: isNumber(size) ? size / 2 : void 0,
-      backgroundColor: palette.light,
       [`& > *`]: {
-        backgroundColor: palette.main,
         borderRadius: isNumber(size) ? size / 2 : void 0
       }
     }

package/dist/lib/linear-progress/types.d.ts

@@ -1,13 +1,13 @@
 import { JSX } from 'react';
-import { ColorVariant, ResponsiveDesign, ShallowMerge } from '../../types';
+import { ColorVariant, ShallowMerge, ToResponsiveProps } from '../../types';
 export type LinearProgressResponsiveProps = {
-    color?: ColorVariant;
     size?: number;
 };
-type LinearProgressExtendedProps = ResponsiveDesign<LinearProgressResponsiveProps> & {
+type LinearProgressExtendedProps = ToResponsiveProps<LinearProgressResponsiveProps> & {
     duration?: number;
     value?: number;
     variant?: 'determinate' | 'indeterminate';
+    color?: ColorVariant;
 };
 export type LinearProgressProps = ShallowMerge<JSX.IntrinsicElements['div'], LinearProgressExtendedProps>;
 export {};

package/dist/lib/linear-progress/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/linear-progress/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,6BAA6B,GAAG;IAC1C,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,2BAA2B,GAAG,gBAAgB,CAAC,6BAA6B,CAAC,GAAG;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,aAAa,GAAG,eAAe,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,2BAA2B,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/linear-progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAExE,MAAM,MAAM,6BAA6B,GAAG;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,2BAA2B,GAAG,iBAAiB,CAAC,6BAA6B,CAAC,GAAG;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,aAAa,GAAG,eAAe,CAAC;IAC1C,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,2BAA2B,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/lib/link/link.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAuB,MAAM,SAAS,CAAC;AAQzD,eAAO,MAAM,IAAI,iCAAkC,SAAS,qDAuC3D,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/lib/link/link.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAuB,MAAM,SAAS,CAAC;AAQzD,eAAO,MAAM,IAAI,iCAAkC,SAAS,qDAmD3D,CAAC"}

package/dist/lib/link/link.js

@@ -4,13 +4,23 @@ import { Link as Link$1 } from "react-router";
 import { getLinkProps } from "./helpers.js";
 import { useHoverLineEffect } from "../../hooks/use-hover-line-effect/index.js";
 import { Booleanish } from "../../constants/index.js";
-import "react";
 import { mediaQuery } from "../../theme/screens.js";
 import "../../theme/palette.js";
 import { getTypographyVar } from "../../theme/typography.js";
-import { cn } from "../../utils/stylesheet.js";
+import { cn, createSxInterpolation } from "../../utils/stylesheet.js";
 const Link = ({ children, ref, ..._props }) => {
-  const { xs, sm, md, lg, dangerouslySetInnerHTML, to, underline = false, className, ...rest } = getLinkProps(_props);
+  const {
+    sx,
+    textVariant,
+    sm,
+    md,
+    lg,
+    dangerouslySetInnerHTML,
+    to,
+    underline = false,
+    className,
+    ...rest
+  } = getLinkProps(_props);
   const hoverLineEffectProps = useHoverLineEffect({ enabled: underline });
   const onClick = (e) => {
     var _a;
@@ -27,12 +37,13 @@ const Link = ({ children, ref, ..._props }) => {
     {
       to: to ?? "#",
       css: [
-        createStyle(xs),
+        createStyle({ textVariant }),
         {
           [mediaQuery("sm")]: createStyle(sm),
           [mediaQuery("md")]: createStyle(md),
           [mediaQuery("lg")]: createStyle(lg)
         },
+        createSxInterpolation(sx),
         rest["aria-disabled"] && { pointerEvents: "none" }
       ],
       dangerouslySetInnerHTML: isNil(children) ? dangerouslySetInnerHTML : void 0,
@@ -45,13 +56,12 @@ const Link = ({ children, ref, ..._props }) => {
     }
   );
 };
-const createStyle = ({ css, textVariant } = {}) => {
+const createStyle = ({ textVariant } = {}) => {
   return [
     textVariant && {
       fontSize: getTypographyVar(textVariant).fontSize,
       lineHeight: getTypographyVar(textVariant).lineHeight
-    },
-    css
+    }
   ];
 };
 export {

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

@@ -1,15 +1,15 @@
 import { Ref } from 'react';
 import { LinkProps as ReactRouterLinkProps } from 'react-router';
 import { TypographySizeVariant } from '../../theme';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types';
-export interface LinkResponsiveProps extends PropsWithCSS {
+import { PropsWithSx, ShallowMerge, ToResponsiveProps } from '../../types';
+export interface LinkResponsiveProps {
     textVariant?: TypographySizeVariant;
 }
-type LinkExtendedProps = ResponsiveDesign<LinkResponsiveProps> & {
+type LinkExtendedProps = PropsWithSx<ToResponsiveProps<LinkResponsiveProps> & {
     to?: ReactRouterLinkProps['to'];
     underline?: boolean;
     ref?: Ref<HTMLAnchorElement>;
-};
+}>;
 export type LinkProps = ShallowMerge<ReactRouterLinkProps, LinkExtendedProps>;
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/link/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,IAAI,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvE,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,WAAW,CAAC,EAAE,qBAAqB,CAAC;CACrC;AAED,KAAK,iBAAiB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,GAAG;IAC/D,EAAE,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/link/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,IAAI,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,qBAAqB,CAAC;CACrC;AAED,KAAK,iBAAiB,GAAG,WAAW,CAClC,iBAAiB,CAAC,mBAAmB,CAAC,GAAG;IACvC,EAAE,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B,CACF,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC"}

package/dist/lib/loading/block-skeleton/block-skeleton.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
-export type BlockSkeletonProps = ShallowMerge<JSX.IntrinsicElements['div'], ResponsiveDesign<PropsWithCSS>>;
-export declare const BlockSkeleton: ({ xs, sm, md, lg, ...props }: BlockSkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { PropsWithSx, ShallowMerge } from '../../../types';
+export type BlockSkeletonProps = ShallowMerge<JSX.IntrinsicElements['div'], PropsWithSx>;
+export declare const BlockSkeleton: ({ sx, ...props }: BlockSkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=block-skeleton.d.ts.map

package/dist/lib/loading/block-skeleton/block-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/block-skeleton/block-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI5B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;AAE5G,eAAO,MAAM,aAAa,iCAAkC,kBAAkB,qDAgB7E,CAAC"}
+{"version":3,"file":"block-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/block-skeleton/block-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI5B,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGpD,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC;AAEzF,eAAO,MAAM,aAAa,qBAAsB,kBAAkB,qDAWjE,CAAC"}

package/dist/lib/loading/block-skeleton/block-skeleton.js

@@ -1,20 +1,16 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { animatePulseStyle } from "../../../constants/emotion.js";
-import { mediaQuery } from "../../../theme/screens.js";
+import "lodash-es";
 import { getColorVar } from "../../../theme/palette.js";
-const BlockSkeleton = ({ xs, sm, md, lg, ...props }) => {
+import { createSxInterpolation } from "../../../utils/stylesheet.js";
+const BlockSkeleton = ({ sx, ...props }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
       css: [
         animatePulseStyle,
         { borderRadius: 4, backgroundColor: getColorVar("neutral.200") },
-        xs == null ? void 0 : xs.css,
-        {
-          [mediaQuery("sm")]: sm == null ? void 0 : sm.css,
-          [mediaQuery("md")]: md == null ? void 0 : md.css,
-          [mediaQuery("lg")]: lg == null ? void 0 : lg.css
-        }
+        createSxInterpolation(sx)
       ],
       ...props
     }

package/dist/lib/loading/image-skeleton/image-skeleton.d.ts

@@ -1,3 +1,3 @@
 import { ImageSkeletonProps } from './types';
-export declare const ImageSkeleton: ({ xs, sm, md, lg, ...props }: ImageSkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ImageSkeleton: ({ sx, ...props }: ImageSkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=image-skeleton.d.ts.map

package/dist/lib/loading/image-skeleton/image-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/image-skeleton/image-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,aAAa,iCAAkC,kBAAkB,qDAkC7E,CAAC"}
+{"version":3,"file":"image-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/image-skeleton/image-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAM7C,eAAO,MAAM,aAAa,qBAAsB,kBAAkB,qDA6BjE,CAAC"}

package/dist/lib/loading/image-skeleton/image-skeleton.js

@@ -1,8 +1,9 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { animatePulseStyle } from "../../../constants/emotion.js";
-import { mediaQuery } from "../../../theme/screens.js";
+import "lodash-es";
 import { getColorVar } from "../../../theme/palette.js";
-const ImageSkeleton = ({ xs, sm, md, lg, ...props }) => {
+import { createSxInterpolation } from "../../../utils/stylesheet.js";
+const ImageSkeleton = ({ sx, ...props }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -17,12 +18,7 @@ const ImageSkeleton = ({ xs, sm, md, lg, ...props }) => {
           borderRadius: "0.25rem",
           backgroundColor: getColorVar("neutral.200")
         },
-        xs == null ? void 0 : xs.css,
-        {
-          [mediaQuery("sm")]: sm == null ? void 0 : sm.css,
-          [mediaQuery("md")]: md == null ? void 0 : md.css,
-          [mediaQuery("lg")]: lg == null ? void 0 : lg.css
-        }
+        createSxInterpolation(sx)
       ],
       ...props,
       children: /* @__PURE__ */ jsx(

package/dist/lib/loading/image-skeleton/types.d.ts

@@ -1,4 +1,4 @@
-import { ShallowMerge, ResponsiveDesign, PropsWithCSS } from '../../../types';
+import { PropsWithSx, ShallowMerge } from '../../../types';
 import { JSX } from 'react';
-export type ImageSkeletonProps = ShallowMerge<JSX.IntrinsicElements['div'], ResponsiveDesign<PropsWithCSS>>;
+export type ImageSkeletonProps = ShallowMerge<JSX.IntrinsicElements['div'], PropsWithSx>;
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/loading/image-skeleton/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/image-skeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/image-skeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC"}

package/dist/lib/loading/loading-overlay/loading-overlay.d.ts

@@ -1,3 +1,3 @@
 import { LoadingOverlayProps } from './types';
-export declare const LoadingOverlay: ({ isLoading, iconProps, color, style, size, children, xs, sm, md, lg, ...props }: LoadingOverlayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const LoadingOverlay: ({ isLoading, iconProps, color, sx, style, size, children, ...props }: LoadingOverlayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=loading-overlay.d.ts.map

package/dist/lib/loading/loading-overlay/loading-overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-overlay.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/loading-overlay/loading-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAQ9C,eAAO,MAAM,cAAc,qFAYxB,mBAAmB,qDA0CrB,CAAC"}
+{"version":3,"file":"loading-overlay.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/loading-overlay/loading-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAQ9C,eAAO,MAAM,cAAc,yEASxB,mBAAmB,qDAqCrB,CAAC"}

package/dist/lib/loading/loading-overlay/loading-overlay.js

@@ -3,19 +3,15 @@ import { SvgLoader } from "../../../components/svg-loader.js";
 import { animateSpinStyle } from "../../../constants/emotion.js";
 import LoadingIcon from "../../../assets/svg/loading-waiting.svg.js";
 import { getColorShadesByVariant } from "../../../utils/index.js";
-import { mediaQuery } from "../../../theme/screens.js";
-import "../../../theme/palette.js";
+import { createSxInterpolation } from "../../../utils/stylesheet.js";
 const LoadingOverlay = ({
   isLoading = false,
   iconProps,
   color = "primary",
+  sx,
   style,
   size = 32,
   children,
-  xs,
-  sm,
-  md,
-  lg,
   ...props
 }) => {
   const { main } = getColorShadesByVariant(color);
@@ -30,12 +26,7 @@ const LoadingOverlay = ({
       ...props,
       css: [
         { position: "relative" },
-        xs == null ? void 0 : xs.css,
-        {
-          [mediaQuery("sm")]: sm == null ? void 0 : sm.css,
-          [mediaQuery("md")]: md == null ? void 0 : md.css,
-          [mediaQuery("lg")]: lg == null ? void 0 : lg.css
-        }
+        createSxInterpolation(sx)
       ],
       children: [
         children,

package/dist/lib/loading/loading-overlay/types.d.ts

@@ -1,9 +1,9 @@
 import { JSX } from 'react';
-import { ColorVariant, PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
-export type LoadingOverlayProps = ShallowMerge<JSX.IntrinsicElements['div'], {
+import { ColorVariant, PropsWithSx, ShallowMerge } from '../../../types';
+export type LoadingOverlayProps = ShallowMerge<JSX.IntrinsicElements['div'], PropsWithSx<{
     isLoading?: boolean;
     size?: number;
     color?: ColorVariant;
     iconProps?: JSX.IntrinsicElements['div'];
-} & ResponsiveDesign<PropsWithCSS>>;
+}>>;
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/loading/loading-overlay/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/loading-overlay/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAErF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAC5C,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B;IACE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;CAC1C,GAAG,gBAAgB,CAAC,YAAY,CAAC,CACnC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/loading-overlay/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAC5C,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,WAAW,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;CAC1C,CAAC,CACH,CAAC"}

package/dist/lib/loading/text-skeleton/text-skeleton.d.ts

@@ -1,3 +1,3 @@
 import { TextSkeletonProps } from './types';
-export declare const TextSkeleton: ({ xs, sm, md, lg, ...props }: TextSkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TextSkeleton: ({ sx, ...props }: TextSkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=text-skeleton.d.ts.map

package/dist/lib/loading/text-skeleton/text-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/text-skeleton/text-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAK5C,eAAO,MAAM,YAAY,iCAAkC,iBAAiB,qDAyB3E,CAAC"}
+{"version":3,"file":"text-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/text-skeleton/text-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAM5C,eAAO,MAAM,YAAY,qBAAsB,iBAAiB,qDAoB/D,CAAC"}

package/dist/lib/loading/text-skeleton/text-skeleton.js

@@ -1,19 +1,15 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { animatePulseStyle } from "../../../constants/emotion.js";
-import { mediaQuery } from "../../../theme/screens.js";
+import "lodash-es";
 import { getColorVar } from "../../../theme/palette.js";
-const TextSkeleton = ({ xs, sm, md, lg, ...props }) => {
+import { createSxInterpolation } from "../../../utils/stylesheet.js";
+const TextSkeleton = ({ sx, ...props }) => {
   return /* @__PURE__ */ jsxs(
     "span",
     {
       css: [
         { width: "100%", overflow: "hidden", display: "inline-flex", alignItems: "center" },
-        xs == null ? void 0 : xs.css,
-        {
-          [mediaQuery("sm")]: sm == null ? void 0 : sm.css,
-          [mediaQuery("md")]: md == null ? void 0 : md.css,
-          [mediaQuery("lg")]: lg == null ? void 0 : lg.css
-        }
+        createSxInterpolation(sx)
       ],
       ...props,
       children: [

package/dist/lib/loading/text-skeleton/types.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
+import { PropsWithSx, ShallowMerge } from '../../../types';
 import { JSX } from 'react';
-export type TextSkeletonProps = ShallowMerge<JSX.IntrinsicElements['span'], ResponsiveDesign<PropsWithCSS>>;
+export type TextSkeletonProps = ShallowMerge<JSX.IntrinsicElements['span'], PropsWithSx>;
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/loading/text-skeleton/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/text-skeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/loading/text-skeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC"}

package/dist/lib/marquee/marquee/marquee.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"marquee.d.ts","sourceRoot":"","sources":["../../../../src/lib/marquee/marquee/marquee.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAiD,MAAM,SAAS,CAAC;AAUtF,eAAO,MAAM,OAAO,uBAAwB,YAAY,qDAwFvD,CAAC"}
+{"version":3,"file":"marquee.d.ts","sourceRoot":"","sources":["../../../../src/lib/marquee/marquee/marquee.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAiD,MAAM,SAAS,CAAC;AAUtF,eAAO,MAAM,OAAO,iCAAkC,YAAY,qDA0FjE,CAAC"}

package/dist/lib/marquee/marquee/marquee.js

@@ -10,8 +10,9 @@ import { mediaQuery } from "../../../theme/screens.js";
 import "../../../theme/palette.js";
 import { flattenChildren } from "../../../utils/index.js";
 import { Icon } from "../../icon/icon.js";
-const Marquee = ({ ref, ..._props }) => {
-  const { children, xs, sm, md, autoScrollOptions, separatorIcon, ...rest } = getMarqueeProps(_props);
+const Marquee = ({ children, ref, ..._props }) => {
+  const { sx = {}, spaceBetween, sm, md, lg, autoScrollOptions, separatorIcon, ...rest } = getMarqueeProps(_props);
+  const { sm: sxSm, md: sxMd, lg: sxLg, ...sxXs } = sx;
   const rootEl = useRef(null);
   const [emblaRef, emblaApi] = useEmblaCarousel(
     {
@@ -69,10 +70,11 @@ const Marquee = ({ ref, ..._props }) => {
           overflow: "hidden",
           maxWidth: "100%"
         },
-        createStyle(xs),
+        createStyle({ spaceBetween }, sxXs),
         {
-          [mediaQuery("sm")]: createStyle(sm),
-          [mediaQuery("md")]: createStyle(md)
+          [mediaQuery("sm")]: createStyle(sm, sxSm),
+          [mediaQuery("md")]: createStyle(md, sxMd),
+          [mediaQuery("lg")]: createStyle(lg, sxLg)
         }
       ],
       ...rest,
@@ -84,14 +86,17 @@ const Marquee = ({ ref, ..._props }) => {
     }
   );
 };
-const createStyle = ({ css: { width, height, ...css } = {} } = {}) => {
+const createStyle = ({ spaceBetween } = {}, sx = {}) => {
+  const { width, height, ...css } = sx;
   return [
     {
       width,
       height,
-      "& > *": css
-    },
-    css
+      "& > *": {
+        columnGap: spaceBetween,
+        ...css
+      }
+    }
   ];
 };
 export {

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

@@ -1,17 +1,17 @@
 import { JSX } from 'react';
 import { AutoScrollOptionsType } from 'embla-carousel-auto-scroll';
 import { IconProps } from '../../icon';
-import { ResponsiveDesign, ShallowMerge, PropsWithCSS } from '../../../types';
+import { PropsWithSx, ShallowMerge, ToResponsiveProps } from '../../../types';
 export declare enum MarqueeDataAttributes {
     PlayState = "data-marquee-play-state"
 }
-export type MarqueeResponsiveProps = PropsWithCSS & {
+export type MarqueeResponsiveProps = {
     spaceBetween?: number;
 };
 type MarqueeHTMLProps = Omit<JSX.IntrinsicElements['div'], 'is'>;
-export type MarqueeProps = ShallowMerge<MarqueeHTMLProps, {
+export type MarqueeProps = ShallowMerge<MarqueeHTMLProps, PropsWithSx<{
     autoScrollOptions?: AutoScrollOptionsType;
     separatorIcon?: IconProps;
-}> & ResponsiveDesign<MarqueeResponsiveProps>;
+}>> & ToResponsiveProps<MarqueeResponsiveProps>;
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/marquee/marquee/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAC,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5E,oBAAY,qBAAqB;IAC/B,SAAS,4BAA4B;CACtC;AAED,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,YAAY,CACrC,gBAAgB,EAChB;IACE,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CACF,GACC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/marquee/marquee/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEvE,oBAAY,qBAAqB;IAC/B,SAAS,4BAA4B;CACtC;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,YAAY,CACrC,gBAAgB,EAChB,WAAW,CAAC;IACV,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC,CACH,GACC,iBAAiB,CAAC,sBAAsB,CAAC,CAAC"}

package/dist/lib/menu/menu-item/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/menu/menu-item/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAcxC,eAAO,MAAM,gBAAgB,aAAc,aAAa,gCAEvD,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/menu/menu-item/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAYxC,eAAO,MAAM,gBAAgB,aAAc,aAAa,gCAEvD,CAAC"}