@servicetitan/anvil2 3.0.2 → 3.0.4

package/dist/InteractiveCard-Pu0j2qJd.js

@@ -0,0 +1,119 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef } from 'react';
+import { C as Card } from './Card-fBqg853U.js';
+import { c as cx } from './index-De1g9FRV.js';
+import { K as KEYBOARD_FOCUSABLE_SELECTOR } from './getKeyboardFocusableElements-B_U9rt6y.js';
+
+import './InteractiveCard.css';const styles = {
+	"card-wrapper": "_card-wrapper_ogzk8_4",
+	"card-action": "_card-action_ogzk8_14",
+	"bg-stronger": "_bg-stronger_ogzk8_37",
+	"bg-strong": "_bg-strong_ogzk8_37",
+	"card-content": "_card-content_ogzk8_48"
+};
+
+const InteractiveCard = forwardRef(
+  (props, ref) => {
+    const {
+      wrapperProps,
+      actionProps,
+      contentProps = {},
+      children,
+      "data-interactive": dataInteractive
+    } = props;
+    const {
+      "aria-label": ariaLabel,
+      className: wrapperClassName,
+      style: wrapperStyle,
+      ...restWrapperProps
+    } = wrapperProps;
+    const { "aria-label": actionAriaLabel, ...restActionProps } = actionProps;
+    const {
+      padding = "medium",
+      background,
+      className: contentClassName,
+      ...restContentProps
+    } = contentProps;
+    const actionClassNames = cx(styles["card-action"], {
+      [styles[`bg-${background}`]]: !!background
+    });
+    const contentClassNames = cx(styles["card-content"], contentClassName);
+    const wrapperClassNames = cx(styles["card-wrapper"], wrapperClassName);
+    const isLink = "href" in restActionProps;
+    const actionRef = useRef(null);
+    const handleWrapperClick = (e) => {
+      const target = e.target;
+      if (target.closest(`label, ${KEYBOARD_FOCUSABLE_SELECTOR}`)) return;
+      const action = actionRef.current;
+      if (!action) return;
+      if (isLink && (e.metaKey || e.ctrlKey || e.shiftKey)) {
+        const href = action.getAttribute("href");
+        if (href) {
+          window.open(href, "_blank", "noopener,noreferrer");
+          return;
+        }
+      }
+      action.click();
+    };
+    const handleWrapperAuxClick = (e) => {
+      if (e.button !== 1 || !isLink) return;
+      const target = e.target;
+      if (target.closest(`label, ${KEYBOARD_FOCUSABLE_SELECTOR}`)) return;
+      const href = actionRef.current?.getAttribute("href");
+      if (href) window.open(href, "_blank", "noopener,noreferrer");
+    };
+    return (
+      // Mouse-only dead-space forwarder. Keyboard users tab to the inner <button>/<a> and activate it natively (Enter/Space)
+      // The wrapper itself is never focused. Adding a keyboard listener here would double-fire the action.
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ...restWrapperProps,
+          role: "group",
+          "aria-label": ariaLabel,
+          className: wrapperClassNames,
+          style: wrapperStyle,
+          ref,
+          onClick: handleWrapperClick,
+          onAuxClick: handleWrapperAuxClick,
+          children: [
+            isLink ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                ...restActionProps,
+                "aria-label": actionAriaLabel,
+                className: actionClassNames,
+                "data-interactive": dataInteractive,
+                ref: actionRef
+              }
+            ) : /* @__PURE__ */ jsx(
+              "button",
+              {
+                ...restActionProps,
+                "aria-label": actionAriaLabel,
+                className: actionClassNames,
+                "data-interactive": dataInteractive,
+                type: "button",
+                ref: actionRef
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Card,
+              {
+                padding,
+                className: contentClassNames,
+                ...restContentProps,
+                children
+              }
+            )
+          ]
+        }
+      )
+    );
+  }
+);
+InteractiveCard.displayName = "InteractiveCard";
+
+export { InteractiveCard as I };
+//# sourceMappingURL=InteractiveCard-Pu0j2qJd.js.map

