@servicetitan/anvil2 3.0.2 → 3.0.4

package/dist/Details-s2pVu-YL.js

@@ -0,0 +1,167 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createContext, forwardRef, useContext, useId, useState, useMemo } from 'react';
+import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
+import { I as Icon } from './Icon-feeG7gXA.js';
+import { c as cx } from './index-De1g9FRV.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+
+import './Details.css';const DetailsContext = createContext({
+  id: "",
+  isExpanded: false,
+  expanded: () => void 0,
+  close: () => void 0,
+  toggle: () => void 0
+});
+
+const details = "_details_1www4_1";
+const summary = "_summary_1www4_16";
+const arrow = "_arrow_1www4_83";
+const content = "_content_1www4_99";
+const expanded = "_expanded_1www4_140";
+const styles = {
+	details: details,
+	summary: summary,
+	arrow: arrow,
+	"is-expanded": "_is-expanded_1www4_95",
+	"content-wrapper": "_content-wrapper_1www4_99",
+	content: content,
+	expanded: expanded
+};
+
+const DetailsArrow = forwardRef(
+  function DetailsArrow2({ className: classNameProp, ...rest }, ref) {
+    const { isExpanded } = useContext(DetailsContext);
+    const className = cx(
+      styles.arrow,
+      { [styles["is-expanded"]]: isExpanded },
+      classNameProp
+    );
+    return /* @__PURE__ */ jsx("span", { className, ref, ...rest, children: /* @__PURE__ */ jsx(Icon, { size: "large", svg: SvgChevronRight }) });
+  }
+);
+
+const DetailsSummary = forwardRef(function DetailsSummary2({ children, onClick: onClickProp, className: classNameProp, ...rest }, ref) {
+  const { id, isExpanded, toggle } = useContext(DetailsContext);
+  const handleClick = (...args) => {
+    onClickProp?.(...args);
+    toggle();
+  };
+  const data = {
+    children: childrenToString(children)
+  };
+  const trackingId = useTrackingId({
+    name: "DetailsSummary",
+    data,
+    hasOverride: !!rest["data-tracking-id"]
+  });
+  const className = cx(styles.summary, classNameProp);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      "data-tracking-id": trackingId,
+      "data-anv": "details-summary",
+      "aria-controls": id,
+      "aria-expanded": isExpanded,
+      className,
+      onClick: handleClick,
+      ref,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(DetailsArrow, {}),
+        children
+      ]
+    }
+  );
+});
+
+const DetailsContent = forwardRef(
+  function DetailsContent2({
+    className: classNameProp,
+    children,
+    height,
+    maxHeight,
+    style: styleProp,
+    ...rest
+  }, ref) {
+    const { id, isExpanded } = useContext(DetailsContext);
+    const style = {
+      height,
+      maxHeight,
+      ...height || maxHeight ? { overflow: "auto" } : {},
+      ...styleProp
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-anv": "details-content",
+        id,
+        className: cx(styles["content-wrapper"], {
+          [styles.expanded]: isExpanded
+        }),
+        ref,
+        children: /* @__PURE__ */ jsx("div", { className: styles.content, children: /* @__PURE__ */ jsx("div", { className: classNameProp, style, ...rest, children }) })
+      }
+    );
+  }
+);
+
+const Details = Object.assign(
+  forwardRef(function DetailsInner(props, ref) {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      children,
+      id: idProp,
+      expanded: expandedControlled,
+      defaultExpanded = false,
+      style,
+      className,
+      ...rest
+    } = componentProps;
+    const id = useId();
+    const [isExpanded, setIsOpen] = useState(defaultExpanded);
+    function expanded() {
+      setIsOpen(true);
+    }
+    function close() {
+      setIsOpen(false);
+    }
+    function toggle() {
+      setIsOpen((prevIsOpen) => !prevIsOpen);
+    }
+    const value = useMemo(
+      () => ({
+        id: idProp != null ? idProp : id,
+        isExpanded: expandedControlled != null ? expandedControlled : isExpanded,
+        expanded,
+        close,
+        toggle
+      }),
+      [id, idProp, isExpanded, expandedControlled]
+    );
+    const styleCombined = {
+      ...style,
+      ...layoutStyles
+    };
+    return /* @__PURE__ */ jsx(DetailsContext.Provider, { value, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-anv": "details",
+        ref,
+        className: cx(styles.details, className),
+        style: styleCombined,
+        ...rest,
+        children
+      }
+    ) });
+  }),
+  {
+    Summary: DetailsSummary,
+    Content: DetailsContent
+  }
+);
+Details.displayName = "Details";
+
+export { Details as D };
+//# sourceMappingURL=Details-s2pVu-YL.js.map

