@janbox/storefront-ui 1.0.7 → 1.0.8

package/dist/constants/emotion.d.ts

@@ -0,0 +1,8 @@
+import { StyledCSS } from '../types';
+export declare const scrollbarNoneStyle: StyledCSS;
+export declare const animatePulseStyle: StyledCSS;
+export declare const animateSpinStyle: StyledCSS;
+export declare const truncateStyle: StyledCSS;
+export declare const pointerEventsNone: StyledCSS;
+export declare const containerStyle: StyledCSS;
+//# sourceMappingURL=emotion.d.ts.map

package/dist/constants/emotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emotion.d.ts","sourceRoot":"","sources":["../../src/constants/emotion.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,kBAAkB,EAAE,SAGhC,CAAC;AAUF,eAAO,MAAM,iBAAiB,EAAE,SAE/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,SAE9B,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,SAI3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,SAE/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAqB5B,CAAC"}

package/dist/constants/emotion.js

@@ -0,0 +1,52 @@
+import { keyframes } from "@emotion/react";
+import { breakpoint, mediaQuery } from "../theme/screens.js";
+const scrollbarNoneStyle = {
+  scrollbarWidth: "none",
+  "&::-webkit-scrollbar": { display: "none" }
+};
+const pulseKeyframes = keyframes`
+  50% { opacity: 0.5; }
+`;
+const spinKeyframes = keyframes`
+  to { transform: rotate(360deg); }
+`;
+const animatePulseStyle = {
+  animation: `${pulseKeyframes} 2s cubic-bezier(0.4, 0, 0.6, 1) infinite`
+};
+const animateSpinStyle = {
+  animation: `${spinKeyframes} 1s linear infinite`
+};
+const truncateStyle = {
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+const containerStyle = {
+  width: "100%",
+  marginLeft: "auto",
+  marginRight: "auto",
+  paddingLeft: `${breakpoint.xs.padding}px`,
+  paddingRight: `${breakpoint.xs.padding}px`,
+  [mediaQuery("sm")]: {
+    maxWidth: `${breakpoint.sm.minWidth}px`,
+    paddingLeft: `${breakpoint.sm.padding}px`,
+    paddingRight: `${breakpoint.sm.padding}px`
+  },
+  [mediaQuery("md")]: {
+    maxWidth: `${breakpoint.md.minWidth}px`,
+    paddingLeft: `${breakpoint.md.padding}px`,
+    paddingRight: `${breakpoint.md.padding}px`
+  },
+  [mediaQuery("lg")]: {
+    maxWidth: `${breakpoint.lg.minWidth}px`,
+    paddingLeft: `${breakpoint.lg.padding}px`,
+    paddingRight: `${breakpoint.lg.padding}px`
+  }
+};
+export {
+  animatePulseStyle,
+  animateSpinStyle,
+  containerStyle,
+  scrollbarNoneStyle,
+  truncateStyle
+};

package/dist/hooks/use-hover-line-effect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-hover-line-effect/index.ts"],"names":[],"mappings":"AAQA,KAAK,yBAAyB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,aAAa,yBAAyB;;WAcpD,KAAK,CAAC,aAAa;CAGnC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-hover-line-effect/index.ts"],"names":[],"mappings":"AAMA,KAAK,yBAAyB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,aAAa,yBAAyB;;WAYpD,KAAK,CAAC,aAAa;CAGnC,CAAC"}

package/dist/hooks/use-hover-line-effect/index.js

@@ -1,16 +1,11 @@
 import { useMemo } from "react";
 import { isNumber } from "lodash-es";
 import classes from "./use-hover-line-effect.module.scss.js";
-import "clsx";
-import "../../theme/palette.js";
-import { cn } from "../../utils/stylesheet.js";
 const useHoverLineEffect = (options = {}) => {
   const { color = "currentColor", duration = 300, height = 1, enabled = true } = options;
   return useMemo(() => {
     return {
-      className: cn({
-        [classes.hover_line_effect]: enabled
-      }),
+      className: enabled ? classes.hover_line_effect : "",
       style: enabled ? {
         "--hover-line-color": color,
         "--hover-line-duration": `${duration}ms`,

package/dist/hooks/use-update-effect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-update-effect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAGlE,eAAO,MAAM,eAAe,WAClB,cAAc,QAChB,cAAc,SASrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-update-effect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAGlE,eAAO,MAAM,eAAe,WAAY,cAAc,QAAQ,cAAc,SAQ3E,CAAC"}

package/dist/hooks/use-window-screen/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-window-screen/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAc,MAAM,EAAW,MAAM,aAAa,CAAC;AAE1D,eAAO,MAAM,eAAe;;4BAsCO,MAAM;2BAKP,MAAM;CAWvC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-window-screen/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAc,MAAM,EAAW,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,eAAe;;4BAsCO,MAAM;2BAKP,MAAM;CAWvC,CAAC"}

package/dist/index.js

@@ -41,7 +41,6 @@ import { FloatingTrigger } from "./lib/floating/floating-trigger/floating-trigge
 import { FormHelperText } from "./lib/form-helper-text/form-helper-text.js";
 import { FormLabel } from "./lib/form-label/form-label.js";
 import { GRID_MAXIMUM_COLS, GRID_MINIMUM_COLS, Grid } from "./lib/grid/grid/grid.js";
-import { GenericElement } from "./lib/generic-element/generic-element.js";
 import { HighlightWords } from "./lib/highlight-words/highlight-words.js";
 import { Icon } from "./lib/icon/icon.js";
 import { IconButton } from "./lib/icon-button/icon-button.js";
@@ -80,9 +79,9 @@ import { Select } from "./lib/select/select.js";
 import { StarRating } from "./lib/star-rating/star-rating.js";
 import { Step } from "./lib/stepper/step.js";
 import { Stepper } from "./lib/stepper/stepper.js";
-import { Swiper, swiperClasses } from "./lib/swiper/swiper/swiper.js";
+import { Swiper } from "./lib/swiper/swiper/swiper.js";
 import { SwiperDotsPaging } from "./lib/swiper/swiper-dots-paging/swiper-dots-paging.js";
-import { SwiperSlide, swiperSlideClasses } from "./lib/swiper/swiper-slide/swiper-slide.js";
+import { SwiperSlide } from "./lib/swiper/swiper-slide/swiper-slide.js";
 import { Switch } from "./lib/switch/switch.js";
 import { Tab } from "./lib/tabs/tab/tab.js";
 import { TabContent } from "./lib/tabs/tab-content/tab-content.js";
@@ -102,7 +101,6 @@ import { TextSkeleton } from "./lib/loading/text-skeleton/text-skeleton.js";
 import { Textarea } from "./lib/textarea/textarea.js";
 import { TimePicker } from "./lib/time-picker/time-picker.js";
 import { Tooltip } from "./lib/tooltip/tooltip.js";
-import { TransHtml } from "./lib/trans-html/trans-html.js";
 import { UnorderedList } from "./lib/unordered-list/unordered-list/unordered-list.js";
 import { Video } from "./lib/video/video.js";
 import { getAccordionContentProps } from "./lib/accordion/accordion-content/helpers.js";
@@ -185,7 +183,6 @@ export {
   FormLabel,
   GRID_MAXIMUM_COLS,
   GRID_MINIMUM_COLS,
-  GenericElement,
   Grid,
   HighlightWords,
   Icon,
@@ -247,7 +244,6 @@ export {
   Textarea,
   TimePicker,
   Tooltip,
-  TransHtml,
   UnorderedList,
   Video,
   getAccordionContentProps,
@@ -291,8 +287,6 @@ export {
   getVideoProps,
   notificationAtom,
   states,
-  swiperClasses,
-  swiperSlideClasses,
   useAccordionContext,
   useAccordionGroupContext,
   useDialogContext,

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/lib/box/box.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKnC,eAAO,MAAM,GAAG,4CAA6C,QAAQ,qDAkCpE,CAAC"}
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/lib/box/box.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMnC,eAAO,MAAM,GAAG,4CAA6C,QAAQ,qDAyBpE,CAAC"}

package/dist/lib/box/box.js

@@ -1,14 +1,12 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { getBoxProps } from "./helpers.js";
-import "react";
-import "clsx";
-import "lodash-es";
+import { containerStyle } from "../../constants/emotion.js";
 import { mediaQuery } from "../../theme/screens.js";
 import "../../theme/palette.js";
-import { cn } from "../../utils/stylesheet.js";
 const Box = ({ children, container, ref, ..._props }) => {
-  const { xs, sm, md, lg, className, ...rest } = getBoxProps(_props);
+  const { xs, sm, md, lg, ...rest } = getBoxProps(_props);
   const css = [
+    container && containerStyle,
     createStyle(xs),
     {
       [mediaQuery("sm")]: createStyle(sm),
@@ -16,30 +14,16 @@ const Box = ({ children, container, ref, ..._props }) => {
       [mediaQuery("lg")]: createStyle(lg)
     }
   ];
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { css, ...rest, ref, children: /* @__PURE__ */ jsx(
     "div",
     {
-      css,
-      className: cn(
-        {
-          container
-        },
-        className
-      ),
-      ...rest,
-      ref,
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          css: {
-            width: "100%",
-            height: "100%"
-          },
-          children
-        }
-      )
+      css: {
+        width: "100%",
+        height: "100%"
+      },
+      children
     }
-  );
+  ) });
 };
 const createStyle = ({ css: { width, height, ...css } = {} } = {}) => {
   return [

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/box/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAEzE,KAAK,gBAAgB,GAAG,gBAAgB,CAAC,YAAY,CAAC,GAAG;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/box/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,KAAK,gBAAgB,GAAG,gBAAgB,CAAC,YAAY,CAAC,GAAG;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.d.ts

@@ -1,3 +1,3 @@
 import { BreadcrumbItemProps } from './types';
-export declare const BreadcrumbItem: import('react').ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
+export declare const BreadcrumbItem: ({ children, icon, ...props }: BreadcrumbItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=breadcrumb-item.d.ts.map

package/dist/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAO9C,eAAO,MAAM,cAAc,gIAc1B,CAAC"}
+{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,eAAO,MAAM,cAAc,iCAAkC,mBAAmB,qDAO/E,CAAC"}

package/dist/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.js

@@ -1,28 +1,12 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
-import "clsx";
-import "lodash-es";
-import "../../../theme/palette.js";
-import { cn } from "../../../utils/stylesheet.js";
 import { Link } from "../../link/link.js";
 import { Icon } from "../../icon/icon.js";
-const BreadcrumbItem = forwardRef(
-  ({ children, className, icon, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      Link,
-      {
-        css: { display: "flex", width: "fit-content", alignItems: "center", gap: "0.375rem" },
-        className: cn(className),
-        ref,
-        ...props,
-        children: [
-          icon && /* @__PURE__ */ jsx(Icon, { ...icon }),
-          children
-        ]
-      }
-    );
-  }
-);
+const BreadcrumbItem = ({ children, icon, ...props }) => {
+  return /* @__PURE__ */ jsxs(Link, { css: { display: "flex", width: "fit-content", alignItems: "center", gap: "0.375rem" }, ...props, children: [
+    icon && /* @__PURE__ */ jsx(Icon, { ...icon }),
+    children
+  ] });
+};
 export {
   BreadcrumbItem
 };

package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.d.ts

@@ -1,3 +1,3 @@
 import { BreadcrumbsProps } from './types';
-export declare const Breadcrumbs: import('react').ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Breadcrumbs: ({ separator, children, color, ...props }: BreadcrumbsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=breadcrumbs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQ3C,eAAO,MAAM,WAAW,0HA2CvB,CAAC"}
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAO3C,eAAO,MAAM,WAAW,6CAAgE,gBAAgB,qDAoCvG,CAAC"}

package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.js

@@ -1,44 +1,32 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from "@emotion/react/jsx-runtime";
-import { forwardRef, Fragment } from "react";
+import { Fragment } from "react";
 import { isString } from "lodash-es";
 import { flattenChildren, getColorShadesByVariant } from "../../../utils/index.js";
 import { getColorVar } from "../../../theme/palette.js";
 import { Icon } from "../../icon/icon.js";
-import { cn } from "../../../utils/stylesheet.js";
-const Breadcrumbs = forwardRef(
-  ({ separator = ">", children, color = "primary", className, ...props }, ref) => {
-    const flattenedChildren = flattenChildren(children);
-    const { main } = getColorShadesByVariant(color);
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        css: { display: "inline-flex", flexWrap: "wrap", gap: "0.5rem" },
-        className: cn(className),
-        ref,
-        ...props,
-        children: flattenedChildren.map((child, index, array) => {
-          const isLast = index === array.length - 1;
-          return /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                css: {
-                  display: "contents",
-                  color: getColorVar("neutral.500"),
-                  ":hover": {
-                    color: main
-                  }
-                },
-                children: child
-              }
-            ),
-            !isLast && /* @__PURE__ */ jsx(Fragment$1, { children: isString(separator) ? /* @__PURE__ */ jsx("span", { css: { color: getColorVar("neutral.500") }, children: separator }) : /* @__PURE__ */ jsx(Icon, { ...separator }) })
-          ] }, index);
-        })
-      }
-    );
-  }
-);
+const Breadcrumbs = ({ separator = ">", children, color = "primary", ...props }) => {
+  const flattenedChildren = flattenChildren(children);
+  const { main } = getColorShadesByVariant(color);
+  return /* @__PURE__ */ jsx("div", { css: { display: "inline-flex", flexWrap: "wrap", gap: "0.5rem" }, ...props, children: flattenedChildren.map((child, index, array) => {
+    const isLast = index === array.length - 1;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          css: {
+            display: "contents",
+            color: getColorVar("neutral.500"),
+            ":hover": {
+              color: main
+            }
+          },
+          children: child
+        }
+      ),
+      !isLast && /* @__PURE__ */ jsx(Fragment$1, { children: isString(separator) ? /* @__PURE__ */ jsx("span", { css: { color: getColorVar("neutral.500") }, children: separator }) : /* @__PURE__ */ jsx(Icon, { ...separator }) })
+    ] }, index);
+  }) });
+};
 export {
   Breadcrumbs
 };

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/lib/button/button.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AActC,eAAO,MAAM,MAAM,iCAAkC,WAAW,qDA0O/D,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/lib/button/button.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAUtC,eAAO,MAAM,MAAM,iCAAkC,WAAW,qDAsO/D,CAAC"}

