npm - @servicetitan/anvil2 - Versions diffs - 3.14.1 → 3.15.0 - Mend

@servicetitan/anvil2 3.14.1 → 3.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (623) hide show

package/dist/{SideNav-BLXgM918.js → SideNav-CHG7i8Dy.js} RENAMED Viewed

@@ -397,68 +397,15 @@ const SideNav = Object.assign(
     ) }) });
   }),
   {
-    /**
-     * SideNavLink component for individual navigation links.
-     *
-     * Features:
-     * - Individual navigation links with active state support
-     * - Keyboard navigation integration with arrow keys
-     * - Focus management and tabindex handling
-     * - Accessible with proper ARIA attributes
-     * - Click and keyboard event handling
-     * - Disabled state support
-     *
-     * @example
-     * <SideNav.Link id="intro" href="/intro" active>
-     *   Introduction
-     * </SideNav.Link>
-     */
+    /** Page or in-app route item. */
     Link: SideNavLink,
-    /**
-     * SideNavCollapsible component for expandable navigation sections.
-     *
-     * Features:
-     * - Expandable/collapsible navigation sections
-     * - Controlled and uncontrolled expansion states
-     * - Keyboard navigation with arrow keys for expansion
-     * - Automatic expansion when child links are active
-     * - Accessible with proper ARIA expanded states
-     * - Visual indicators for active children
-     *
-     * @example
-     * <SideNav.Collapsible label="Components">
-     *   <SideNav.Link id="button" href="/components/button">
-     *     Button
-     *   </SideNav.Link>
-     *   <SideNav.Link id="input" href="/components/input">
-     *     Input
-     *   </SideNav.Link>
-     * </SideNav.Collapsible>
-     */
+    /** Expandable section. */
     Collapsible: SideNavCollapsible,
-    /**
-     * SideNavGroup component for grouping related navigation links.
-     *
-     * Features:
-     * - Groups related navigation links with labels
-     * - Accessible with proper ARIA labeling
-     * - Semantic grouping for screen readers
-     * - Consistent styling and spacing
-     *
-     * @example
-     * <SideNav.Group label="Getting Started">
-     *   <SideNav.Link id="intro" href="/intro">
-     *     Introduction
-     *   </SideNav.Link>
-     *   <SideNav.Link id="installation" href="/installation">
-     *     Installation
-     *   </SideNav.Link>
-     * </SideNav.Group>
-     */
+    /** Labeled cluster of links. */
     Group: SideNavGroup
   }
 );
 SideNav.displayName = "SideNav";
 export { SideNav as S };
-//# sourceMappingURL=SideNav-BLXgM918.js.map
+//# sourceMappingURL=SideNav-CHG7i8Dy.js.map

