@primer/react-brand 0.75.2-rc.26bd444b → 0.76.0-rc.16d4997d

package/docs/components/SubdomainNavBar/index.md

@@ -32,6 +32,32 @@ import {SubdomainNavBar} from '@primer/react-brand'
 </div>
 ```
 
+### Featured variant
+
+The `featured` variant displays the GitHub name alongside the site title and an expanded search field on desktop.
+
+> This variant is for internal use only.
+>
+> Please check with the Primer Brand team before using this variant.
+
+```jsx
+<div style={{width: '100%'}}>
+  <SubdomainNavBar title="Site title" variant="featured" fixed={false} fullWidth>
+    <SubdomainNavBar.Link href="#">Overview</SubdomainNavBar.Link>
+    <SubdomainNavBar.Link href="#">Documentation</SubdomainNavBar.Link>
+    <SubdomainNavBar.Link href="#">Resources</SubdomainNavBar.Link>
+    <SubdomainNavBar.Search
+      placeholder="Search Site title"
+      searchTerm=""
+      searchResults={[]}
+      onChange={() => undefined}
+      onSubmit={event => event.preventDefault()}
+    />
+    <SubdomainNavBar.PrimaryAction href="#">Primary CTA</SubdomainNavBar.PrimaryAction>
+  </SubdomainNavBar>
+</div>
+```
+
 ### Search
 
 `SubdomainNavBar` offers an optional search form control that supports both `onSubmit` and `onChange`; use `onChange` to display inline results. The `placeholder` labels the input in the opened dialog and defaults to `Search {title}`, or `Search` when no navigation title is available.
@@ -179,6 +205,7 @@ render(<LocalizedMenu />)
 | `style`                 | `React.CSSProperties`                                                                                                                                |                      | Forwards custom inline styles to the root element                       |
 | `fixed`                 | `boolean`                                                                                                                                            | `true`               | Fixes the navigation bar to the top of the viewport                     |
 | `fullWidth`             | `boolean`                                                                                                                                            | `false`              | Allows the inner content to fill the available width                    |
+| `variant`               | `'default' \| 'featured'`                                                                                                                            | `'default'`          | Sets the navigation layout                                              |
 | `logoHref`              | `string`                                                                                                                                             | `https://github.com` | Changes the URL of the GitHub logo                                      |
 | `title`                 | `string`                                                                                                                                             |                      | Required subdomain name used visibly and by assistive technologies      |
 | `titleHref`             | `string`                                                                                                                                             | `/`                  | Links the title to the subdomain root                                   |
@@ -187,7 +214,7 @@ render(<LocalizedMenu />)
 | `ref`                   | `React.Ref<SubdomainNavBarHandle>`                                                                                                                   |                      | Ref to the root element with `openSearch()` and `closeSearch()` methods |
 | `onNarrowMenuToggle`    | `(isOpen: boolean) => void`                                                                                                                          |                      | Called with the new state when the narrow menu opens or closes          |
 
-`SubdomainNavBarProps`, `SubdomainNavBarHandle`, and `SubdomainNavBarMenuLabels` are exported from `@primer/react-brand`.
+`SubdomainNavBarProps`, `SubdomainNavBarHandle`, `SubdomainNavBarMenuLabels`, and `SubdomainNavBarVariant` are exported from `@primer/react-brand`.
 
 ### Menu labels
 

package/docs/index.md

@@ -1,6 +1,6 @@
-# Primer Brand docs (v0.75.2-rc.26bd444b)
+# Primer Brand docs (v0.76.0-rc.16d4997d)
 
-These docs are bundled with `@primer/react-brand@0.75.2-rc.26bd444b` and match your installed version.
+These docs are bundled with `@primer/react-brand@0.76.0-rc.16d4997d` and match your installed version.
 
 New here? Start with [Getting started](getting-started/index.md) for installation, global
 stylesheet and font setup. Component directories are named after their import (e.g.

package/esm/Accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAQZ,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EAGnB,KAAK,YAAY,EAGlB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAU,KAAK,YAAY,EAAC,MAAM,KAAK,CAAA;AAK9C;;GAEG;AACH,OAAO,6GAA6G,CAAA;AAKpH,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,GAAG;IAC3E,QAAQ,EAAE,YAAY,CAAC,qBAAqB,GAAG,qBAAqB,CAAC,EAAE,CAAA;IACvE,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AAkBD,eAAO,MAAM,aAAa;cAtBd,YAAY,CAAC,qBAAqB,GAAG,qBAAqB,CAAC,EAAE;cAC7D,SAAS,GAAG,UAAU;uBACb,OAAO;iBACb,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI;4CAkNvC,CAAA;AAED,eAAO,MAAM,qBAAqB,8MAAqC,CAAA;AAEvE,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAChE,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;IACpD,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;CAChC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;SAXtB,YAAY,CAAC,IAAI,CAAC;sBACL,OAAO;kBACX,CAAC,OAAO,qBAAqB,EAAE,MAAM,CAAC;aAC3C,YAAY,CAAC,QAAQ,CAAC;4CAiChC,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAE/D,eAAO,MAAM,gBAAgB,GAAI,kCAAgC,qBAAqB,sBAIrF,CAAA;AAED,eAAO,MAAM,SAAS;cAxQV,YAAY,CAAC,qBAAqB,GAAG,qBAAqB,CAAC,EAAE;cAC7D,SAAS,GAAG,UAAU;uBACb,OAAO;iBACb,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI;;gDA+PyB,qBAAqB;;aAxC/E,YAAY,CAAC,IAAI,CAAC;0BACL,OAAO;sBACX,CAAC,OAAO,qBAAqB,EAAE,MAAM,CAAC;iBAC3C,YAAY,CAAC,QAAQ,CAAC;;CA2C4E,CAAA"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAQZ,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EAGnB,KAAK,YAAY,EAGlB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAU,KAAK,YAAY,EAAC,MAAM,KAAK,CAAA;AAK9C;;GAEG;AACH,OAAO,6GAA6G,CAAA;AAKpH,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,GAAG;IAC3E,QAAQ,EAAE,YAAY,CAAC,qBAAqB,GAAG,qBAAqB,CAAC,EAAE,CAAA;IACvE,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AAkBD,eAAO,MAAM,aAAa;cAtBd,YAAY,CAAC,qBAAqB,GAAG,qBAAqB,CAAC,EAAE;cAC7D,SAAS,GAAG,UAAU;uBACb,OAAO;iBACb,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI;4CA+MvC,CAAA;AAED,eAAO,MAAM,qBAAqB,8MAAqC,CAAA;AAEvE,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAChE,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;IACpD,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;CAChC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;SAXtB,YAAY,CAAC,IAAI,CAAC;sBACL,OAAO;kBACX,CAAC,OAAO,qBAAqB,EAAE,MAAM,CAAC;aAC3C,YAAY,CAAC,QAAQ,CAAC;4CAiChC,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAE/D,eAAO,MAAM,gBAAgB,GAAI,kCAAgC,qBAAqB,sBAIrF,CAAA;AAED,eAAO,MAAM,SAAS;cArQV,YAAY,CAAC,qBAAqB,GAAG,qBAAqB,CAAC,EAAE;cAC7D,SAAS,GAAG,UAAU;uBACb,OAAO;iBACb,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI;;gDA4PyB,qBAAqB;;aAxC/E,YAAY,CAAC,IAAI,CAAC;0BACL,OAAO;sBACX,CAAC,OAAO,qBAAqB,EAAE,MAAM,CAAC;iBAC3C,YAAY,CAAC,QAAQ,CAAC;;CA2C4E,CAAA"}

package/esm/Accordion/Accordion.js