package/dist/lib/button/button.js

@@ -5,13 +5,13 @@ import { isNil, isString } from "lodash-es";
 import { useNavigate, createPath } from "react-router";
 import { getButtonProps } from "./helpers.js";
 import { useRippleEffect } from "../../hooks/use-ripple-effect/index.js";
-import { getColorShadesByVariant, getSizeVariantState, omitResponsiveProps } from "../../utils/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 { truncate, animateSpin } from "../../utils/emotion-helpers.js";
-import { Icon } from "../icon/icon.js";
+import { getColorShadesByVariant, getSizeVariantState, omitResponsiveProps } from "../../utils/index.js";
 import { 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);
@@ -21,7 +21,6 @@ const Button = ({ children, ref, ..._props }) => {
     color,
     variant,
     anchor,
-    translation,
     prefix,
     suffix,
     isLoading,
@@ -178,14 +177,7 @@ const Button = ({ children, ref, ..._props }) => {
             }
           }
         ),
-        /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Fragment$1, { children: isValidElement(children) ? children : /* @__PURE__ */ jsx(
-          "span",
-          {
-            dangerouslySetInnerHTML,
-            css: truncate,
-            children
-          }
-        ) }) }),
+        /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Fragment$1, { children: isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML, css: truncateStyle, children }) }) }),
         !!endIcon && /* @__PURE__ */ jsx(
           Icon,
           {
@@ -223,7 +215,7 @@ const Button = ({ children, ref, ..._props }) => {
               alignItems: "center",
               justifyContent: "center"
             },
-            children: /* @__PURE__ */ jsx(Icon, { css: animateSpin, source: LoadingIcon })
+            children: /* @__PURE__ */ jsx(Icon, { css: animateSpinStyle, source: LoadingIcon })
           }
         )
       ]

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