package/dist/SideNav-CHG7i8Dy.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SideNav-CHG7i8Dy.js","sources":["../src/components/SideNav/internal/utils.ts","../src/components/SideNav/SideNavContext.tsx","../src/components/SideNav/useSideNav.tsx","../src/components/SideNav/internal/SideNavLink.tsx","../src/components/SideNav/internal/SideNavContext.tsx","../src/components/SideNav/SideNavLink.tsx","../src/components/SideNav/SideNavCollapsible.tsx","../src/components/SideNav/SideNavGroup.tsx","../src/components/SideNav/internal/SideNavProvider.tsx","../src/components/SideNav/SideNav.tsx"],"sourcesContent":["import type { KeyboardEvent, RefObject } from \"react\";\nimport type { SideNavContextProps } from \"../SideNavContext\";\n\n/** ArrowUp/ArrowDown move roving tabindex and focus, wrapping at the ends. */\nexport const sideNavKeyboardNavigation = (\n e: KeyboardEvent<HTMLAnchorElement | HTMLButtonElement>,\n links: SideNavContextProps[\"links\"],\n current: RefObject<HTMLAnchorElement | HTMLButtonElement>,\n) => {\n const currentIndex = Array.prototype.indexOf.call(links, current.current);\n\n switch (e.key) {\n case \"ArrowDown\":\n if (!links) return;\n e.preventDefault();\n links[currentIndex].setAttribute(\"tabindex\", \"-1\");\n if (currentIndex === links.length - 1) {\n links[0].setAttribute(\"tabindex\", \"0\");\n (links[0] as HTMLAnchorElement | HTMLButtonElement).focus();\n break;\n }\n links[currentIndex + 1].setAttribute(\"tabindex\", \"0\");\n (\n links[currentIndex + 1] as HTMLAnchorElement | HTMLButtonElement\n ).focus();\n break;\n case \"ArrowUp\":\n e.preventDefault();\n if (!links) return;\n links[currentIndex].setAttribute(\"tabindex\", \"-1\");\n if (currentIndex === 0) {\n links[links.length - 1].setAttribute(\"tabindex\", \"0\");\n (\n links[links.length - 1] as HTMLAnchorElement | HTMLButtonElement\n ).focus();\n break;\n }\n links[currentIndex - 1].setAttribute(\"tabindex\", \"0\");\n (\n links[currentIndex - 1] as HTMLAnchorElement | HTMLButtonElement\n ).focus();\n break;\n default:\n break;\n }\n};\n","import { createContext } from \"react\";\n\nexport type SideNavContextProps = {\n links: NodeListOf<Element> | undefined;\n reCalculateLinks: () => void;\n activeIds: Set<string>;\n addActiveId: (id: string) => void;\n removeActiveId: (id: string) => void;\n};\n\nexport const SideNavContext = createContext<SideNavContextProps | null>(null);\n","import { useContext } from \"react\";\nimport { SideNavContext } from \"./SideNavContext\";\n\n/**\n * Reads SideNav keyboard and active-id context.\n * @throws When called outside a SideNav.\n */\nexport const useSideNav = () => {\n const context = useContext(SideNavContext);\n\n if (context == null) {\n throw new Error(\"useSideNav must be wrapped in <SideNav />\");\n }\n\n return context;\n};\n","import {\n type ComponentPropsWithoutRef,\n type KeyboardEvent,\n type MouseEvent,\n forwardRef,\n useRef,\n useEffect,\n} from \"react\";\nimport styles from \"../SideNav.module.scss\";\nimport { sideNavKeyboardNavigation } from \"./utils\";\nimport { useSideNav } from \"../useSideNav\";\n\n/**\n * @extends Omit<ComponentPropsWithoutRef<\"a\">, \"id\" | \"onClick\" | \"onKeyDown\" | \"onKeyUp\">\n */\nexport type SideNavLinkProps = Omit<\n ComponentPropsWithoutRef<\"a\">,\n \"id\" | \"onClick\" | \"onKeyDown\" | \"onKeyUp\"\n> & {\n /** DOM `id` of the `<a>`. Also the key in the nav active set when `active`. */\n id: string;\n /**\n * Current page. Sets `aria-current=\"page\"` and puts this link in the\n * roving tab sequence.\n */\n active?: boolean;\n /** Blocks navigation and Space/Enter activation. Defaults to `false`. */\n disabled?: boolean;\n /** Runs after the roving tabindex update. Receives this link's `id`. */\n onClick?: (\n e: MouseEvent<HTMLAnchorElement>,\n id: SideNavLinkProps[\"id\"],\n ) => void;\n /** Runs after the keydown handler. Receives this link's `id`. */\n onKeyDown?: (\n e: KeyboardEvent<HTMLAnchorElement>,\n id: SideNavLinkProps[\"id\"],\n ) => void;\n /** Receives this link's `id`. Space/Enter synthesize a click when `onClick` is set. */\n onKeyUp?: (\n e: KeyboardEvent<HTMLAnchorElement>,\n id: SideNavLinkProps[\"id\"],\n ) => void;\n};\n\nexport const SideNavLink = forwardRef<HTMLLIElement, SideNavLinkProps>(\n (props, ref) => {\n const {\n className,\n children,\n href,\n id,\n active,\n onClick,\n onKeyDown,\n onKeyUp,\n style,\n disabled,\n ...rest\n } = props;\n const { links } = useSideNav();\n\n const linkRef = useRef<HTMLAnchorElement>(null);\n const { activeIds, addActiveId, removeActiveId } = useSideNav();\n\n useEffect(() => {\n if (!activeIds.has(id) && active) {\n addActiveId(id);\n return;\n }\n if (activeIds.has(id) && !active) {\n removeActiveId(id);\n }\n }, [active, activeIds, addActiveId, removeActiveId, id]);\n\n function onKeyDownHandler(e: KeyboardEvent<HTMLAnchorElement>) {\n sideNavKeyboardNavigation(e, links, linkRef);\n onKeyDown?.(e, id);\n }\n\n function onKeyUpHandler(e: KeyboardEvent<HTMLAnchorElement>) {\n if (disabled) return;\n if (e.code === \"Space\" || e.code === \"Enter\") {\n e.preventDefault();\n if (onClick) {\n e.currentTarget.click();\n }\n }\n\n onKeyUp?.(e, id);\n }\n\n function onClickHandler(e: MouseEvent<HTMLAnchorElement>) {\n if (disabled) {\n e.preventDefault();\n return;\n }\n\n const current = Array.prototype.slice\n .call(links)\n .filter((child) => (child as HTMLElement).tabIndex === 0)[0];\n\n if (current) current.setAttribute(\"tabindex\", \"-1\");\n\n linkRef.current?.setAttribute(\"tabindex\", \"0\");\n linkRef.current?.focus();\n\n onClick?.(e, id);\n }\n\n return (\n <li className={className} data-anv=\"sidenav-link\" style={style} ref={ref}>\n <a\n className={styles[\"sidenav-link\"]}\n aria-current={active ? \"page\" : undefined}\n href={href}\n ref={linkRef}\n onClick={onClickHandler}\n onKeyDown={onKeyDownHandler}\n onKeyUp={onKeyUpHandler}\n id={id}\n aria-disabled={disabled}\n tabIndex={active ? 0 : -1}\n {...rest}\n >\n {children}\n </a>\n </li>\n );\n },\n);\n\nSideNavLink.displayName = \"SideNavLink\";\n","import { createContext, useContext } from \"react\";\n\ninterface ISideNavContext {\n location: string;\n setLocation: (location: string) => void;\n}\n\nconst defaultContext = {\n location: \"\",\n setLocation: (_location: string) => {},\n};\n\nexport const SideNavContext: React.Context<ISideNavContext> =\n createContext(defaultContext);\n\n/** Reads the routing location SideNavProvider stores for `pathname` links. */\nexport const useSideNavContext = () => useContext(SideNavContext);\n","import {\n type SideNavLinkProps as CoreSideNavLinkProps,\n SideNavLink as CoreSideNavLink,\n} from \"./internal/SideNavLink\";\nimport { type Ref, forwardRef, useCallback } from \"react\";\nimport { useSideNavContext } from \"./internal/SideNavContext\";\n\ntype SideNavLinkWithRoutingProps = CoreSideNavLinkProps & {\n /**\n * Selects the in-app routing branch. `href` becomes `pathname` + `search`,\n * click `pushState`s, and `active` is `pathname ===` the provider location\n * (the `active` prop is ignored).\n */\n pathname: string;\n /** Appended to `pathname` for `href` and `pushState`. */\n search?: string;\n};\n\nconst SideNavLinkWithRouting = forwardRef(\n (\n { href, pathname, search, onClick, ...rest }: SideNavLinkWithRoutingProps,\n ref: Ref<HTMLLIElement>,\n ) => {\n const { location, setLocation } = useSideNavContext();\n const to = pathname + (search ?? \"\");\n\n const handleClick = useCallback(\n (...args: Parameters<NonNullable<CoreSideNavLinkProps[\"onClick\"]>>) => {\n args[0].preventDefault();\n history.pushState(null, \"\", to);\n setLocation(to);\n return onClick?.(...args);\n },\n [onClick, to, setLocation],\n );\n\n return (\n <CoreSideNavLink\n href={pathname != null ? to : href}\n active={pathname === location}\n onClick={pathname != null ? handleClick : onClick}\n ref={ref}\n {...rest}\n />\n );\n },\n);\nSideNavLinkWithRouting.displayName = CoreSideNavLink.displayName;\n\n/**\n * `href` is a normal link. Pass `pathname` (optional `search`) for in-app\n * `history.pushState` routing; that branch derives `active` from location\n * and ignores a passed `active`.\n */\nexport type SideNavLinkProps =\n | CoreSideNavLinkProps\n | SideNavLinkWithRoutingProps;\n\nexport const SideNavLink = forwardRef(\n (rest: SideNavLinkProps, ref: Ref<HTMLLIElement>) => {\n if (\"pathname\" in rest) {\n return <SideNavLinkWithRouting ref={ref} {...rest} />;\n } else {\n return <CoreSideNavLink ref={ref} {...rest} />;\n }\n },\n);\nSideNavLink.displayName = CoreSideNavLink.displayName;\n","import cx from \"classnames\";\nimport {\n Children,\n type ComponentPropsWithoutRef,\n type KeyboardEvent,\n type MouseEvent,\n type ReactElement,\n forwardRef,\n useEffect,\n useId,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport styles from \"./SideNav.module.scss\";\nimport ArrowDown from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport { Icon } from \"../Icon\";\nimport { sideNavKeyboardNavigation } from \"./internal/utils\";\nimport { useSideNav } from \"./useSideNav\";\n\n/**\n * @extends Omit<ComponentPropsWithoutRef<\"li\">, \"onClick\">\n */\nexport type SideNavCollapsibleProps = Omit<\n ComponentPropsWithoutRef<\"li\">,\n \"onClick\"\n> & {\n /** Header text on the expand/collapse button. */\n label: string;\n /** Runs after the header click handler. */\n onClick?: ComponentPropsWithoutRef<\"button\">[\"onClick\"];\n /** Runs after the header keydown handler. */\n onKeyDown?: ComponentPropsWithoutRef<\"button\">[\"onKeyDown\"];\n /**\n * Uncontrolled start. Defaults to `false`. Also used for the first render\n * when `expanded` is controlled.\n */\n defaultExpanded?: boolean;\n /** After mount, this value wins over `defaultExpanded`. */\n expanded?: boolean;\n};\n\n/**\n * Expandable section. On first paint, opens if a child link `id` is in the\n * active set. Collapsed with an active child shows an indicator.\n */\nexport const SideNavCollapsible = forwardRef<\n HTMLLIElement,\n SideNavCollapsibleProps\n>((props, ref) => {\n const {\n className,\n children,\n label,\n onClick,\n onKeyDown,\n defaultExpanded = false,\n expanded: expandedControlled,\n ...rest\n } = props;\n const [expanded, setExpanded] = useState<boolean>(defaultExpanded);\n const [hasSelected, setHasSelected] = useState<boolean>(false);\n const sideNavGroupLabelRef = useRef<HTMLButtonElement>(null);\n const groupRef = useRef<HTMLUListElement>(null);\n const sideNavGroupClassNames = cx(styles[\"sidenav-collapsible\"], className);\n const { links, reCalculateLinks } = useSideNav();\n const groupId = useId();\n\n const setExpandedUncontrolled = (newState?: boolean) => {\n if (expandedControlled === undefined)\n setExpanded((prev) => {\n if (newState !== undefined) return newState;\n return !prev;\n });\n };\n\n useEffect(() => {\n if (expandedControlled !== undefined) {\n setExpanded(expandedControlled);\n }\n }, [expandedControlled]);\n const { activeIds } = useSideNav();\n\n const childIds: string[] = useMemo(\n () =>\n Children.map(children, (child) => (child as ReactElement).props)?.map(\n (item) => item.id,\n ) || [],\n [children],\n );\n\n function handleOnClick(e: MouseEvent<HTMLButtonElement>) {\n setExpandedUncontrolled();\n setTimeout(() => reCalculateLinks(), 0);\n\n const current = Array.prototype.slice\n .call(links)\n .filter((child) => (child as HTMLElement).tabIndex === 0)[0];\n\n if (current) current.setAttribute(\"tabindex\", \"-1\");\n\n sideNavGroupLabelRef.current?.setAttribute(\"tabindex\", \"0\");\n sideNavGroupLabelRef.current?.focus();\n onClick?.(e);\n }\n\n function handleKeyDown(e: KeyboardEvent<HTMLButtonElement>) {\n sideNavKeyboardNavigation(e, links, sideNavGroupLabelRef);\n switch (e.key) {\n case \"ArrowRight\":\n setExpanded(true);\n setTimeout(() => reCalculateLinks(), 0);\n break;\n case \"ArrowLeft\":\n setExpanded(false);\n setTimeout(() => reCalculateLinks(), 0);\n break;\n\n default:\n break;\n }\n onKeyDown?.(e);\n }\n\n useLayoutEffect(() => {\n const hasActiveChildren = childIds.some((id) => activeIds.has(id));\n if (hasActiveChildren) {\n setExpandedUncontrolled(true);\n setHasSelected(true);\n setTimeout(() => {\n const selectedChild =\n groupRef.current?.querySelector(`[active='true']`);\n selectedChild?.setAttribute(\"tabindex\", \"0\");\n reCalculateLinks();\n }, 0);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n if (!activeIds.size || !childIds.some((id) => activeIds.has(id))) {\n setHasSelected(false);\n return;\n }\n setHasSelected(true);\n }, [activeIds, childIds]);\n\n return (\n <li\n ref={ref}\n data-anv=\"sidenav-collapsible\"\n {...rest}\n className={sideNavGroupClassNames}\n >\n <button\n aria-expanded={expanded}\n aria-controls={groupId}\n type=\"button\"\n tabIndex={-1}\n onClick={handleOnClick}\n ref={sideNavGroupLabelRef}\n className={cx(styles[\"sidenav-link\"], {\n [styles[\"has-indicator\"]]: hasSelected && !expanded,\n })}\n onKeyDown={handleKeyDown}\n >\n {label}\n <Icon className={styles[\"arrow\"]} inherit svg={ArrowDown} aria-hidden />\n </button>\n <ul\n id={groupId}\n ref={groupRef}\n className={cx(styles[\"group\"], !expanded && styles.hidden)}\n >\n {children}\n </ul>\n </li>\n );\n});\n\nSideNavCollapsible.displayName = \"SideNavCollapsible\";\n","import { type ComponentPropsWithoutRef, forwardRef, useId } from \"react\";\nimport textStyles from \"../Text/Text.module.scss\";\nimport styles from \"./SideNav.module.scss\";\nimport cx from \"classnames\";\n\n/**\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type SideNavGroupProps = ComponentPropsWithoutRef<\"li\"> & {\n /** Visible heading; labels the nested list. */\n label: string;\n};\n\nexport const SideNavGroup = forwardRef<HTMLLIElement, SideNavGroupProps>(\n (props, ref) => {\n const { children, label, ...rest } = props;\n\n const sideNavGroupClassNames = cx(styles[\"sidenav-group\"]);\n const groupLabelClassNames = cx(\n textStyles[\"eyebrow\"],\n styles[\"group-label\"],\n );\n\n const groupLabelId = useId();\n return (\n <li ref={ref} data-anv=\"sidenav-group\" {...rest}>\n <label id={groupLabelId} className={groupLabelClassNames}>\n {label}\n </label>\n <ul aria-labelledby={groupLabelId} className={sideNavGroupClassNames}>\n {children}\n </ul>\n </li>\n );\n },\n);\n\nSideNavGroup.displayName = \"SideNavGroup\";\n","import { type PropsWithChildren, useEffect, useState } from \"react\";\nimport { SideNavContext } from \"./SideNavContext\";\n\n/** Holds `location` for `pathname` links. SideNav already wraps itself in this. */\nexport const SideNavProvider = ({ children }: PropsWithChildren) => {\n const [location, setLocation] = useState(\"\");\n\n // Read the real pathname after mount instead of during the initial render so\n // server and client agree on the first render, avoiding a hydration mismatch.\n useEffect(() => {\n setLocation(window.location.pathname);\n }, []);\n\n const sideNavContext = {\n location,\n setLocation,\n };\n\n return (\n <SideNavContext.Provider value={sideNavContext}>\n {children}\n </SideNavContext.Provider>\n );\n};\n","import {\n type ComponentPropsWithoutRef,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport type { LayoutUtilProps } from \"../../types\";\nimport { useMergeRefs } from \"../../hooks\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport styles from \"./SideNav.module.scss\";\nimport { SideNavLink } from \"./SideNavLink\";\nimport { SideNavCollapsible } from \"./SideNavCollapsible\";\nimport { SideNavGroup } from \"./SideNavGroup\";\nimport { SideNavProvider } from \"./internal/SideNavProvider\";\nimport type { DataTrackingId } from \"../../types\";\nimport { SideNavContext, type SideNavContextProps } from \"./SideNavContext\";\n\n/**\n * @extends ComponentPropsWithoutRef<\"nav\">\n * @extends LayoutUtilProps\n * @extends DataTrackingId\n */\nexport type SideNavProps = ComponentPropsWithoutRef<\"nav\"> &\n LayoutUtilProps &\n DataTrackingId;\n\n/**\n * Hierarchical page nav. Arrow keys move among enabled links and collapsible\n * headers.\n *\n * @example\n * <SideNav>\n * <SideNav.Group label=\"Start\">\n * <SideNav.Link id=\"intro\" href=\"/intro\" active>\n * Intro\n * </SideNav.Link>\n * </SideNav.Group>\n * <SideNav.Collapsible label=\"More\">\n * <SideNav.Link id=\"button\" pathname=\"/button\">\n * Button\n * </SideNav.Link>\n * </SideNav.Collapsible>\n * </SideNav>\n */\nexport const SideNav = Object.assign(\n forwardRef<HTMLElement, SideNavProps>(function SideNavInner(props, ref) {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const [activeIds, setActiveIds] = useState<Set<string>>(new Set());\n const { className, children, style, ...rest } = componentProps;\n\n const addActiveId = useCallback(\n (id: string) => {\n if (activeIds.has(id)) return;\n const newIds = new Set(activeIds);\n newIds.add(id);\n setActiveIds(newIds);\n },\n [activeIds],\n );\n\n const removeActiveId = useCallback(\n (id: string) => {\n if (!activeIds.has(id)) return;\n const newIds = new Set(activeIds);\n newIds.delete(id);\n setActiveIds(newIds);\n },\n [activeIds],\n );\n\n const sideNavRef = useRef<HTMLElement>(null);\n const [links, setLinks] = useState<SideNavContextProps[\"links\"]>();\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n };\n\n const reCalculateLinks = useCallback(() => {\n if (sideNavRef.current) {\n const items = sideNavRef.current.querySelectorAll(\n \"li[data-anv='sidenav-link'] a:not([aria-disabled='true']), li[data-anv='sidenav-collapsible'] button[aria-expanded]:not([aria-disabled='true'])\",\n );\n setLinks(items);\n }\n }, [sideNavRef]);\n\n useEffect(() => {\n reCalculateLinks();\n }, [reCalculateLinks]);\n\n const sidenavClassNames = cx([styles[\"sidenav\"]], className);\n\n const value = useMemo(\n () => ({\n links,\n reCalculateLinks,\n activeIds,\n addActiveId,\n removeActiveId,\n }),\n [links, activeIds, addActiveId, removeActiveId, reCalculateLinks],\n );\n\n return (\n <SideNavProvider>\n <SideNavContext.Provider value={value}>\n <nav\n ref={useMergeRefs([sideNavRef, ref])}\n className={sidenavClassNames}\n style={styleCombined}\n data-anv=\"sidenav\"\n {...rest}\n >\n <ul className={styles[\"root\"]}>{children}</ul>\n </nav>\n </SideNavContext.Provider>\n </SideNavProvider>\n );\n }),\n {\n /** Page or in-app route item. */\n Link: SideNavLink,\n /** Expandable section. */\n Collapsible: SideNavCollapsible,\n /** Labeled cluster of links. */\n Group: SideNavGroup,\n },\n);\nSideNav.displayName = \"SideNav\";\n"],"names":["SideNavContext","SideNavLink","CoreSideNavLink","ArrowDown"],"mappings":"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"}

