@servicetitan/anvil2 2.9.0 → 3.0.0

package/dist/Overflow.css

@@ -1,167 +1,146 @@
-@layer starter, reset, base, state, application;
-
-._overflow_78kb1_1:not(._expanded_78kb1_1) ._shadow-top_78kb1_1 {
-  background-image: radial-gradient(50% 1.5rem at 50% top, var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137)), transparent);
+.anvil2{@layer starter, reset, base, state, application;._overflow_qkpk6_1 {
+  --a2-internal-overflow-shadow-color: var(--a2-mod-overflow-shadow-color);
+  --a2-mod-overflow-shadow-color: var(--a2-overflow-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  --a2-mod-overflow-shadow-display: block;
+  --a2-mod-overflow-shadow-size: var(--a2-size-6, 1.5rem);
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  display: var(--a2-mod-overflow-display, flex);
+  gap: var(--a2-size-2, 0.5rem);
+  grid-template-rows: var(--a2-mod-overflow-grid-rows, 0fr);
+  height: inherit;
+  margin-inline: calc(var(--a2-size-1, 0.25rem) * -1);
+  overflow: clip;
+  padding: var(--a2-size-1, 0.25rem);
+  position: relative;
+  transition: all var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+  width: -webkit-fill-available;
+  width: -moz-available;
+  width: stretch;
+}@media (prefers-reduced-motion: reduce) {
+  ._overflow_qkpk6_1 {
+    transition-duration: 0.01ms;
+  }
+}._expanded_qkpk6_34 {
+  --a2-mod-overflow-grid-rows: 1fr;
+  --a2-mod-overflow-shadow-display: none;
+}._horizontal_qkpk6_39 {
+  --a2-mod-overflow-grid-rows: 1fr;
+}._truncate_qkpk6_43 {
+  --a2-mod-overflow-display: grid;
+  --a2-mod-overflow-content-overflow: hidden;
+}._content_qkpk6_48 {
+  --a2-mod-overflow-content-focus-ring-color: var(--a2-overflow-content-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  margin: calc(var(--a2-size-1, 0.25rem) * -1);
+  outline: 0 solid var(--a2-mod-overflow-content-focus-ring-color);
+  outline-offset: var(--a2-size-half, 0.125rem);
+  overflow: var(--a2-mod-overflow-content-overflow, auto);
+  padding: var(--a2-size-1, 0.25rem);
+  scrollbar-gutter: stable;
+  transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+  width: -webkit-fill-available;
+  width: -moz-available;
+  width: stretch;
+}._content_qkpk6_48:focus-visible {
+  outline-width: var(--a2-size-half, 0.125rem);
+}._shadow-left_qkpk6_64 {
+  background-image: radial-gradient(var(--a2-mod-overflow-shadow-size) 50% at left 50%, var(--a2-internal-overflow-shadow-color), transparent);
+  display: var(--a2-mod-overflow-shadow-display);
+  height: 100%;
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  width: var(--a2-mod-overflow-shadow-size);
+}._shadow-right_qkpk6_74 {
+  background-image: radial-gradient(var(--a2-mod-overflow-shadow-size) 50% at right 50%, var(--a2-internal-overflow-shadow-color), transparent);
+  display: var(--a2-mod-overflow-shadow-display);
+  height: 100%;
+  pointer-events: none;
+  position: absolute;
+  right: 0;
+  width: var(--a2-mod-overflow-shadow-size);
+}._shadow-top_qkpk6_84 {
+  background-image: radial-gradient(50% var(--a2-mod-overflow-shadow-size) at 50% top, var(--a2-internal-overflow-shadow-color), transparent);
+  display: var(--a2-mod-overflow-shadow-display);
+  height: var(--a2-mod-overflow-shadow-size);
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}._shadow-bottom_qkpk6_94 {
+  background-image: radial-gradient(50% var(--a2-mod-overflow-shadow-size) at 50% bottom, var(--a2-internal-overflow-shadow-color), transparent);
+  bottom: 0;
+  display: var(--a2-mod-overflow-shadow-display);
+  height: var(--a2-mod-overflow-shadow-size);
+  pointer-events: none;
+  position: absolute;
+  width: 100%;
+}._expand-button_qkpk6_104 {
+  --a2-mod-overflow-expand-button-focus-ring-color: var(--a2-overflow-expand-button-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
+  --a2-mod-overflow-expand-button-foreground-color: var(--a2-overflow-expand-button-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: var(--a2-mod-overflow-expand-button-foreground-color);
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  align-self: flex-start;
+  border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
+  cursor: pointer;
+  outline: 0 solid var(--a2-mod-overflow-expand-button-focus-ring-color);
+  outline-offset: var(--a2-size-half, 0.125rem);
+  text-decoration: underline;
+  width: -moz-fit-content;
+  width: fit-content;
+}._expand-button_qkpk6_104:focus-visible {
+  outline-width: var(--a2-size-half, 0.125rem);
+}._expand-button_qkpk6_104:hover {
+  opacity: 0.8;
 }
-
-._overflow_78kb1_1:not(._expanded_78kb1_1) ._shadow-right_78kb1_5 {
-  background-image: radial-gradient(1.5rem 50% at right 50%, var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137)), transparent);
+}.anvil2{@layer starter, reset, base, state, application;._overflow-text_1ik95_1 {
+  --a2-mod-overflow-text-content-min-height: auto;
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  gap: var(--a2-size-2, 0.5rem);
+}._content_1ik95_18 {
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--a2-inline-overflow-text-row);
+  display: -webkit-box;
+  line-clamp: var(--a2-inline-overflow-text-row);
+  line-height: 1.5;
+  margin: -var(--a2-size-1, 0.25rem);
+  min-height: var(--a2-mod-overflow-text-content-min-height);
+  overflow: hidden;
+  overflow-wrap: break-word;
+  padding: var(--a2-size-1, 0.25rem);
+  text-overflow: ellipsis;
+}._expanded_1ik95_32 {
+  --a2-mod-overflow-text-content-min-height: fit-content;
 }
-
-._overflow_78kb1_1:not(._expanded_78kb1_1) ._shadow-bottom_78kb1_9 {
-  background-image: radial-gradient(50% 1.5rem at 50% bottom, var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137)), transparent);
-}
-
-._overflow_78kb1_1:not(._expanded_78kb1_1) ._shadow-left_78kb1_13 {
-  background-image: radial-gradient(1.5rem 50% at left 50%, var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137)), transparent);
-}
-
-@layer reset {
-  ._overflow_78kb1_1,
-  ._overflow-text_78kb1_19 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-  }
-  ._expand-button_78kb1_32 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color-primary, #0265DC);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: inline-flex;
-  }
-}
-@layer base {
-  ._overflow_78kb1_1 {
-    height: inherit;
-    padding: 0.25rem;
-    margin-inline: -0.25rem;
-    grid-template-rows: 0fr;
-    gap: 0.5rem;
-    position: relative;
-    width: -webkit-fill-available;
-    width: -moz-available;
-    width: stretch;
-    transition: all 200ms cubic-bezier(0, 0, 0.4, 1);
-    overflow: clip;
-  }
-  ._overflow_78kb1_1 ._content_78kb1_58 {
-    padding: 0.25rem;
-    margin: -0.25rem;
-    overflow: auto;
-    scrollbar-gutter: stable;
-    outline-offset: 0.125rem;
-    outline: 0 solid var(--focus-ring-color, #0265DC);
-    transition: outline 200ms cubic-bezier(0, 0, 0.4, 1);
-    border-radius: 0.375rem;
-    width: -webkit-fill-available;
-    width: -moz-available;
-    width: stretch;
-  }
-  ._overflow_78kb1_1 ._content_78kb1_58:focus-visible {
-    outline-width: 0.125rem;
-  }
-  ._overflow-text_78kb1_19 {
-    gap: 0.5rem;
-    flex-direction: column;
-  }
-  ._overflow-text_78kb1_19 ._content_78kb1_58 {
-    padding: 0.25rem;
-    margin: -0.25rem;
-    display: -webkit-box;
-    overflow: hidden;
-    -webkit-box-orient: vertical;
-    line-clamp: var(--overflow-text-row);
-    -webkit-line-clamp: var(--overflow-text-row);
-    line-height: 1.5;
-    text-overflow: ellipsis;
-    overflow-wrap: break-word;
-  }
-  ._expand-button_78kb1_32 {
-    cursor: pointer;
-    align-items: center;
-    align-self: flex-start;
-    width: -moz-fit-content;
-    width: fit-content;
-    border-radius: 0.1875rem;
-    text-decoration: underline;
-    outline: 0 solid var(--focus-ring-color, #0265DC);
-    outline-offset: 0.125rem;
-  }
-}
-@layer state {
-  ._overflow_78kb1_1._expanded_78kb1_1 {
-    grid-template-rows: 1fr;
-  }
-  ._overflow_78kb1_1 ._content_78kb1_58:focus-visible {
-    outline-width: 0.125rem;
-  }
-  ._overflow_78kb1_1._horizontal_78kb1_106 {
-    grid-template-rows: 1fr;
-  }
-  ._overflow_78kb1_1._truncate_78kb1_109 {
-    display: grid;
-  }
-  ._overflow_78kb1_1._truncate_78kb1_109 ._content_78kb1_58 {
-    overflow: hidden;
-  }
-  ._overflow_78kb1_1:not(._expanded_78kb1_1) ._shadow-left_78kb1_13 {
-    position: absolute;
-    left: 0;
-    height: 100%;
-    width: 1.5rem;
-    pointer-events: none;
-  }
-  ._overflow_78kb1_1:not(._expanded_78kb1_1) ._shadow-right_78kb1_5 {
-    position: absolute;
-    right: 0;
-    height: 100%;
-    width: 1.5rem;
-    pointer-events: none;
-  }
-  ._overflow_78kb1_1:not(._expanded_78kb1_1) ._shadow-top_78kb1_1 {
-    position: absolute;
-    top: 0;
-    width: 100%;
-    height: 1.5rem;
-    pointer-events: none;
-  }
-  ._overflow_78kb1_1:not(._expanded_78kb1_1) ._shadow-bottom_78kb1_9 {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    height: 1.5rem;
-    pointer-events: none;
-  }
-  ._overflow-text_78kb1_19._expanded_78kb1_1 ._content_78kb1_58 {
-    min-height: -moz-fit-content;
-    min-height: fit-content;
-  }
-  ._expand-button_78kb1_32:focus-visible {
-    outline-width: 0.125rem;
-  }
-  ._expand-button_78kb1_32:hover {
-    opacity: 0.8;
-  }
-}
-@layer application {
-  @media (prefers-reduced-motion: reduce) {
-    ._overflow_78kb1_1 {
-      transition-duration: 0.01ms !important;
-    }
-  }
 }

package/dist/Overflow.js

@@ -1,29 +1,28 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useState, useCallback, useLayoutEffect, useEffect } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { F as Flex } from './Flex-WyyZm1bf.js';
+import { F as Flex } from './Flex-DOUtHiPi.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 import { g as getKeyboardFocusableElements } from './getKeyboardFocusableElements-QqcABz0D.js';
 
-import './Overflow.css';const overflow = "_overflow_78kb1_1";
-const expanded = "_expanded_78kb1_1";
-const content = "_content_78kb1_58";
-const horizontal = "_horizontal_78kb1_106";
-const truncate = "_truncate_78kb1_109";
-const styles = {
+import './Overflow.css';const overflow = "_overflow_qkpk6_1";
+const expanded$1 = "_expanded_qkpk6_34";
+const horizontal = "_horizontal_qkpk6_39";
+const truncate = "_truncate_qkpk6_43";
+const content$1 = "_content_qkpk6_48";
+const overflowStyles = {
 	overflow: overflow,
-	expanded: expanded,
-	"shadow-top": "_shadow-top_78kb1_1",
-	"shadow-right": "_shadow-right_78kb1_5",
-	"shadow-bottom": "_shadow-bottom_78kb1_9",
-	"shadow-left": "_shadow-left_78kb1_13",
-	"overflow-text": "_overflow-text_78kb1_19",
-	"expand-button": "_expand-button_78kb1_32",
-	content: content,
+	expanded: expanded$1,
 	horizontal: horizontal,
-	truncate: truncate
+	truncate: truncate,
+	content: content$1,
+	"shadow-left": "_shadow-left_qkpk6_64",
+	"shadow-right": "_shadow-right_qkpk6_74",
+	"shadow-top": "_shadow-top_qkpk6_84",
+	"shadow-bottom": "_shadow-bottom_qkpk6_94",
+	"expand-button": "_expand-button_qkpk6_104"
 };
 
 const Overflow$1 = forwardRef(
@@ -151,10 +150,10 @@ const Overflow$1 = forwardRef(
         }
       });
     };