package/dist/InteractiveCard-Pu0j2qJd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractiveCard-Pu0j2qJd.js","sources":["../src/beta/components/InteractiveCard/InteractiveCard.tsx"],"sourcesContent":["import { forwardRef, MouseEvent, Ref, useRef } from \"react\";\nimport {\n  InteractiveCardProps,\n  ActionLinkProps,\n  ActionButtonProps,\n} from \"./types\";\nimport { Card } from \"../../../components/Card\";\nimport { KEYBOARD_FOCUSABLE_SELECTOR } from \"../../../internal/functions\";\n\nimport cx from \"classnames\";\nimport styles from \"./InteractiveCard.module.scss\";\n\n/**\n * InteractiveCard component for creating clickable cards with nested interactive elements.\n *\n * Features:\n * - Clickable card area that can be a button or link\n * - Supports nested interactive elements without accessibility violations\n * - Dead-space clicks are forwarded to the action element via event delegation,\n *   so any focusable child (button, link, input, switch, etc.) handles its own\n *   click without bubbling to the card action\n * - Box-shadow feedback on hover and focus of any interactive element\n * - Full keyboard accessibility with proper focus management\n * - Touch-friendly with mobile support\n * - Customizable padding and background variants via contentProps\n * - WCAG AA 2.2 compliant\n * - Required ARIA labels for screen reader support\n * - Supports all Card props for styling and layout via contentProps\n *\n * @example\n * // Button card with nested actions\n * <InteractiveCard\n *   wrapperProps={{ \"aria-label\": \"Kitchen Measurement 2 card\" }}\n *   actionProps={{\n *     \"aria-label\": \"Expand Kitchen Measurement 2\",\n *     onClick: handleExpand,\n *   }}\n *   contentProps={{ padding: \"large\" }}\n * >\n *   <Text variant=\"headline\">Kitchen Measurement 2</Text>\n *   <Button>Exact Size</Button>\n *   <Button>Block Size</Button>\n * </InteractiveCard>\n *\n * @example\n * // Link card with nested actions\n * <InteractiveCard\n *   wrapperProps={{ \"aria-label\": \"Tommy Lee's Project card\" }}\n *   actionProps={{\n *     \"aria-label\": \"Navigate to Tommy Lee's Project\",\n *     href: \"/project/123\",\n *   }}\n *   contentProps={{ padding: \"large\" }}\n * >\n *   <Text variant=\"headline\">Tommy Lee's Project</Text>\n *   <IconButton icon={Edit} onClick={(e) => {\n *     e.preventDefault();\n *     handleEdit();\n *   }} />\n * </InteractiveCard>\n */\nexport const InteractiveCard = forwardRef<HTMLDivElement, InteractiveCardProps>(\n  (props, ref) => {\n    const {\n      wrapperProps,\n      actionProps,\n      contentProps = {},\n      children,\n      \"data-interactive\": dataInteractive,\n    } = props as InteractiveCardProps & {\n      \"data-interactive\"?: string;\n    };\n\n    // Destructure className and style from wrapperProps to merge with internal values\n    const {\n      \"aria-label\": ariaLabel,\n      className: wrapperClassName,\n      style: wrapperStyle,\n      ...restWrapperProps\n    } = wrapperProps;\n\n    // Destructure aria-label from actionProps\n    const { \"aria-label\": actionAriaLabel, ...restActionProps } = actionProps;\n\n    // Destructure contentProps\n    const {\n      padding = \"medium\",\n      background,\n      className: contentClassName,\n      ...restContentProps\n    } = contentProps;\n\n    const actionClassNames = cx(styles[\"card-action\"], {\n      [styles[`bg-${background}`]]: !!background,\n    });\n\n    const contentClassNames = cx(styles[\"card-content\"], contentClassName);\n\n    const wrapperClassNames = cx(styles[\"card-wrapper\"], wrapperClassName);\n\n    // Determine the interactive element type based on href presence\n    const isLink = \"href\" in restActionProps;\n\n    const actionRef = useRef<HTMLButtonElement | HTMLAnchorElement>(null);\n\n    // Forward dead-space clicks (anywhere not on a focusable child or its\n    // label) to the action element so the entire card behaves as a single\n    // interactive surface, while letting nested controls handle their own\n    // clicks. `label` is included alongside focusables because clicking a\n    // label routes activation to its associated form control.\n    const handleWrapperClick = (e: MouseEvent<HTMLDivElement>) => {\n      const target = e.target as HTMLElement;\n      if (target.closest(`label, ${KEYBOARD_FOCUSABLE_SELECTOR}`)) return;\n      const action = actionRef.current;\n      if (!action) return;\n\n      // For link variants, preserve modifier-click semantics (cmd/ctrl/shift\n      // → new tab/window). Programmatic .click() ignores modifier state, so\n      // we open the href explicitly when modifiers are present.\n      if (isLink && (e.metaKey || e.ctrlKey || e.shiftKey)) {\n        const href = action.getAttribute(\"href\");\n        if (href) {\n          window.open(href, \"_blank\", \"noopener,noreferrer\");\n          return;\n        }\n      }\n      action.click();\n    };\n\n    // Middle-click should also open the link in a new tab. `auxclick` fires\n    // for non-primary mouse buttons and isn't routed through onClick.\n    const handleWrapperAuxClick = (e: MouseEvent<HTMLDivElement>) => {\n      if (e.button !== 1 || !isLink) return;\n      const target = e.target as HTMLElement;\n      if (target.closest(`label, ${KEYBOARD_FOCUSABLE_SELECTOR}`)) return;\n      const href = actionRef.current?.getAttribute(\"href\");\n      if (href) window.open(href, \"_blank\", \"noopener,noreferrer\");\n    };\n\n    return (\n      // Mouse-only dead-space forwarder. Keyboard users tab to the inner <button>/<a> and activate it natively (Enter/Space)\n      // The wrapper itself is never focused. Adding a keyboard listener here would double-fire the action.\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n      <div\n        {...restWrapperProps}\n        role=\"group\"\n        aria-label={ariaLabel}\n        className={wrapperClassNames}\n        style={wrapperStyle}\n        ref={ref}\n        onClick={handleWrapperClick}\n        onAuxClick={handleWrapperAuxClick}\n      >\n        {/* Interactive layer (button or link) - provides background and hover effects */}\n        {isLink ? (\n          <a\n            {...(restActionProps as ActionLinkProps)}\n            aria-label={actionAriaLabel}\n            className={actionClassNames}\n            data-interactive={dataInteractive}\n            ref={actionRef as Ref<HTMLAnchorElement>}\n          />\n        ) : (\n          <button\n            {...(restActionProps as ActionButtonProps)}\n            aria-label={actionAriaLabel}\n            className={actionClassNames}\n            data-interactive={dataInteractive}\n            type=\"button\"\n            ref={actionRef as Ref<HTMLButtonElement>}\n          />\n        )}\n\n        {/* Content layer - transparent card with padding */}\n        <Card\n          padding={padding}\n          className={contentClassNames}\n          {...restContentProps}\n        >\n          {children}\n        </Card>\n      </div>\n    );\n  },\n);\n\nInteractiveCard.displayName = \"InteractiveCard\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA6DO,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM;AAAA,MACJ,YAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAe,EAAC;AAAA,MAChB,QAAA;AAAA,MACA,kBAAA,EAAoB;AAAA,KACtB,GAAI,KAAA;AAKJ,IAAA,MAAM;AAAA,MACJ,YAAA,EAAc,SAAA;AAAA,MACd,SAAA,EAAW,gBAAA;AAAA,MACX,KAAA,EAAO,YAAA;AAAA,MACP,GAAG;AAAA,KACL,GAAI,YAAA;AAGJ,IAAA,MAAM,EAAE,YAAA,EAAc,eAAA,EAAiB,GAAG,iBAAgB,GAAI,WAAA;AAG9D,IAAA,MAAM;AAAA,MACJ,OAAA,GAAU,QAAA;AAAA,MACV,UAAA;AAAA,MACA,SAAA,EAAW,gBAAA;AAAA,MACX,GAAG;AAAA,KACL,GAAI,YAAA;AAEJ,IAAA,MAAM,gBAAA,GAAmB,EAAA,CAAG,MAAA,CAAO,aAAa,CAAA,EAAG;AAAA,MACjD,CAAC,OAAO,CAAA,GAAA,EAAM,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC;AAAA,KACjC,CAAA;AAED,IAAA,MAAM,iBAAA,GAAoB,EAAA,CAAG,MAAA,CAAO,cAAc,GAAG,gBAAgB,CAAA;AAErE,IAAA,MAAM,iBAAA,GAAoB,EAAA,CAAG,MAAA,CAAO,cAAc,GAAG,gBAAgB,CAAA;AAGrE,IAAA,MAAM,SAAS,MAAA,IAAU,eAAA;AAEzB,IAAA,MAAM,SAAA,GAAY,OAA8C,IAAI,CAAA;AAOpE,IAAA,MAAM,kBAAA,GAAqB,CAAC,CAAA,KAAkC;AAC5D,MAAA,MAAM,SAAS,CAAA,CAAE,MAAA;AACjB,MAAA,IAAI,MAAA,CAAO,OAAA,CAAQ,CAAA,OAAA,EAAU,2BAA2B,EAAE,CAAA,EAAG;AAC7D,MAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,MAAA,IAAI,CAAC,MAAA,EAAQ;AAKb,MAAA,IAAI,WAAW,CAAA,CAAE,OAAA,IAAW,CAAA,CAAE,OAAA,IAAW,EAAE,QAAA,CAAA,EAAW;AACpD,QAAA,MAAM,IAAA,GAAO,MAAA,CAAO,YAAA,CAAa,MAAM,CAAA;AACvC,QAAA,IAAI,IAAA,EAAM;AACR,UAAA,MAAA,CAAO,IAAA,CAAK,IAAA,EAAM,QAAA,EAAU,qBAAqB,CAAA;AACjD,UAAA;AAAA,QACF;AAAA,MACF;AACA,MAAA,MAAA,CAAO,KAAA,EAAM;AAAA,IACf,CAAA;AAIA,IAAA,MAAM,qBAAA,GAAwB,CAAC,CAAA,KAAkC;AAC/D,MAAA,IAAI,CAAA,CAAE,MAAA,KAAW,CAAA,IAAK,CAAC,MAAA,EAAQ;AAC/B,MAAA,MAAM,SAAS,CAAA,CAAE,MAAA;AACjB,MAAA,IAAI,MAAA,CAAO,OAAA,CAAQ,CAAA,OAAA,EAAU,2BAA2B,EAAE,CAAA,EAAG;AAC7D,MAAA,MAAM,IAAA,GAAO,SAAA,CAAU,OAAA,EAAS,YAAA,CAAa,MAAM,CAAA;AACnD,MAAA,IAAI,IAAA,EAAM,MAAA,CAAO,IAAA,CAAK,IAAA,EAAM,UAAU,qBAAqB,CAAA;AAAA,IAC7D,CAAA;AAEA,IAAA;AAAA;AAAA;AAAA;AAAA,sBAIE,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACE,GAAG,gBAAA;AAAA,UACJ,IAAA,EAAK,OAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAW,iBAAA;AAAA,UACX,KAAA,EAAO,YAAA;AAAA,UACP,GAAA;AAAA,UACA,OAAA,EAAS,kBAAA;AAAA,UACT,UAAA,EAAY,qBAAA;AAAA,UAGX,QAAA,EAAA;AAAA,YAAA,MAAA,mBACC,GAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACE,GAAI,eAAA;AAAA,gBACL,YAAA,EAAY,eAAA;AAAA,gBACZ,SAAA,EAAW,gBAAA;AAAA,gBACX,kBAAA,EAAkB,eAAA;AAAA,gBAClB,GAAA,EAAK;AAAA;AAAA,aACP,mBAEA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACE,GAAI,eAAA;AAAA,gBACL,YAAA,EAAY,eAAA;AAAA,gBACZ,SAAA,EAAW,gBAAA;AAAA,gBACX,kBAAA,EAAkB,eAAA;AAAA,gBAClB,IAAA,EAAK,QAAA;AAAA,gBACL,GAAA,EAAK;AAAA;AAAA,aACP;AAAA,4BAIF,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,OAAA;AAAA,gBACA,SAAA,EAAW,iBAAA;AAAA,gBACV,GAAG,gBAAA;AAAA,gBAEH;AAAA;AAAA;AACH;AAAA;AAAA;AACF;AAAA,EAEJ;AACF;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;;;;"}