package/dist/SideNav.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { S as SideNav, S as default } from './SideNav-BLXgM918.js';
+export { S as SideNav, S as default } from './SideNav-CHG7i8Dy.js';
 //# sourceMappingURL=SideNav.js.map

package/dist/Skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.js","sources":["../src/components/Skeleton/SkeletonCircle.tsx","../src/components/Skeleton/SkeletonPill.tsx","../src/components/Skeleton/SkeletonRectangle.tsx","../src/components/Skeleton/SkeletonText.tsx","../src/components/Skeleton/index.ts"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport type { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/*\n Props for the SkeletonCircle component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" \| \"flexBasis\" \| \"flexGrow\" \| \"flexShrink\">\n /\nexport type SkeletonCircleProps = Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"children\"\n> &\n Omit<LayoutUtilProps, \"flex\" \| \"flexBasis\" \| \"flexGrow\" \| \"flexShrink\"> & {\n /\n The diameter of the circular skeleton in CSS units.\n * @default 32px\n /\n diameter?: string;\n /\n Enables the AI visual style with blue gradient colors.\n /\n ai?: boolean;\n };\n\n/\n SkeletonCircle component for displaying circular loading placeholders.\n \n Features:\n * - Circular skeleton placeholder with customizable diameter\n * - Animated pulsing effect for loading indication\n * - Accessible with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Customizable styling through className and style props\n * - Progress bar role for screen readers\n \n @example\n * <Skeleton.Circle diameter=\"40px\" />\n \n <Skeleton.Circle\n * diameter=\"60px\"\n * className=\"custom-skeleton\"\n * aria-label=\"Loading avatar\"\n * />\n /\nexport const SkeletonCircle = forwardRef<HTMLDivElement, SkeletonCircleProps>(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n diameter,\n ai,\n \"aria-label\": ariaLabel = \"Loading content\",\n style,\n ...rest\n } = componentProps;\n\n const SkeletonClassNames = cx(\n [styles[\"skeleton\"]],\n [styles[\"circle\"]],\n styles[\"shade\"],\n ai && styles[\"ai\"],\n className,\n );\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n \"--a2-inline-skeleton-diameter\": diameter,\n };\n\n return (\n <div\n {...rest}\n data-anv=\"skeleton-circle\"\n role=\"progressbar\"\n aria-busy=\"true\"\n className={SkeletonClassNames}\n style={styleCombined}\n aria-label={ariaLabel}\n ref={ref}\n />\n );\n },\n);\n\nSkeletonCircle.displayName = \"SkeletonCircle\";\n","import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport type { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/\n Props for the SkeletonPill component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" \| \"flexBasis\" \| \"flexGrow\" \| \"flexShrink\">\n /\nexport type SkeletonPillProps = Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"children\"\n> &\n Omit<LayoutUtilProps, \"flex\" \| \"flexBasis\" \| \"flexGrow\" \| \"flexShrink\"> & {\n /\n The width of the pill skeleton in CSS units.\n /\n width?: string;\n /\n Enables the AI visual style with blue gradient colors.\n /\n ai?: boolean;\n };\n\n/\n SkeletonPill component for displaying pill-shaped loading placeholders.\n \n Features:\n * - Pill-shaped skeleton placeholder with customizable width\n * - Animated pulsing effect for loading indication\n * - Accessible with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Customizable styling through className and style props\n * - Progress bar role for screen readers\n * - Large border radius for pill appearance\n * - Fixed height for consistent styling\n \n @example\n * <Skeleton.Pill width=\"120px\" />\n \n <Skeleton.Pill\n * width=\"8rem\"\n * className=\"custom-skeleton\"\n * aria-label=\"Loading tag\"\n * />\n /\nexport const SkeletonPill = forwardRef<HTMLDivElement, SkeletonPillProps>(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n width,\n ai,\n \"aria-label\": ariaLabel = \"Loading content\",\n style,\n ...rest\n } = componentProps;\n\n const SkeletonClassNames = cx(\n [styles[\"skeleton\"]],\n [styles[\"pill\"]],\n styles[\"shade\"],\n ai && styles[\"ai\"],\n className,\n );\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n \"--a2-inline-skeleton-width\": width,\n };\n\n return (\n <div\n {...rest}\n data-anv=\"skeleton-pill\"\n role=\"progressbar\"\n aria-busy=\"true\"\n className={SkeletonClassNames}\n style={styleCombined}\n aria-label={ariaLabel}\n ref={ref}\n />\n );\n },\n);\n\nSkeletonPill.displayName = \"SkeletonPill\";\n","import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport type { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/\n Props for the SkeletonRectangle component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" \| \"flexBasis\" \| \"flexGrow\" \| \"flexShrink\">\n /\nexport type SkeletonRectangleProps = Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"children\"\n> &\n Omit<LayoutUtilProps, \"flex\" \| \"flexBasis\" \| \"flexGrow\" \| \"flexShrink\"> & {\n /\n The height of the rectangular skeleton in CSS units.\n * @default 56px\n /\n height?: string;\n /\n Enables the AI visual style with blue gradient colors.\n /\n ai?: boolean;\n };\n\n/\n SkeletonRectangle component for displaying rectangular loading placeholders.\n \n Features:\n * - Rectangular skeleton placeholder with customizable height\n * - Animated pulsing effect for loading indication\n * - Accessible with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Customizable styling through className and style props\n * - Progress bar role for screen readers\n * - Medium border radius for consistent styling\n \n @example\n * <Skeleton.Rectangle height=\"100px\" />\n \n <Skeleton.Rectangle\n * height=\"2rem\"\n * className=\"custom-skeleton\"\n * aria-label=\"Loading image\"\n * />\n /\nexport const SkeletonRectangle = forwardRef<\n HTMLDivElement,\n SkeletonRectangleProps\n>((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n height,\n ai,\n \"aria-label\": ariaLabel = \"Loading content\",\n style,\n ...rest\n } = componentProps;\n\n const SkeletonClassNames = cx(\n [styles[\"skeleton\"]],\n [styles[\"rectangle\"]],\n styles[\"shade\"],\n ai && styles[\"ai\"],\n className,\n );\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n \"--a2-inline-skeleton-height\": height,\n };\n\n return (\n <div\n {...rest}\n data-anv=\"skeleton-rectangle\"\n role=\"progressbar\"\n aria-busy=\"true\"\n className={SkeletonClassNames}\n style={styleCombined}\n aria-label={ariaLabel}\n ref={ref}\n />\n );\n});\n\nSkeletonRectangle.displayName = \"SkeletonRectangle\";\n","import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport type { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/\n Props for the SkeletonText component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" \| \"flexBasis\" \| \"flexGrow\" \| \"flexShrink\">\n /\nexport type SkeletonTextProps = Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"children\"\n> &\n Omit<LayoutUtilProps, \"flex\" \| \"flexBasis\" \| \"flexGrow\" \| \"flexShrink\"> & {\n /\n Enables the AI visual style with blue gradient colors.\n /\n ai?: boolean;\n } & (\n \| {\n /\n Text variant for body text skeleton.\n * @default body\n /\n variant?: \"body\";\n /\n Number of text lines to display.\n * @default 1\n /\n rows?: number;\n }\n \| {\n /\n Text variant for headline text skeleton.\n /\n variant?: \"headline\";\n /\n Rows prop is not available for headline variant.\n /\n rows?: never;\n }\n );\n\n/\n SkeletonText component for displaying text loading placeholders.\n \n Features:\n * - Text skeleton placeholder with body and headline variants\n * - Configurable number of rows for body variant\n * - Animated pulsing effect for loading indication\n * - Accessible with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Customizable styling through className and style props\n * - Progress bar role for screen readers\n * - Different line heights for body vs headline variants\n * - Last line shorter for body variant to simulate natural text\n \n @example\n * <Skeleton.Text variant=\"body\" rows={3} />\n \n <Skeleton.Text\n * variant=\"headline\"\n * className=\"custom-skeleton\"\n * aria-label=\"Loading title\"\n * />\n /\nexport const SkeletonText = forwardRef<HTMLDivElement, SkeletonTextProps>(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n \"aria-label\": ariaLabel = \"Loading content\",\n variant = \"body\",\n ai,\n style,\n ...rest\n } = componentProps;\n\n const SkeletonClassNames = cx(\n [styles[\"skeleton\"]],\n [styles[\"text\"]],\n [styles[variant]],\n className,\n );\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n };\n\n const ShaderClassName = cx(\n styles[\"line\"],\n styles[\"shade\"],\n ai && styles[\"ai\"],\n );\n\n return (\n <div\n {...rest}\n data-anv=\"skeleton-text\"\n role=\"progressbar\"\n aria-busy=\"true\"\n className={SkeletonClassNames}\n style={styleCombined}\n aria-label={ariaLabel}\n ref={ref}\n >\n {\"rows\" in rest ? (\n Array.from({ length: rest.rows ?? 1 }, (_, i) => i).map((i) => (\n <div key={`line-${i}`} className={ShaderClassName} />\n ))\n ) : (\n <div className={ShaderClassName} />\n )}\n </div>\n );\n },\n);\n\nSkeletonText.displayName = \"SkeletonText\";\n","import { SkeletonCircle } from \"./SkeletonCircle\";\nimport { SkeletonPill } from \"./SkeletonPill\";\nimport { SkeletonRectangle } from \"./SkeletonRectangle\";\nimport { SkeletonText } from \"./SkeletonText\";\n\nexport from \"./SkeletonCircle\";\nexport * from \"./SkeletonPill\";\nexport * from \"./SkeletonRectangle\";\nexport * from \"./SkeletonText\";\n\nexport const Skeleton = Object.assign(\n {},\n {\n Circle: SkeletonCircle,\n Pill: SkeletonPill,\n Rectangle: SkeletonRectangle,\n Text: SkeletonText,\n },\n);\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Skeleton.js","sources":["../src/components/Skeleton/SkeletonCircle.tsx","../src/components/Skeleton/SkeletonPill.tsx","../src/components/Skeleton/SkeletonRectangle.tsx","../src/components/Skeleton/SkeletonText.tsx","../src/components/Skeleton/index.ts"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport type { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nexport type SkeletonCircleProps = Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"children\"\n> &\n Omit<LayoutUtilProps, \"flex\" \| \"flexBasis\" \| \"flexGrow\" \| \"flexShrink\"> & {\n /** Circle size as a CSS length. Omit for the styled default. /\n diameter?: string;\n /* Applies the AI shimmer treatment. /\n ai?: boolean;\n };\n\n/* Circular loading placeholder. /\nexport const SkeletonCircle = forwardRef<HTMLDivElement, SkeletonCircleProps>(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n diameter,\n ai,\n \"aria-label\": ariaLabel = \"Loading content\",\n style,\n ...rest\n } = componentProps;\n\n const SkeletonClassNames = cx(\n [styles[\"skeleton\"]],\n [styles[\"circle\"]],\n styles[\"shade\"],\n ai && styles[\"ai\"],\n className,\n );\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n \"--a2-inline-skeleton-diameter\": diameter,\n };\n\n return (\n <div\n {...rest}\n data-anv=\"skeleton-circle\"\n role=\"progressbar\"\n aria-busy=\"true\"\n className={SkeletonClassNames}\n style={styleCombined}\n aria-label={ariaLabel}\n ref={ref}\n />\n );\n },\n);\n\nSkeletonCircle.displayName = \"SkeletonCircle\";\n","import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport type { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nexport type SkeletonPillProps = Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"children\"\n> &\n Omit<LayoutUtilProps, \"flex\" \| \"flexBasis\" \| \"flexGrow\" \| \"flexShrink\"> & {\n /* CSS length for the pill width. /\n width?: string;\n /* Applies the AI shimmer treatment. /\n ai?: boolean;\n };\n\n/* Capsule-shaped loading placeholder. /\nexport const SkeletonPill = forwardRef<HTMLDivElement, SkeletonPillProps>(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n width,\n ai,\n \"aria-label\": ariaLabel = \"Loading content\",\n style,\n ...rest\n } = componentProps;\n\n const SkeletonClassNames = cx(\n [styles[\"skeleton\"]],\n [styles[\"pill\"]],\n styles[\"shade\"],\n ai && styles[\"ai\"],\n className,\n );\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n \"--a2-inline-skeleton-width\": width,\n };\n\n return (\n <div\n {...rest}\n data-anv=\"skeleton-pill\"\n role=\"progressbar\"\n aria-busy=\"true\"\n className={SkeletonClassNames}\n style={styleCombined}\n aria-label={ariaLabel}\n ref={ref}\n />\n );\n },\n);\n\nSkeletonPill.displayName = \"SkeletonPill\";\n","import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport type { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nexport type SkeletonRectangleProps = Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"children\"\n> &\n Omit<LayoutUtilProps, \"flex\" \| \"flexBasis\" \| \"flexGrow\" \| \"flexShrink\"> & {\n /* Block height as a CSS length. Omit for the styled default. /\n height?: string;\n /* Applies the AI shimmer treatment. /\n ai?: boolean;\n };\n\n/* Rectangular loading placeholder. /\nexport const SkeletonRectangle = forwardRef<\n HTMLDivElement,\n SkeletonRectangleProps\n>((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n height,\n ai,\n \"aria-label\": ariaLabel = \"Loading content\",\n style,\n ...rest\n } = componentProps;\n\n const SkeletonClassNames = cx(\n [styles[\"skeleton\"]],\n [styles[\"rectangle\"]],\n styles[\"shade\"],\n ai && styles[\"ai\"],\n className,\n );\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n \"--a2-inline-skeleton-height\": height,\n };\n\n return (\n <div\n {...rest}\n data-anv=\"skeleton-rectangle\"\n role=\"progressbar\"\n aria-busy=\"true\"\n className={SkeletonClassNames}\n style={styleCombined}\n aria-label={ariaLabel}\n ref={ref}\n />\n );\n});\n\nSkeletonRectangle.displayName = \"SkeletonRectangle\";\n","import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport type { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/\n `rows` is only valid on the body variant. Headline always renders one line.\n /\nexport type SkeletonTextProps = Omit<\n ComponentPropsWithoutRef<\"div\">,\n \"children\"\n> &\n Omit<LayoutUtilProps, \"flex\" \| \"flexBasis\" \| \"flexGrow\" \| \"flexShrink\"> & {\n /* Applies the AI shimmer treatment. /\n ai?: boolean;\n } & (\n \| {\n /* Body copy placeholder; default when `variant` is omitted. /\n variant?: \"body\";\n /* Number of body lines. Defaults to `1`. /\n rows?: number;\n }\n \| {\n /* Headline-sized placeholder (single line). /\n variant?: \"headline\";\n rows?: never;\n }\n );\n\n/* Text-shaped loading placeholder. /\nexport const SkeletonText = forwardRef<HTMLDivElement, SkeletonTextProps>(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n \"aria-label\": ariaLabel = \"Loading content\",\n variant = \"body\",\n ai,\n style,\n ...rest\n } = componentProps;\n\n const SkeletonClassNames = cx(\n [styles[\"skeleton\"]],\n [styles[\"text\"]],\n [styles[variant]],\n className,\n );\n\n const styleCombined = {\n ...style,\n ...layoutStyles,\n };\n\n const ShaderClassName = cx(\n styles[\"line\"],\n styles[\"shade\"],\n ai && styles[\"ai\"],\n );\n\n return (\n <div\n {...rest}\n data-anv=\"skeleton-text\"\n role=\"progressbar\"\n aria-busy=\"true\"\n className={SkeletonClassNames}\n style={styleCombined}\n aria-label={ariaLabel}\n ref={ref}\n >\n {\"rows\" in rest ? (\n Array.from({ length: rest.rows ?? 1 }, (_, i) => i).map((i) => (\n <div key={`line-${i}`} className={ShaderClassName} />\n ))\n ) : (\n <div className={ShaderClassName} />\n )}\n </div>\n );\n },\n);\n\nSkeletonText.displayName = \"SkeletonText\";\n","import { SkeletonCircle } from \"./SkeletonCircle\";\nimport { SkeletonPill } from \"./SkeletonPill\";\nimport { SkeletonRectangle } from \"./SkeletonRectangle\";\nimport { SkeletonText } from \"./SkeletonText\";\n\nexport from \"./SkeletonCircle\";\nexport * from \"./SkeletonPill\";\nexport * from \"./SkeletonRectangle\";\nexport * from \"./SkeletonText\";\n\n/*\n Compound loading placeholders. Use {@link SkeletonCircle}, {@link SkeletonPill},\n * {@link SkeletonRectangle}, and {@link SkeletonText} as `Skeleton.Circle`,\n * `Skeleton.Pill`, `Skeleton.Rectangle`, and `Skeleton.Text`.\n */\nexport const Skeleton = Object.assign(\n {},\n {\n Circle: SkeletonCircle,\n Pill: SkeletonPill,\n Rectangle: SkeletonRectangle,\n Text: SkeletonText,\n },\n);\n"],"names":[],"mappings":"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"}