-    const overflowClassNames = cx([styles["overflow"]], className, {
-      [styles["horizontal"]]: direction === "row",
-      [styles["truncate"]]: !!truncate,
-      [styles["expanded"]]: expanded
+    const overflowClassNames = cx([overflowStyles["overflow"]], className, {
+      [overflowStyles["horizontal"]]: direction === "row",
+      [overflowStyles["truncate"]]: !!truncate,
+      [overflowStyles["expanded"]]: expanded
     });
     useEffect(() => {
       if (!truncate) return;
@@ -198,12 +197,12 @@ const Overflow$1 = forwardRef(
           "data-tracking-id": trackingId,
           ...rest,
           children: [
-            shadow.top && !truncate ? /* @__PURE__ */ jsx("div", { className: styles["shadow-top"] }) : null,
-            shadow.left && !truncate ? /* @__PURE__ */ jsx("div", { className: styles["shadow-left"] }) : null,
+            shadow.top && !truncate ? /* @__PURE__ */ jsx("div", { className: overflowStyles["shadow-top"] }) : null,
+            shadow.left && !truncate ? /* @__PURE__ */ jsx("div", { className: overflowStyles["shadow-left"] }) : null,
             /* @__PURE__ */ jsx(
               Flex,
               {
-                className: styles["content"],
+                className: overflowStyles["content"],
                 onScroll: handleOnScroll,
                 style: contentStyle2,
                 ref: contentRef,
@@ -213,12 +212,12 @@ const Overflow$1 = forwardRef(
                 children
               }
             ),
-            shadow.bottom && !truncate ? /* @__PURE__ */ jsx("div", { className: styles["shadow-bottom"] }) : null,
-            shadow.right && !truncate ? /* @__PURE__ */ jsx("div", { className: styles["shadow-right"] }) : null,
+            shadow.bottom && !truncate ? /* @__PURE__ */ jsx("div", { className: overflowStyles["shadow-bottom"] }) : null,
+            shadow.right && !truncate ? /* @__PURE__ */ jsx("div", { className: overflowStyles["shadow-right"] }) : null,
             truncate && showExpand ? /* @__PURE__ */ jsx(
               "button",
               {
-                className: styles["expand-button"],
+                className: overflowStyles["expand-button"],
                 onClick: onExpandClickHandler,
                 children: expanded ? collapseString : expandString
               }
@@ -245,12 +244,12 @@ const Overflow$1 = forwardRef(
         "data-tracking-id": trackingId,
         ...rest,
         children: [
-          shadow.left ? /* @__PURE__ */ jsx("div", { className: styles["shadow-left"] }) : null,
-          shadow.top ? /* @__PURE__ */ jsx("div", { className: styles["shadow-top"] }) : null,
+          shadow.left ? /* @__PURE__ */ jsx("div", { className: overflowStyles["shadow-left"] }) : null,
+          shadow.top ? /* @__PURE__ */ jsx("div", { className: overflowStyles["shadow-top"] }) : null,
           /* @__PURE__ */ jsx(
             Flex,
             {
-              className: styles["content"],
+              className: overflowStyles["content"],
               onScroll: handleOnScroll,
               ref: contentRef,
               style: contentStyle,
@@ -260,8 +259,8 @@ const Overflow$1 = forwardRef(
               children
             }
           ),
-          shadow.bottom ? /* @__PURE__ */ jsx("div", { className: styles["shadow-bottom"] }) : null,
-          shadow.right ? /* @__PURE__ */ jsx("div", { className: styles["shadow-right"] }) : null
+          shadow.bottom ? /* @__PURE__ */ jsx("div", { className: overflowStyles["shadow-bottom"] }) : null,
+          shadow.right ? /* @__PURE__ */ jsx("div", { className: overflowStyles["shadow-right"] }) : null
         ]
       }
     );
@@ -269,6 +268,14 @@ const Overflow$1 = forwardRef(
 );
 Overflow$1.displayName = "Overflow";
 
+const content = "_content_1ik95_18";
+const expanded = "_expanded_1ik95_32";
+const styles = {
+	"overflow-text": "_overflow-text_1ik95_1",
+	content: content,
+	expanded: expanded
+};
+
 const OverflowText = forwardRef(
   (props, ref) => {
     const data = {
@@ -292,7 +299,7 @@ const OverflowText = forwardRef(
     const styledCombined = {
       ...style,
       ...layoutStyles,
-      "--overflow-text-row": expanded || rows === "unlimited" ? "initial" : rows
+      "--a2-inline-overflow-text-row": expanded || rows === "unlimited" ? "initial" : rows
     };
     useEffect(() => {
       if (contentRef.current) {
@@ -346,14 +353,9 @@ const OverflowText = forwardRef(
         }
         onExpand?.(e);
       };
-      const overflowTextClassNames2 = cx(
-        [styles["overflow-text"]],
-        [styles["expandable"]],
-        className,
-        {
-          [styles["expanded"]]: expanded
-        }
-      );
+      const overflowTextClassNames2 = cx([styles["overflow-text"]], className, {
+        [styles["expanded"]]: expanded
+      });
       return /* @__PURE__ */ jsxs(
         "div",
         {
@@ -368,7 +370,7 @@ const OverflowText = forwardRef(
             showExpand && /* @__PURE__ */ jsx(
               "button",
               {
-                className: styles["expand-button"],
+                className: overflowStyles["expand-button"],
                 onClick: onExpandClickHandler,
                 children: expanded ? collapseString : expandString
               }

package/dist/Overflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overflow.js","sources":["../src/components/Overflow/Overflow.tsx","../src/components/Overflow/OverflowText.tsx","../src/components/Overflow/index.ts"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  MouseEvent,\n  Ref,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport {\n  childrenToString,\n  getKeyboardFocusableElements,\n} from \"../../internal/functions\";\nimport cx from \"classnames\";\nimport styles from \"./Overflow.module.scss\";\nimport { Flex } from \"../Flex\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the Overflow component\n * @property {string} [children] - The content to be displayed in the overflow container\n * @property {number | string | \"inherit\"} [height] - The height of the overflow container\n * @property {boolean | object} [truncate] - Whether to truncate content with expand/collapse functionality\n */\nexport type OverflowProps = ComponentPropsWithoutRef<\"div\"> &\n  Omit<LayoutUtilProps, \"direction\"> & {\n    /**\n     * The direction of the overflow container\n     * @default column\n     */\n    direction?: LayoutUtilProps[\"flexDirection\"];\n    /**\n     * The height of the overflow container\n     * @remarks \"inherit\" is not supported when truncate is enabled\n     */\n    height?: number | string | \"inherit\";\n    /**\n     * The width of the overflow container\n     */\n    width?: number | string;\n  } & (\n    | {\n        /**\n         * Whether to truncate content with expand/collapse functionality\n         * @default false\n         */\n        truncate?: false;\n      }\n    | {\n        /**\n         * Direction must be column when truncate is enabled\n         */\n        direction: \"column\";\n        /**\n         * Truncation configuration with expand/collapse functionality\n         */\n        truncate:\n          | boolean\n          | {\n              /**\n               * Text to display on the expand button\n               * @default \"Show more...\"\n               */\n              expandText?: string;\n              /**\n               * Text to display on the collapse button\n               * @default \"Show less...\"\n               */\n              collapseText?: string;\n              /**\n               * Callback fired when content is expanded\n               */\n              onExpand?: (e: MouseEvent<HTMLButtonElement>) => void;\n              /**\n               * Callback fired when content is collapsed\n               */\n              onCollapse?: (e: MouseEvent<HTMLButtonElement>) => void;\n            };\n      }\n  ) &\n  DataTrackingId;\n\n/**\n * Internal state for shadow indicators\n */\ntype ShadowState = {\n  /**\n   * Whether to show right shadow indicator\n   */\n  right: boolean;\n  /**\n   * Whether to show left shadow indicator\n   */\n  left: boolean;\n  /**\n   * Whether to show top shadow indicator\n   */\n  top: boolean;\n  /**\n   * Whether to show bottom shadow indicator\n   */\n  bottom: boolean;\n};\n\nexport const Overflow = forwardRef(\n  ({ gap, ...props }: OverflowProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      height: props.height,\n      truncate: props.truncate,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Overflow\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      direction = \"column\",\n      style,\n      height,\n      width,\n      truncate,\n      ...rest\n    } = componentProps;\n    const contentRef = useRef<HTMLDivElement>(null);\n    const [expanded, setExpanded] = useState(false);\n    const [shadow, setShadow] = useState<ShadowState>({\n      left: false,\n      right: false,\n      top: false,\n      bottom: false,\n    });\n    const [contentClipped, setContentClipped] = useState(false);\n\n    const shadowUpdate = useCallback(() => {\n      if (!contentRef.current) return;\n      if (direction === \"row\") {\n        const right =\n          contentRef.current.offsetWidth < contentRef.current.scrollWidth;\n        setShadow((prev) => {\n          return {\n            ...prev,\n            right,\n          };\n        });\n        return;\n      }\n      const bottom =\n        contentRef.current.offsetHeight < contentRef.current.scrollHeight;\n      setShadow((prev) => {\n        return {\n          ...prev,\n          bottom,\n        };\n      });\n    }, [direction]);\n\n    useLayoutEffect(() => {\n      if (!contentRef.current) return;\n\n      const mutationCallback = () => {\n        if (!contentRef.current) return;\n        const contentHeight =\n          typeof height === \"number\" ? height : contentRef.current.offsetHeight;\n        if (contentHeight < contentRef.current.scrollHeight) {\n          setContentClipped(true);\n          return;\n        }\n        setExpanded(false);\n        setContentClipped(false);\n      };\n\n      const observer = new MutationObserver(mutationCallback);\n      observer.observe(contentRef.current, {\n        childList: true, // Observe changes to child elements\n      });\n      return () => {\n        observer.disconnect();\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    useLayoutEffect(() => {\n      if (contentRef.current) {\n        const observer = new ResizeObserver(() => {\n          shadowUpdate();\n        });\n\n        observer.observe(contentRef.current);\n\n        // Cleanup function\n        return () => {\n          observer.disconnect();\n        };\n      }\n    }, [shadowUpdate]);\n\n    useEffect(() => {\n      if (!contentRef.current) return;\n      setContentClipped(\n        contentRef.current.offsetHeight < contentRef.current.scrollHeight,\n      );\n    }, []);\n\n    useEffect(() => {\n      // account for loading children after initial render\n      shadowUpdate();\n    }, [children, shadowUpdate]);\n\n    // update overflow position on scroll\n    const handleOnScroll = () => {\n      if (!contentRef.current) return;\n      const target = contentRef.current;\n      if (direction === \"row\") {\n        const left = target.scrollLeft > 0;\n        const right =\n          target.scrollLeft < target.scrollWidth - target.offsetWidth;\n        setShadow({\n          left,\n          right,\n          top: false,\n          bottom: false,\n        });\n        return;\n      }\n      const top = target.scrollTop > 0;\n      const bottom =\n        target.scrollTop < target.scrollHeight - target.offsetHeight;\n      setShadow({\n        top,\n        bottom,\n        left: false,\n        right: false,\n      });\n    };\n    const inertOverflowFocusables = (entries: IntersectionObserverEntry[]) => {\n      entries.forEach((element) => {\n        if (!element.isIntersecting) {\n          element.target.setAttribute(\"disabled\", \"true\");\n        } else {\n          element.target.removeAttribute(\"disabled\");\n        }\n      });\n    };\n\n    const overflowClassNames = cx([styles[\"overflow\"]], className, {\n      [styles[\"horizontal\"]]: direction === \"row\",\n      [styles[\"truncate\"]]: !!truncate,\n      [styles[\"expanded\"]]: expanded,\n    });\n\n    useEffect(() => {\n      if (!truncate) return;\n      const observer = new IntersectionObserver(inertOverflowFocusables);\n      const focusable = getKeyboardFocusableElements(contentRef.current);\n      focusable.forEach((element) => {\n        observer.observe(element);\n      });\n    }, [truncate]);\n\n    if (truncate) {\n      const wrapperStyle = {\n        ...style,\n        ...layoutStyles,\n      };\n      const contentStyle = {\n        minHeight: height ?? undefined,\n        minWidth: width ?? undefined,\n      };\n\n      const expandString =\n        typeof truncate === \"object\" ? truncate.expandText : \"Show more...\";\n      const collapseString =\n        typeof truncate === \"object\" ? truncate.collapseText : \"Show less...\";\n\n      const onExpandClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n        setExpanded((prev) => !prev);\n        setTimeout(() => {\n          handleOnScroll();\n        }, 100);\n        if (typeof truncate !== \"object\") return;\n        if (expanded) {\n          truncate.onCollapse?.(e);\n          return;\n        }\n        truncate.onExpand?.(e);\n      };\n\n      const showExpand = contentClipped;\n\n      return (\n        <div\n          ref={ref}\n          style={wrapperStyle}\n          className={overflowClassNames}\n          data-anv=\"overflow\"\n          data-tracking-id={trackingId}\n          {...rest}\n        >\n          {shadow.top && !truncate ? (\n            <div className={styles[\"shadow-top\"]} />\n          ) : null}\n          {shadow.left && !truncate ? (\n            <div className={styles[\"shadow-left\"]} />\n          ) : null}\n          <Flex\n            className={styles[\"content\"]}\n            onScroll={handleOnScroll}\n            style={contentStyle}\n            ref={contentRef}\n            direction={direction}\n            gap={gap}\n            /**\n             * This is disabled because scrollable area much also be focusable.\n             * References:\n             * - {@link https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/0d5321a5457c5f0da0ca216053cc5b4f571b53ae/docs/rules/no-noninteractive-tabindex.md}\n             * - {@link https://chromestatus.com/feature/5231964663578624}\n             */\n            tabIndex={0}\n          >\n            {children}\n          </Flex>\n          {shadow.bottom && !truncate ? (\n            <div className={styles[\"shadow-bottom\"]} />\n          ) : null}\n          {shadow.right && !truncate ? (\n            <div className={styles[\"shadow-right\"]} />\n          ) : null}\n          {truncate && showExpand ? (\n            <button\n              className={styles[\"expand-button\"]}\n              onClick={onExpandClickHandler}\n            >\n              {expanded ? collapseString : expandString}\n            </button>\n          ) : null}\n        </div>\n      );\n    }\n\n    const wrapperStyle = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    const contentStyle = {\n      height: height ?? undefined,\n      width: width ?? undefined,\n    };\n\n    return (\n      <div\n        ref={ref}\n        style={wrapperStyle}\n        className={overflowClassNames}\n        data-anv=\"overflow\"\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {shadow.left ? <div className={styles[\"shadow-left\"]} /> : null}\n        {shadow.top ? <div className={styles[\"shadow-top\"]} /> : null}\n        <Flex\n          className={styles[\"content\"]}\n          onScroll={handleOnScroll}\n          ref={contentRef}\n          style={contentStyle}\n          direction={direction}\n          gap={gap}\n          /**\n           * This is disabled because scrollable area much also be focusable.\n           * References:\n           * - {@link https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/0d5321a5457c5f0da0ca216053cc5b4f571b53ae/docs/rules/no-noninteractive-tabindex.md}\n           * - {@link https://chromestatus.com/feature/5231964663578624}\n           */\n          tabIndex={0}\n        >\n          {children}\n        </Flex>\n        {shadow.bottom ? <div className={styles[\"shadow-bottom\"]} /> : null}\n        {shadow.right ? <div className={styles[\"shadow-right\"]} /> : null}\n      </div>\n    );\n  },\n);\nOverflow.displayName = \"Overflow\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useState,\n  MouseEvent,\n  useRef,\n  useEffect,\n} from \"react\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport cx from \"classnames\";\nimport styles from \"./Overflow.module.scss\";\nimport {\n  childrenToString,\n  getKeyboardFocusableElements,\n} from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\n\n/**\n * Props for the OverflowText component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type OverflowTextProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * Number of rows to display before truncation\n     * @default 1\n     */\n    rows?: number | \"unlimited\";\n  } & (\n    | {\n        /**\n         * Whether the text is expandable\n         * @default false\n         */\n        expandable?: false;\n        /**\n         * Text for expand button (not used when expandable is false)\n         */\n        expandText?: never;\n        /**\n         * Text for collapse button (not used when expandable is false)\n         */\n        collapseText?: never;\n        /**\n         * Callback for expand event (not used when expandable is false)\n         */\n        onExpand?: never;\n        /**\n         * Callback for collapse event (not used when expandable is false)\n         */\n        onCollapse?: never;\n      }\n    | {\n        /**\n         * Whether the text is expandable\n         */\n        expandable: true;\n        /**\n         * Text to display on the expand button\n         * @default \"Show more...\"\n         */\n        expandText?: string;\n        /**\n         * Text to display on the collapse button\n         * @default \"Show less...\"\n         */\n        collapseText?: string;\n        /**\n         * Callback fired when content is expanded\n         */\n        onExpand?: (e: MouseEvent<HTMLButtonElement>) => void;\n        /**\n         * Callback fired when content is collapsed\n         */\n        onCollapse?: (e: MouseEvent<HTMLButtonElement>) => void;\n      }\n  ) &\n  DataTrackingId;\n\n/**\n * OverflowText component for text content with line truncation and expansion.\n *\n * Features:\n * - Configurable line limit with row-based truncation\n * - Expandable content with custom expand/collapse text\n * - Automatic height calculation and overflow detection\n * - Keyboard navigation support for focusable elements\n * - Resize observer for dynamic content changes\n * - Accessibility features with proper focus management\n * - Support for unlimited rows or specific row limits\n * - Callback support for expand/collapse events\n * - Layout utility props support\n *\n * @example\n * <OverflowText rows={3} expandable>\n *   <Text>\n *     This is a long text that will be truncated to 3 rows\n *     and can be expanded to show the full content.\n *   </Text>\n * </OverflowText>\n */\nexport const OverflowText = forwardRef<HTMLDivElement, OverflowTextProps>(\n  (props, ref) => {\n    const data = {\n      children: childrenToString(props.children),\n      rows: props.rows,\n      expandable: props.expandable,\n      expandText: props.expandText,\n      collapseText: props.collapseText,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"OverflowText\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    const { rows = 1, ...otherProps } = props;\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(otherProps);\n    const [expanded, setExpanded] = useState(false);\n    const [heights, setHeights] = useState<{\n      clientHeight: number;\n      scrollHeight: number;\n    }>({ clientHeight: 0, scrollHeight: 0 });\n    const { className, style, children, ...rest } = componentProps;\n\n    const contentRef = useRef<HTMLDivElement>(null);\n\n    const styledCombined = {\n      ...style,\n      ...layoutStyles,\n      \"--overflow-text-row\":\n        expanded || rows === \"unlimited\" ? \"initial\" : rows,\n    };\n\n    useEffect(() => {\n      if (contentRef.current) {\n        const observer = new ResizeObserver(() => {\n          if (!contentRef.current) return;\n          setHeights({\n            clientHeight: contentRef.current.clientHeight,\n            scrollHeight: contentRef.current.scrollHeight,\n          });\n        });\n\n        observer.observe(contentRef.current);\n\n        // Cleanup function\n        return () => {\n          observer.disconnect();\n        };\n      }\n    }, []);\n\n    const inertOverflowFocusables = (entries: IntersectionObserverEntry[]) => {\n      entries.forEach((element) => {\n        if (!element.isIntersecting) {\n          element.target.setAttribute(\"disabled\", \"true\");\n        } else {\n          element.target.removeAttribute(\"disabled\");\n        }\n      });\n    };\n\n    useEffect(() => {\n      if (!(\"expandable\" in props)) return;\n      const observer = new IntersectionObserver(inertOverflowFocusables);\n      const focusable = getKeyboardFocusableElements(contentRef.current);\n      focusable.forEach((element) => {\n        observer.observe(element);\n      });\n      // This is added because we don't need to watch for all props\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [props.expandable]);\n\n    const showExpand = expanded || heights.clientHeight < heights.scrollHeight;\n\n    if (\"expandable\" in props && props.expandable === true) {\n      const {\n        expandable,\n        expandText,\n        collapseText,\n        onExpand,\n        onCollapse,\n        ...expandableRest\n      } = rest;\n      const expandString = expandText ?? \"Show more...\";\n      const collapseString = collapseText ?? \"Show less...\";\n\n      const onExpandClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n        setExpanded((prev) => !prev);\n        if (expanded) {\n          onCollapse?.(e);\n          return;\n        }\n        onExpand?.(e);\n      };\n\n      const overflowTextClassNames = cx(\n        [styles[\"overflow-text\"]],\n        [styles[\"expandable\"]],\n        className,\n        {\n          [styles[\"expanded\"]]: expanded,\n        },\n      );\n      return (\n        <div\n          ref={ref}\n          className={overflowTextClassNames}\n          style={styledCombined}\n          data-anv=\"overflow-text\"\n          data-tracking-id={trackingId}\n          {...expandableRest}\n        >\n          <div className={styles[\"content\"]} ref={contentRef}>\n            {children}\n          </div>\n          {showExpand && (\n            <button\n              className={styles[\"expand-button\"]}\n              onClick={onExpandClickHandler}\n            >\n              {expanded ? collapseString : expandString}\n            </button>\n          )}\n        </div>\n      );\n    }\n\n    const overflowTextClassNames = cx([styles[\"overflow-text\"], className]);\n    return (\n      <div\n        ref={ref}\n        className={overflowTextClassNames}\n        style={styledCombined}\n        data-anv=\"overflow-text\"\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        <div className={styles[\"content\"]}>{children}</div>\n      </div>\n    );\n  },\n);\n\nOverflowText.displayName = \"OverflowText\";\n","import { Overflow as OverflowElement, type OverflowProps } from \"./Overflow\";\nimport { OverflowText, type OverflowTextProps } from \"./OverflowText\";\n\n/**\n * Overflow component for handling content that exceeds container boundaries.\n *\n * Features:\n * - Supports both horizontal and vertical overflow\n * - Automatic shadow indicators for scrollable content\n * - Truncation with expand/collapse functionality\n * - Keyboard navigation support for focusable elements\n * - Automatic height and width management\n * - Layout utility props support\n * - Resize observer for dynamic content changes\n * - Accessibility features with proper focus management\n * - Scroll event handling with shadow updates\n *\n * @example\n * <Overflow direction=\"column\" height={400} gap=\"4\">\n *   {items.map((item, i) => (\n *     <Card key={i} style={{ width: \"100%\", minHeight: 100 }}>\n *       {item.content}\n *     </Card>\n *   ))}\n * </Overflow>\n */\nexport const Overflow = Object.assign(OverflowElement, {\n  Text: OverflowText,\n});\n\nexport default Overflow;\n\nexport { type OverflowProps };\nexport { OverflowText, type OverflowTextProps };\n"],"names":["Overflow","wrapperStyle","contentStyle","overflowTextClassNames","OverflowElement"],"mappings":"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"}
+{"version":3,"file":"Overflow.js","sources":["../src/components/Overflow/Overflow.tsx","../src/components/Overflow/OverflowText.tsx","../src/components/Overflow/index.ts"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  MouseEvent,\n  Ref,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport {\n  childrenToString,\n  getKeyboardFocusableElements,\n} from \"../../internal/functions\";\nimport cx from \"classnames\";\nimport styles from \"./Overflow.module.scss\";\nimport { Flex } from \"../Flex\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the Overflow component\n * @property {string} [children] - The content to be displayed in the overflow container\n * @property {number | string | \"inherit\"} [height] - The height of the overflow container\n * @property {boolean | object} [truncate] - Whether to truncate content with expand/collapse functionality\n */\nexport type OverflowProps = ComponentPropsWithoutRef<\"div\"> &\n  Omit<LayoutUtilProps, \"direction\"> & {\n    /**\n     * The direction of the overflow container\n     * @default column\n     */\n    direction?: LayoutUtilProps[\"flexDirection\"];\n    /**\n     * The height of the overflow container\n     * @remarks \"inherit\" is not supported when truncate is enabled\n     */\n    height?: number | string | \"inherit\";\n    /**\n     * The width of the overflow container\n     */\n    width?: number | string;\n  } & (\n    | {\n        /**\n         * Whether to truncate content with expand/collapse functionality\n         * @default false\n         */\n        truncate?: false;\n      }\n    | {\n        /**\n         * Direction must be column when truncate is enabled\n         */\n        direction: \"column\";\n        /**\n         * Truncation configuration with expand/collapse functionality\n         */\n        truncate:\n          | boolean\n          | {\n              /**\n               * Text to display on the expand button\n               * @default \"Show more...\"\n               */\n              expandText?: string;\n              /**\n               * Text to display on the collapse button\n               * @default \"Show less...\"\n               */\n              collapseText?: string;\n              /**\n               * Callback fired when content is expanded\n               */\n              onExpand?: (e: MouseEvent<HTMLButtonElement>) => void;\n              /**\n               * Callback fired when content is collapsed\n               */\n              onCollapse?: (e: MouseEvent<HTMLButtonElement>) => void;\n            };\n      }\n  ) &\n  DataTrackingId;\n\n/**\n * Internal state for shadow indicators\n */\ntype ShadowState = {\n  /**\n   * Whether to show right shadow indicator\n   */\n  right: boolean;\n  /**\n   * Whether to show left shadow indicator\n   */\n  left: boolean;\n  /**\n   * Whether to show top shadow indicator\n   */\n  top: boolean;\n  /**\n   * Whether to show bottom shadow indicator\n   */\n  bottom: boolean;\n};\n\nexport const Overflow = forwardRef(\n  ({ gap, ...props }: OverflowProps, ref: Ref<HTMLDivElement>) => {\n    const data = {\n      children: childrenToString(props.children),\n      height: props.height,\n      truncate: props.truncate,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Overflow\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      direction = \"column\",\n      style,\n      height,\n      width,\n      truncate,\n      ...rest\n    } = componentProps;\n    const contentRef = useRef<HTMLDivElement>(null);\n    const [expanded, setExpanded] = useState(false);\n    const [shadow, setShadow] = useState<ShadowState>({\n      left: false,\n      right: false,\n      top: false,\n      bottom: false,\n    });\n    const [contentClipped, setContentClipped] = useState(false);\n\n    const shadowUpdate = useCallback(() => {\n      if (!contentRef.current) return;\n      if (direction === \"row\") {\n        const right =\n          contentRef.current.offsetWidth < contentRef.current.scrollWidth;\n        setShadow((prev) => {\n          return {\n            ...prev,\n            right,\n          };\n        });\n        return;\n      }\n      const bottom =\n        contentRef.current.offsetHeight < contentRef.current.scrollHeight;\n      setShadow((prev) => {\n        return {\n          ...prev,\n          bottom,\n        };\n      });\n    }, [direction]);\n\n    useLayoutEffect(() => {\n      if (!contentRef.current) return;\n\n      const mutationCallback = () => {\n        if (!contentRef.current) return;\n        const contentHeight =\n          typeof height === \"number\" ? height : contentRef.current.offsetHeight;\n        if (contentHeight < contentRef.current.scrollHeight) {\n          setContentClipped(true);\n          return;\n        }\n        setExpanded(false);\n        setContentClipped(false);\n      };\n\n      const observer = new MutationObserver(mutationCallback);\n      observer.observe(contentRef.current, {\n        childList: true, // Observe changes to child elements\n      });\n      return () => {\n        observer.disconnect();\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    useLayoutEffect(() => {\n      if (contentRef.current) {\n        const observer = new ResizeObserver(() => {\n          shadowUpdate();\n        });\n\n        observer.observe(contentRef.current);\n\n        // Cleanup function\n        return () => {\n          observer.disconnect();\n        };\n      }\n    }, [shadowUpdate]);\n\n    useEffect(() => {\n      if (!contentRef.current) return;\n      setContentClipped(\n        contentRef.current.offsetHeight < contentRef.current.scrollHeight,\n      );\n    }, []);\n\n    useEffect(() => {\n      // account for loading children after initial render\n      shadowUpdate();\n    }, [children, shadowUpdate]);\n\n    // update overflow position on scroll\n    const handleOnScroll = () => {\n      if (!contentRef.current) return;\n      const target = contentRef.current;\n      if (direction === \"row\") {\n        const left = target.scrollLeft > 0;\n        const right =\n          target.scrollLeft < target.scrollWidth - target.offsetWidth;\n        setShadow({\n          left,\n          right,\n          top: false,\n          bottom: false,\n        });\n        return;\n      }\n      const top = target.scrollTop > 0;\n      const bottom =\n        target.scrollTop < target.scrollHeight - target.offsetHeight;\n      setShadow({\n        top,\n        bottom,\n        left: false,\n        right: false,\n      });\n    };\n    const inertOverflowFocusables = (entries: IntersectionObserverEntry[]) => {\n      entries.forEach((element) => {\n        if (!element.isIntersecting) {\n          element.target.setAttribute(\"disabled\", \"true\");\n        } else {\n          element.target.removeAttribute(\"disabled\");\n        }\n      });\n    };\n\n    const overflowClassNames = cx([styles[\"overflow\"]], className, {\n      [styles[\"horizontal\"]]: direction === \"row\",\n      [styles[\"truncate\"]]: !!truncate,\n      [styles[\"expanded\"]]: expanded,\n    });\n\n    useEffect(() => {\n      if (!truncate) return;\n      const observer = new IntersectionObserver(inertOverflowFocusables);\n      const focusable = getKeyboardFocusableElements(contentRef.current);\n      focusable.forEach((element) => {\n        observer.observe(element);\n      });\n    }, [truncate]);\n\n    if (truncate) {\n      const wrapperStyle = {\n        ...style,\n        ...layoutStyles,\n      };\n      const contentStyle = {\n        minHeight: height ?? undefined,\n        minWidth: width ?? undefined,\n      };\n\n      const expandString =\n        typeof truncate === \"object\" ? truncate.expandText : \"Show more...\";\n      const collapseString =\n        typeof truncate === \"object\" ? truncate.collapseText : \"Show less...\";\n\n      const onExpandClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n        setExpanded((prev) => !prev);\n        setTimeout(() => {\n          handleOnScroll();\n        }, 100);\n        if (typeof truncate !== \"object\") return;\n        if (expanded) {\n          truncate.onCollapse?.(e);\n          return;\n        }\n        truncate.onExpand?.(e);\n      };\n\n      const showExpand = contentClipped;\n\n      return (\n        <div\n          ref={ref}\n          style={wrapperStyle}\n          className={overflowClassNames}\n          data-anv=\"overflow\"\n          data-tracking-id={trackingId}\n          {...rest}\n        >\n          {shadow.top && !truncate ? (\n            <div className={styles[\"shadow-top\"]} />\n          ) : null}\n          {shadow.left && !truncate ? (\n            <div className={styles[\"shadow-left\"]} />\n          ) : null}\n          <Flex\n            className={styles[\"content\"]}\n            onScroll={handleOnScroll}\n            style={contentStyle}\n            ref={contentRef}\n            direction={direction}\n            gap={gap}\n            /**\n             * This is disabled because scrollable area much also be focusable.\n             * References:\n             * - {@link https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/0d5321a5457c5f0da0ca216053cc5b4f571b53ae/docs/rules/no-noninteractive-tabindex.md}\n             * - {@link https://chromestatus.com/feature/5231964663578624}\n             */\n            tabIndex={0}\n          >\n            {children}\n          </Flex>\n          {shadow.bottom && !truncate ? (\n            <div className={styles[\"shadow-bottom\"]} />\n          ) : null}\n          {shadow.right && !truncate ? (\n            <div className={styles[\"shadow-right\"]} />\n          ) : null}\n          {truncate && showExpand ? (\n            <button\n              className={styles[\"expand-button\"]}\n              onClick={onExpandClickHandler}\n            >\n              {expanded ? collapseString : expandString}\n            </button>\n          ) : null}\n        </div>\n      );\n    }\n\n    const wrapperStyle = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    const contentStyle = {\n      height: height ?? undefined,\n      width: width ?? undefined,\n    };\n\n    return (\n      <div\n        ref={ref}\n        style={wrapperStyle}\n        className={overflowClassNames}\n        data-anv=\"overflow\"\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {shadow.left ? <div className={styles[\"shadow-left\"]} /> : null}\n        {shadow.top ? <div className={styles[\"shadow-top\"]} /> : null}\n        <Flex\n          className={styles[\"content\"]}\n          onScroll={handleOnScroll}\n          ref={contentRef}\n          style={contentStyle}\n          direction={direction}\n          gap={gap}\n          /**\n           * This is disabled because scrollable area much also be focusable.\n           * References:\n           * - {@link https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/0d5321a5457c5f0da0ca216053cc5b4f571b53ae/docs/rules/no-noninteractive-tabindex.md}\n           * - {@link https://chromestatus.com/feature/5231964663578624}\n           */\n          tabIndex={0}\n        >\n          {children}\n        </Flex>\n        {shadow.bottom ? <div className={styles[\"shadow-bottom\"]} /> : null}\n        {shadow.right ? <div className={styles[\"shadow-right\"]} /> : null}\n      </div>\n    );\n  },\n);\nOverflow.displayName = \"Overflow\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useState,\n  MouseEvent,\n  useRef,\n  useEffect,\n} from \"react\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { DataTrackingId, LayoutUtilProps } from \"../../types\";\nimport {\n  childrenToString,\n  getKeyboardFocusableElements,\n} from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport cx from \"classnames\";\nimport overflowStyles from \"./Overflow.module.scss\";\nimport styles from \"./OverflowText.module.scss\";\n\n/**\n * Props for the OverflowText component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type OverflowTextProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * Number of rows to display before truncation\n     * @default 1\n     */\n    rows?: number | \"unlimited\";\n  } & (\n    | {\n        /**\n         * Whether the text is expandable\n         * @default false\n         */\n        expandable?: false;\n        /**\n         * Text for expand button (not used when expandable is false)\n         */\n        expandText?: never;\n        /**\n         * Text for collapse button (not used when expandable is false)\n         */\n        collapseText?: never;\n        /**\n         * Callback for expand event (not used when expandable is false)\n         */\n        onExpand?: never;\n        /**\n         * Callback for collapse event (not used when expandable is false)\n         */\n        onCollapse?: never;\n      }\n    | {\n        /**\n         * Whether the text is expandable\n         */\n        expandable: true;\n        /**\n         * Text to display on the expand button\n         * @default \"Show more...\"\n         */\n        expandText?: string;\n        /**\n         * Text to display on the collapse button\n         * @default \"Show less...\"\n         */\n        collapseText?: string;\n        /**\n         * Callback fired when content is expanded\n         */\n        onExpand?: (e: MouseEvent<HTMLButtonElement>) => void;\n        /**\n         * Callback fired when content is collapsed\n         */\n        onCollapse?: (e: MouseEvent<HTMLButtonElement>) => void;\n      }\n  ) &\n  DataTrackingId;\n\n/**\n * OverflowText component for text content with line truncation and expansion.\n *\n * Features:\n * - Configurable line limit with row-based truncation\n * - Expandable content with custom expand/collapse text\n * - Automatic height calculation and overflow detection\n * - Keyboard navigation support for focusable elements\n * - Resize observer for dynamic content changes\n * - Accessibility features with proper focus management\n * - Support for unlimited rows or specific row limits\n * - Callback support for expand/collapse events\n * - Layout utility props support\n *\n * @example\n * <OverflowText rows={3} expandable>\n *   <Text>\n *     This is a long text that will be truncated to 3 rows\n *     and can be expanded to show the full content.\n *   </Text>\n * </OverflowText>\n */\nexport const OverflowText = forwardRef<HTMLDivElement, OverflowTextProps>(\n  (props, ref) => {\n    const data = {\n      children: childrenToString(props.children),\n      rows: props.rows,\n      expandable: props.expandable,\n      expandText: props.expandText,\n      collapseText: props.collapseText,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"OverflowText\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n    const { rows = 1, ...otherProps } = props;\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(otherProps);\n    const [expanded, setExpanded] = useState(false);\n    const [heights, setHeights] = useState<{\n      clientHeight: number;\n      scrollHeight: number;\n    }>({ clientHeight: 0, scrollHeight: 0 });\n    const { className, style, children, ...rest } = componentProps;\n\n    const contentRef = useRef<HTMLDivElement>(null);\n\n    const styledCombined = {\n      ...style,\n      ...layoutStyles,\n      \"--a2-inline-overflow-text-row\":\n        expanded || rows === \"unlimited\" ? \"initial\" : rows,\n    };\n\n    useEffect(() => {\n      if (contentRef.current) {\n        const observer = new ResizeObserver(() => {\n          if (!contentRef.current) return;\n          setHeights({\n            clientHeight: contentRef.current.clientHeight,\n            scrollHeight: contentRef.current.scrollHeight,\n          });\n        });\n\n        observer.observe(contentRef.current);\n\n        // Cleanup function\n        return () => {\n          observer.disconnect();\n        };\n      }\n    }, []);\n\n    const inertOverflowFocusables = (entries: IntersectionObserverEntry[]) => {\n      entries.forEach((element) => {\n        if (!element.isIntersecting) {\n          element.target.setAttribute(\"disabled\", \"true\");\n        } else {\n          element.target.removeAttribute(\"disabled\");\n        }\n      });\n    };\n\n    useEffect(() => {\n      if (!(\"expandable\" in props)) return;\n      const observer = new IntersectionObserver(inertOverflowFocusables);\n      const focusable = getKeyboardFocusableElements(contentRef.current);\n      focusable.forEach((element) => {\n        observer.observe(element);\n      });\n      // This is added because we don't need to watch for all props\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [props.expandable]);\n\n    const showExpand = expanded || heights.clientHeight < heights.scrollHeight;\n\n    if (\"expandable\" in props && props.expandable === true) {\n      const {\n        expandable,\n        expandText,\n        collapseText,\n        onExpand,\n        onCollapse,\n        ...expandableRest\n      } = rest;\n      const expandString = expandText ?? \"Show more...\";\n      const collapseString = collapseText ?? \"Show less...\";\n\n      const onExpandClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n        setExpanded((prev) => !prev);\n        if (expanded) {\n          onCollapse?.(e);\n          return;\n        }\n        onExpand?.(e);\n      };\n\n      const overflowTextClassNames = cx([styles[\"overflow-text\"]], className, {\n        [styles[\"expanded\"]]: expanded,\n      });\n      return (\n        <div\n          ref={ref}\n          className={overflowTextClassNames}\n          style={styledCombined}\n          data-anv=\"overflow-text\"\n          data-tracking-id={trackingId}\n          {...expandableRest}\n        >\n          <div className={styles[\"content\"]} ref={contentRef}>\n            {children}\n          </div>\n          {showExpand && (\n            <button\n              className={overflowStyles[\"expand-button\"]}\n              onClick={onExpandClickHandler}\n            >\n              {expanded ? collapseString : expandString}\n            </button>\n          )}\n        </div>\n      );\n    }\n\n    const overflowTextClassNames = cx([styles[\"overflow-text\"], className]);\n    return (\n      <div\n        ref={ref}\n        className={overflowTextClassNames}\n        style={styledCombined}\n        data-anv=\"overflow-text\"\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        <div className={styles[\"content\"]}>{children}</div>\n      </div>\n    );\n  },\n);\n\nOverflowText.displayName = \"OverflowText\";\n","import { Overflow as OverflowElement, type OverflowProps } from \"./Overflow\";\nimport { OverflowText, type OverflowTextProps } from \"./OverflowText\";\n\n/**\n * Overflow component for handling content that exceeds container boundaries.\n *\n * Features:\n * - Supports both horizontal and vertical overflow\n * - Automatic shadow indicators for scrollable content\n * - Truncation with expand/collapse functionality\n * - Keyboard navigation support for focusable elements\n * - Automatic height and width management\n * - Layout utility props support\n * - Resize observer for dynamic content changes\n * - Accessibility features with proper focus management\n * - Scroll event handling with shadow updates\n *\n * @example\n * <Overflow direction=\"column\" height={400} gap=\"4\">\n *   {items.map((item, i) => (\n *     <Card key={i} style={{ width: \"100%\", minHeight: 100 }}>\n *       {item.content}\n *     </Card>\n *   ))}\n * </Overflow>\n */\nexport const Overflow = Object.assign(OverflowElement, {\n  Text: OverflowText,\n});\n\nexport default Overflow;\n\nexport { type OverflowProps };\nexport { OverflowText, type OverflowTextProps };\n"],"names":["Overflow","styles","wrapperStyle","contentStyle","overflowTextClassNames","OverflowElement"],"mappings":"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"}