@servicetitan/anvil2 1.44.2 → 1.45.1

package/dist/SideNav-CBAzYyML.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav-CBAzYyML.js","sources":["../src/components/SideNav/internal/utils.ts","../src/components/SideNav/internal/SideNavLink.tsx","../src/components/SideNav/internal/SideNavProvider.tsx","../src/components/SideNav/SideNavLink.tsx","../src/components/SideNav/SideNavCollapsible.tsx","../src/components/SideNav/SideNavGroup.tsx","../src/components/SideNav/SideNav.tsx"],"sourcesContent":["import { KeyboardEvent, RefObject } from \"react\";\nimport { SideNavContextProps } from \"../SideNav\";\n\n/**\n * Handles keyboard navigation for SideNav components using arrow keys.\n *\n * This function manages focus movement between navigable elements in a SideNav,\n * providing circular navigation (wrapping from last to first and vice versa).\n * It updates tabindex attributes to maintain proper focus management and\n * prevents default browser behavior for arrow key navigation.\n *\n * @param e - The keyboard event that triggered the navigation\n * @param links - NodeList of all navigable elements in the SideNav\n * @param current - Ref object pointing to the currently focused element\n * @returns void\n */\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 {\n  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MouseEvent,\n  forwardRef,\n  useRef,\n  useEffect,\n} from \"react\";\nimport styles from \"../SideNav.module.scss\";\nimport { sideNavKeyboardNavigation } from \"./utils\";\nimport { useSideNav } from \"../SideNav\";\n\n/**\n * Props for the SideNavLink component\n * @extends Omit<ComponentPropsWithoutRef<\"a\">, \"id\" | \"onClick\" | \"onKeyDown\" | \"onKeyUp\">\n */\nexport type SideNavLinkProps = Omit<\n  ComponentPropsWithoutRef<\"a\">,\n  \"id\" | \"onClick\" | \"onKeyDown\" | \"onKeyUp\"\n> & {\n  /**\n   * Unique identifier for the navigation link\n   */\n  id: string;\n  /**\n   * When true, marks the link as the current active page\n   */\n  active?: boolean;\n  /**\n   * When true, disables the link and prevents interaction\n   */\n  disabled?: boolean;\n  /**\n   * Function called when the link is clicked\n   */\n  onClick?: (\n    e: MouseEvent<HTMLAnchorElement>,\n    id: SideNavLinkProps[\"id\"],\n  ) => void;\n  /**\n   * Function called when a key is pressed down on the link\n   */\n  onKeyDown?: (\n    e: KeyboardEvent<HTMLAnchorElement>,\n    id: SideNavLinkProps[\"id\"],\n  ) => void;\n  /**\n   * Function called when a key is released on the link\n   */\n  onKeyUp?: (\n    e: KeyboardEvent<HTMLAnchorElement>,\n    id: SideNavLinkProps[\"id\"],\n  ) => void;\n};\n\n/**\n * SideNavLink component for individual navigation links within a SideNav.\n *\n * Features:\n * - Individual navigation links with active state support\n * - Keyboard navigation integration with arrow keys\n * - Focus management and tabindex handling\n * - Accessible with proper ARIA attributes\n * - Click and keyboard event handling\n * - Disabled state support\n * - Automatic active state tracking through context\n *\n * @example\n * <SideNav.Link id=\"intro\" href=\"/intro\" active>\n *   Introduction\n * </SideNav.Link>\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]);\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      // find current item that has tabindex 0\n      const current = Array.prototype.slice\n        .call(links)\n        .filter((child) => (child as HTMLElement).tabIndex === 0)[0];\n\n      // remove above from tabbable\n      if (current) current.setAttribute(\"tabindex\", \"-1\");\n\n      // make label button tabbable\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 { PropsWithChildren, createContext, useContext, useState } from \"react\";\n\n/**\n * Interface for the side navigation context\n */\ninterface ISideNavContext {\n  /**\n   * Current location pathname for routing\n   */\n  location: string;\n  /**\n   * Function to update the current location\n   */\n  setLocation: (location: string) => void;\n}\n\nconst defaultContext = {\n  location: \"\",\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function\n  setLocation: (_location: string) => {},\n};\n\nconst SideNavContext: React.Context<ISideNavContext> =\n  createContext(defaultContext);\n\n/**\n * Custom hook for accessing the SideNav context.\n * @returns The SideNav context with location and setLocation\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport const useSideNavContext = () => useContext(SideNavContext);\n\n/**\n * SideNavProvider component for managing routing state in SideNav components.\n *\n * Features:\n * - Provides routing context for SideNav components\n * - Manages current location state\n * - Enables client-side routing without page reloads\n * - Integrates with browser history API\n * - Context provider for child components\n *\n * @example\n * <SideNavProvider>\n *   <SideNav>\n *     <SideNav.Link pathname=\"/intro\">Introduction</SideNav.Link>\n *   </SideNav>\n * </SideNavProvider>\n */\nexport const SideNavProvider = ({ children }: PropsWithChildren) => {\n  const [location, setLocation] = useState(window.location.pathname);\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  SideNavLinkProps as CoreSideNavLinkProps,\n  SideNavLink as CoreSideNavLink,\n} from \"./internal/SideNavLink\";\nimport { Ref, forwardRef, useCallback } from \"react\";\nimport { useSideNavContext } from \"./internal/SideNavProvider\";\n\n/**\n * Props for SideNavLink with routing support\n * @property {string} [href] - URL for the link (used when pathname is not provided)\n * @property {string} pathname - Pathname for client-side routing\n * @property {string} [search] - Optional search parameters for the URL\n * @property {boolean} [active] - When true, marks the link as the current active page\n * @property {boolean} [disabled] - When true, disables the link and prevents interaction\n * @extends CoreSideNavLinkProps\n */\ntype SideNavLinkWithRoutingProps = CoreSideNavLinkProps & {\n  /**\n   * Pathname for client-side routing\n   */\n  pathname: string;\n  /**\n   * Optional search parameters for the URL\n   */\n  search?: string;\n};\n\n/**\n * SideNavLink component with routing support\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); // eslint-disable-line no-restricted-globals\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\nexport type SideNavLinkProps =\n  | CoreSideNavLinkProps\n  | SideNavLinkWithRoutingProps;\n\n/**\n * SideNavLink component for individual navigation links within a SideNav.\n *\n * Features:\n * - Individual navigation links with active state support\n * - Keyboard navigation integration with arrow keys\n * - Focus management and tabindex handling\n * - Accessible with proper ARIA attributes\n * - Click and keyboard event handling\n * - Disabled state support\n * - Automatic active state tracking through context\n * - Client-side routing support with pathname prop\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <SideNav.Link id=\"intro\" href=\"/intro\" active>\n *   Introduction\n * </SideNav.Link>\n *\n * <SideNav.Link id=\"intro\" pathname=\"/intro\" active>\n *   Introduction (with routing)\n * </SideNav.Link>\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  ComponentPropsWithoutRef,\n  KeyboardEvent,\n  MouseEvent,\n  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 \"./SideNav\";\n\n/**\n * Props for the SideNavCollapsible component\n * @extends Omit<ComponentPropsWithoutRef<\"li\">, \"onClick\">\n */\nexport type SideNavCollapsibleProps = Omit<\n  ComponentPropsWithoutRef<\"li\">,\n  \"onClick\"\n> & {\n  /**\n   * The label text displayed for the collapsible section\n   */\n  label: string;\n  /**\n   * Function called when the collapsible button is clicked\n   */\n  onClick?: ComponentPropsWithoutRef<\"button\">[\"onClick\"];\n  /**\n   * Function called when a key is pressed on the collapsible button\n   */\n  onKeyDown?: ComponentPropsWithoutRef<\"button\">[\"onKeyDown\"];\n  /**\n   * Initial expansion state for uncontrolled usage\n   * @default false\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Controlled expansion state\n   */\n  expanded?: boolean;\n};\n\n/**\n * SideNavCollapsible component for expandable navigation sections within a SideNav.\n *\n * Features:\n * - Expandable/collapsible navigation sections\n * - Controlled and uncontrolled expansion states\n * - Keyboard navigation with arrow keys for expansion\n * - Automatic expansion when child links are active\n * - Accessible with proper ARIA expanded states\n * - Visual indicators for active children\n * - Integration with SideNav keyboard navigation\n *\n * @example\n * <SideNav.Collapsible label=\"Components\">\n *   <SideNav.Link id=\"button\" href=\"/components/button\">\n *     Button\n *   </SideNav.Link>\n *   <SideNav.Link id=\"input\" href=\"/components/input\">\n *     Input\n *   </SideNav.Link>\n * </SideNav.Collapsible>\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    // find current item that has tabindex 0\n    const current = Array.prototype.slice\n      .call(links)\n      .filter((child) => (child as HTMLElement).tabIndex === 0)[0];\n\n    // remove above from tabbable\n    if (current) current.setAttribute(\"tabindex\", \"-1\");\n\n    // make label button tabbable\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]);\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 { ComponentPropsWithoutRef, forwardRef, useId } from \"react\";\nimport styles from \"./SideNav.module.scss\";\nimport cx from \"classnames\";\n\n/**\n * Props for the SideNavGroup component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type SideNavGroupProps = ComponentPropsWithoutRef<\"li\"> & {\n  /**\n   * The label text displayed for the navigation group\n   */\n  label: string;\n};\n\n/**\n * SideNavGroup component for grouping related navigation links within a SideNav.\n *\n * Features:\n * - Groups related navigation links with labels\n * - Accessible with proper ARIA labeling\n * - Semantic grouping for screen readers\n * - Consistent styling and spacing\n * - Unique ID generation for accessibility\n *\n * @example\n * <SideNav.Group label=\"Getting Started\">\n *   <SideNav.Link id=\"intro\" href=\"/intro\">\n *     Introduction\n *   </SideNav.Link>\n *   <SideNav.Link id=\"installation\" href=\"/installation\">\n *     Installation\n *   </SideNav.Link>\n * </SideNav.Group>\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\n    const groupLabelId = useId();\n    return (\n      <li ref={ref} data-anv=\"sidenav-group\" {...rest}>\n        <label id={groupLabelId} className={styles[\"group-label\"]}>\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 {\n  ComponentPropsWithoutRef,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport { 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 { DataTrackingId } from \"../../types\";\n\n/**\n * Props for the SideNav component\n * @extends ComponentPropsWithoutRef<\"nav\">\n * @extends LayoutUtilProps\n */\nexport type SideNavProps = ComponentPropsWithoutRef<\"nav\"> &\n  LayoutUtilProps &\n  DataTrackingId;\n\n/**\n * Context props for the SideNav component\n */\nexport type SideNavContextProps = {\n  /**\n   * List of navigable elements in the side navigation\n   */\n  links: NodeListOf<Element> | undefined;\n  /**\n   * Function to recalculate the list of navigable links\n   */\n  reCalculateLinks: () => void;\n  /**\n   * Set of currently active link IDs\n   */\n  activeIds: Set<string>;\n  /**\n   * Function to add an ID to the active set\n   */\n  addActiveId: (id: string) => void;\n  /**\n   * Function to remove an ID from the active set\n   */\n  removeActiveId: (id: string) => void;\n};\n\nexport const SideNavContext = createContext<SideNavContextProps | null>(null);\n\nconst SideNavElement = forwardRef<HTMLElement, SideNavProps>((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 = (id: string) => {\n    if (activeIds.has(id)) return;\n    const newIds = new Set(activeIds);\n    newIds.add(id);\n    setActiveIds(newIds);\n  };\n\n  const removeActiveId = (id: string) => {\n    if (!activeIds.has(id)) return;\n    const newIds = new Set(activeIds);\n    newIds.delete(id);\n    setActiveIds(newIds);\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  function reCalculateLinks() {\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  }\n\n  useEffect(() => {\n    reCalculateLinks();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\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  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/**\n * Custom hook for accessing the SideNav context.\n * @returns The SideNav context with links, activeIds, and utility functions\n * @throws Error if used outside of a SideNav component\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\nSideNavElement.displayName = \"SideNav\";\n\n/**\n * SideNav component for creating hierarchical navigation menus.\n *\n * Features:\n * - Hierarchical navigation structure with links, groups, and collapsible sections\n * - Keyboard navigation support with arrow keys and focus management\n * - Active state tracking for current page/section\n * - Accessible with proper ARIA roles and labels\n * - Automatic link recalculation for dynamic content\n * - Context provider for child components\n * - Layout utility props for positioning and spacing\n *\n * @example\n * <SideNav>\n *   <SideNav.Group label=\"Getting Started\">\n *     <SideNav.Link id=\"intro\" href=\"/intro\" active>\n *       Introduction\n *     </SideNav.Link>\n *     <SideNav.Link id=\"installation\" href=\"/installation\">\n *       Installation\n *     </SideNav.Link>\n *   </SideNav.Group>\n *   <SideNav.Collapsible label=\"Components\">\n *     <SideNav.Link id=\"button\" href=\"/components/button\">\n *       Button\n *     </SideNav.Link>\n *     <SideNav.Link id=\"input\" href=\"/components/input\">\n *       Input\n *     </SideNav.Link>\n *   </SideNav.Collapsible>\n * </SideNav>\n */\nexport const SideNav = Object.assign(SideNavElement, {\n  /**\n   * SideNavLink component for individual navigation links.\n   *\n   * Features:\n   * - Individual navigation links with active state support\n   * - Keyboard navigation integration with arrow keys\n   * - Focus management and tabindex handling\n   * - Accessible with proper ARIA attributes\n   * - Click and keyboard event handling\n   * - Disabled state support\n   *\n   * @example\n   * <SideNav.Link id=\"intro\" href=\"/intro\" active>\n   *   Introduction\n   * </SideNav.Link>\n   */\n  Link: SideNavLink,\n  /**\n   * SideNavCollapsible component for expandable navigation sections.\n   *\n   * Features:\n   * - Expandable/collapsible navigation sections\n   * - Controlled and uncontrolled expansion states\n   * - Keyboard navigation with arrow keys for expansion\n   * - Automatic expansion when child links are active\n   * - Accessible with proper ARIA expanded states\n   * - Visual indicators for active children\n   *\n   * @example\n   * <SideNav.Collapsible label=\"Components\">\n   *   <SideNav.Link id=\"button\" href=\"/components/button\">\n   *     Button\n   *   </SideNav.Link>\n   *   <SideNav.Link id=\"input\" href=\"/components/input\">\n   *     Input\n   *   </SideNav.Link>\n   * </SideNav.Collapsible>\n   */\n  Collapsible: SideNavCollapsible,\n  /**\n   * SideNavGroup component for grouping related navigation links.\n   *\n   * Features:\n   * - Groups related navigation links with labels\n   * - Accessible with proper ARIA labeling\n   * - Semantic grouping for screen readers\n   * - Consistent styling and spacing\n   *\n   * @example\n   * <SideNav.Group label=\"Getting Started\">\n   *   <SideNav.Link id=\"intro\" href=\"/intro\">\n   *     Introduction\n   *   </SideNav.Link>\n   *   <SideNav.Link id=\"installation\" href=\"/installation\">\n   *     Installation\n   *   </SideNav.Link>\n   * </SideNav.Group>\n   */\n  Group: SideNavGroup,\n});\n"],"names":["SideNavLink","SideNavContext","CoreSideNavLink","ArrowDown"],"mappings":"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"}