package/dist/Spinner-B7tTWcP6.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner-B7tTWcP6.js","sources":["../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import {\n type ComponentPropsWithoutRef,\n forwardRef,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport { useMergeRefs } from \"../../hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./Spinner.module.scss\";\n\~~n/*\n Props for the Spinner component\n * @extends ComponentPropsWithoutRef<\"span\">\n /\~~nexport type SpinnerProps = ComponentPropsWithoutRef<\"span\"> & {\n /\n ~~When~~ ~~true,~~ the ~~spinner~~ ~~inherits the current~~ text color instead of ~~using~~ the default ~~primary~~ ~~background~~ ~~color\n~~ /\n inherit?: boolean;\n\n /\n ~~The~~ ~~size~~ of ~~the~~ spinner.\n * ~~@default medium\n~~ /\n size?: \"small\" \| \"medium\" \| \"large\";\n};\n\n/\n A ~~loading~~ ~~spinner~~ ~~component that displays an animated circular~~ indicator~~.\n~~ \n The Spinner component provides a visual indication that content is loading or processing~~.\n~~ * It renders as a circular animation that continuously rotates to show activity.\n \n Features:\n * - Animated circular loading indicator\n * - Configurable color inheritance\n * - Accessible with proper ARIA attributes\n * - Customizable styling through className and style props\n * - Forwarded ref support\n \n @example\n * <Spinner />\n \n <Spinner inherit />\n /\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(\n (props, ref) => {\n const { className, inherit, size = \"medium\", ...rest } = props;\n\n const containerRef = useRef<HTMLSpanElement>(null);\n const [containerWidth, setContainerWidth] = useState<number>(0);\n\n ~~// Merge the forwarded ref with our internal ref\n~~ const mergedRef = useMergeRefs([containerRef, ref]);\n\n useEffect(() => {\n let rafId: number;\n let lastWidth = 0;\n\n const updateWidth = () => {\n if (containerRef.current) {\n const width = containerRef.current.offsetWidth;\n if (width !== lastWidth) {\n setContainerWidth(width);\n lastWidth = width;\n }\n }\n };\n\n const continuousUpdate = () => {\n updateWidth();\n rafId = requestAnimationFrame(continuousUpdate);\n };\n\n ~~// Initial measurement\n~~ updateWidth();\n\n ~~// Set up ResizeObserver for efficiency when not animating\n~~ const resizeObserver = new ResizeObserver(updateWidth);\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n // ~~Also~~ ~~run~~ ~~continuous~~ ~~updates~~ ~~to catch~~ CSS ~~transitions\~~n rafId = requestAnimationFrame(continuousUpdate);\n\n return () => {\n resizeObserver.disconnect();\n cancelAnimationFrame(rafId);\n };\n }, []);\n\n const classNames = cx(styles[\"spinner\"], className, {\n [styles[\"inherit\"]]: inherit,\n [styles[\"size-small\"]]: size === \"small\",\n [styles[\"size-medium\"]]: size === \"medium\",\n [styles[\"size-large\"]]: size === \"large\",\n });\n\n ~~// Calculate strokeWidth using sqrt((width - 8px) / 2) - use direct value for smooth animation\n~~ const strokeWidth =\n containerWidth > 0 ? Math.sqrt((containerWidth - 8) / 2) : 2;\n\n ~~// Keep radius consistent - let the stroke width be the variable part\n // Use a fixed radius that gives good proportions\n~~ const radius = 10;\n\n return (\n <span\n data-anv=\"spinner\"\n className={classNames}\n ref={mergedRef}\n role=\"status\"\n {...rest}\n >\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <circle\n className={styles[\"track\"]}\n cx=\"12\"\n cy=\"12\"\n r={radius}\n fill=\"none\"\n strokeWidth={strokeWidth}\n vectorEffect=\"non-scaling-stroke\"\n stroke=\"currentColor\"\n shapeRendering=\"geometricPrecision\"\n />\n <path\n className={styles[\"arc\"]}\n d={`M${12 + radius} 12a${radius} ${radius} 0 1 0-${radius 2} 0`}\n fill=\"none\"\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n vectorEffect=\"non-scaling-stroke\"\n stroke=\"currentColor\"\n shapeRendering=\"geometricPrecision\"\n >\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 12 12\"\n to=\"360 12 12\"\n dur=\"1s\"\n repeatCount=\"indefinite\"\n />\n </path>\n </svg>\n </span>\n );\n },\n);\n\nSpinner.displayName = \"Spinner\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;~~AA+CO~~,MAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,SAAA,EAAW,OAAA,EAAS,OAAO,QAAA,EAAU,GAAG,MAAK,GAAI,KAAA;AAEzD,IAAA,MAAM,YAAA,GAAe,OAAwB,IAAI,CAAA;AACjD,IAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAiB,CAAC,CAAA;~~AAG9D~~,IAAA,MAAM,SAAA,GAAY,YAAA,CAAa,CAAC,YAAA,EAAc,GAAG,CAAC,CAAA;AAElD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,KAAA;AACJ,MAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,MAAA,MAAM,cAAc,MAAM;AACxB,QAAA,IAAI,aAAa,OAAA,EAAS;AACxB,UAAA,MAAM,KAAA,GAAQ,aAAa,OAAA,CAAQ,WAAA;AACnC,UAAA,IAAI,UAAU,SAAA,EAAW;AACvB,YAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,YAAA,SAAA,GAAY,KAAA;AAAA,UACd;AAAA,QACF;AAAA,MACF,CAAA;AAEA,MAAA,MAAM,mBAAmB,MAAM;AAC7B,QAAA,WAAA,EAAY;AACZ,QAAA,KAAA,GAAQ,sBAAsB,gBAAgB,CAAA;AAAA,MAChD,CAAA;~~AAGA~~,MAAA,WAAA,EAAY;~~AAGZ~~,MAAA,MAAM,cAAA,GAAiB,IAAI,cAAA,CAAe,WAAW,CAAA;AACrD,MAAA,IAAI,aAAa,OAAA,EAAS;AACxB,QAAA,cAAA,CAAe,OAAA,CAAQ,aAAa,OAAO,CAAA;AAAA,MAC7C;AAGA,MAAA,KAAA,GAAQ,sBAAsB,gBAAgB,CAAA;AAE9C,MAAA,OAAO,MAAM;AACX,QAAA,cAAA,CAAe,UAAA,EAAW;AAC1B,QAAA,oBAAA,CAAqB,KAAK,CAAA;AAAA,MAC5B,CAAA;AAAA,IACF,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,MAAM,UAAA,GAAa,EAAA,CAAG,MAAA,CAAO,SAAS,GAAG,SAAA,EAAW;AAAA,MAClD,CAAC,MAAA,CAAO,SAAS,CAAC,GAAG,OAAA;AAAA,MACrB,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,IAAA,KAAS,OAAA;AAAA,MACjC,CAAC,MAAA,CAAO,aAAa,CAAC,GAAG,IAAA,KAAS,QAAA;AAAA,MAClC,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,IAAA,KAAS;AAAA,KAClC,CAAA;~~AAGD~~,IAAA,MAAM,WAAA,GACJ,iBAAiB,CAAA,GAAI,IAAA,CAAK,MAAM,cAAA,GAAiB,CAAA,IAAK,CAAC,CAAA,GAAI,CAAA;~~AAI7D~~,IAAA,MAAM,MAAA,GAAS,EAAA;AAEf,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAS,SAAA;AAAA,QACT,SAAA,EAAW,UAAA;AAAA,QACX,GAAA,EAAK,SAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACJ,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAA,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,MAAA;AAAA,YACN,MAAA,EAAO,MAAA;AAAA,YACP,OAAA,EAAQ,WAAA;AAAA,YACR,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAU,OAAA;AAAA,YAEV,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,OAAO,OAAO,CAAA;AAAA,kBACzB,EAAA,EAAG,IAAA;AAAA,kBACH,EAAA,EAAG,IAAA;AAAA,kBACH,CAAA,EAAG,MAAA;AAAA,kBACH,IAAA,EAAK,MAAA;AAAA,kBACL,WAAA;AAAA,kBACA,YAAA,EAAa,oBAAA;AAAA,kBACb,MAAA,EAAO,cAAA;AAAA,kBACP,cAAA,EAAe;AAAA;AAAA,eACjB;AAAA,8BACA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,OAAO,KAAK,CAAA;AAAA,kBACvB,CAAA,EAAG,CAAA,CAAA,EAAI,EAAA,GAAK,MAAM,CAAA,IAAA,EAAO,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,OAAA,EAAU,MAAA,GAAS,CAAC,CAAA,EAAA,CAAA;AAAA,kBAC7D,IAAA,EAAK,MAAA;AAAA,kBACL,WAAA;AAAA,kBACA,aAAA,EAAc,OAAA;AAAA,kBACd,YAAA,EAAa,oBAAA;AAAA,kBACb,MAAA,EAAO,cAAA;AAAA,kBACP,cAAA,EAAe,oBAAA;AAAA,kBAEf,QAAA,kBAAA,GAAA;AAAA,oBAAC,kBAAA;AAAA,oBAAA;AAAA,sBACC,aAAA,EAAc,WAAA;AAAA,sBACd,IAAA,EAAK,QAAA;AAAA,sBACL,IAAA,EAAK,SAAA;AAAA,sBACL,EAAA,EAAG,WAAA;AAAA,sBACH,GAAA,EAAI,IAAA;AAAA,sBACJ,WAAA,EAAY;AAAA;AAAA;AACd;AAAA;AACF;AAAA;AAAA;AACF;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;"}
1	+ {"version":3,"file":"Spinner-B7tTWcP6.js","sources":["../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import {\n type ComponentPropsWithoutRef,\n forwardRef,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport { useMergeRefs } from \"../../hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./Spinner.module.scss\";\n\nexport type SpinnerProps = ComponentPropsWithoutRef<\"span\"> & {\n /** Uses the surrounding text color instead of the default spinner color. /\n inherit?: boolean;\n\n /* Indicator scale. Defaults to `medium`. /\n size?: \"small\" \| \"medium\" \| \"large\";\n};\n\n/\n Animated circular status indicator for loading or processing activity.\n /\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(\n (props, ref) => {\n const { className, inherit, size = \"medium\", ...rest } = props;\n\n const containerRef = useRef<HTMLSpanElement>(null);\n const [containerWidth, setContainerWidth] = useState<number>(0);\n\n const mergedRef = useMergeRefs([containerRef, ref]);\n\n useEffect(() => {\n let rafId: number;\n let lastWidth = 0;\n\n const updateWidth = () => {\n if (containerRef.current) {\n const width = containerRef.current.offsetWidth;\n if (width !== lastWidth) {\n setContainerWidth(width);\n lastWidth = width;\n }\n }\n };\n\n const continuousUpdate = () => {\n updateWidth();\n rafId = requestAnimationFrame(continuousUpdate);\n };\n\n updateWidth();\n\n const resizeObserver = new ResizeObserver(updateWidth);\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n // ResizeObserver can miss intermediate CSS-transition frames.\n rafId = requestAnimationFrame(continuousUpdate);\n\n return () => {\n resizeObserver.disconnect();\n cancelAnimationFrame(rafId);\n };\n }, []);\n\n const classNames = cx(styles[\"spinner\"], className, {\n [styles[\"inherit\"]]: inherit,\n [styles[\"size-small\"]]: size === \"small\",\n [styles[\"size-medium\"]]: size === \"medium\",\n [styles[\"size-large\"]]: size === \"large\",\n });\n\n const strokeWidth =\n containerWidth > 0 ? Math.sqrt((containerWidth - 8) / 2) : 2;\n\n const radius = 10;\n\n return (\n <span\n data-anv=\"spinner\"\n className={classNames}\n ref={mergedRef}\n role=\"status\"\n {...rest}\n >\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <circle\n className={styles[\"track\"]}\n cx=\"12\"\n cy=\"12\"\n r={radius}\n fill=\"none\"\n strokeWidth={strokeWidth}\n vectorEffect=\"non-scaling-stroke\"\n stroke=\"currentColor\"\n shapeRendering=\"geometricPrecision\"\n />\n <path\n className={styles[\"arc\"]}\n d={`M${12 + radius} 12a${radius} ${radius} 0 1 0-${radius 2} 0`}\n fill=\"none\"\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n vectorEffect=\"non-scaling-stroke\"\n stroke=\"currentColor\"\n shapeRendering=\"geometricPrecision\"\n >\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 12 12\"\n to=\"360 12 12\"\n dur=\"1s\"\n repeatCount=\"indefinite\"\n />\n </path>\n </svg>\n </span>\n );\n },\n);\n\nSpinner.displayName = \"Spinner\";\n"],"names":[],"mappings":"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"}