@@ -2,25 +2,24 @@ import { JSX } from 'react';
 import { RouterNavigateOptions } from 'react-router';
 import { IconProps } from '../icon';
 import { LinkProps } from '../link';
-import { ButtonVariant, ColorVariant, ContentTranslation, PropsWithCSS, ResponsiveDesign, SizeVariant, ShallowMerge } from '../../types';
-export type ButtonSizeVariant = Exclude<SizeVariant, "xs">;
+import { ButtonVariant, ColorVariant, PropsWithCSS, ResponsiveDesign, SizeVariant, ShallowMerge } from '../../types';
+export type ButtonSizeVariant = Exclude<SizeVariant, 'xs'>;
 export type ButtonResponsiveProps = PropsWithCSS<{
     size?: ButtonSizeVariant;
 }>;
 type ButtonExtendedProps = ResponsiveDesign<ButtonResponsiveProps> & {
     anchor?: RouterNavigateOptions & {
-        to?: LinkProps["to"];
-        target?: LinkProps["target"];
+        to?: LinkProps['to'];
+        target?: LinkProps['target'];
     };
     color?: ColorVariant;
     variant?: ButtonVariant;
-    translation?: ContentTranslation;
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
     isLoading?: boolean;
     startIcon?: IconProps;
     endIcon?: IconProps;
 };