package/dist/InteractiveCard.d.ts

@@ -1,2 +1 @@
-export * from './beta/components/InteractiveCard/index'
 export {}

package/dist/InteractiveCard.js

@@ -1,2 +1,2 @@
-export { I as InteractiveCard } from './InteractiveCard-KGs2b_al.js';
+export { I as InteractiveCard } from './InteractiveCard-Pu0j2qJd.js';
 //# sourceMappingURL=InteractiveCard.js.map

package/dist/Layout.d.ts

@@ -1,6 +1 @@
-export * from './components/Layout/index'
-export {}
-import _default from './components/Layout/index'
-export default _default
-export * from './components/Layout/index'
 export {}

package/dist/Link-D8A_WT94.js

@@ -0,0 +1,103 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import { s as styles } from './Link.module-JgOOqNcL.js';
+import { I as Icon } from './Icon-feeG7gXA.js';
+import { c as cx } from './index-De1g9FRV.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
+
+const SvgOpenInNew = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z" }));
+
+const LinkHeadless = forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "a",
+      {
+        rel: "noopener noreferrer",
+        "data-anv": "link-headless",
+        ref,
+        ...props,
+        children: [
+          children,
+          props.target === "_blank" && /* @__PURE__ */ jsx(Icon, { className: styles["open-in-new"], inherit: true, svg: SvgOpenInNew })
+        ]
+      }
+    );
+  }
+);
+LinkHeadless.displayName = "LinkHeadless";
+
+const useLinkStyles = (props) => {
+  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+  const { className, appearance = "primary", ghost, style } = componentProps;
+  const linkClassNames = cx([styles["link"]], className, {
+    [styles["ghost"]]: ghost,
+    [styles["secondary"]]: appearance === "secondary"
+  });
+  const styleCombined = Object.assign({}, style, layoutStyles);
+  return { linkClassNames, styleCombined };
+};
+
+const Link$1 = forwardRef((props, ref) => {
+  const { appearance, className, ghost, style, children, ...rest } = props;
+  const { linkClassNames, styleCombined } = useLinkStyles({
+    appearance,
+    className,
+    ghost,
+    style
+  });
+  return /* @__PURE__ */ jsx(
+    LinkHeadless,
+    {
+      className: linkClassNames,
+      "data-anv": "link",
+      ref,
+      style: styleCombined,
+      ...rest,
+      children
+    }
+  );
+});
+Link$1.displayName = "Link";
+
+const Link = forwardRef(
+  (props, ref) => {
+    const { onClick, pathname, children, search, ...rest } = props;
+    const data = {
+      appearance: props.appearance,
+      ghost: props.ghost,
+      children: childrenToString(children)
+    };
+    const handleClick = (...args) => {
+      if (pathname) {
+        const to = pathname + (search ?? "");
+        args[0].preventDefault();
+        history.pushState(null, "", to);
+        onClick?.(...args);
+      } else {
+        onClick?.(...args);
+      }
+    };
+    const trackingId = useTrackingId({
+      name: "Link",
+      data,
+      hasOverride: !!rest["data-tracking-id"]
+    });
+    return /* @__PURE__ */ jsx(
+      Link$1,
+      {
+        onClick: handleClick,
+        ref,
+        "data-tracking-id": trackingId,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+Link.displayName = Link$1.displayName;
+
+export { Link as L, useLinkStyles as u };
+//# sourceMappingURL=Link-D8A_WT94.js.map

package/dist/Link-D8A_WT94.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-D8A_WT94.js","sources":["../../hammer-icon/mdi/round/open_in_new.svg","../src/components/Link/internal/LinkHeadless.tsx","../src/components/Link/useLinkStyles.ts","../src/components/Link/internal/Link.tsx","../src/components/Link/Link.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgOpenInNew = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z\" }));\nexport default SvgOpenInNew;\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport styles from \"./Link.module.scss\";\nimport { Icon } from \"../../Icon\";\nimport OpenInNew from \"@servicetitan/hammer-icon/mdi/round/open_in_new.svg\";\n\n/**\n * Props for the LinkHeadless component.\n * @extends ComponentPropsWithoutRef<\"a\">\n */\nexport type LinkHeadlessProps = ComponentPropsWithoutRef<\"a\">;\n\n/**\n * Headless link component for creating accessible hyperlinks.\n *\n * Features:\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n *\n * @example\n * <LinkHeadless href=\"/dashboard\">\n *   Go to Dashboard\n * </LinkHeadless>\n *\n * @example\n * <LinkHeadless href=\"https://example.com\" target=\"_blank\">\n *   External Documentation\n * </LinkHeadless>\n *\n */\nexport const LinkHeadless = forwardRef<HTMLAnchorElement, LinkHeadlessProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <a\n        rel=\"noopener noreferrer\"\n        data-anv=\"link-headless\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {props.target === \"_blank\" && (\n          <Icon className={styles[\"open-in-new\"]} inherit svg={OpenInNew} />\n        )}\n      </a>\n    );\n  },\n);\n\nLinkHeadless.displayName = \"LinkHeadless\";\n","import cx from \"classnames\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { LinkProps } from \"./Link\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport styles from \"./internal/Link.module.scss\";\n\n/**\n * Props for the useLinkStyles hook.\n * @extends LayoutUtilProps\n */\nexport type UseLinkStylesProps = LayoutUtilProps &\n  Pick<LinkProps, \"className\" | \"appearance\" | \"ghost\" | \"style\">;\n\n/**\n * Hook for generating link styles and class names.\n *\n * @param props - The link style properties\n * @returns Object containing linkClassNames and styleCombined\n */\nexport const useLinkStyles = (props: UseLinkStylesProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { className, appearance = \"primary\", ghost, style } = componentProps;\n\n  const linkClassNames = cx([styles[\"link\"]], className, {\n    [styles[\"ghost\"]]: ghost,\n    [styles[\"secondary\"]]: appearance === \"secondary\",\n  });\n\n  const styleCombined = Object.assign({}, style, layoutStyles);\n\n  return { linkClassNames, styleCombined };\n};\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport { LayoutUtilProps } from \"../../../types\";\n\nimport { LinkHeadless } from \"./LinkHeadless\";\n\nimport { useLinkStyles } from \"../useLinkStyles\";\n\n/**\n * Props for the Link component.\n * @extends ComponentPropsWithoutRef<\"a\">\n * @extends LayoutUtilProps\n */\nexport type LinkProps = ComponentPropsWithoutRef<\"a\"> &\n  LayoutUtilProps &\n  (\n    | {\n        /**\n         * The visual appearance of the link.\n         * @default \"primary\"\n         */\n        appearance?: \"primary\";\n        /**\n         * Whether the link should have a quieter, less prominent appearance\n         * @remarks Only available when appearance is \"primary\".\n         */\n        ghost?: boolean;\n      }\n    | {\n        /**\n         * The visual appearance of the LinkButton. Secondary appearance cannot be ghost.\n         */\n        appearance: \"secondary\";\n        /**\n         * Whether the LinkButton should have a quieter, less prominent appearance.\n         * @remarks Must be false when appearance is \"secondary\".\n         */\n        ghost?: false;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Ghost mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" ghost>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/settings\" appearance=\"secondary\">\n *   Settings\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { appearance, className, ghost, style, children, ...rest } = props;\n  const { linkClassNames, styleCombined } = useLinkStyles({\n    appearance,\n    className,\n    ghost,\n    style,\n  });\n\n  return (\n    <LinkHeadless\n      className={linkClassNames}\n      data-anv=\"link\"\n      ref={ref}\n      style={styleCombined}\n      {...rest}\n    >\n      {children}\n    </LinkHeadless>\n  );\n});\n\nLink.displayName = \"Link\";\n","import { Ref, forwardRef } from \"react\";\n\nimport { childrenToString } from \"../../internal/functions\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport { LinkProps as BaseLinkProps, Link as BaseLink } from \"./internal/Link\";\n\n/**\n * Props for the Link component.\n * @extends Omit<BaseLinkProps, \"href\">\n * @extends DataTrackingId\n */\nexport type LinkProps = DistributiveOmit<BaseLinkProps, \"href\"> &\n  DataTrackingId &\n  (\n    | {\n        pathname?: never;\n        search?: never;\n        href?: BaseLinkProps[\"href\"];\n      }\n    | {\n        pathname: string;\n        search?: string;\n        href?: never;\n      }\n    | {\n        pathname?: never;\n        search?: never;\n        href?: never;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks with tracking support.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Quiet mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n * - Automatic tracking ID generation for analytics\n * - Client-side navigation support with pathname and search params\n * - History API integration for single-page application navigation\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link pathname=\"/settings\" search=\"?tab=profile\">\n *   Profile Settings\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" ghost>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef(\n  (props: LinkProps, ref: Ref<HTMLAnchorElement>) => {\n    const { onClick, pathname, children, search, ...rest } = props;\n    const data = {\n      appearance: props.appearance,\n      ghost: props.ghost,\n      children: childrenToString(children),\n    };\n\n    const handleClick = (\n      ...args: Parameters<NonNullable<LinkProps[\"onClick\"]>>\n    ) => {\n      if (pathname) {\n        const to = pathname + (search ?? \"\");\n        args[0].preventDefault();\n        history.pushState(null, \"\", to);\n        onClick?.(...args);\n      } else {\n        onClick?.(...args);\n      }\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Link\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n\n    return (\n      <BaseLink\n        onClick={handleClick}\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {children}\n      </BaseLink>\n    );\n  },\n);\n\nLink.displayName = BaseLink.displayName;\n"],"names":["OpenInNew","Link","BaseLink"],"mappings":"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"}

package/dist/Link.css

@@ -1,9 +1,8 @@
-.anvil2 {._link_1l4px_1 {
+.anvil2 {._link_17g38_1 {
   --a2-mod-link-focus-ring-color: var(--a2-link-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-link-foreground-color: var(--a2-link-primary-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
   --a2-mod-link-foreground-color-hover: var(--a2-link-primary-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
   --a2-mod-link-text-decoration: underline solid currentColor;
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: var(--a2-mod-link-foreground-color);
@@ -15,17 +14,23 @@
   box-sizing: border-box;
   display: inline-block;
   align-items: center;
+  background-color: transparent;
   border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
   color: var(--a2-mod-link-foreground-color);
   cursor: pointer;
   font-size: inherit;
+  line-height: normal;
   outline: 0 solid var(--a2-mod-link-focus-ring-color);
   outline-offset: var(--a2-size-half, 0.125rem);
+  text-align: start;
   /* autoprefixer: ignore next */
   text-decoration: var(--a2-mod-link-text-decoration);
-}._link_1l4px_1[data-interactive=focus-visible], ._link_1l4px_1:focus-visible {
+}._link_17g38_1[data-interactive=focus-visible], ._link_17g38_1:focus, ._link_17g38_1:focus-visible {
   outline-width: var(--a2-size-half, 0.125rem);
-}._link_1l4px_1[data-interactive=hover], ._link_1l4px_1:hover {
+  color: var(--a2-mod-link-foreground-color);
+  -webkit-text-decoration: var(--a2-mod-link-text-decoration);
+          text-decoration: var(--a2-mod-link-text-decoration);
+}._link_17g38_1[data-interactive=hover], ._link_17g38_1:hover {
   color: var(--a2-mod-link-foreground-color-hover) !important;
   /* Need !important and redeclaring the property here to override !important that is in the bootstrap file...
     .bootstrap a:hover {
@@ -34,17 +39,17 @@
   */
   -webkit-text-decoration: var(--a2-mod-link-text-decoration) !important;
           text-decoration: var(--a2-mod-link-text-decoration) !important;
-}._secondary_1l4px_40 {
+}._secondary_17g38_44 {
   --a2-mod-link-foreground-color: var(--a2-link-secondary-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
   --a2-mod-link-foreground-color-hover: var(--a2-link-secondary-foreground-color-hover, light-dark(color-mix(in srgb, var(--a2-foreground-color-default, #040404) 80%, transparent), color-mix(in srgb, var(--a2-foreground-color-default, #ffffff) 80%, transparent)));
-}._ghost_1l4px_45:not([data-interactive=hover]):not(:hover) {
+}._ghost_17g38_49:not([data-interactive=hover]):not(:hover) {
   --a2-mod-link-text-decoration: none;
-}._open-in-new_1l4px_49 {
+}._open-in-new_17g38_53 {
   padding-inline-start: var(--a2-size-1, 0.25rem);
   vertical-align: middle;
-}._open-in-new_1l4px_49 svg {
+}._open-in-new_17g38_53 svg {
   --a2-mod-icon-font-size: max(calc(0.75 * var(--a2-size-3, 0.75rem)), 0.75em);
-}a[data-anv=link]._link_1l4px_1 {
+}a[data-anv=link]._link_17g38_1 {
   font-size: inherit;
 }
 }

package/dist/Link.d.ts

@@ -1,6 +1 @@
-export * from './components/Link/index'
-export {}
-import _default from './components/Link/index'
-export default _default
-export * from './components/Link/index'
 export {}

package/dist/Link.js

@@ -1,2 +1,2 @@
-export { L as Link, L as default, u as useLinkStyles } from './Link-BUgivkGS.js';
+export { L as Link, L as default, u as useLinkStyles } from './Link-D8A_WT94.js';
 //# sourceMappingURL=Link.js.map

package/dist/Link.module-JgOOqNcL.js

@@ -0,0 +1,12 @@
+import './Link.css';const link = "_link_17g38_1";
+const secondary = "_secondary_17g38_44";
+const ghost = "_ghost_17g38_49";
+const styles = {
+	link: link,
+	secondary: secondary,
+	ghost: ghost,
+	"open-in-new": "_open-in-new_17g38_53"
+};
+
+export { styles as s };
+//# sourceMappingURL=Link.module-JgOOqNcL.js.map

package/dist/Link.module-JgOOqNcL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.module-JgOOqNcL.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/LinkButton-DxYsWiXB.js

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useTrackingId } from './useTrackingId.js';
+import { c as cx } from './index-De1g9FRV.js';
+import { s as styles } from './Link.module-JgOOqNcL.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+
+const LinkButton = forwardRef(
+  (props, ref) => {
+    const data = {
+      appearance: props.appearance,
+      ghost: props.ghost,
+      children: childrenToString(props.children)
+    };
+    const trackingId = useTrackingId({
+      name: "Link",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      children,
+      className,
+      appearance = "primary",
+      ghost,
+      style,
+      ...rest
+    } = componentProps;
+    const linkClassNames = cx([styles["link"]], className, {
+      [styles["ghost"]]: ghost,
+      [styles["secondary"]]: appearance === "secondary"
+    });
+    const styleCombined = {
+      ...style,
+      ...layoutStyles
+    };
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: linkClassNames,
+        "data-anv": "link-button",
+        ref,
+        style: styleCombined,
+        "data-tracking-id": trackingId,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+LinkButton.displayName = "LinkButton";
+
+export { LinkButton as L };
+//# sourceMappingURL=LinkButton-DxYsWiXB.js.map

package/dist/LinkButton-DxYsWiXB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton-DxYsWiXB.js","sources":["../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"../Link/internal/Link.module.scss\";\n\n/**\n * Props for the Link component.\n * @extends CoreLinkButtonProps\n * @extends DataTrackingId\n */\nexport type LinkButtonProps = Omit<\n  ComponentPropsWithoutRef<\"button\">,\n  \"type\" | \"disabled\"\n> &\n  LayoutUtilProps &\n  (\n    | {\n        /**\n         * The visual appearance of the LinkButton.\n         * @default \"primary\"\n         */\n        appearance?: \"primary\";\n        /**\n         * Whether the LinkButton should have a quieter, less prominent appearance.\n         * @remarks Only available when appearance is \"primary\".\n         */\n        ghost?: boolean;\n      }\n    | {\n        /**\n         * The visual appearance of the LinkButton. Secondary appearance cannot be ghost.\n         */\n        appearance: \"secondary\";\n        /**\n         * Whether the LinkButton should have a quieter, less prominent appearance.\n         * @remarks Must be false when appearance is \"secondary\".\n         */\n        ghost?: false;\n      }\n  ) &\n  DataTrackingId;\n\nexport const LinkButton = forwardRef(\n  (props: LinkButtonProps, ref: Ref<HTMLButtonElement>) => {\n    const data = {\n      appearance: props.appearance,\n      ghost: props.ghost,\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Link\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      className,\n      appearance = \"primary\",\n      ghost,\n      style,\n      ...rest\n    } = componentProps;\n\n    const linkClassNames = cx([styles[\"link\"]], className, {\n      [styles[\"ghost\"]]: ghost,\n      [styles[\"secondary\"]]: appearance === \"secondary\",\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <button\n        className={linkClassNames}\n        data-anv=\"link-button\"\n        ref={ref}\n        style={styleCombined}\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nLinkButton.displayName = \"LinkButton\";\n"],"names":[],"mappings":";;;;;;;;AA+CO,MAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,OAAwB,GAAA,KAAgC;AACvD,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,YAAY,KAAA,CAAM,UAAA;AAAA,MAClB,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,QAAA,EAAU,gBAAA,CAAiB,KAAA,CAAM,QAAQ;AAAA,KAC3C;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,MAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA,GAAa,SAAA;AAAA,MACb,KAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,cAAA;AAEJ,IAAA,MAAM,iBAAiB,EAAA,CAAG,CAAC,OAAO,MAAM,CAAC,GAAG,SAAA,EAAW;AAAA,MACrD,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,KAAA;AAAA,MACnB,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,UAAA,KAAe;AAAA,KACvC,CAAA;AAED,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,cAAA;AAAA,QACX,UAAA,EAAS,aAAA;AAAA,QACT,GAAA;AAAA,QACA,KAAA,EAAO,aAAA;AAAA,QACP,kBAAA,EAAkB,UAAA;AAAA,QACjB,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}

package/dist/LinkButton.d.ts

@@ -1,6 +1 @@
-export * from './components/LinkButton/index'
-export {}
-import _default from './components/LinkButton/index'
-export default _default
-export * from './components/LinkButton/index'
 export {}

package/dist/LinkButton.js

@@ -1,2 +1,2 @@
-export { L as LinkButton, L as default } from './LinkButton-CuHSdGdj.js';
+export { L as LinkButton, L as default } from './LinkButton-DxYsWiXB.js';
 //# sourceMappingURL=LinkButton.js.map

package/dist/List-GPS-GqH7.js

@@ -0,0 +1,103 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cx } from './index-De1g9FRV.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+
+import './List.css';const list = "_list_yul6b_1";
+const item = "_item_yul6b_21";
+const unordered = "_unordered_yul6b_35";
+const ordered = "_ordered_yul6b_39";
+const small = "_small_yul6b_43";
+const large = "_large_yul6b_47";
+const styles = {
+	list: list,
+	item: item,
+	unordered: unordered,
+	ordered: ordered,
+	small: small,
+	large: large
+};
+
+const ListItem = forwardRef(
+  (props, ref) => {
+    const { className, children, ...rest } = props;
+    return /* @__PURE__ */ jsx(
+      "li",
+      {
+        ref,
+        className: cx(styles["item"], className),
+        "data-anv": "list-item",
+        ...rest,
+        children
+      }
+    );
+  }
+);
+ListItem.displayName = "ListItem";
+
+const List = Object.assign(
+  forwardRef(
+    function ListInner(props, ref) {
+      const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+      const {
+        className,
+        children,
+        variant = "unordered",
+        size = "medium",
+        style,
+        ...rest
+      } = componentProps;
+      const listClasses = cx(styles["list"], className, {
+        [styles["unordered"]]: variant === "unordered",
+        [styles["ordered"]]: variant === "ordered",
+        [styles["small"]]: size === "small",
+        [styles["large"]]: size === "large"
+      });
+      const styleCombined = {
+        ...style,
+        ...layoutStyles
+      };
+      if (variant === "ordered") {
+        return /* @__PURE__ */ jsx(
+          "ol",
+          {
+            ref,
+            className: listClasses,
+            style: styleCombined,
+            "data-anv": "list",
+            ...rest,
+            children
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        "ul",
+        {
+          ref,
+          className: listClasses,
+          style: styleCombined,
+          "data-anv": "list",
+          ...rest,
+          children
+        }
+      );
+    }
+  ),
+  {
+    /**
+     * ListItem component for individual items within a List.
+     *
+     * Features:
+     * - Renders as a semantic list item (li)
+     * - Supports layout and styling via standard HTML attributes
+     *
+     * @example
+     * <List.Item>Item content</List.Item>
+     */
+    Item: ListItem
+  }
+);
+List.displayName = "List";
+
+export { List as L };
+//# sourceMappingURL=List-GPS-GqH7.js.map

package/dist/List-GPS-GqH7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List-GPS-GqH7.js","sources":["../src/components/List/ListItem.tsx","../src/components/List/List.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, Ref } from \"react\";\n\nimport cx from \"classnames\";\nimport styles from \"./List.module.scss\";\n\n/**\n * Props for the ListItem component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type ListItemProps = ComponentPropsWithoutRef<\"li\">;\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n  (props, ref: Ref<HTMLLIElement>) => {\n    const { className, children, ...rest } = props;\n\n    return (\n      <li\n        ref={ref}\n        className={cx(styles[\"item\"], className)}\n        data-anv=\"list-item\"\n        {...rest}\n      >\n        {children}\n      </li>\n    );\n  },\n);\n\nListItem.displayName = \"ListItem\";\n","import { ComponentPropsWithoutRef, forwardRef, Ref } from \"react\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { ListItem } from \"./ListItem\";\n\nimport cx from \"classnames\";\nimport styles from \"./List.module.scss\";\n\n/** Size option for list typography */\nexport type ListSize = Extract<Size, \"small\" | \"medium\" | \"large\">;\n\n/**\n * Props for unordered list variant\n * @extends ComponentPropsWithoutRef<\"ul\">\n * @extends LayoutUtilProps\n */\nexport type UnorderedListProps = ComponentPropsWithoutRef<\"ul\"> &\n  LayoutUtilProps & {\n    /** Renders as unordered list (ul). Default. */\n    variant?: \"unordered\";\n    /** Typography size for list content. @default \"medium\" */\n    size?: ListSize;\n  };\n\n/**\n * Props for ordered list variant\n * @extends ComponentPropsWithoutRef<\"ol\">\n * @extends LayoutUtilProps\n */\nexport type OrderedListProps = ComponentPropsWithoutRef<\"ol\"> &\n  LayoutUtilProps & {\n    /** Renders as ordered list (ol). */\n    variant: \"ordered\";\n    /** Typography size for list content. @default \"medium\" */\n    size?: ListSize;\n  };\n\n/**\n * Props for the List component\n * @extends UnorderedListProps\n * @extends OrderedListProps\n */\nexport type ListProps = UnorderedListProps | OrderedListProps;\n\n/**\n * List component for displaying ordered or unordered lists with design system styling.\n *\n * Features:\n * - Supports unordered (ul) and ordered (ol) lists via variant prop\n * - Typography size options aligned with design tokens\n * - Semantic HTML and accessible list structure\n * - Supports nested lists\n * - Layout utilities for positioning and spacing\n *\n * @example\n * <List>\n *   <List.Item>First item</List.Item>\n *   <List.Item>Second item</List.Item>\n * </List>\n *\n * @example\n * <List variant=\"ordered\" start={1}>\n *   <List.Item>Step one</List.Item>\n *   <List.Item>Step two</List.Item>\n * </List>\n */\nexport const List = Object.assign(\n  forwardRef<HTMLUListElement | HTMLOListElement, ListProps>(\n    function ListInner(props, ref) {\n      const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n      const {\n        className,\n        children,\n        variant = \"unordered\",\n        size = \"medium\",\n        style,\n        ...rest\n      } = componentProps;\n\n      const listClasses = cx(styles[\"list\"], className, {\n        [styles[\"unordered\"]]: variant === \"unordered\",\n        [styles[\"ordered\"]]: variant === \"ordered\",\n        [styles[\"small\"]]: size === \"small\",\n        [styles[\"large\"]]: size === \"large\",\n      });\n\n      const styleCombined = {\n        ...style,\n        ...layoutStyles,\n      };\n\n      if (variant === \"ordered\") {\n        return (\n          <ol\n            ref={ref as Ref<HTMLOListElement>}\n            className={listClasses}\n            style={styleCombined}\n            data-anv=\"list\"\n            {...rest}\n          >\n            {children}\n          </ol>\n        );\n      }\n\n      return (\n        <ul\n          ref={ref as Ref<HTMLUListElement>}\n          className={listClasses}\n          style={styleCombined}\n          data-anv=\"list\"\n          {...rest}\n        >\n          {children}\n        </ul>\n      );\n    },\n  ),\n  {\n    /**\n     * ListItem component for individual items within a List.\n     *\n     * Features:\n     * - Renders as a semantic list item (li)\n     * - Supports layout and styling via standard HTML attributes\n     *\n     * @example\n     * <List.Item>Item content</List.Item>\n     */\n    Item: ListItem,\n  },\n);\nList.displayName = \"List\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAWO,MAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,OAAO,GAAA,KAA4B;AAClC,IAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAK,GAAI,KAAA;AAEzC,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,MAAM,GAAG,SAAS,CAAA;AAAA,QACvC,UAAA,EAAS,WAAA;AAAA,QACR,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;;ACsChB,MAAM,OAAO,MAAA,CAAO,MAAA;AAAA,EACzB,UAAA;AAAA,IACE,SAAS,SAAA,CAAU,KAAA,EAAO,GAAA,EAAK;AAC7B,MAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,MAAA,MAAM;AAAA,QACJ,SAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA,GAAU,WAAA;AAAA,QACV,IAAA,GAAO,QAAA;AAAA,QACP,KAAA;AAAA,QACA,GAAG;AAAA,OACL,GAAI,cAAA;AAEJ,MAAA,MAAM,WAAA,GAAc,EAAA,CAAG,MAAA,CAAO,MAAM,GAAG,SAAA,EAAW;AAAA,QAChD,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,OAAA,KAAY,WAAA;AAAA,QACnC,CAAC,MAAA,CAAO,SAAS,CAAC,GAAG,OAAA,KAAY,SAAA;AAAA,QACjC,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS,OAAA;AAAA,QAC5B,CAAC,MAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS;AAAA,OAC7B,CAAA;AAED,MAAA,MAAM,aAAA,GAAgB;AAAA,QACpB,GAAG,KAAA;AAAA,QACH,GAAG;AAAA,OACL;AAEA,MAAA,IAAI,YAAY,SAAA,EAAW;AACzB,QAAA,uBACE,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,SAAA,EAAW,WAAA;AAAA,YACX,KAAA,EAAO,aAAA;AAAA,YACP,UAAA,EAAS,MAAA;AAAA,YACR,GAAG,IAAA;AAAA,YAEH;AAAA;AAAA,SACH;AAAA,MAEJ;AAEA,MAAA,uBACE,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAW,WAAA;AAAA,UACX,KAAA,EAAO,aAAA;AAAA,UACP,UAAA,EAAS,MAAA;AAAA,UACR,GAAG,IAAA;AAAA,UAEH;AAAA;AAAA,OACH;AAAA,IAEJ;AAAA,GACF;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWE,IAAA,EAAM;AAAA;AAEV;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}

package/dist/List.css

@@ -1,8 +1,7 @@
-.anvil2 {._list_g31eo_1 {
+.anvil2 {._list_yul6b_1 {
   --a2-mod-list-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
   --a2-mod-list-font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
   --a2-mod-list-padding-inline-start: var(--a2-size-6, 1.5rem);
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -17,8 +16,7 @@
   font-size: var(--a2-mod-list-font-size);
   line-height: 1.5;
   padding-inline-start: var(--a2-mod-list-padding-inline-start);
-}._item_g31eo_22 {
-  all: unset;
+}._item_yul6b_21 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -29,13 +27,14 @@
   border-color: transparent;
   box-sizing: border-box;
   display: list-item;
-}._unordered_g31eo_36 {
+  line-height: inherit;
+}._unordered_yul6b_35 {
   list-style-type: disc;
-}._ordered_g31eo_40 {
+}._ordered_yul6b_39 {
   list-style-type: decimal;
-}._small_g31eo_44 {
+}._small_yul6b_43 {
   --a2-mod-list-font-size: var(--a2-typography-paragraph-size-small, var(--a2-font-size-300, 0.875rem));
-}._large_g31eo_48 {
+}._large_yul6b_47 {
   --a2-mod-list-font-size: var(--a2-typography-paragraph-size-large, var(--a2-font-size-500, 1.25rem));
 }
 }

package/dist/List.d.ts

@@ -1,6 +1 @@
-export * from './components/List/index'
-export {}
-import _default from './components/List/index'
-export default _default
-export * from './components/List/index'
 export {}

package/dist/List.js

@@ -1,2 +1,2 @@
-export { L as List, L as default } from './List-BXyHWQ9e.js';
+export { L as List, L as default } from './List-GPS-GqH7.js';
 //# sourceMappingURL=List.js.map