package/dist/SrOnly-pnf8ajnh.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SrOnly-pnf8ajnh.js","sources":["../src/components/SrOnly/SrOnly.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\nimport styles from \"./SrOnly.module.scss\";\nimport cx from \"classnames\";\n\n/*\n ~~Screen~~ ~~reader~~ ~~only~~ ~~component for providing accessible~~ content ~~that~~ is ~~visually~~ ~~hidden.\n~~ \n Features:\n * - Visually hidden content that remains accessible to ~~screen readers~~\n * ~~- Preserves all standard span element functionality and attributes\~~n * - Maintains proper semantic structure\n * - Essential for accessibility compliance\n \n @example\n * <div>\n * <span aria-hidden=\"true\">$100</span>\n * <SrOnly>One hundred dollars</SrOnly>\n * </div>\n */\nexport const SrOnly = (props: ComponentPropsWithoutRef<\"span\">) => {\n const { className, ...rest } = props;\n const classNames = cx(styles[\"sr-only\"], className);\n return <span data-anv=\"sr-only\" className={classNames} {...rest} />;\n};\n"],"names":[],"mappings":";;;;;;;~~AAmBO~~,MAAM,MAAA,GAAS,CAAC,KAAA,KAA4C;AACjE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAC/B,EAAA,MAAM,UAAA,GAAa,EAAA,CAAG,MAAA,CAAO,SAAS,GAAG,SAAS,CAAA;AAClD,EAAA,2BAAQ,MAAA,EAAA,EAAK,UAAA,EAAS,WAAU,SAAA,EAAW,UAAA,EAAa,GAAG,IAAA,EAAM,CAAA;AACnE;;;;"}
1	+ {"version":3,"file":"SrOnly-pnf8ajnh.js","sources":["../src/components/SrOnly/SrOnly.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\nimport styles from \"./SrOnly.module.scss\";\nimport cx from \"classnames\";\n\n/*\n Visually hides span content while keeping it available to assistive\n * technologies.\n */\nexport const SrOnly = (props: ComponentPropsWithoutRef<\"span\">) => {\n const { className, ...rest } = props;\n const classNames = cx(styles[\"sr-only\"], className);\n return <span data-anv=\"sr-only\" className={classNames} {...rest} />;\n};\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,MAAA,GAAS,CAAC,KAAA,KAA4C;AACjE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAC/B,EAAA,MAAM,UAAA,GAAa,EAAA,CAAG,MAAA,CAAO,SAAS,GAAG,SAAS,CAAA;AAClD,EAAA,2BAAQ,MAAA,EAAA,EAAK,UAAA,EAAS,WAAU,SAAA,EAAW,UAAA,EAAa,GAAG,IAAA,EAAM,CAAA;AACnE;;;;"}

package/dist/{Stepper-CCKHWlUr.js → Stepper-C-QC9QHx.js} RENAMED Viewed

@@ -385,41 +385,11 @@ const StepperBase = Object.assign(
     }
   ),
   {
-    /**
-     * Individual step. Outcome is independent of whether the step is current.
-     *
-     * Features:
-     * - state: not started, started, or complete
-     * - Optional id when a panel points at this step
-     * - Check icon when complete
-     *
-     * @example
-     * <StepperBase.Step state="complete">Approved</StepperBase.Step>
-     */
+    /** Progress marker for one step in the track. */
     Step: StepperBaseStep,
-    /**
-     * Track of steps plus the compact label on small widths.
-     *
-     * Features:
-     * - Lays out StepperBase.Step children
-     * - Shows the current step label when the track is narrow
-     *
-     * @example
-     * <StepperBase.List>
-     *   <StepperBase.Step>Scheduled</StepperBase.Step>
-     * </StepperBase.List>
-     */
+    /** Track of `StepperBase.Step` children plus the compact current label. */
     List: StepperBaseList,
-    /**
-     * Content for one step. Visible when that step is current.
-     *
-     * Features:
-     * - step is required and must match a Step id
-     * - id is optional and generated when omitted
-     *
-     * @example
-     * <StepperBase.Panel step="approved">Details</StepperBase.Panel>
-     */
+    /** Body shown while its named step is current. */
     Panel: StepperBasePanel
   }
 );