-export type ButtonProps = ShallowMerge<JSX.IntrinsicElements["button"], ButtonExtendedProps>;
+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,EACL,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,YAAY,EACb,MAAM,aAAa,CAAC;AAErB,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,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,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,CACpC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAC/B,mBAAmB,CACpB,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,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"}

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,EACL,cAAc,EAOf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAe7C,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,qDA+b9B,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,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"}

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

@@ -6,6 +6,7 @@ import ArrowRightIcon from "../../assets/svg/arrow-right.svg.js";
 import CheckIcon from "../../assets/svg/done-check.svg.js";
 import { SvgLoader } from "../../components/svg-loader.js";
 import { VirtualizedList } from "../../components/virtualized-list.js";
+import { truncateStyle } from "../../constants/emotion.js";
 import { getResponsiveProp, getSizeVariantState } from "../../utils/index.js";
 import { useWindowScreen } from "../../hooks/use-window-screen/index.js";
 import { useControllableState } from "../../hooks/use-controllable-state.js";
@@ -15,7 +16,6 @@ import { useFloatingContext } from "../floating/floating/helpers.js";
 import { ensureArray, matchSearch } from "../../utils/common.js";
 import { Input } from "../input/input.js";
 import { TextSkeleton } from "../loading/text-skeleton/text-skeleton.js";