package/dist/Details-s2pVu-YL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Details-s2pVu-YL.js","sources":["../src/components/Details/internal/DetailsContext.tsx","../src/components/Details/internal/DetailsArrow.tsx","../src/components/Details/DetailsSummary.tsx","../src/components/Details/DetailsContent.tsx","../src/components/Details/Details.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type DetailsContextProps = {\n  id: string;\n  isExpanded: boolean;\n  expanded: () => void;\n  close: () => void;\n  toggle: () => void;\n};\n\nexport const DetailsContext = createContext<DetailsContextProps>({\n  id: \"\",\n  isExpanded: false,\n  expanded: () => undefined,\n  close: () => undefined,\n  toggle: () => undefined,\n});\n","import { forwardRef, useContext, type ComponentPropsWithoutRef } from \"react\";\nimport Arrow_right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport { DetailsContext } from \"./DetailsContext\";\nimport Icon from \"../../Icon\";\n\nimport cx from \"classnames\";\nimport styles from \"../Details.module.scss\";\n\n/**\n * Props for the DetailsArrow component\n * @extends ComponentPropsWithoutRef<\"span\">\n */\nexport type DetailsArrowProps = ComponentPropsWithoutRef<\"span\">;\n\n/**\n * DetailsArrow component for the animated arrow indicator in DetailsSummary.\n *\n * Features:\n * - Animated chevron icon that rotates on expand/collapse\n * - Automatically reflects the current expanded state\n * - Uses consistent icon sizing and styling\n * - Smooth transition animations\n * - Accessible with proper ARIA context\n *\n * @example\n * <DetailsArrow className=\"custom-arrow\" />\n */\nexport const DetailsArrow = forwardRef<HTMLSpanElement, DetailsArrowProps>(\n  function DetailsArrow({ className: classNameProp, ...rest }, ref) {\n    const { isExpanded } = useContext(DetailsContext);\n\n    const className = cx(\n      styles.arrow,\n      { [styles[\"is-expanded\"]]: isExpanded },\n      classNameProp,\n    );\n\n    return (\n      <span className={className} ref={ref} {...rest}>\n        <Icon size=\"large\" svg={Arrow_right} />\n      </span>\n    );\n  },\n);\n","import {\n  forwardRef,\n  useContext,\n  type ComponentPropsWithoutRef,\n  type MouseEventHandler,\n} from \"react\";\nimport { DataTrackingId } from \"../../types\";\nimport { DetailsContext } from \"./internal/DetailsContext\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\nimport { DetailsArrow } from \"./internal/DetailsArrow\";\n\nimport cx from \"classnames\";\nimport styles from \"./Details.module.scss\";\n\n/**\n * Props for the DetailsSummary component\n * @extends ComponentPropsWithoutRef<\"button\">\n */\nexport type DetailsSummaryProps = ComponentPropsWithoutRef<\"button\"> &\n  DataTrackingId;\n\n/**\n * DetailsSummary component for the clickable header of a Details section.\n *\n * Features:\n * - Clickable button that toggles the Details expanded state\n * - Automatic ARIA attributes for accessibility\n * - Includes animated arrow indicator\n * - Supports custom onClick handlers\n * - Keyboard navigation support (Enter, Space)\n * - Styled with consistent typography and spacing\n *\n * @example\n * <Details.Summary onClick={() => console.log('Summary clicked')}>\n *   Click to expand content\n * </Details.Summary>\n */\nexport const DetailsSummary = forwardRef<\n  HTMLButtonElement,\n  DetailsSummaryProps\n>(function DetailsSummary(\n  { children, onClick: onClickProp, className: classNameProp, ...rest },\n  ref,\n) {\n  const { id, isExpanded, toggle } = useContext(DetailsContext);\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (...args) => {\n    onClickProp?.(...args);\n    toggle();\n  };\n\n  const data = {\n    children: childrenToString(children),\n  };\n\n  const trackingId = useTrackingId({\n    name: \"DetailsSummary\",\n    data,\n    hasOverride: !!rest[\"data-tracking-id\"],\n  });\n\n  const className = cx(styles.summary, classNameProp);\n\n  return (\n    <button\n      data-tracking-id={trackingId}\n      data-anv=\"details-summary\"\n      aria-controls={id}\n      aria-expanded={isExpanded}\n      className={className}\n      onClick={handleClick}\n      ref={ref}\n      {...rest}\n    >\n      <DetailsArrow />\n      {children}\n    </button>\n  );\n});\n","import { forwardRef, useContext, type ComponentPropsWithoutRef } from \"react\";\nimport { DetailsContext } from \"./internal/DetailsContext\";\n\nimport cx from \"classnames\";\nimport styles from \"./Details.module.scss\";\n\n/**\n * Props for the DetailsContent component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type DetailsContentProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Fixed height for the content area\n   */\n  height?: string | number;\n  /**\n   * Maximum height for the content area\n   */\n  maxHeight?: string | number;\n};\n\n/**\n * DetailsContent component for the expandable content area of a Details section.\n *\n * Features:\n * - Expandable and collapsible content area\n * - Smooth animations for height transitions\n * - Configurable height and maxHeight constraints\n * - Automatic overflow handling when height is constrained\n * - Proper ARIA associations with the summary\n * - Responsive design with flexible layout\n *\n * @example\n * <Details.Content maxHeight={300}>\n *   <p>This content will be constrained to 300px max height</p>\n * </Details.Content>\n */\nexport const DetailsContent = forwardRef<HTMLDivElement, DetailsContentProps>(\n  function DetailsContent(\n    {\n      className: classNameProp,\n      children,\n      height,\n      maxHeight,\n      style: styleProp,\n      ...rest\n    },\n    ref,\n  ) {\n    const { id, isExpanded } = useContext(DetailsContext);\n\n    const style = {\n      height,\n      maxHeight,\n      ...(height || maxHeight ? { overflow: \"auto\" } : {}),\n      ...styleProp,\n    };\n\n    return (\n      <div\n        data-anv=\"details-content\"\n        id={id}\n        className={cx(styles[\"content-wrapper\"], {\n          [styles.expanded]: isExpanded,\n        })}\n        ref={ref}\n      >\n        <div className={styles.content}>\n          <div className={classNameProp} style={style} {...rest}>\n            {children}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { DetailsSummary } from \"./DetailsSummary\";\nimport { DetailsContent } from \"./DetailsContent\";\nimport { DetailsContext } from \"./internal/DetailsContext\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./Details.module.scss\";\n\n/**\n * Props for the Details component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type DetailsProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * Determines the controlled expanded state of the details.\n     * @remarks Use this to make the details expanded state controlled.\n     * @default false\n     */\n    expanded?: boolean;\n    /**\n     * Determines the default expanded state of the details.\n     * @remarks Use this to make the details expanded state uncontrolled.\n     * @default false\n     */\n    defaultExpanded?: boolean;\n  };\n\n/**\n * Details component for creating expandable/collapsible content sections.\n *\n * Features:\n * - Expandable and collapsible content sections\n * - Controlled and uncontrolled state management\n * - Accessible with proper ARIA attributes\n * - Smooth animations for expand/collapse\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Compound component pattern with Summary, Content, and Arrow sub-components\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Details defaultExpanded>\n *   <Details.Summary>Click to expand</Details.Summary>\n *   <Details.Content>This content is now visible</Details.Content>\n * </Details>\n */\nexport const Details = Object.assign(\n  forwardRef<HTMLDivElement, DetailsProps>(function DetailsInner(props, ref) {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      children,\n      id: idProp,\n      expanded: expandedControlled,\n      defaultExpanded = false,\n      style,\n      className,\n      ...rest\n    } = componentProps;\n    const id = useId();\n    const [isExpanded, setIsOpen] = useState(defaultExpanded);\n\n    function expanded() {\n      setIsOpen(true);\n    }\n\n    function close() {\n      setIsOpen(false);\n    }\n\n    function toggle() {\n      setIsOpen((prevIsOpen: boolean) => !prevIsOpen);\n    }\n\n    const value = useMemo(\n      () => ({\n        id: idProp != null ? idProp : id,\n        isExpanded:\n          expandedControlled != null ? expandedControlled : isExpanded,\n        expanded,\n        close,\n        toggle,\n      }),\n      [id, idProp, isExpanded, expandedControlled],\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <DetailsContext.Provider value={value}>\n        <div\n          data-anv=\"details\"\n          ref={ref}\n          className={cx(styles.details, className)}\n          style={styleCombined}\n          {...rest}\n        >\n          {children}\n        </div>\n      </DetailsContext.Provider>\n    );\n  }),\n  {\n    Summary: DetailsSummary,\n    Content: DetailsContent,\n  },\n);\nDetails.displayName = \"Details\";\n"],"names":["DetailsArrow","Arrow_right","DetailsSummary","DetailsContent"],"mappings":"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"}