package/dist/SideNav.css

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {
   ._headline_1n03v_2 {
     all: unset;

package/dist/SideNav.js

@@ -1,2 +1,2 @@
-export { S as SideNav, a as SideNavCollapsible, b as SideNavGroup, c as SideNavLink, S as default } from './SideNav-Bh_pVeEw.js';
+export { S as SideNav, b as SideNavCollapsible, c as SideNavGroup, a as SideNavLink, S as default } from './SideNav-CBAzYyML.js';
 //# sourceMappingURL=SideNav.js.map

package/dist/Skeleton.css

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {
   ._skeleton_unbyv_2 {
     all: unset;

package/dist/Skeleton.d.ts

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

package/dist/Skeleton.js

@@ -1,2 +1,191 @@
-export { S as Skeleton, a as SkeletonCircle, b as SkeletonPill, c as SkeletonRectangle, d as SkeletonText, S as default } from './Skeleton-COxTdwjO.js';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cx } from './index-tZvMCc77.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
+
+import './Skeleton.css';const skeleton = "_skeleton_unbyv_2";
+const shade = "_shade_unbyv_17";
+const pulser = "_pulser_unbyv_1";
+const text = "_text_unbyv_29";
+const body = "_body_unbyv_33";
+const line = "_line_unbyv_33";
+const headline = "_headline_unbyv_40";
+const circle = "_circle_unbyv_44";
+const rectangle = "_rectangle_unbyv_49";
+const pill = "_pill_unbyv_53";
+const styles = {
+	skeleton: skeleton,
+	shade: shade,
+	pulser: pulser,
+	text: text,
+	body: body,
+	line: line,
+	headline: headline,
+	circle: circle,
+	rectangle: rectangle,
+	pill: pill
+};
+
+const SkeletonCircle = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      diameter,
+      "aria-label": ariaLabel = "Loading content",
+      style,
+      ...rest
+    } = componentProps;
+    const SkeletonClassNames = cx(
+      [styles["skeleton"]],
+      [styles["circle"]],
+      styles["shade"],
+      className
+    );
+    const styleCombined = {
+      ...style,
+      ...layoutStyles,
+      "--diameter": diameter
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...rest,
+        "data-anv": "skeleton-circle",
+        role: "progressbar",
+        "aria-busy": "true",
+        className: SkeletonClassNames,
+        style: styleCombined,
+        "aria-label": ariaLabel,
+        ref
+      }
+    );
+  }
+);
+SkeletonCircle.displayName = "SkeletonCircle";
+
+const SkeletonPill = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      width,
+      "aria-label": ariaLabel = "Loading content",
+      style,
+      ...rest
+    } = componentProps;
+    const SkeletonClassNames = cx(
+      [styles["skeleton"]],
+      [styles["pill"]],
+      styles["shade"],
+      className
+    );
+    const styleCombined = {
+      ...style,
+      ...layoutStyles,
+      "--width": width
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...rest,
+        "data-anv": "skeleton-pill",
+        role: "progressbar",
+        "aria-busy": "true",
+        className: SkeletonClassNames,
+        style: styleCombined,
+        "aria-label": ariaLabel,
+        ref
+      }
+    );
+  }
+);
+SkeletonPill.displayName = "SkeletonPill";
+
+const SkeletonRectangle = forwardRef((props, ref) => {
+  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+  const {
+    className,
+    height,
+    "aria-label": ariaLabel = "Loading content",
+    style,
+    ...rest
+  } = componentProps;
+  const SkeletonClassNames = cx(
+    [styles["skeleton"]],
+    [styles["rectangle"]],
+    styles["shade"],
+    className
+  );
+  const styleCombined = {
+    ...style,
+    ...layoutStyles,
+    "--height": height
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      "data-anv": "skeleton-rectangle",
+      role: "progressbar",
+      "aria-busy": "true",
+      className: SkeletonClassNames,
+      style: styleCombined,
+      "aria-label": ariaLabel,
+      ref
+    }
+  );
+});
+SkeletonRectangle.displayName = "SkeletonRectangle";
+
+const SkeletonText = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      "aria-label": ariaLabel = "Loading content",
+      variant = "body",
+      style,
+      ...rest
+    } = componentProps;
+    const SkeletonClassNames = cx(
+      [styles["skeleton"]],
+      [styles["text"]],
+      [styles[variant]],
+      className
+    );
+    const styleCombined = {
+      ...style,
+      ...layoutStyles
+    };
+    const ShaderClassName = cx(styles["line"], styles["shade"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...rest,
+        "data-anv": "skeleton-text",
+        role: "progressbar",
+        "aria-busy": "true",
+        className: SkeletonClassNames,
+        style: styleCombined,
+        "aria-label": ariaLabel,
+        ref,
+        children: "rows" in rest ? Array.from({ length: rest.rows ?? 1 }, (_, i) => i).map((i) => /* @__PURE__ */ jsx("div", { className: ShaderClassName }, `line-${i}`)) : /* @__PURE__ */ jsx("div", { className: ShaderClassName })
+      }
+    );
+  }
+);
+SkeletonText.displayName = "SkeletonText";
+
+const Skeleton = Object.assign(
+  {},
+  {
+    Circle: SkeletonCircle,
+    Pill: SkeletonPill,
+    Rectangle: SkeletonRectangle,
+    Text: SkeletonText
+  }
+);
+
+export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText };
 //# sourceMappingURL=Skeleton.js.map