-import { truncate } from "../../utils/emotion-helpers.js";
 const DEFAULT_DISPLAY_ROW_COUNT = 5;
 const CascaderFloatingContent = ({
   searchable,
@@ -105,8 +105,7 @@ const CascaderFloatingContent = ({
     };
   }, []);
   const mergedOptions = useMemo(() => {
-    if (!loadOptions || Object.keys(dynamicChildren).length === 0)
-      return options;
+    if (!loadOptions || Object.keys(dynamicChildren).length === 0) return options;
     const mergeRecursive = (opts, parentKey) => {
       return opts.map((opt) => {
         const key = parentKey ? `${parentKey}/${opt.value}` : opt.value;
@@ -317,24 +316,8 @@ const CascaderFloatingContent = ({
           ...rowData.disabled ? { opacity: 0.5, cursor: "not-allowed" } : {}
         },
         children: isLoading ? /* @__PURE__ */ jsx(TextSkeleton, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { css: { flex: 1, ...truncate }, children: rowData.label }),
-          isExpandable(rowData) ? /* @__PURE__ */ jsx(
-            SvgLoader,
-            {
-              source: ArrowRightIcon,
-              width: 20,
-              height: 20,
-              css: { color: getColorVar("neutral.400") }
-            }
-          ) : isSelected && /* @__PURE__ */ jsx(
-            SvgLoader,
-            {
-              source: CheckIcon,
-              width: 20,
-              height: 20,
-              css: { color: getColorVar("primary.600") }
-            }
-          )
+          /* @__PURE__ */ jsx("div", { css: { flex: 1, ...truncateStyle }, children: rowData.label }),
+          isExpandable(rowData) ? /* @__PURE__ */ jsx(SvgLoader, { source: ArrowRightIcon, width: 20, height: 20, css: { color: getColorVar("neutral.400") } }) : isSelected && /* @__PURE__ */ jsx(SvgLoader, { source: CheckIcon, width: 20, height: 20, css: { color: getColorVar("primary.600") } })
         ] })
       },
       `${uniqueId}-option-${rowData.value}`

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;AAqBxC,eAAO,MAAM,QAAQ,uBAAwB,aAAa,qDAuJzD,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,qDAiJzD,CAAC"}

package/dist/lib/cascader/cascader.js

@@ -6,6 +6,7 @@ import { getCascaderProps } from "./helpers.js";
 import ArrowDownIcon from "../../assets/svg/arrow-down.svg.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";
@@ -13,7 +14,6 @@ import { Primitive } from "../primitive/primitive.js";
 import { Floating } from "../floating/floating/floating.js";
 import { FloatingTrigger } from "../floating/floating-trigger/floating-trigger.js";
 import { InputMask as ForwardRefInputMask } from "../input-mask/input-mask.js";
-import { truncate } from "../../utils/emotion-helpers.js";
 import { FloatingContent } from "../floating/floating-content/floating-content.js";
 import { FormHelperText } from "../form-helper-text/form-helper-text.js";
 const DEFAULT_SEPARATOR = "/";
@@ -105,7 +105,7 @@ const Cascader = ({ ref, ..._props }) => {
                 {
                   type: "button",
                   error: isOpen ? false : error,
-                  element: "button",
+                  as: "button",
                   suffix: /* @__PURE__ */ jsx(
                     SvgLoader,
                     {
@@ -127,7 +127,7 @@ const Cascader = ({ ref, ..._props }) => {
                         {
                           flex: 1,
                           textAlign: "left",
-                          ...truncate
+                          ...truncateStyle
                         },
                         getTextCss((_a = rest.xs) == null ? void 0 : _a.size)
                       ],

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,EAAC,YAAY,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAEvD,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,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.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,qDAsCtD,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,qDAqCtD,CAAC"}

package/dist/lib/chip/chip.js

@@ -4,7 +4,6 @@ import { getColorShadesByVariant, getSizeVariantState } from "../../utils/index.
 import { mediaQuery } from "../../theme/screens.js";
 import "../../theme/palette.js";
 import { getTypographyVar } from "../../theme/typography.js";
-import { cn } from "../../utils/stylesheet.js";
 const Chip = ({ children, ..._props }) => {
   const { xs, sm, md, lg, color = "green", ...rest } = getChipProps(_props);
   const { light, main } = getColorShadesByVariant(color);
@@ -12,7 +11,6 @@ const Chip = ({ children, ..._props }) => {
     "div",
     {
       ...rest,
-      className: cn(rest.className),
       css: [
         {
           width: "fit-content",

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

@@ -1 +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,EAAC,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAEpG,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"}
+{"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,3 +1,3 @@
 import { CollapseProps } from './types';
-export declare const Collapse: import('react').ForwardRefExoticComponent<Omit<CollapseProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+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

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