package/dist/Details.css

@@ -1,5 +1,4 @@
-.anvil2 {._details_10ce6_1 {
-  all: unset;
+.anvil2 {._details_1www4_1 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -12,7 +11,7 @@
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-}._summary_10ce6_17 {
+}._summary_1www4_16 {
   --a2-internal-details-summary-background-color: var(
     --a2-mod-details-summary-background-color
   );
@@ -27,7 +26,6 @@
   --a2-mod-details-summary-background-color-hover: var(--a2-details-summary-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(rgba(139, 139, 139, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
   --a2-mod-details-summary-focus-ring-color: var(--a2-details-summary-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-details-summary-outline-width: 0;
-  all: unset;
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -54,16 +52,16 @@
   padding-inline: var(--a2-size-4, 1rem);
   transition: outline var(--a2-mod-details-summary-transition-duration, var(--a2-duration-default, 200ms)) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
   width: 100%;
-}._summary_10ce6_17[data-interactive=focus-visible], ._summary_10ce6_17:focus-visible {
+}._summary_1www4_16[data-interactive=focus-visible], ._summary_1www4_16:focus-visible {
   --a2-mod-details-summary-outline-width: var(--a2-size-half, 0.125rem);
-}._summary_10ce6_17[data-interactive=hover], ._summary_10ce6_17:hover {
+}._summary_1www4_16[data-interactive=hover], ._summary_1www4_16:hover {
   --a2-internal-details-summary-background-color: var(
     --a2-mod-details-summary-background-color-hover
   );
   --a2-internal-details-summary-foreground-color: var(
     --a2-mod-details-summary-foreground-color-hover
   );
-}._summary_10ce6_17[data-interactive=active], ._summary_10ce6_17:active {
+}._summary_1www4_16[data-interactive=active], ._summary_1www4_16:active {
   --a2-internal-details-summary-background-color: var(
     --a2-mod-details-summary-background-color-active
   );
@@ -71,22 +69,21 @@
     --a2-mod-details-summary-foreground-color-active
   );
 }@media (prefers-reduced-motion: reduce) {
-  ._summary_10ce6_17 {
+  ._summary_1www4_16 {
     --a2-mod-details-summary-transition-duration: 0.01ms;
   }
-}._arrow_10ce6_85 {
+}._arrow_1www4_83 {
   display: flex;
   inset-inline-start: var(--a2-size-quarter, 0.0625rem);
   position: relative;
   transition: all var(--a2-mod-details-arrow-transition-duration, var(--a2-duration-default, 200ms)) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
 }@media (prefers-reduced-motion: reduce) {
-  ._arrow_10ce6_85 {
+  ._arrow_1www4_83 {
     --a2-mod-details-arrow-transition-duration: 0.01ms;
   }
-}._is-expanded_10ce6_97 {
+}._is-expanded_1www4_95 {
   transform: rotate(90deg);
-}._content-wrapper_10ce6_101 {
-  all: unset;
+}._content-wrapper_1www4_99 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -105,11 +102,10 @@
   transition-timing-function: var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
   visibility: hidden;
 }@media (prefers-reduced-motion: reduce) {
-  ._content-wrapper_10ce6_101 {
+  ._content-wrapper_1www4_99 {
     --a2-mod-details-content-wrapper-transition-duration: 0.01ms;
   }
-}._content_10ce6_101 {
-  all: unset;
+}._content_1www4_99 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: var(--a2-details-content-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
@@ -123,7 +119,7 @@
   overflow: hidden;
   padding-block-end: var(--a2-mod-details-content-padding-block-end);
   padding-inline: var(--a2-size-6, 1.5rem);
-}._expanded_10ce6_144 {
+}._expanded_1www4_140 {
   --a2-mod-details-content-padding-block-end: var(--a2-size-1, 0.25rem);
   grid-template-rows: 1fr;
   max-height: -moz-fit-content;

package/dist/Details.d.ts

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

package/dist/Details.js

@@ -1,2 +1,2 @@
-export { D as Details, D as default } from './Details-DYRJcLWL.js';
+export { D as Details, D as default } from './Details-s2pVu-YL.js';
 //# sourceMappingURL=Details.js.map