@janbox/storefront-ui 1.0.26 → 2.0.0

package/dist/lib/button/button.js

@@ -1,19 +1,18 @@
-import { jsxs, jsx, Fragment as Fragment$1 } from "@emotion/react/jsx-runtime";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { useRef, Fragment, isValidElement } from "react";
 import { useMergeRefs } from "@floating-ui/react";
 import { isNil, isString } from "lodash-es";
 import { useNavigate, createPath } from "react-router";
-import { getButtonProps } from "./helpers.js";
+import { getButtonProps, getButtonCssBySize } from "./helpers.js";
 import { useRippleEffect } from "../../hooks/use-ripple-effect/index.js";
 import { truncateStyle, animateSpinStyle } from "../../constants/emotion.js";
 import LoadingIcon from "../../assets/svg/loading-waiting.svg.js";
 import { mediaQuery } from "../../theme/screens.js";
 import { getColorVar } from "../../theme/palette.js";
-import { getColorShadesByVariant, getSizeVariantState, omitResponsiveProps } from "../../utils/index.js";
-import { cn } from "../../utils/stylesheet.js";
+import { getColorShadesByVariant, getSizeVariantState } from "../../utils/index.js";
+import { createSxInterpolation, cn } from "../../utils/stylesheet.js";
 import { Icon } from "../icon/icon.js";
 const Button = ({ children, ref, ..._props }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
   const buttonRef = useRef(null);
   const { className } = useRippleEffect(buttonRef);
   const mergedRef = useMergeRefs([ref, buttonRef]);
@@ -28,6 +27,11 @@ const Button = ({ children, ref, ..._props }) => {
     startIcon,
     endIcon,
     dangerouslySetInnerHTML,
+    sx,
+    size,
+    sm,
+    md,
+    lg,
     ...rest
   } = getButtonProps(_props);
   const navigate = useNavigate();
@@ -40,12 +44,6 @@ const Button = ({ children, ref, ..._props }) => {
     ariaDisabledSurface,
     ariaDisabledText
   } = getColorShadesByVariant(color);
-  const createStyle = (screen) => {
-    const { css: css2 } = rest[screen] ?? {};
-    return {
-      ...css2
-    };
-  };
   const css = [
     {
       display: "flex",
@@ -112,16 +110,17 @@ const Button = ({ children, ref, ..._props }) => {
     rest["aria-disabled"] && {
       pointerEvents: "none"
     },
-    createStyle("xs"),
+    createStyle({ size }),
     {
-      [mediaQuery("sm")]: createStyle("sm"),
-      [mediaQuery("md")]: createStyle("md"),
-      [mediaQuery("lg")]: createStyle("lg")
-    }
+      [mediaQuery("sm")]: createStyle(sm),
+      [mediaQuery("md")]: createStyle(md),
+      [mediaQuery("lg")]: createStyle(lg)
+    },
+    createSxInterpolation(sx)
   ];
   const onClick = (e) => {
-    var _a2;
-    (_a2 = rest.onClick) == null ? void 0 : _a2.call(rest, e);
+    var _a;
+    (_a = rest.onClick) == null ? void 0 : _a.call(rest, e);
     if (e.defaultPrevented) {
       return;
     }
@@ -141,86 +140,72 @@ const Button = ({ children, ref, ..._props }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      css,
-      disabled,
-      ...omitResponsiveProps(rest),
-      onClick,
-      className: cn(rest.className, className),
-      ref: mergedRef,
-      children: [
-        prefix,
-        !!startIcon && /* @__PURE__ */ jsx(
-          Icon,
-          {
-            ...startIcon,
-            css: {
-              flexShrink: 0
-            },
-            xs: {
-              size: getSizeVariantState((_a = rest.xs) == null ? void 0 : _a.size).iconSize,
-              ...startIcon.xs
-            },
-            sm: {
-              size: getSizeVariantState((_b = rest.sm) == null ? void 0 : _b.size).iconSize,
-              ...startIcon.sm
-            },
-            md: {
-              size: getSizeVariantState((_c = rest.md) == null ? void 0 : _c.size).iconSize,
-              ...startIcon.md
-            },
-            lg: {
-              size: getSizeVariantState((_d = rest.lg) == null ? void 0 : _d.size).iconSize,
-              ...startIcon.lg
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Fragment$1, { children: isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML, css: truncateStyle, children }) }) }),
-        !!endIcon && /* @__PURE__ */ jsx(
-          Icon,
-          {
-            ...endIcon,
-            css: {
-              flexShrink: 0
-            },
-            xs: {
-              size: getSizeVariantState((_e = rest.xs) == null ? void 0 : _e.size).iconSize,
-              ...endIcon.xs
-            },
-            sm: {
-              size: getSizeVariantState((_f = rest.sm) == null ? void 0 : _f.size).iconSize,
-              ...endIcon.sm
-            },
-            md: {
-              size: getSizeVariantState((_g = rest.md) == null ? void 0 : _g.size).iconSize,
-              ...endIcon.md
-            },
-            lg: {
-              size: getSizeVariantState((_h = rest.lg) == null ? void 0 : _h.size).iconSize,
-              ...endIcon.lg
-            }
-          }
-        ),
-        suffix,
-        isLoading && /* @__PURE__ */ jsx(
-          "span",
-          {
-            "data-loading": true,
-            css: {
-              position: "absolute",
-              inset: 0,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center"
-            },
-            children: /* @__PURE__ */ jsx(Icon, { css: animateSpinStyle, source: LoadingIcon })
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("button", { css, disabled, onClick, className: cn(rest.className, className), ref: mergedRef, children: [
+    prefix,
+    !!startIcon && /* @__PURE__ */ jsx(
+      Icon,
+      {
+        size: getSizeVariantState(size).iconSize,
+        ...startIcon,
+        css: {
+          flexShrink: 0
+        },
+        sm: {
+          size: getSizeVariantState(sm == null ? void 0 : sm.size).iconSize,
+          ...startIcon.sm
+        },
+        md: {
+          size: getSizeVariantState(md == null ? void 0 : md.size).iconSize,
+          ...startIcon.md
+        },
+        lg: {
+          size: getSizeVariantState(lg == null ? void 0 : lg.size).iconSize,
+          ...startIcon.lg
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(Fragment, { children: isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML, css: truncateStyle, children }) }),
+    !!endIcon && /* @__PURE__ */ jsx(
+      Icon,
+      {
+        size: getSizeVariantState(size).iconSize,
+        ...endIcon,
+        css: {
+          flexShrink: 0
+        },
+        sm: {
+          size: getSizeVariantState(sm == null ? void 0 : sm.size).iconSize,
+          ...endIcon.sm
+        },
+        md: {
+          size: getSizeVariantState(md == null ? void 0 : md.size).iconSize,
+          ...endIcon.md
+        },
+        lg: {
+          size: getSizeVariantState(lg == null ? void 0 : lg.size).iconSize,
+          ...endIcon.lg
+        }
+      }
+    ),
+    suffix,
+    isLoading && /* @__PURE__ */ jsx(
+      "span",
+      {
+        "data-loading": true,
+        css: {
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: /* @__PURE__ */ jsx(Icon, { css: animateSpinStyle, source: LoadingIcon })
+      }
+    )
+  ] });
+};
+const createStyle = ({ size } = {}) => {
+  return [getButtonCssBySize(size)];
 };
 export {
   Button

package/dist/lib/button/helpers.d.ts

@@ -1,3 +1,5 @@
 import { ButtonProps } from './types';
+import { SizeVariant, StyledCSS } from '../../types';
+export declare const getButtonCssBySize: (size?: SizeVariant) => StyledCSS;
 export declare const getButtonProps: (extended: ButtonProps) => ButtonProps;
 //# sourceMappingURL=helpers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/button/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,SAAS,CAAC;AA0D7D,eAAO,MAAM,cAAc,aAAc,WAAW,gBAkBnD,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/button/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAiBjD,eAAO,MAAM,kBAAkB,UAAW,WAAW,cA8BpD,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,WAAW,gBAEnD,CAAC"}

package/dist/lib/button/helpers.js

@@ -1,74 +1,50 @@
-import { screens } from "../../theme/screens.js";
+import "lodash-es";
 import "../../theme/palette.js";
 import { getTypographyVar } from "../../theme/typography.js";
-import { mergeComponentProps, getSizeVariantState } from "../../utils/index.js";
+import { getSizeVariantState, mergeComponentProps } from "../../utils/index.js";
 const defaultProps = {
-  xs: {
-    css: {
-      borderTopLeftRadius: 8,
-      borderBottomLeftRadius: 8,
-      borderTopRightRadius: 8,
-      borderBottomRightRadius: 8,
-      columnGap: 8
-    },
-    size: "md"
+  size: "md",
+  sx: {
+    borderTopLeftRadius: 8,
+    borderBottomLeftRadius: 8,
+    borderTopRightRadius: 8,
+    borderBottomRightRadius: 8,
+    columnGap: 8
   },
   variant: "contained",
   color: "primary",
   type: "button"
 };
-const getButtonResponsiveCssBySize = (size) => {
+const getButtonCssBySize = (size) => {
   const { inputSize, inputPaddingX } = getSizeVariantState(size);
+  const css = {
+    paddingLeft: inputPaddingX,
+    paddingRight: inputPaddingX,
+    minHeight: inputSize
+  };
   switch (size) {
     case "sm":
-      return {
-        paddingLeft: inputPaddingX,
-        paddingRight: inputPaddingX,
-        minHeight: inputSize,
-        fontWeight: 400,
-        fontSize: getTypographyVar("sm").fontSize,
-        lineHeight: getTypographyVar("sm").lineHeight
-      };
+      css.fontWeight = 400;
+      css.fontSize = getTypographyVar("sm").fontSize;
+      css.lineHeight = getTypographyVar("sm").lineHeight;
+      break;
     case "md":
-      return {
-        paddingLeft: inputPaddingX,
-        paddingRight: inputPaddingX,
-        minHeight: inputSize,
-        fontWeight: 500,
-        fontSize: getTypographyVar("sm").fontSize,
-        lineHeight: getTypographyVar("sm").lineHeight
-      };
+      css.fontWeight = 500;
+      css.fontSize = getTypographyVar("sm").fontSize;
+      css.lineHeight = getTypographyVar("sm").lineHeight;
+      break;
     case "lg":
-      return {
-        paddingLeft: inputPaddingX,
-        paddingRight: inputPaddingX,
-        minHeight: inputSize,
-        fontWeight: 600,
-        fontSize: getTypographyVar("base").fontSize,
-        lineHeight: getTypographyVar("base").lineHeight
-      };
-    default:
-      return {};
+      css.fontWeight = 600;
+      css.fontSize = getTypographyVar("base").fontSize;
+      css.lineHeight = getTypographyVar("base").lineHeight;
+      break;
   }
+  return css;
 };
 const getButtonProps = (extended) => {
-  return mergeComponentProps(
-    defaultProps,
-    extended,
-    ...screens.map((screen) => {
-      return (current) => {
-        var _a;
-        const size = (_a = current[screen]) == null ? void 0 : _a.size;
-        const propsBySize = {};
-        propsBySize[screen] = {
-          css: getButtonResponsiveCssBySize(size)
-        };
-        return propsBySize;
-      };
-    }),
-    extended
-  );
+  return mergeComponentProps(defaultProps, extended);
 };
 export {
+  getButtonCssBySize,
   getButtonProps
 };

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

@@ -2,12 +2,12 @@ import { JSX } from 'react';
 import { RouterNavigateOptions } from 'react-router';
 import { IconProps } from '../icon';
 import { LinkProps } from '../link';
-import { ButtonVariant, ColorVariant, PropsWithCSS, ResponsiveDesign, SizeVariant, ShallowMerge } from '../../types';
+import { ButtonVariant, ColorVariant, SizeVariant, ShallowMerge, PropsWithSx, ToResponsiveProps } from '../../types';
 export type ButtonSizeVariant = Exclude<SizeVariant, 'xs'>;
-export type ButtonResponsiveProps = PropsWithCSS<{
+export type ButtonResponsiveProps = {
     size?: ButtonSizeVariant;
-}>;
-type ButtonExtendedProps = ResponsiveDesign<ButtonResponsiveProps> & {
+};
+type ButtonExtendedProps = PropsWithSx<ToResponsiveProps<ButtonResponsiveProps> & {
     anchor?: RouterNavigateOptions & {
         to?: LinkProps['to'];
         target?: LinkProps['target'];
@@ -19,7 +19,7 @@ type ButtonExtendedProps = ResponsiveDesign<ButtonResponsiveProps> & {
     isLoading?: boolean;
     startIcon?: IconProps;
     endIcon?: IconProps;
-};
+}>;
 export type ButtonProps = ShallowMerge<JSX.IntrinsicElements['button'], ButtonExtendedProps>;
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEjH,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC;IAC/C,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B,CAAC,CAAC;AAEH,KAAK,mBAAmB,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,GAAG;IACnE,MAAM,CAAC,EAAE,qBAAqB,GAAG;QAC/B,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;QACrB,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;KAC9B,CAAC;IAEF,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjH,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AAEF,KAAK,mBAAmB,GAAG,WAAW,CACpC,iBAAiB,CAAC,qBAAqB,CAAC,GAAG;IACzC,MAAM,CAAC,EAAE,qBAAqB,GAAG;QAC/B,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;QACrB,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;KAC9B,CAAC;IAEF,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CACF,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAC"}

package/dist/lib/cascader/cascader-floating-content.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from 'react';
 import { CascaderOption } from './types';
 import { InputProps } from '../input';
-import { SizeVariant } from '../../types';
+import { SizeVariant, ToResponsiveProps } from '../../types';
 type CascaderFloatingContentProps = {
     searchable: boolean;
     selectedPath: string[];
@@ -12,19 +12,9 @@ type CascaderFloatingContentProps = {
     listProps?: HTMLAttributes<HTMLDivElement>;
     separator: React.ReactNode;
     lazy: boolean;
-    xs?: {
-        size?: SizeVariant;
-    };
-    sm?: {
-        size?: SizeVariant;
-    };
-    md?: {
-        size?: SizeVariant;
-    };
-    lg?: {
-        size?: SizeVariant;
-    };
-};
-export declare const CascaderFloatingContent: ({ searchable, selectedPath, options, loadOptions, onChange, inputProps, listProps, separator, lazy, xs, sm, md, lg, }: CascaderFloatingContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+} & ToResponsiveProps<{
+    size?: SizeVariant;
+}>;
+export declare const CascaderFloatingContent: ({ searchable, selectedPath, options, loadOptions, onChange, inputProps, listProps, separator, lazy, size, sm, md, lg, }: CascaderFloatingContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=cascader-floating-content.d.ts.map

package/dist/lib/cascader/cascader-floating-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader-floating-content.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/cascader-floating-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA4D,MAAM,OAAO,CAAC;AAKjG,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAU7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAMtC,KAAK,4BAA4B,GAAG;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACxE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC;IAC5B,EAAE,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC;IAC5B,EAAE,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC;IAC5B,EAAE,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,0HAcjC,4BAA4B,qDAsa9B,CAAC"}
+{"version":3,"file":"cascader-floating-content.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/cascader-floating-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA4D,MAAM,OAAO,CAAC;AAKjG,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAU7C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMzD,KAAK,4BAA4B,GAAG;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACxE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;CACf,GAAG,iBAAiB,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,uBAAuB,4HAcjC,4BAA4B,qDAsa9B,CAAC"}

package/dist/lib/cascader/cascader-floating-content.js

@@ -27,7 +27,7 @@ const CascaderFloatingContent = ({
   listProps,
   separator,
   lazy,
-  xs,
+  size,
   sm,
   md,
   lg
@@ -158,7 +158,7 @@ const CascaderFloatingContent = ({
       return matchSearch(searchLabels, inputValue);
     });
   }, [inputValue, currentOptions]);
-  const responsiveSize = isNil(windowScreen.name) ? void 0 : getResponsiveProp({ xs, sm, md, lg }, "size", windowScreen.name);
+  const responsiveSize = isNil(windowScreen.name) ? void 0 : getResponsiveProp({ sm, md, lg }, "size", windowScreen.name) ?? size;
   const { inputSize: rowMinHeight = 0, inputPaddingX } = getSizeVariantState(responsiveSize);
   const onInputChange = (e) => {
     var _a;
@@ -349,7 +349,7 @@ const CascaderFloatingContent = ({
             children: /* @__PURE__ */ jsx(
               Input,
               {
-                xs: { size: xs == null ? void 0 : xs.size },
+                size,
                 sm: { size: sm == null ? void 0 : sm.size },
                 md: { size: md == null ? void 0 : md.size },
                 lg: { size: lg == null ? void 0 : lg.size },

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

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/cascader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAgBxC,eAAO,MAAM,QAAQ,uBAAwB,aAAa,qDAwJzD,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/cascader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAiBxC,eAAO,MAAM,QAAQ,uBAAwB,aAAa,qDAqJzD,CAAC"}

package/dist/lib/cascader/cascader.js

@@ -4,13 +4,13 @@ import { isNil } from "lodash-es";
 import { CascaderFloatingContent } from "./cascader-floating-content.js";
 import { getCascaderProps } from "./helpers.js";
 import ArrowDownIcon from "../../assets/svg/arrow-down.svg.js";
-import { mediaQuery } from "../../theme/screens.js";
 import { getColorVar } from "../../theme/palette.js";
 import { getTypographyVar } from "../../theme/typography.js";
 import { truncateStyle } from "../../constants/emotion.js";
 import { getSizeVariantState } from "../../utils/index.js";
 import { useControllableState } from "../../hooks/use-controllable-state.js";
 import { SvgLoader } from "../../components/svg-loader.js";
+import { createSxInterpolation } from "../../utils/stylesheet.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";
@@ -18,7 +18,6 @@ import { FloatingContent } from "../floating/floating-content/floating-content.j
 import { FormHelperText } from "../form-helper-text/form-helper-text.js";
 const DEFAULT_SEPARATOR = "/";
 const Cascader = ({ ref, ..._props }) => {
-  var _a, _b, _c, _d, _e;
   const {
     placement = "bottom-start",
     open,
@@ -74,22 +73,18 @@ const Cascader = ({ ref, ..._props }) => {
     if (isNil(textVariant)) return {};
     return getTypographyVar(textVariant);
   };
+  const { sx: containerSx, ...restContainerProps } = containerProps ?? {};
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      ...containerProps,
+      ...restContainerProps,
       css: [
         {
           display: "flex",
           flexDirection: "column",
           ...fullWidth ? { width: "100%" } : {}
         },
-        (_a = containerProps == null ? void 0 : containerProps.xs) == null ? void 0 : _a.css,
-        {
-          [mediaQuery("sm")]: (_b = containerProps == null ? void 0 : containerProps.sm) == null ? void 0 : _b.css,
-          [mediaQuery("md")]: (_c = containerProps == null ? void 0 : containerProps.md) == null ? void 0 : _c.css,
-          [mediaQuery("lg")]: (_d = containerProps == null ? void 0 : containerProps.lg) == null ? void 0 : _d.css
-        }
+        createSxInterpolation(containerSx)
       ],
       children: [
         /* @__PURE__ */ jsxs(
@@ -136,7 +131,7 @@ const Cascader = ({ ref, ..._props }) => {
                           textAlign: "left",
                           ...truncateStyle
                         },
-                        getTextCss((_e = rest.xs) == null ? void 0 : _e.size)
+                        getTextCss(rest == null ? void 0 : rest.size)
                       ],
                       children: selectedPath.length > 0 ? /* @__PURE__ */ jsx("div", { children: valueRenderer ?? selectedPath.join(" / ") }) : /* @__PURE__ */ jsx("div", { css: { color: getColorVar("neutral.400") }, children: placeholder })
                     }
@@ -155,7 +150,7 @@ const Cascader = ({ ref, ..._props }) => {
                   listProps,
                   separator,
                   lazy,
-                  xs: rest.xs,
+                  size: rest.size,
                   sm: rest.sm,
                   md: rest.md,
                   lg: rest.lg

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAUxD,eAAO,MAAM,gBAAgB,aAAc,aAAa,kBAEvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,YAAa,cAAc,EAAE,UAAU,MAAM,EAAE,KAAG,cAAc,EAY1F,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,WAAY,cAAc,KAAG,OAEpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,WAAY,cAAc,KAAG,OAKrD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,YAAa,cAAc,EAAE,cAAc,MAAM,KAAG,cAAc,EA2B3F,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/cascader/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQxD,eAAO,MAAM,gBAAgB,aAAc,aAAa,kBAEvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,YAAa,cAAc,EAAE,UAAU,MAAM,EAAE,KAAG,cAAc,EAY1F,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,WAAY,cAAc,KAAG,OAEpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,WAAY,cAAc,KAAG,OAKrD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,YAAa,cAAc,EAAE,cAAc,MAAM,KAAG,cAAc,EA2B3F,CAAC"}

package/dist/lib/cascader/helpers.js

@@ -1,8 +1,6 @@
 import { mergeComponentProps } from "../../utils/index.js";
 const defaultProps = {
-  xs: {
-    size: "md"
-  }
+  size: "md"
 };
 const getCascaderProps = (extended) => {
   return mergeComponentProps(defaultProps, extended);

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

@@ -1,8 +1,8 @@
 import { HTMLAttributes, JSX, ReactNode } from 'react';
 import { Placement, UseFloatingOptions } from '@floating-ui/react';
+import { PropsWithSx, ShallowMerge, ToResponsiveProps } from '../../types';
 import { InputProps } from '../input';
 import { InputMaskProps, InputMaskResponsiveProps } from '../input-mask/types';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types';
 export type CascaderResponsiveProps = InputMaskResponsiveProps;
 export type CascaderOptionValue = string | number;
 export interface CascaderOption {
@@ -16,7 +16,7 @@ export interface CascaderOption {
     /** When true, this option is a leaf node and cannot be expanded. When false, it can be expanded even without children loaded yet. */
     isLeaf?: boolean;
 }
-interface CascaderExtendedProps extends ResponsiveDesign<CascaderResponsiveProps> {
+interface CascaderExtendedProps extends ToResponsiveProps<CascaderResponsiveProps> {
     /** Placement of the dropdown */
     placement?: Placement;
     /** Callback when dropdown open state changes */
@@ -47,7 +47,7 @@ interface CascaderExtendedProps extends ResponsiveDesign<CascaderResponsiveProps
     /** Helper text below the input */
     helperText?: string;
     /** Props for the container div */
-    containerProps?: ShallowMerge<JSX.IntrinsicElements['div'], ResponsiveDesign<PropsWithCSS>>;
+    containerProps?: PropsWithSx<JSX.IntrinsicElements['div']>;
     /** Props for the search input */
     inputProps?: InputProps;
     /** Whether component takes full width */

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

@@ -1 +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;AAEnE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvE,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,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;IAC5F,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"}
+{"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,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,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,iBAAiB,CAAC,uBAAuB,CAAC;IAChF,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,WAAW,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3D,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.map

@@ -1 +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"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/lib/checkbox/checkbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AASxC,eAAO,MAAM,QAAQ,iFAQlB,aAAa,qDAkCf,CAAC"}

package/dist/lib/checkbox/checkbox.js

@@ -3,10 +3,11 @@ 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 { cn } from "../../utils/stylesheet.js";
 import CheckIcon from "../../assets/svg/done-check.svg.js";
 import MinusIcon from "../../assets/svg/minus.svg.js";
-import { cn } from "../../utils/stylesheet.js";
+import { getColorShadesByVariant } from "../../utils/index.js";
+import { Primitive } from "../primitive/primitive.js";
 const Checkbox = ({
   children,
   indeterminate,
@@ -26,8 +27,9 @@ const Checkbox = ({
     }
   }, [indeterminate]);
   return /* @__PURE__ */ jsxs(
-    "label",
+    Primitive,
     {
+      as: "label",
       ...containerProps,
       className: cn(classes.checkbox__container, containerProps == null ? void 0 : containerProps.className),
       css: {

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

@@ -1,6 +1,6 @@
 import { JSX } from 'react';
-import { Interpolation } from '@emotion/react';
 import { ColorVariant, ShallowMerge } from '../../types';
+import { PrimitiveProps } from '../primitive';
 export type CheckboxProps = ShallowMerge<JSX.IntrinsicElements['input'], {
     color?: ColorVariant;
     /**
@@ -9,8 +9,6 @@ export type CheckboxProps = ShallowMerge<JSX.IntrinsicElements['input'], {
      * see https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/indeterminate
      */
     indeterminate?: boolean;
-    containerProps?: JSX.IntrinsicElements['label'] & {
-        css?: Interpolation;
-    };
+    containerProps?: PrimitiveProps<JSX.IntrinsicElements['label']>;
 }>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +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"}
+{"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,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,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,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;CACjE,CACF,CAAC"}

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

@@ -1 +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"}
+{"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,qDA+BtD,CAAC"}