@@ -15,9 +15,7 @@ var g = s(null), _ = () => {
 }, v = c(({ children: t, className: n, variant: i = "default", disableAnimation: a = !1, open: s, onClick: c, onToggle: u, onKeyDown: h, handleOpen: _, ...v }, y) => {
 	let b = r(y), x = p(null), S = p(!1), C = f(() => ({ variant: i }), [i]), w = l((e) => {
 		let t = e.querySelector(`:scope > .${o.Accordion__content}`), n = t?.querySelector(`.${o["Accordion__content-inner"]}`);
-		if (!t || !n) return null;
-		let r = parseFloat(getComputedStyle(t).getPropertyValue("--brand-Accordion-content-offset")), i = Math.max(0, n.scrollHeight - (Number.isNaN(r) ? 0 : r));
-		return e.style.setProperty("--brand-Accordion-content-height", `${i}px`), t;
+		return !t || !n ? null : (e.style.setProperty("--brand-Accordion-content-height", `${n.scrollHeight}px`), t);
 	}, []), T = l(() => {
 		x.current &&= (clearTimeout(x.current), null);
 	}, []), E = l((e) => {

package/esm/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":[],"sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["import React, {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  type DetailsHTMLAttributes,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEventHandler,\n  type ReactElement,\n  type RefObject,\n  type ToggleEvent,\n} from 'react'\nimport {clsx} from 'clsx'\n\nimport {Heading, type HeadingProps} from '../'\nimport {TriangleDownIcon} from '@primer/octicons-react'\nimport {Colors, BiColorGradients as Gradients} from '../constants'\nimport {useProvidedRefOrCreate} from '../hooks/useRef'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Accordion.module.css'\n\nexport type AccordionRootProps = DetailsHTMLAttributes<HTMLDetailsElement> & {\n  children: ReactElement<AccordionHeadingProps | AccordionContentProps>[]\n  variant?: 'default' | 'emphasis'\n  disableAnimation?: boolean\n  handleOpen?: (isOpen: boolean) => void\n}\n\ntype AccordionContextType = {\n  variant: 'default' | 'emphasis'\n}\n\nconst AccordionContext = createContext<AccordionContextType | null>(null)\n\nconst useAccordionContext = (): AccordionContextType => {\n  const context = useContext(AccordionContext)\n\n  if (context === null) {\n    throw new Error('Unable to find Accordion provider. Did you forget to wrap your component in an Accordion?')\n  }\n\n  return context\n}\n\nexport const AccordionRoot = forwardRef<HTMLDetailsElement, AccordionRootProps>(\n  (\n    {\n      children,\n      className,\n      variant = 'default',\n      disableAnimation = false,\n      open,\n      onClick,\n      onToggle,\n      onKeyDown,\n      handleOpen,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const ref = useProvidedRefOrCreate(forwardedRef as RefObject<HTMLDetailsElement | null>)\n    const closeAnimationTimeout = useRef<ReturnType<typeof setTimeout> | null>(null)\n    const isClosingRef = useRef(false)\n    const accordionContextValue = useMemo(() => ({variant}), [variant])\n\n    const setContentHeight = useCallback((details: HTMLDetailsElement) => {\n      const content = details.querySelector<HTMLElement>(`:scope > .${styles.Accordion__content}`)\n      const contentInner = content?.querySelector<HTMLElement>(`.${styles['Accordion__content-inner']}`)\n\n      if (!content || !contentInner) {\n        return null\n      }\n\n      const contentOffset = parseFloat(getComputedStyle(content).getPropertyValue('--brand-Accordion-content-offset'))\n      const contentHeight = Math.max(0, contentInner.scrollHeight - (Number.isNaN(contentOffset) ? 0 : contentOffset))\n\n      details.style.setProperty('--brand-Accordion-content-height', `${contentHeight}px`)\n\n      return content\n    }, [])\n\n    const clearCloseAnimation = useCallback(() => {\n      if (closeAnimationTimeout.current) {\n        clearTimeout(closeAnimationTimeout.current)\n        closeAnimationTimeout.current = null\n      }\n    }, [])\n\n    const closeWithAnimation = useCallback(\n      (details: HTMLDetailsElement) => {\n        clearCloseAnimation()\n        const reducedMotionQuery =\n          typeof window !== 'undefined' && typeof window.matchMedia === 'function'\n            ? window.matchMedia('(prefers-reduced-motion: reduce)')\n            : null\n        const prefersReducedMotion = reducedMotionQuery !== null && reducedMotionQuery.matches\n\n        if (prefersReducedMotion) {\n          details.open = false\n          isClosingRef.current = false\n          details.classList.remove(styles['Accordion--closing'])\n          return\n        }\n\n        const content = setContentHeight(details)\n\n        if (content) {\n          content.getBoundingClientRect()\n        }\n\n        isClosingRef.current = true\n        details.classList.add(styles['Accordion--closing'])\n\n        closeAnimationTimeout.current = setTimeout(() => {\n          details.open = false\n          isClosingRef.current = false\n          details.classList.remove(styles['Accordion--closing'])\n          closeAnimationTimeout.current = null\n        }, 300)\n      },\n      [clearCloseAnimation, setContentHeight],\n    )\n\n    const handleToggle = useCallback<(event: Event) => void>(\n      event => {\n        const toggleEvent = event as unknown as ToggleEvent<HTMLDetailsElement>\n        if (toggleEvent.currentTarget.open) {\n          clearCloseAnimation()\n          isClosingRef.current = false\n          toggleEvent.currentTarget.classList.remove(styles['Accordion--closing'])\n          setContentHeight(toggleEvent.currentTarget)\n        }\n        onToggle?.(toggleEvent)\n        handleOpen?.(toggleEvent.currentTarget.open)\n      },\n      [clearCloseAnimation, onToggle, handleOpen, setContentHeight],\n    )\n\n    const handleClick = useCallback<MouseEventHandler<HTMLDetailsElement>>(\n      event => {\n        onClick?.(event)\n\n        if (event.defaultPrevented || disableAnimation) {\n          return\n        }\n\n        const details = event.currentTarget\n        const target = event.target\n\n        if (!(target instanceof Element) || !details.open) {\n          return\n        }\n\n        const summary = target.closest('summary')\n\n        if (summary?.parentElement === details) {\n          event.preventDefault()\n\n          if (!isClosingRef.current) {\n            closeWithAnimation(details)\n          }\n        }\n      },\n      [closeWithAnimation, disableAnimation, onClick],\n    )\n\n    const handleKeyDown = useCallback<EventListener>(\n      event => {\n        const keyboardEvent = event as unknown as KeyboardEvent<HTMLDetailsElement>\n        onKeyDown?.(keyboardEvent)\n\n        const details = ref.current\n\n        if (keyboardEvent.key === 'Escape' && details?.open) {\n          clearCloseAnimation()\n          details.open = false\n          isClosingRef.current = false\n          details.classList.remove(styles['Accordion--closing'])\n          details.querySelector('summary')?.focus()\n        }\n      },\n      [clearCloseAnimation, onKeyDown, ref],\n    )\n\n    useEffect(() => {\n      const detailsElement = ref.current\n      if (detailsElement) {\n        const contentInner = detailsElement.querySelector<HTMLElement>(`.${styles['Accordion__content-inner']}`)\n        let resizeObserver: ResizeObserver | undefined\n\n        if (detailsElement.open) {\n          setContentHeight(detailsElement)\n        }\n\n        if (typeof ResizeObserver !== 'undefined' && contentInner) {\n          resizeObserver = new ResizeObserver(() => {\n            if (detailsElement.open) {\n              setContentHeight(detailsElement)\n            }\n          })\n          resizeObserver.observe(contentInner)\n        }\n\n        detailsElement.addEventListener('toggle', handleToggle)\n        detailsElement.addEventListener('keydown', handleKeyDown)\n\n        return () => {\n          clearCloseAnimation()\n          resizeObserver?.disconnect()\n          detailsElement.removeEventListener('toggle', handleToggle)\n          detailsElement.removeEventListener('keydown', handleKeyDown)\n        }\n      }\n    }, [clearCloseAnimation, handleToggle, handleKeyDown, ref, setContentHeight])\n\n    return (\n      <AccordionContext.Provider value={accordionContextValue}>\n        {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events -- summary is natively keyboard-operable and keyboard activation also fires click; onClick only intercepts to animate the close */}\n        <details\n          className={clsx(\n            styles.Accordion,\n            styles[`Accordion--${variant}`],\n            disableAnimation && styles['Accordion--disableAnimation'],\n            className,\n          )}\n          ref={ref}\n          open={open}\n          {...rest}\n          onClick={handleClick}\n        >\n          {children}\n        </details>\n      </AccordionContext.Provider>\n    )\n  },\n)\n\nexport const AccordionToggleColors = [...Colors, ...Gradients] as const\n\nexport type AccordionHeadingProps = HTMLAttributes<HTMLElement> & {\n  as?: HeadingProps['as']\n  reversedToggles?: boolean\n  toggleColor?: (typeof AccordionToggleColors)[number]\n  weight?: HeadingProps['weight']\n}\n\n/**\n * TODO This type is incorrect\n * The ref is applied to the summary, not the heading, so the correct type is\n * `forwardRef<HTMLElement, AccordionHeadingProps>`\n */\nexport const AccordionHeading = forwardRef<HTMLHeadingElement, AccordionHeadingProps>(\n  ({children, className, as = 'h4', toggleColor, reversedToggles, weight = 'normal', ...rest}, ref) => {\n    const {variant} = useAccordionContext()\n\n    return (\n      <summary\n        className={clsx(\n          styles.Accordion__summary,\n          reversedToggles && styles['Accordion__summary--reversed-toggles'],\n          styles[`Accordion__summary--${variant}`],\n          toggleColor && styles[`Accordion__summary--toggleColor-${toggleColor}`],\n          className,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        <span aria-hidden=\"true\" className={styles['Accordion__summary-toggle']}>\n          <TriangleDownIcon className={styles['Accordion__summary-toggleIcon']} size={22} />\n        </span>\n        <Heading as={as} size={variant === 'emphasis' ? '6' : 'subhead-large'} weight={weight}>\n          {children}\n        </Heading>\n      </summary>\n    )\n  },\n)\n\nexport type AccordionContentProps = HTMLAttributes<HTMLElement>\n\nexport const AccordionContent = ({children, className, ...rest}: AccordionContentProps) => (\n  <section className={clsx(styles.Accordion__content, className)} {...rest}>\n    <div className={styles['Accordion__content-inner']}>{children}</div>\n  </section>\n)\n\nexport const Accordion = Object.assign(AccordionRoot, {Content: AccordionContent, Heading: AccordionHeading})\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["import React, {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  type DetailsHTMLAttributes,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEventHandler,\n  type ReactElement,\n  type RefObject,\n  type ToggleEvent,\n} from 'react'\nimport {clsx} from 'clsx'\n\nimport {Heading, type HeadingProps} from '../'\nimport {TriangleDownIcon} from '@primer/octicons-react'\nimport {Colors, BiColorGradients as Gradients} from '../constants'\nimport {useProvidedRefOrCreate} from '../hooks/useRef'\n\n/**\n * Design tokens\n */\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css'\n\n/** * Main Stylesheet (as a CSS Module) */\nimport styles from './Accordion.module.css'\n\nexport type AccordionRootProps = DetailsHTMLAttributes<HTMLDetailsElement> & {\n  children: ReactElement<AccordionHeadingProps | AccordionContentProps>[]\n  variant?: 'default' | 'emphasis'\n  disableAnimation?: boolean\n  handleOpen?: (isOpen: boolean) => void\n}\n\ntype AccordionContextType = {\n  variant: 'default' | 'emphasis'\n}\n\nconst AccordionContext = createContext<AccordionContextType | null>(null)\n\nconst useAccordionContext = (): AccordionContextType => {\n  const context = useContext(AccordionContext)\n\n  if (context === null) {\n    throw new Error('Unable to find Accordion provider. Did you forget to wrap your component in an Accordion?')\n  }\n\n  return context\n}\n\nexport const AccordionRoot = forwardRef<HTMLDetailsElement, AccordionRootProps>(\n  (\n    {\n      children,\n      className,\n      variant = 'default',\n      disableAnimation = false,\n      open,\n      onClick,\n      onToggle,\n      onKeyDown,\n      handleOpen,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const ref = useProvidedRefOrCreate(forwardedRef as RefObject<HTMLDetailsElement | null>)\n    const closeAnimationTimeout = useRef<ReturnType<typeof setTimeout> | null>(null)\n    const isClosingRef = useRef(false)\n    const accordionContextValue = useMemo(() => ({variant}), [variant])\n\n    const setContentHeight = useCallback((details: HTMLDetailsElement) => {\n      const content = details.querySelector<HTMLElement>(`:scope > .${styles.Accordion__content}`)\n      const contentInner = content?.querySelector<HTMLElement>(`.${styles['Accordion__content-inner']}`)\n\n      if (!content || !contentInner) {\n        return null\n      }\n\n      details.style.setProperty('--brand-Accordion-content-height', `${contentInner.scrollHeight}px`)\n\n      return content\n    }, [])\n\n    const clearCloseAnimation = useCallback(() => {\n      if (closeAnimationTimeout.current) {\n        clearTimeout(closeAnimationTimeout.current)\n        closeAnimationTimeout.current = null\n      }\n    }, [])\n\n    const closeWithAnimation = useCallback(\n      (details: HTMLDetailsElement) => {\n        clearCloseAnimation()\n        const reducedMotionQuery =\n          typeof window !== 'undefined' && typeof window.matchMedia === 'function'\n            ? window.matchMedia('(prefers-reduced-motion: reduce)')\n            : null\n        const prefersReducedMotion = reducedMotionQuery !== null && reducedMotionQuery.matches\n\n        if (prefersReducedMotion) {\n          details.open = false\n          isClosingRef.current = false\n          details.classList.remove(styles['Accordion--closing'])\n          return\n        }\n\n        const content = setContentHeight(details)\n\n        if (content) {\n          content.getBoundingClientRect()\n        }\n\n        isClosingRef.current = true\n        details.classList.add(styles['Accordion--closing'])\n\n        closeAnimationTimeout.current = setTimeout(() => {\n          details.open = false\n          isClosingRef.current = false\n          details.classList.remove(styles['Accordion--closing'])\n          closeAnimationTimeout.current = null\n        }, 300)\n      },\n      [clearCloseAnimation, setContentHeight],\n    )\n\n    const handleToggle = useCallback<(event: Event) => void>(\n      event => {\n        const toggleEvent = event as unknown as ToggleEvent<HTMLDetailsElement>\n        if (toggleEvent.currentTarget.open) {\n          clearCloseAnimation()\n          isClosingRef.current = false\n          toggleEvent.currentTarget.classList.remove(styles['Accordion--closing'])\n          setContentHeight(toggleEvent.currentTarget)\n        }\n        onToggle?.(toggleEvent)\n        handleOpen?.(toggleEvent.currentTarget.open)\n      },\n      [clearCloseAnimation, onToggle, handleOpen, setContentHeight],\n    )\n\n    const handleClick = useCallback<MouseEventHandler<HTMLDetailsElement>>(\n      event => {\n        onClick?.(event)\n\n        if (event.defaultPrevented || disableAnimation) {\n          return\n        }\n\n        const details = event.currentTarget\n        const target = event.target\n\n        if (!(target instanceof Element) || !details.open) {\n          return\n        }\n\n        const summary = target.closest('summary')\n\n        if (summary?.parentElement === details) {\n          event.preventDefault()\n\n          if (!isClosingRef.current) {\n            closeWithAnimation(details)\n          }\n        }\n      },\n      [closeWithAnimation, disableAnimation, onClick],\n    )\n\n    const handleKeyDown = useCallback<EventListener>(\n      event => {\n        const keyboardEvent = event as unknown as KeyboardEvent<HTMLDetailsElement>\n        onKeyDown?.(keyboardEvent)\n\n        const details = ref.current\n\n        if (keyboardEvent.key === 'Escape' && details?.open) {\n          clearCloseAnimation()\n          details.open = false\n          isClosingRef.current = false\n          details.classList.remove(styles['Accordion--closing'])\n          details.querySelector('summary')?.focus()\n        }\n      },\n      [clearCloseAnimation, onKeyDown, ref],\n    )\n\n    useEffect(() => {\n      const detailsElement = ref.current\n      if (detailsElement) {\n        const contentInner = detailsElement.querySelector<HTMLElement>(`.${styles['Accordion__content-inner']}`)\n        let resizeObserver: ResizeObserver | undefined\n\n        if (detailsElement.open) {\n          setContentHeight(detailsElement)\n        }\n\n        if (typeof ResizeObserver !== 'undefined' && contentInner) {\n          resizeObserver = new ResizeObserver(() => {\n            if (detailsElement.open) {\n              setContentHeight(detailsElement)\n            }\n          })\n          resizeObserver.observe(contentInner)\n        }\n\n        detailsElement.addEventListener('toggle', handleToggle)\n        detailsElement.addEventListener('keydown', handleKeyDown)\n\n        return () => {\n          clearCloseAnimation()\n          resizeObserver?.disconnect()\n          detailsElement.removeEventListener('toggle', handleToggle)\n          detailsElement.removeEventListener('keydown', handleKeyDown)\n        }\n      }\n    }, [clearCloseAnimation, handleToggle, handleKeyDown, ref, setContentHeight])\n\n    return (\n      <AccordionContext.Provider value={accordionContextValue}>\n        {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events -- summary is natively keyboard-operable and keyboard activation also fires click; onClick only intercepts to animate the close */}\n        <details\n          className={clsx(\n            styles.Accordion,\n            styles[`Accordion--${variant}`],\n            disableAnimation && styles['Accordion--disableAnimation'],\n            className,\n          )}\n          ref={ref}\n          open={open}\n          {...rest}\n          onClick={handleClick}\n        >\n          {children}\n        </details>\n      </AccordionContext.Provider>\n    )\n  },\n)\n\nexport const AccordionToggleColors = [...Colors, ...Gradients] as const\n\nexport type AccordionHeadingProps = HTMLAttributes<HTMLElement> & {\n  as?: HeadingProps['as']\n  reversedToggles?: boolean\n  toggleColor?: (typeof AccordionToggleColors)[number]\n  weight?: HeadingProps['weight']\n}\n\n/**\n * TODO This type is incorrect\n * The ref is applied to the summary, not the heading, so the correct type is\n * `forwardRef<HTMLElement, AccordionHeadingProps>`\n */\nexport const AccordionHeading = forwardRef<HTMLHeadingElement, AccordionHeadingProps>(\n  ({children, className, as = 'h4', toggleColor, reversedToggles, weight = 'normal', ...rest}, ref) => {\n    const {variant} = useAccordionContext()\n\n    return (\n      <summary\n        className={clsx(\n          styles.Accordion__summary,\n          reversedToggles && styles['Accordion__summary--reversed-toggles'],\n          styles[`Accordion__summary--${variant}`],\n          toggleColor && styles[`Accordion__summary--toggleColor-${toggleColor}`],\n          className,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        <span aria-hidden=\"true\" className={styles['Accordion__summary-toggle']}>\n          <TriangleDownIcon className={styles['Accordion__summary-toggleIcon']} size={22} />\n        </span>\n        <Heading as={as} size={variant === 'emphasis' ? '6' : 'subhead-large'} weight={weight}>\n          {children}\n        </Heading>\n      </summary>\n    )\n  },\n)\n\nexport type AccordionContentProps = HTMLAttributes<HTMLElement>\n\nexport const AccordionContent = ({children, className, ...rest}: AccordionContentProps) => (\n  <section className={clsx(styles.Accordion__content, className)} {...rest}>\n    <div className={styles['Accordion__content-inner']}>{children}</div>\n  </section>\n)\n\nexport const Accordion = Object.assign(AccordionRoot, {Content: AccordionContent, Heading: AccordionHeading})\n"],"mappings":"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"}

package/esm/Accordion/{Accordion.module-COckontb.css → Accordion.module-B-iFuyHy.css}

@@ -1 +1 @@
-.Primer_Brand__Accordion-module__Accordion___RSoMC{--brand-Accordion-content-height:0px;box-sizing:border-box;position:relative}.Primer_Brand__Accordion-module__Accordion--disableAnimation____eC_8:after,.Primer_Brand__Accordion-module__Accordion--disableAnimation____eC_8 .Primer_Brand__Accordion-module__Accordion__summary-toggleIcon___WFUk5,.Primer_Brand__Accordion-module__Accordion--disableAnimation____eC_8>.Primer_Brand__Accordion-module__Accordion__content___GhUVO,.Primer_Brand__Accordion-module__Accordion--disableAnimation____eC_8>.Primer_Brand__Accordion-module__Accordion__content___GhUVO>.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof{transition:none}.Primer_Brand__Accordion-module__Accordion--default___R_5ld{border-bottom:var(--brand-borderWidth-thin) solid var(--brand-Accordion-border-color-default)}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT:not(.Primer_Brand__Accordion-module__Accordion___RSoMC .Primer_Brand__Accordion-module__Accordion___RSoMC)>.Primer_Brand__Accordion-module__Accordion__summary___zYOXC{background-color:var(--brand-color-canvas-subtle);border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-block:var(--base-size-20);padding-inline:var(--base-size-20);justify-content:flex-start;align-items:center;gap:0}.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI:before{content:"";width:calc(var(--base-size-8) - 1px);height:var(--base-size-12);background-color:var(--brand-Accordion-indicator-idle);flex-shrink:0;margin-inline-end:var(--base-size-12);display:block}.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI:hover:before{background-color:var(--brand-Accordion-indicator-hover)}details[open]>.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI:before{background-color:var(--brand-Accordion-indicator-active)}.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI h3,.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI h4,.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI h5,.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI h6{font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-500);line-height:var(--brand-text-lineHeight-100);letter-spacing:.15px;text-transform:uppercase}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT:not(.Primer_Brand__Accordion-module__Accordion___RSoMC .Primer_Brand__Accordion-module__Accordion___RSoMC)+.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT:not(.Primer_Brand__Accordion-module__Accordion___RSoMC .Primer_Brand__Accordion-module__Accordion___RSoMC)>.Primer_Brand__Accordion-module__Accordion__summary___zYOXC{border-block-start:none}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT:not(.Primer_Brand__Accordion-module__Accordion___RSoMC .Primer_Brand__Accordion-module__Accordion___RSoMC)>.Primer_Brand__Accordion-module__Accordion__content___GhUVO{border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT:not(.Primer_Brand__Accordion-module__Accordion___RSoMC .Primer_Brand__Accordion-module__Accordion___RSoMC)>.Primer_Brand__Accordion-module__Accordion__content___GhUVO>.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof{padding-block-start:var(--base-size-12);padding-inline:var(--base-size-20)}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT:not(.Primer_Brand__Accordion-module__Accordion___RSoMC .Primer_Brand__Accordion-module__Accordion___RSoMC)>.Primer_Brand__Accordion-module__Accordion__content___GhUVO>.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof:after{block-size:var(--base-size-12)}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT .Primer_Brand__Accordion-module__Accordion--default___R_5ld:last-child{border-bottom:none}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT .Primer_Brand__Accordion-module__Accordion--default___R_5ld:last-child:after{display:none}.Primer_Brand__Accordion-module__Accordion--default___R_5ld:after{content:"";background-color:var(--brand-Accordion-border-color-default);height:var(--brand-borderWidth-thin);transition:background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);transform-origin:50% 100%;width:100%;position:absolute;bottom:0;left:0;transform:scaleY(0)}.Primer_Brand__Accordion-module__Accordion--default___R_5ld:hover:after,details[open].Primer_Brand__Accordion-module__Accordion--default___R_5ld:after{background-color:var(--brand-color-accent-primary);transform:scaleY(1)}.Primer_Brand__Accordion-module__Accordion__summary___zYOXC{cursor:pointer;padding:var(--base-size-24) 0;justify-content:space-between;align-items:center;display:flex;position:relative}.Primer_Brand__Accordion-module__Accordion__summary___zYOXC::-webkit-details-marker{display:none}.Primer_Brand__Accordion-module__Accordion__summary___zYOXC:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus)}details[open].Primer_Brand__Accordion-module__Accordion___RSoMC:has(>summary:focus-visible){outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}details[open].Primer_Brand__Accordion-module__Accordion___RSoMC>.Primer_Brand__Accordion-module__Accordion__summary___zYOXC:focus-visible{outline:none}.Primer_Brand__Accordion-module__Accordion__summary-toggle___YSgM_{cursor:pointer;height:var(--base-size-24);width:var(--base-size-24);color:var(--brand-color-text-emphasized);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.Primer_Brand__Accordion-module__Accordion__summary___zYOXC:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles____uX_W) .Primer_Brand__Accordion-module__Accordion__summary-toggle___YSgM_{right:0}.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI .Primer_Brand__Accordion-module__Accordion__summary-toggle___YSgM_{color:var(--brand-color-text-default);order:1;margin-inline-start:auto;position:static;transform:none}.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles____uX_W .Primer_Brand__Accordion-module__Accordion__summary-toggle___YSgM_{left:0}.Primer_Brand__Accordion-module__Accordion__summary--default___LV2dT .Primer_Brand__Accordion-module__Accordion__summary-toggle___YSgM_{color:var(--brand-Accordion-toggle-color-start,var(--brand-color-text-emphasized))}.Primer_Brand__Accordion-module__Accordion__summary-toggleIcon___WFUk5{transform-origin:50%;transition:transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide)}details[open]>.Primer_Brand__Accordion-module__Accordion__summary___zYOXC .Primer_Brand__Accordion-module__Accordion__summary-toggleIcon___WFUk5{transform:rotate(-180deg)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-default___Hd_up{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-default)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue___TGA5S{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-blue)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue-purple___dnh9G{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-blue-purple-start)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-coral____IedP{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-coral)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green___Q_oKN{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-green)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green-blue___UPhxW{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-green-blue-start)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-gray___XAdlE{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-gray)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-indigo___MbEJo{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-indigo)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lemon___yKljE{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-lemon)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lime___dXlEo{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-lime)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-orange___DIqep{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-orange)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink___JQk2J{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-pink)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink-blue___8wMk6{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-pink-blue-start)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple___P3aRT{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-purple)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple-red___DuF8G{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-purple-red-start)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red___uRFGS{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-red)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red-orange___cmXlh{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-red-orange-start)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-teal___fE9fd{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-teal)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-yellow___ws5We{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-yellow)}.Primer_Brand__Accordion-module__Accordion__summary--default___LV2dT:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles____uX_W){padding-inline-end:var(--base-size-48)}.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles____uX_W{padding-inline-start:var(--base-size-48)}.Primer_Brand__Accordion-module__Accordion__content___GhUVO,.Primer_Brand__Accordion-module__Accordion__content___GhUVO p,.Primer_Brand__Accordion-module__Accordion__content___GhUVO span:not(.Primer_Brand__Accordion-module__Accordion__summary-toggle___YSgM_),.Primer_Brand__Accordion-module__Accordion__content___GhUVO ul,.Primer_Brand__Accordion-module__Accordion__content___GhUVO ol{color:var(--brand-color-text-muted);font-family:var(--brand-fontStack-sansSerif);font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200)}.Primer_Brand__Accordion-module__Accordion__content___GhUVO{--brand-Accordion-content-offset:0px;max-height:0;transition:max-height var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);position:relative;overflow:hidden}.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof{transform:translateY(calc(-1 * var(--brand-Accordion-content-offset)));opacity:0;transition:opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-glide)}.Primer_Brand__Accordion-module__Accordion--default___R_5ld>.Primer_Brand__Accordion-module__Accordion__content___GhUVO{--brand-Accordion-content-offset:calc(var(--base-size-24) - var(--base-size-6));top:calc(var(--base-size-4) * -1)}.Primer_Brand__Accordion-module__Accordion__summary--default___LV2dT+.Primer_Brand__Accordion-module__Accordion__content___GhUVO>.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof:before{content:"";block-size:var(--base-size-12);display:block}.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof:after{content:"";display:block}[data-color-mode=dark] .Primer_Brand__Accordion-module__Accordion__content___GhUVO{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto}.Primer_Brand__Accordion-module__Accordion__content___GhUVO p:not(:first-child){margin-block-start:var(--base-size-16)}.Primer_Brand__Accordion-module__Accordion__content___GhUVO a{color:var(--brand-InlineLink-color-rest);-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-color:var(--brand-InlineLink-color-rest);text-decoration-color:var(--brand-InlineLink-color-rest);text-decoration-thickness:var(--brand-borderWidth-thin);text-underline-position:under;transition:var(--brand-InlineLink-transition-timing) text-decoration;position:relative}.Primer_Brand__Accordion-module__Accordion__content___GhUVO a:hover{text-decoration-thickness:var(--brand-borderWidth-thick)}.Primer_Brand__Accordion-module__Accordion__content___GhUVO a,.Primer_Brand__Accordion-module__Accordion__content___GhUVO a>span{font-weight:inherit;color:var(--brand-InlineLink-color-rest)}.Primer_Brand__Accordion-module__Accordion__content___GhUVO a:active,.Primer_Brand__Accordion-module__Accordion__content___GhUVO a:active>span{color:var(--brand-InlineLink-color-pressed)}details[open]>.Primer_Brand__Accordion-module__Accordion__content___GhUVO{max-height:var(--brand-Accordion-content-height);z-index:0;position:relative}details[open].Primer_Brand__Accordion-module__Accordion--disableAnimation____eC_8>.Primer_Brand__Accordion-module__Accordion__content___GhUVO{max-height:none}details[open]>.Primer_Brand__Accordion-module__Accordion__content___GhUVO>.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof{opacity:1}details.Primer_Brand__Accordion-module__Accordion--closing___R_qJH>.Primer_Brand__Accordion-module__Accordion__content___GhUVO{max-height:0}details.Primer_Brand__Accordion-module__Accordion--closing___R_qJH>.Primer_Brand__Accordion-module__Accordion__content___GhUVO>.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof{opacity:0}.Primer_Brand__Accordion-module__Accordion__summary--default___LV2dT+.Primer_Brand__Accordion-module__Accordion__content___GhUVO,details[open]>.Primer_Brand__Accordion-module__Accordion__summary--default___LV2dT+.Primer_Brand__Accordion-module__Accordion__content___GhUVO,details.Primer_Brand__Accordion-module__Accordion--closing___R_qJH>.Primer_Brand__Accordion-module__Accordion__summary--default___LV2dT+.Primer_Brand__Accordion-module__Accordion__content___GhUVO{margin-block-start:0}details.Primer_Brand__Accordion-module__Accordion--closing___R_qJH>.Primer_Brand__Accordion-module__Accordion__summary___zYOXC .Primer_Brand__Accordion-module__Accordion__summary-toggleIcon___WFUk5{transform:rotate(0)}details[open]>.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles____uX_W+.Primer_Brand__Accordion-module__Accordion__content___GhUVO{padding-inline-start:var(--base-size-48)}@media screen and (width>=48rem){.Primer_Brand__Accordion-module__Accordion__summary___zYOXC{gap:var(--base-size-40)}}@media (prefers-reduced-motion:reduce){.Primer_Brand__Accordion-module__Accordion___RSoMC,.Primer_Brand__Accordion-module__Accordion___RSoMC:before,.Primer_Brand__Accordion-module__Accordion___RSoMC:after,.Primer_Brand__Accordion-module__Accordion___RSoMC *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
+.Primer_Brand__Accordion-module__Accordion___RSoMC{--brand-Accordion-content-height:0px;box-sizing:border-box;position:relative}.Primer_Brand__Accordion-module__Accordion--disableAnimation____eC_8:after,.Primer_Brand__Accordion-module__Accordion--disableAnimation____eC_8 .Primer_Brand__Accordion-module__Accordion__summary-toggleIcon___WFUk5,.Primer_Brand__Accordion-module__Accordion--disableAnimation____eC_8>.Primer_Brand__Accordion-module__Accordion__content___GhUVO,.Primer_Brand__Accordion-module__Accordion--disableAnimation____eC_8>.Primer_Brand__Accordion-module__Accordion__content___GhUVO>.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof{transition:none}.Primer_Brand__Accordion-module__Accordion--default___R_5ld{border-bottom:var(--brand-borderWidth-thin) solid var(--brand-Accordion-border-color-default)}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT:not(.Primer_Brand__Accordion-module__Accordion___RSoMC .Primer_Brand__Accordion-module__Accordion___RSoMC)>.Primer_Brand__Accordion-module__Accordion__summary___zYOXC{background-color:var(--brand-color-canvas-subtle);border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-block:var(--base-size-20);padding-inline:var(--base-size-20);justify-content:flex-start;align-items:center;gap:0}.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI:before{content:"";width:calc(var(--base-size-8) - 1px);height:var(--base-size-12);background-color:var(--brand-Accordion-indicator-idle);flex-shrink:0;margin-inline-end:var(--base-size-12);display:block}.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI:hover:before{background-color:var(--brand-Accordion-indicator-hover)}details[open]>.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI:before{background-color:var(--brand-Accordion-indicator-active)}.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI h3,.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI h4,.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI h5,.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI h6{font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-500);line-height:var(--brand-text-lineHeight-100);letter-spacing:.15px;text-transform:uppercase}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT:not(.Primer_Brand__Accordion-module__Accordion___RSoMC .Primer_Brand__Accordion-module__Accordion___RSoMC)+.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT:not(.Primer_Brand__Accordion-module__Accordion___RSoMC .Primer_Brand__Accordion-module__Accordion___RSoMC)>.Primer_Brand__Accordion-module__Accordion__summary___zYOXC{border-block-start:none}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT:not(.Primer_Brand__Accordion-module__Accordion___RSoMC .Primer_Brand__Accordion-module__Accordion___RSoMC)>.Primer_Brand__Accordion-module__Accordion__content___GhUVO{border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT:not(.Primer_Brand__Accordion-module__Accordion___RSoMC .Primer_Brand__Accordion-module__Accordion___RSoMC)>.Primer_Brand__Accordion-module__Accordion__content___GhUVO>.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof{padding-block-start:var(--base-size-12);padding-inline:var(--base-size-20)}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT:not(.Primer_Brand__Accordion-module__Accordion___RSoMC .Primer_Brand__Accordion-module__Accordion___RSoMC)>.Primer_Brand__Accordion-module__Accordion__content___GhUVO>.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof:after{block-size:var(--base-size-12)}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT .Primer_Brand__Accordion-module__Accordion--default___R_5ld:last-child{border-bottom:none}.Primer_Brand__Accordion-module__Accordion--emphasis___V_1VT .Primer_Brand__Accordion-module__Accordion--default___R_5ld:last-child:after{display:none}.Primer_Brand__Accordion-module__Accordion--default___R_5ld:after{content:"";background-color:var(--brand-Accordion-border-color-default);height:var(--brand-borderWidth-thin);transition:background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);transform-origin:50% 100%;width:100%;position:absolute;bottom:0;left:0;transform:scaleY(0)}.Primer_Brand__Accordion-module__Accordion--default___R_5ld:hover:after,details[open].Primer_Brand__Accordion-module__Accordion--default___R_5ld:after{background-color:var(--brand-color-accent-primary);transform:scaleY(1)}.Primer_Brand__Accordion-module__Accordion__summary___zYOXC{cursor:pointer;padding:var(--base-size-24) 0;justify-content:space-between;align-items:center;display:flex;position:relative}.Primer_Brand__Accordion-module__Accordion__summary___zYOXC::-webkit-details-marker{display:none}.Primer_Brand__Accordion-module__Accordion__summary___zYOXC:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus)}details[open].Primer_Brand__Accordion-module__Accordion___RSoMC:has(>summary:focus-visible){outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}details[open].Primer_Brand__Accordion-module__Accordion___RSoMC>.Primer_Brand__Accordion-module__Accordion__summary___zYOXC:focus-visible{outline:none}.Primer_Brand__Accordion-module__Accordion__summary-toggle___YSgM_{cursor:pointer;height:var(--base-size-24);width:var(--base-size-24);color:var(--brand-color-text-emphasized);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.Primer_Brand__Accordion-module__Accordion__summary___zYOXC:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles____uX_W) .Primer_Brand__Accordion-module__Accordion__summary-toggle___YSgM_{right:0}.Primer_Brand__Accordion-module__Accordion__summary--emphasis___29_eI .Primer_Brand__Accordion-module__Accordion__summary-toggle___YSgM_{color:var(--brand-color-text-default);order:1;margin-inline-start:auto;position:static;transform:none}.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles____uX_W .Primer_Brand__Accordion-module__Accordion__summary-toggle___YSgM_{left:0}.Primer_Brand__Accordion-module__Accordion__summary--default___LV2dT .Primer_Brand__Accordion-module__Accordion__summary-toggle___YSgM_{color:var(--brand-Accordion-toggle-color-start,var(--brand-color-text-emphasized))}.Primer_Brand__Accordion-module__Accordion__summary-toggleIcon___WFUk5{transform-origin:50%;transition:transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide)}details[open]>.Primer_Brand__Accordion-module__Accordion__summary___zYOXC .Primer_Brand__Accordion-module__Accordion__summary-toggleIcon___WFUk5{transform:rotate(-180deg)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-default___Hd_up{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-default)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue___TGA5S{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-blue)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue-purple___dnh9G{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-blue-purple-start)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-coral____IedP{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-coral)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green___Q_oKN{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-green)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green-blue___UPhxW{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-green-blue-start)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-gray___XAdlE{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-gray)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-indigo___MbEJo{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-indigo)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lemon___yKljE{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-lemon)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lime___dXlEo{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-lime)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-orange___DIqep{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-orange)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink___JQk2J{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-pink)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink-blue___8wMk6{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-pink-blue-start)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple___P3aRT{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-purple)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple-red___DuF8G{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-purple-red-start)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red___uRFGS{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-red)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red-orange___cmXlh{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-red-orange-start)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-teal___fE9fd{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-teal)}.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-yellow___ws5We{--brand-Accordion-toggle-color-start:var(--brand-Accordion-toggle-color-yellow)}.Primer_Brand__Accordion-module__Accordion__summary--default___LV2dT:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles____uX_W){padding-inline-end:var(--base-size-48)}.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles____uX_W{padding-inline-start:var(--base-size-48)}.Primer_Brand__Accordion-module__Accordion__content___GhUVO,.Primer_Brand__Accordion-module__Accordion__content___GhUVO p,.Primer_Brand__Accordion-module__Accordion__content___GhUVO span:not(.Primer_Brand__Accordion-module__Accordion__summary-toggle___YSgM_),.Primer_Brand__Accordion-module__Accordion__content___GhUVO ul,.Primer_Brand__Accordion-module__Accordion__content___GhUVO ol{color:var(--brand-color-text-muted);font-family:var(--brand-fontStack-sansSerif);font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200)}.Primer_Brand__Accordion-module__Accordion__content___GhUVO{max-height:0;transition:max-height var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);position:relative;overflow:hidden}.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof{opacity:0;transition:opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-glide)}.Primer_Brand__Accordion-module__Accordion--default___R_5ld>.Primer_Brand__Accordion-module__Accordion__content___GhUVO{top:calc(var(--base-size-2) - var(--base-size-24))}.Primer_Brand__Accordion-module__Accordion__summary--default___LV2dT+.Primer_Brand__Accordion-module__Accordion__content___GhUVO>.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof:before{content:"";block-size:var(--base-size-12);display:block}.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof:after{content:"";display:block}[data-color-mode=dark] .Primer_Brand__Accordion-module__Accordion__content___GhUVO{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto}.Primer_Brand__Accordion-module__Accordion__content___GhUVO p:not(:first-child){margin-block-start:var(--base-size-16)}.Primer_Brand__Accordion-module__Accordion__content___GhUVO a{color:var(--brand-InlineLink-color-rest);-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-color:var(--brand-InlineLink-color-rest);text-decoration-color:var(--brand-InlineLink-color-rest);text-decoration-thickness:var(--brand-borderWidth-thin);text-underline-position:under;transition:var(--brand-InlineLink-transition-timing) text-decoration;position:relative}.Primer_Brand__Accordion-module__Accordion__content___GhUVO a:hover{text-decoration-thickness:var(--brand-borderWidth-thick)}.Primer_Brand__Accordion-module__Accordion__content___GhUVO a,.Primer_Brand__Accordion-module__Accordion__content___GhUVO a>span{font-weight:inherit;color:var(--brand-InlineLink-color-rest)}.Primer_Brand__Accordion-module__Accordion__content___GhUVO a:active,.Primer_Brand__Accordion-module__Accordion__content___GhUVO a:active>span{color:var(--brand-InlineLink-color-pressed)}details[open]>.Primer_Brand__Accordion-module__Accordion__content___GhUVO{max-height:var(--brand-Accordion-content-height);z-index:0;position:relative}details[open].Primer_Brand__Accordion-module__Accordion--disableAnimation____eC_8>.Primer_Brand__Accordion-module__Accordion__content___GhUVO{max-height:none}details[open]>.Primer_Brand__Accordion-module__Accordion__content___GhUVO>.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof{opacity:1}details.Primer_Brand__Accordion-module__Accordion--closing___R_qJH>.Primer_Brand__Accordion-module__Accordion__content___GhUVO{max-height:0}details.Primer_Brand__Accordion-module__Accordion--closing___R_qJH>.Primer_Brand__Accordion-module__Accordion__content___GhUVO>.Primer_Brand__Accordion-module__Accordion__content-inner___R4pof{opacity:0}.Primer_Brand__Accordion-module__Accordion__summary--default___LV2dT+.Primer_Brand__Accordion-module__Accordion__content___GhUVO,details[open]>.Primer_Brand__Accordion-module__Accordion__summary--default___LV2dT+.Primer_Brand__Accordion-module__Accordion__content___GhUVO,details.Primer_Brand__Accordion-module__Accordion--closing___R_qJH>.Primer_Brand__Accordion-module__Accordion__summary--default___LV2dT+.Primer_Brand__Accordion-module__Accordion__content___GhUVO{margin-block-start:0}details.Primer_Brand__Accordion-module__Accordion--closing___R_qJH>.Primer_Brand__Accordion-module__Accordion__summary___zYOXC .Primer_Brand__Accordion-module__Accordion__summary-toggleIcon___WFUk5{transform:rotate(0)}details[open]>.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles____uX_W+.Primer_Brand__Accordion-module__Accordion__content___GhUVO{padding-inline-start:var(--base-size-48)}@media screen and (width>=48rem){.Primer_Brand__Accordion-module__Accordion__summary___zYOXC{gap:var(--base-size-40)}}@media (prefers-reduced-motion:reduce){.Primer_Brand__Accordion-module__Accordion___RSoMC,.Primer_Brand__Accordion-module__Accordion___RSoMC:before,.Primer_Brand__Accordion-module__Accordion___RSoMC:after,.Primer_Brand__Accordion-module__Accordion___RSoMC *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/Accordion/Accordion.module.js

@@ -1,4 +1,4 @@
-import './Accordion.module-COckontb.css';//#region src/Accordion/Accordion.module.css
+import './Accordion.module-B-iFuyHy.css';//#region src/Accordion/Accordion.module.css
 var e = "Primer_Brand__Accordion-module__Accordion___RSoMC", t = "Primer_Brand__Accordion-module__Accordion__content___GhUVO", n = "Primer_Brand__Accordion-module__Accordion__summary___zYOXC", r = {
 	Accordion: e,
 	"Accordion--disableAnimation": "Primer_Brand__Accordion-module__Accordion--disableAnimation____eC_8",

package/esm/Accordion/Accordion.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.module.js","names":[],"sources":["../../src/Accordion/Accordion.module.css"],"sourcesContent":[".Accordion {\n  --brand-Accordion-content-height: 0px;\n\n  box-sizing: border-box;\n  position: relative;\n}\n\n.Accordion--disableAnimation::after,\n.Accordion--disableAnimation .Accordion__summary-toggleIcon,\n.Accordion--disableAnimation > .Accordion__content,\n.Accordion--disableAnimation > .Accordion__content > .Accordion__content-inner {\n  transition: none;\n}\n\n.Accordion--default {\n  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-Accordion-border-color-default);\n}\n\n.Accordion--emphasis:not(.Accordion .Accordion) > .Accordion__summary {\n  background-color: var(--brand-color-canvas-subtle);\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  padding-block: var(--base-size-20);\n  padding-inline: var(--base-size-20);\n  gap: 0;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.Accordion__summary--emphasis::before {\n  content: '';\n  display: block;\n  width: calc(var(--base-size-8) - 1px);\n  height: var(--base-size-12);\n  flex-shrink: 0;\n  margin-inline-end: var(--base-size-12);\n  background-color: var(--brand-Accordion-indicator-idle);\n}\n\n.Accordion__summary--emphasis:hover::before {\n  background-color: var(--brand-Accordion-indicator-hover);\n}\n\ndetails[open] > .Accordion__summary--emphasis::before {\n  background-color: var(--brand-Accordion-indicator-active);\n}\n\n.Accordion__summary--emphasis :is(h3, h4, h5, h6) {\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--brand-text-weight-500);\n  line-height: var(--brand-text-lineHeight-100);\n  letter-spacing: 0.15px;\n  text-transform: uppercase;\n}\n\n.Accordion--emphasis:not(.Accordion .Accordion)\n  + .Accordion--emphasis:not(.Accordion .Accordion)\n  > .Accordion__summary {\n  border-block-start: none;\n}\n\n.Accordion--emphasis:not(.Accordion .Accordion) > .Accordion__content {\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.Accordion--emphasis:not(.Accordion .Accordion) > .Accordion__content > .Accordion__content-inner {\n  padding-block-start: var(--base-size-12);\n  padding-inline: var(--base-size-20);\n}\n\n.Accordion--emphasis:not(.Accordion .Accordion) > .Accordion__content > .Accordion__content-inner::after {\n  block-size: var(--base-size-12);\n}\n\n.Accordion--emphasis .Accordion--default:last-child {\n  border-bottom: none;\n}\n\n.Accordion--emphasis .Accordion--default:last-child::after {\n  display: none;\n}\n\n.Accordion--default::after {\n  content: '';\n  background-color: var(--brand-Accordion-border-color-default);\n  height: var(--brand-borderWidth-thin);\n  transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n    transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n  transform: scaleY(0);\n  transform-origin: 50% 100%;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n.Accordion--default:hover::after,\ndetails[open].Accordion--default::after {\n  background-color: var(--brand-color-accent-primary);\n  transform: scaleY(1);\n}\n\n.Accordion__summary {\n  cursor: pointer;\n  padding: var(--base-size-24) 0;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.Accordion__summary--reversed-toggles {\n  padding-inline-start: var(--base-size-48);\n}\n\n.Accordion__summary::-webkit-details-marker {\n  display: none;\n}\n\n.Accordion__summary:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n}\n\n/* When open, move focus ring to the details element to wrap summary + content as one unit */\ndetails[open].Accordion:has(> summary:focus-visible) {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\ndetails[open].Accordion > .Accordion__summary:focus-visible {\n  outline: none;\n}\n\n.Accordion__summary-toggle {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--base-size-24);\n  width: var(--base-size-24);\n  color: var(--brand-color-text-emphasized);\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.Accordion__summary:not(.Accordion__summary--reversed-toggles) .Accordion__summary-toggle {\n  right: 0;\n}\n\n.Accordion__summary--emphasis .Accordion__summary-toggle {\n  position: static;\n  transform: none;\n  order: 1;\n  margin-inline-start: auto;\n  color: var(--brand-color-text-default);\n}\n\n.Accordion__summary--reversed-toggles .Accordion__summary-toggle {\n  left: 0;\n}\n\n.Accordion__summary--default .Accordion__summary-toggle {\n  color: var(--brand-Accordion-toggle-color-start, var(--brand-color-text-emphasized));\n}\n\n.Accordion__summary-toggleIcon {\n  transform-origin: 50% 50%;\n  transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\ndetails[open] > .Accordion__summary .Accordion__summary-toggleIcon {\n  transform: rotate(-180deg);\n}\n\n.Accordion__summary--toggleColor-default {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-default);\n}\n\n.Accordion__summary--toggleColor-blue {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue);\n}\n\n.Accordion__summary--toggleColor-blue-purple {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue-purple-start);\n}\n\n.Accordion__summary--toggleColor-coral {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-coral);\n}\n\n.Accordion__summary--toggleColor-green {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green);\n}\n\n.Accordion__summary--toggleColor-green-blue {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green-blue-start);\n}\n\n.Accordion__summary--toggleColor-gray {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-gray);\n}\n\n.Accordion__summary--toggleColor-indigo {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-indigo);\n}\n\n.Accordion__summary--toggleColor-lemon {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lemon);\n}\n\n.Accordion__summary--toggleColor-lime {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lime);\n}\n\n.Accordion__summary--toggleColor-orange {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-orange);\n}\n\n.Accordion__summary--toggleColor-pink {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink);\n}\n\n.Accordion__summary--toggleColor-pink-blue {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink-blue-start);\n}\n\n.Accordion__summary--toggleColor-purple {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple);\n}\n\n.Accordion__summary--toggleColor-purple-red {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple-red-start);\n}\n\n.Accordion__summary--toggleColor-red {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red);\n}\n\n.Accordion__summary--toggleColor-red-orange {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red-orange-start);\n}\n\n.Accordion__summary--toggleColor-teal {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-teal);\n}\n\n.Accordion__summary--toggleColor-yellow {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-yellow);\n}\n\n.Accordion__summary--default:not(.Accordion__summary--reversed-toggles) {\n  padding-inline-end: var(--base-size-48);\n}\n\n.Accordion__summary--reversed-toggles {\n  padding-inline-start: var(--base-size-48);\n}\n\n.Accordion__content,\n.Accordion__content p,\n.Accordion__content span:not(.Accordion__summary-toggle),\n.Accordion__content ul,\n.Accordion__content ol {\n  color: var(--brand-color-text-muted);\n  font-family: var(--brand-fontStack-sansSerif);\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  line-height: var(--brand-text-lineHeight-200);\n}\n\n.Accordion__content {\n  --brand-Accordion-content-offset: 0px; /* we reference this in JS */\n  overflow: hidden;\n  max-height: 0;\n  transition: max-height var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n  position: relative;\n}\n\n.Accordion__content-inner {\n  transform: translateY(calc(-1 * var(--brand-Accordion-content-offset)));\n  opacity: 0;\n  transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.Accordion--default > .Accordion__content {\n  --brand-Accordion-content-offset: calc(var(--base-size-24) - var(--base-size-6)); /* we reference this in JS */\n  top: calc(var(--base-size-4) * -1);\n}\n\n.Accordion__summary--default + .Accordion__content > .Accordion__content-inner::before {\n  content: '';\n  display: block;\n  block-size: var(--base-size-12);\n}\n\n.Accordion__content-inner::after {\n  content: '';\n  display: block;\n}\n\n[data-color-mode='dark'] .Accordion__content {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: auto;\n}\n\n.Accordion__content p:not(:first-child) {\n  margin-block-start: var(--base-size-16);\n}\n\n.Accordion__content a {\n  color: var(--brand-InlineLink-color-rest);\n  position: relative;\n  text-decoration: underline;\n  text-decoration-color: var(--brand-InlineLink-color-rest);\n  text-decoration-thickness: var(--brand-borderWidth-thin);\n  text-underline-position: under;\n  transition: var(--brand-InlineLink-transition-timing) text-decoration;\n}\n\n.Accordion__content a:hover {\n  text-decoration-thickness: var(--brand-borderWidth-thick);\n}\n\n.Accordion__content a,\n.Accordion__content a > span {\n  font-weight: inherit;\n  color: var(--brand-InlineLink-color-rest);\n}\n\n.Accordion__content a:active,\n.Accordion__content a:active > span {\n  color: var(--brand-InlineLink-color-pressed);\n}\n\ndetails[open] > .Accordion__content {\n  max-height: var(--brand-Accordion-content-height);\n  position: relative;\n  z-index: 0;\n}\n\ndetails[open].Accordion--disableAnimation > .Accordion__content {\n  max-height: none;\n}\n\ndetails[open] > .Accordion__content > .Accordion__content-inner {\n  opacity: 1;\n}\n\ndetails.Accordion--closing > .Accordion__content {\n  max-height: 0;\n}\n\ndetails.Accordion--closing > .Accordion__content > .Accordion__content-inner {\n  opacity: 0;\n}\n\n.Accordion__summary--default + .Accordion__content {\n  margin-block-start: 0;\n}\n\ndetails[open] > .Accordion__summary--default + .Accordion__content {\n  margin-block-start: 0;\n}\n\ndetails.Accordion--closing > .Accordion__summary--default + .Accordion__content {\n  margin-block-start: 0;\n}\n\ndetails.Accordion--closing > .Accordion__summary .Accordion__summary-toggleIcon {\n  transform: rotate(0deg);\n}\n\ndetails[open] > .Accordion__summary--reversed-toggles + .Accordion__content {\n  padding-inline-start: var(--base-size-48);\n}\n\n/* Medium breakpoint and up */\n@media screen and (min-width: 48rem) {\n  .Accordion__summary {\n    gap: var(--base-size-40);\n  }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .Accordion,\n  .Accordion::before,\n  .Accordion::after,\n  .Accordion * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Accordion.module.js","names":[],"sources":["../../src/Accordion/Accordion.module.css"],"sourcesContent":[".Accordion {\n  --brand-Accordion-content-height: 0px;\n\n  box-sizing: border-box;\n  position: relative;\n}\n\n.Accordion--disableAnimation::after,\n.Accordion--disableAnimation .Accordion__summary-toggleIcon,\n.Accordion--disableAnimation > .Accordion__content,\n.Accordion--disableAnimation > .Accordion__content > .Accordion__content-inner {\n  transition: none;\n}\n\n.Accordion--default {\n  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-Accordion-border-color-default);\n}\n\n.Accordion--emphasis:not(.Accordion .Accordion) > .Accordion__summary {\n  background-color: var(--brand-color-canvas-subtle);\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  padding-block: var(--base-size-20);\n  padding-inline: var(--base-size-20);\n  gap: 0;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.Accordion__summary--emphasis::before {\n  content: '';\n  display: block;\n  width: calc(var(--base-size-8) - 1px);\n  height: var(--base-size-12);\n  flex-shrink: 0;\n  margin-inline-end: var(--base-size-12);\n  background-color: var(--brand-Accordion-indicator-idle);\n}\n\n.Accordion__summary--emphasis:hover::before {\n  background-color: var(--brand-Accordion-indicator-hover);\n}\n\ndetails[open] > .Accordion__summary--emphasis::before {\n  background-color: var(--brand-Accordion-indicator-active);\n}\n\n.Accordion__summary--emphasis :is(h3, h4, h5, h6) {\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--brand-text-weight-500);\n  line-height: var(--brand-text-lineHeight-100);\n  letter-spacing: 0.15px;\n  text-transform: uppercase;\n}\n\n.Accordion--emphasis:not(.Accordion .Accordion)\n  + .Accordion--emphasis:not(.Accordion .Accordion)\n  > .Accordion__summary {\n  border-block-start: none;\n}\n\n.Accordion--emphasis:not(.Accordion .Accordion) > .Accordion__content {\n  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.Accordion--emphasis:not(.Accordion .Accordion) > .Accordion__content > .Accordion__content-inner {\n  padding-block-start: var(--base-size-12);\n  padding-inline: var(--base-size-20);\n}\n\n.Accordion--emphasis:not(.Accordion .Accordion) > .Accordion__content > .Accordion__content-inner::after {\n  block-size: var(--base-size-12);\n}\n\n.Accordion--emphasis .Accordion--default:last-child {\n  border-bottom: none;\n}\n\n.Accordion--emphasis .Accordion--default:last-child::after {\n  display: none;\n}\n\n.Accordion--default::after {\n  content: '';\n  background-color: var(--brand-Accordion-border-color-default);\n  height: var(--brand-borderWidth-thin);\n  transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n    transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n  transform: scaleY(0);\n  transform-origin: 50% 100%;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n.Accordion--default:hover::after,\ndetails[open].Accordion--default::after {\n  background-color: var(--brand-color-accent-primary);\n  transform: scaleY(1);\n}\n\n.Accordion__summary {\n  cursor: pointer;\n  padding: var(--base-size-24) 0;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.Accordion__summary--reversed-toggles {\n  padding-inline-start: var(--base-size-48);\n}\n\n.Accordion__summary::-webkit-details-marker {\n  display: none;\n}\n\n.Accordion__summary:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n}\n\n/* When open, move focus ring to the details element to wrap summary + content as one unit */\ndetails[open].Accordion:has(> summary:focus-visible) {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\ndetails[open].Accordion > .Accordion__summary:focus-visible {\n  outline: none;\n}\n\n.Accordion__summary-toggle {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--base-size-24);\n  width: var(--base-size-24);\n  color: var(--brand-color-text-emphasized);\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.Accordion__summary:not(.Accordion__summary--reversed-toggles) .Accordion__summary-toggle {\n  right: 0;\n}\n\n.Accordion__summary--emphasis .Accordion__summary-toggle {\n  position: static;\n  transform: none;\n  order: 1;\n  margin-inline-start: auto;\n  color: var(--brand-color-text-default);\n}\n\n.Accordion__summary--reversed-toggles .Accordion__summary-toggle {\n  left: 0;\n}\n\n.Accordion__summary--default .Accordion__summary-toggle {\n  color: var(--brand-Accordion-toggle-color-start, var(--brand-color-text-emphasized));\n}\n\n.Accordion__summary-toggleIcon {\n  transform-origin: 50% 50%;\n  transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\ndetails[open] > .Accordion__summary .Accordion__summary-toggleIcon {\n  transform: rotate(-180deg);\n}\n\n.Accordion__summary--toggleColor-default {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-default);\n}\n\n.Accordion__summary--toggleColor-blue {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue);\n}\n\n.Accordion__summary--toggleColor-blue-purple {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue-purple-start);\n}\n\n.Accordion__summary--toggleColor-coral {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-coral);\n}\n\n.Accordion__summary--toggleColor-green {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green);\n}\n\n.Accordion__summary--toggleColor-green-blue {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green-blue-start);\n}\n\n.Accordion__summary--toggleColor-gray {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-gray);\n}\n\n.Accordion__summary--toggleColor-indigo {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-indigo);\n}\n\n.Accordion__summary--toggleColor-lemon {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lemon);\n}\n\n.Accordion__summary--toggleColor-lime {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lime);\n}\n\n.Accordion__summary--toggleColor-orange {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-orange);\n}\n\n.Accordion__summary--toggleColor-pink {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink);\n}\n\n.Accordion__summary--toggleColor-pink-blue {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink-blue-start);\n}\n\n.Accordion__summary--toggleColor-purple {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple);\n}\n\n.Accordion__summary--toggleColor-purple-red {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple-red-start);\n}\n\n.Accordion__summary--toggleColor-red {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red);\n}\n\n.Accordion__summary--toggleColor-red-orange {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red-orange-start);\n}\n\n.Accordion__summary--toggleColor-teal {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-teal);\n}\n\n.Accordion__summary--toggleColor-yellow {\n  --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-yellow);\n}\n\n.Accordion__summary--default:not(.Accordion__summary--reversed-toggles) {\n  padding-inline-end: var(--base-size-48);\n}\n\n.Accordion__summary--reversed-toggles {\n  padding-inline-start: var(--base-size-48);\n}\n\n.Accordion__content,\n.Accordion__content p,\n.Accordion__content span:not(.Accordion__summary-toggle),\n.Accordion__content ul,\n.Accordion__content ol {\n  color: var(--brand-color-text-muted);\n  font-family: var(--brand-fontStack-sansSerif);\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  line-height: var(--brand-text-lineHeight-200);\n}\n\n.Accordion__content {\n  overflow: hidden;\n  max-height: 0;\n  transition: max-height var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n  position: relative;\n}\n\n.Accordion__content-inner {\n  opacity: 0;\n  transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.Accordion--default > .Accordion__content {\n  top: calc(var(--base-size-2) - var(--base-size-24));\n}\n\n.Accordion__summary--default + .Accordion__content > .Accordion__content-inner::before {\n  content: '';\n  display: block;\n  block-size: var(--base-size-12);\n}\n\n.Accordion__content-inner::after {\n  content: '';\n  display: block;\n}\n\n[data-color-mode='dark'] .Accordion__content {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: auto;\n}\n\n.Accordion__content p:not(:first-child) {\n  margin-block-start: var(--base-size-16);\n}\n\n.Accordion__content a {\n  color: var(--brand-InlineLink-color-rest);\n  position: relative;\n  text-decoration: underline;\n  text-decoration-color: var(--brand-InlineLink-color-rest);\n  text-decoration-thickness: var(--brand-borderWidth-thin);\n  text-underline-position: under;\n  transition: var(--brand-InlineLink-transition-timing) text-decoration;\n}\n\n.Accordion__content a:hover {\n  text-decoration-thickness: var(--brand-borderWidth-thick);\n}\n\n.Accordion__content a,\n.Accordion__content a > span {\n  font-weight: inherit;\n  color: var(--brand-InlineLink-color-rest);\n}\n\n.Accordion__content a:active,\n.Accordion__content a:active > span {\n  color: var(--brand-InlineLink-color-pressed);\n}\n\ndetails[open] > .Accordion__content {\n  max-height: var(--brand-Accordion-content-height);\n  position: relative;\n  z-index: 0;\n}\n\ndetails[open].Accordion--disableAnimation > .Accordion__content {\n  max-height: none;\n}\n\ndetails[open] > .Accordion__content > .Accordion__content-inner {\n  opacity: 1;\n}\n\ndetails.Accordion--closing > .Accordion__content {\n  max-height: 0;\n}\n\ndetails.Accordion--closing > .Accordion__content > .Accordion__content-inner {\n  opacity: 0;\n}\n\n.Accordion__summary--default + .Accordion__content {\n  margin-block-start: 0;\n}\n\ndetails[open] > .Accordion__summary--default + .Accordion__content {\n  margin-block-start: 0;\n}\n\ndetails.Accordion--closing > .Accordion__summary--default + .Accordion__content {\n  margin-block-start: 0;\n}\n\ndetails.Accordion--closing > .Accordion__summary .Accordion__summary-toggleIcon {\n  transform: rotate(0deg);\n}\n\ndetails[open] > .Accordion__summary--reversed-toggles + .Accordion__content {\n  padding-inline-start: var(--base-size-48);\n}\n\n/* Medium breakpoint and up */\n@media screen and (min-width: 48rem) {\n  .Accordion__summary {\n    gap: var(--base-size-40);\n  }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .Accordion,\n  .Accordion::before,\n  .Accordion::after,\n  .Accordion * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/SubdomainNavBar/SubdomainNavBar.d.ts

@@ -17,6 +17,7 @@ export type SubdomainNavBarMenuLabels = {
      */
     overflowMenuLabel: string;
 };
+export type SubdomainNavBarVariant = 'default' | 'featured';
 export type SubdomainNavBarProps = Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> & {
     /**
      * Valid child elements are `SubdomainNavBar.Link`, `SubdomainNavBar.PrimaryAction`,
@@ -31,6 +32,10 @@ export type SubdomainNavBarProps = Omit<React.HTMLAttributes<HTMLElement>, 'chil
      * Fill the maximum width of the parent container. Defaults to `false`.
      */
     fullWidth?: boolean;
+    /**
+     * Sets the navigation layout. Defaults to `default`.
+     */
+    variant?: SubdomainNavBarVariant;
     /**
      * Optional React element rendered after the navigation links.
      */
@@ -173,6 +178,10 @@ export declare const SubdomainNavBar: React.ForwardRefExoticComponent<Omit<React
      * Fill the maximum width of the parent container. Defaults to `false`.
      */
     fullWidth?: boolean;
+    /**
+     * Sets the navigation layout. Defaults to `default`.
+     */
+    variant?: SubdomainNavBarVariant;
     /**
      * Optional React element rendered after the navigation links.
      */

package/esm/SubdomainNavBar/SubdomainNavBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubdomainNavBar.d.ts","sourceRoot":"","sources":["../../src/SubdomainNavBar/SubdomainNavBar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SubdomainNavBar.d.ts","sourceRoot":"","sources":["../../src/SubdomainNavBar/SubdomainNavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAUd;;GAEG;AACH,OAAO,qHAAqH,CAAA;AAS5H,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,UAAU,CAAA;AAU3D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACjG;;;OAGG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,KAAK,CAAC,YAAY,CAAC,wBAAwB,CAAC,GAC5C,KAAK,CAAC,YAAY,CAAC,0BAA0B,CAAC,GAC9C,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IACtC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;IAC/C;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG;IAChD,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAuhBD,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,CAAA;AAIjF,iBAAS,IAAI,CAAC,EACZ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,cAAc,EAAE,WAAW,EAC3B,aAAa,EAAE,UAAU,EACzB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,qBAyB7C;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,qCAAqC,GAAG;IAClD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,gCAAgC,EAAE,CAAA;CAC5C,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG,gCAAgC,EAAE,GAAG,qCAAqC,EAAE,CAAA;AAEvH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAChD;;OAEG;IACH,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAA;IACpD;;OAEG;IACH,oBAAoB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAA;IACpD;;OAEG;IACH,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAA;IAClD;;OAEG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CAC7C,CAAA;AAcD,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAA;IACvD,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACjC,aAAa,CAAC,EAAE,4BAA4B,CAAA;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAA;CAC9C,CAAA;AAuTD,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;AAE3C,iBAAS,aAAa,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,qBAelF;AAED,iBAAS,eAAe,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,qBAcpF;AAED,eAAO,MAAM,eAAe;IAxjC1B;;;OAGG;eAEC,KAAK,CAAC,SAAS,GACf,KAAK,CAAC,YAAY,CAAC,wBAAwB,CAAC,GAC5C,KAAK,CAAC,YAAY,CAAC,0BAA0B,CAAC,GAC9C,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;IACtC;;OAEG;YACK,OAAO;IACf;;OAEG;gBACS,OAAO;IACnB;;OAEG;cACO,sBAAsB;IAChC;;OAEG;uBACgB,KAAK,CAAC,YAAY;IACrC;;OAEG;wBACiB,KAAK,CAAC,YAAY;IACtC;;OAEG;WACI,MAAM;IACb;;OAEG;gBACS,MAAM;IAClB;;OAEG;eACQ,MAAM;IACjB;;OAEG;yBACkB,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI;IAC9C;;OAEG;iBACU,OAAO,CAAC,yBAAyB,CAAC;IAC/C;;;OAGG;4BACqB,MAAM;;;;;;;;;;;;;CAygC9B,CAAA"}