package/dist/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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 { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport { 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\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      \"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      className,\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n      \"--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 { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport { 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\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      \"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      className,\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n      \"--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 { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport { 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\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    \"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    className,\n  );\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n    \"--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 { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Skeleton.module.scss\";\nimport { 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    | {\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      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(styles[\"line\"], styles[\"shade\"]);\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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"}

package/dist/{Spinner-DliJVzdW-BQlZEj4V.js → Spinner-wmO8Epw0.js}

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
 
-import './Spinner-DliJVzdW.css';const Spinner$1 = "_Spinner_iev2f_2";
+import './Spinner.css';const Spinner$1 = "_Spinner_iev2f_2";
 const Inherit = "_Inherit_iev2f_21";
 const circle = "_circle_iev2f_24";
 const styles = {
@@ -22,4 +22,4 @@ const Spinner = forwardRef(
 Spinner.displayName = "Spinner";
 
 export { Spinner as S };
-//# sourceMappingURL=Spinner-DliJVzdW-BQlZEj4V.js.map
+//# sourceMappingURL=Spinner-wmO8Epw0.js.map

package/dist/Spinner-wmO8Epw0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-wmO8Epw0.js","sources":["../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport styles from \"./Spinner.module.scss\";\nimport cx from \"classnames\";\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/**\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, ...rest } = props;\n    const classNames = cx(styles[\"Spinner\"], className, {\n      [styles[\"Inherit\"]]: inherit,\n    });\n    return (\n      <span data-anv=\"spinner\" className={classNames} ref={ref}>\n        <span className={styles[\"circle\"]} {...rest} />\n      </span>\n    );\n  },\n);\n\nSpinner.displayName = \"Spinner\";\n"],"names":[],"mappings":";;;;;;;;;;;;AAiCO,MAAM,OAAU,GAAA,UAAA;AAAA,EACrB,CAAC,OAAO,GAAQ,KAAA;AACd,IAAA,MAAM,EAAE,SAAA,EAAW,OAAS,EAAA,GAAG,MAAS,GAAA,KAAA;AACxC,IAAA,MAAM,UAAa,GAAA,EAAA,CAAG,MAAO,CAAA,SAAS,GAAG,SAAW,EAAA;AAAA,MAClD,CAAC,MAAA,CAAO,SAAS,CAAC,GAAG;AAAA,KACtB,CAAA;AACD,IAAA,uBACG,GAAA,CAAA,MAAA,EAAA,EAAK,UAAS,EAAA,SAAA,EAAU,WAAW,UAAY,EAAA,GAAA,EAC9C,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAK,WAAW,MAAO,CAAA,QAAQ,CAAI,EAAA,GAAG,MAAM,CAC/C,EAAA,CAAA;AAAA;AAGN;AAEA,OAAA,CAAQ,WAAc,GAAA,SAAA;;;;"}

package/dist/{Spinner-DliJVzdW.css → Spinner.css}

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {
   ._Spinner_iev2f_2 {
     all: unset;

package/dist/Spinner.js

@@ -1,2 +1,2 @@
-export { S as Spinner, S as default } from './Spinner-C1r3COiQ.js';
+export { S as Spinner, S as default } from './Spinner-wmO8Epw0.js';
 //# sourceMappingURL=Spinner.js.map

package/dist/{SrOnly-BsKDHetF-B93X65F1.js → SrOnly-CTsYSuby.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { c as cx } from './index-tZvMCc77.js';
 
-import './SrOnly-BsKDHetF.css';const styles = {
+import './SrOnly.css';const styles = {
 	"sr-only": "_sr-only_4befq_2"
 };
 
@@ -12,4 +12,4 @@ const SrOnly = (props) => {
 };
 
 export { SrOnly as S };
-//# sourceMappingURL=SrOnly-BsKDHetF-B93X65F1.js.map
+//# sourceMappingURL=SrOnly-CTsYSuby.js.map

package/dist/SrOnly-CTsYSuby.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SrOnly-CTsYSuby.js","sources":["../src/components/SrOnly/SrOnly.tsx"],"sourcesContent":["import { 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":";;;;;;;AAmBa,MAAA,MAAA,GAAS,CAAC,KAA4C,KAAA;AACjE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAS,GAAA,KAAA;AAC/B,EAAA,MAAM,UAAa,GAAA,EAAA,CAAG,MAAO,CAAA,SAAS,GAAG,SAAS,CAAA;AAClD,EAAA,2BAAQ,MAAK,EAAA,EAAA,UAAA,EAAS,WAAU,SAAW,EAAA,UAAA,EAAa,GAAG,IAAM,EAAA,CAAA;AACnE;;;;"}

package/dist/{SrOnly-BsKDHetF.css → SrOnly.css}

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer base {
   ._sr-only_4befq_2 {
     border: 0;

package/dist/SrOnly.js

@@ -1,2 +1,2 @@
-export { S as SrOnly, S as default } from './SrOnly-C_I8eH4C.js';
+export { S as SrOnly, S as default } from './SrOnly-CTsYSuby.js';
 //# sourceMappingURL=SrOnly.js.map