@@ -848,159 +818,21 @@ const Stepper = Object.assign(
     );
   }),
   {
-    /**
-     * Individual step component for the Stepper.
-     *
-     * Features:
-     * - Visual progress indicator with animated bar
-     * - Check icon for completed steps
-     * - Keyboard navigation support
-     * - Accessible with proper ARIA attributes
-     * - Click handling for step navigation
-     * - Visual states for current, completed, and future steps
-     * - Responsive design with mobile-friendly layout
-     * - Focus management for keyboard users
-     * - Custom styling support
-     *
-     * @example
-     * <Stepper.Step controls="step1">
-     *   Personal Information
-     * </Stepper.Step>
-     *
-     * @example
-     * <Stepper.Step
-     *   controls="step2"
-     *   onClick={(e, index) => console.log(`Clicked step ${index}`)}
-     * >
-     *   Contact Details
-     * </Stepper.Step>
-     */
+    /** Progress marker for one step in the track. */
     Step: StepperStep,
-    /**
-     * Container component for organizing and displaying stepper steps.
-     *
-     * Features:
-     * - Groups multiple stepper steps together
-     * - Displays current step label
-     * - Responsive design with mobile-friendly layout
-     * - Accessible with proper ARIA roles
-     * - Automatic step organization
-     * - Visual step indicators
-     * - Context-based current step display
-     * - Flexible layout with CSS Grid/Flexbox
-     * - Container queries for responsive behavior
-     *
-     * @example
-     * <Stepper.List>
-     *   <Stepper.Step controls="step1">Step 1</Stepper.Step>
-     *   <Stepper.Step controls="step2">Step 2</Stepper.Step>
-     *   <Stepper.Step controls="step3">Step 3</Stepper.Step>
-     * </Stepper.List>
-     */
+    /** Track of `Stepper.Step` children plus the compact current label. */
     List: StepperList,
-    /**
-     * Content panel component for displaying step content in the Stepper.
-     *
-     * Features:
-     * - Displays content for the current step only
-     * - Smooth fade-in/fade-out animations
-     * - Automatic overflow handling with scroll support
-     * - Accessible with proper ARIA roles
-     * - Layout utilities for positioning and spacing
-     * - Motion animations for smooth transitions
-     * - Focus management for keyboard navigation
-     * - Responsive design with flexible layout
-     * - Context-based visibility control
-     *
-     * @example
-     * <Stepper.Panel id="step1">
-     *   <h2>Personal Information</h2>
-     *   <form>
-     *     <label htmlFor="name">Name:</label>
-     *     <input id="name" type="text" />
-     *   </form>
-     * </Stepper.Panel>
-     */
+    /** Body shown while its paired step is current and the wizard is incomplete. */
     Panel: StepperPanel,
-    /**
-     * Next button component for navigating to the next step in the Stepper.
-     *
-     * Features:
-     * - Automatically advances to the next step
-     * - Changes label to "Complete" on the final step
-     * - Supports async validation with Promise return
-     * - Prevents navigation when validation fails
-     * - Hides when all steps are completed
-     * - Accessible with proper button semantics
-     * - Customizable appearance and styling
-     * - Integration with stepper context
-     * - Automatic completion handling
-     *
-     * @example
-     * <Stepper.NextButton
-     *   nextLabel="Continue"
-     *   completeLabel="Finish"
-     * />
-     *
-     * @example
-     * <Stepper.NextButton
-     *   onClick={async (e) => {
-     *     const isValid = await validateForm();
-     *     return isValid;
-     *   }}
-     *   appearance="primary"
-     * />
-     */
+    /** Advances; last step uses `completeLabel` and calls `onComplete`. */
     NextButton: StepperNextButton,
-    /**
-     * Previous button component for navigating to the previous step in the Stepper.
-     *
-     * Features:
-     * - Navigates to the previous step when available
-     * - Hides when on the first step
-     * - Restores navigation when returning from completion
-     * - Accessible with proper button semantics
-     * - Customizable label and styling
-     * - Integration with stepper context
-     * - Automatic focus management
-     * - Support for completion state handling
-     *
-     * @example
-     * <Stepper.PrevButton label="Go Back" />
-     *
-     * @example
-     * <Stepper.PrevButton
-     *   label="Previous Step"
-     *   appearance="secondary"
-     *   onClick={(e) => console.log('Going back')}
-     * />
-     */
+    /** Goes back one step, or leaves the completed FinalPanel. Hidden on the first step. */
     PrevButton: StepperPrevButton,
-    /**
-     * Final panel component displayed when all stepper steps are completed.
-     *
-     * Features:
-     * - Displays only when all steps are completed
-     * - Smooth fade-in animation on completion
-     * - Automatic overflow handling with scroll support
-     * - Accessible with proper ARIA roles
-     * - Layout utilities for positioning and spacing
-     * - Motion animations for smooth transitions
-     * - Focus management for keyboard navigation
-     * - Responsive design with flexible layout
-     * - Context-based visibility control
-     *
-     * @example
-     * <Stepper.FinalPanel>
-     *   <h2>Congratulations!</h2>
-     *   <p>You have successfully completed all steps.</p>
-     *   <Button onClick={handleSubmit}>Submit</Button>
-     * </Stepper.FinalPanel>
-     */
+    /** Shown after the last Next completes, or when `defaultIndex` starts completed. */
     FinalPanel: StepperFinalPanel
   }
 );
 Stepper.displayName = "Stepper";
 export { Stepper as S, StepperBase as a };
-//# sourceMappingURL=Stepper-CCKHWlUr.js.map
+//# sourceMappingURL=Stepper-C-QC9QHx.js.map