@persona/design-system 0.1.5-pre.4 → 0.1.7

package/dist/components/ButtonGroup/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["IconButton","BorderRadius","useFormField","ToggleGroupPrimitive"],"sources":["../../../components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { BorderRadius } from '@persona/design-tokens';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport type {\n  ToggleGroupMultipleProps,\n  ToggleGroupSingleProps,\n} from '@radix-ui/react-toggle-group';\nimport { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport IconButton from 'design-system/components/Button/IconButton';\nimport useFormField from 'design-system/components/FormControl/useFormField';\n\nexport interface ButtonGroupProps {\n  id?: string;\n  className?: string;\n  fullWidth?: boolean;\n}\n\nconst OptionItem = styled(IconButton)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  flex: 1;\n  border-radius: ${BorderRadius.Md};\n  width: 32px;\n  height: 32px;\n  background-color: ${({ theme }) => theme.color.variants.basic.default};\n  white-space: nowrap;\n\n  // radix-toggle-group adds a wrapping div to the options, so this is to\n  // make sure the content is always center-aligned\n  & > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &[data-state='on'] {\n    background-color: ${({ theme }) => theme.color.variants.basic.active};\n  }\n\n  &:first-child {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  &:last-child {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  &:not(:first-child):not(:last-child) {\n    border-radius: 0;\n  }\n\n  &[tabindex='0'] {\n    z-index: 1;\n  }\n`;\n\nconst ButtonGroupContainer = styled.div<{ fullWidth?: boolean }>`\n  display: inline-flex;\n  justify-content: space-between;\n  border-radius: 4px;\n  width: ${({ fullWidth }) => (fullWidth ? `100%` : `max-content`)};\n  gap: 1px;\n\n  > * {\n    ${({ fullWidth }) =>\n      fullWidth &&\n      css`\n        flex: 1;\n      `}\n  }\n`;\n\nexport const ButtonGroup = ({\n  children,\n  fullWidth,\n  ...props\n}: (ToggleGroupSingleProps | ToggleGroupMultipleProps) & ButtonGroupProps) => {\n  const { disabled } = props;\n  const field = useFormField({ inputId: props.id, disabled });\n\n  return (\n    <ToggleGroupPrimitive.Root\n      {...props}\n      disabled={field.disabled}\n      aria-describedby={field.helperTextId}\n      aria-errormessage={field.hasError ? field.helperTextId : undefined}\n      aria-invalid={field.hasError}\n    >\n      <ButtonGroupContainer fullWidth={fullWidth} {...props}>\n        {children}\n      </ButtonGroupContainer>\n    </ToggleGroupPrimitive.Root>\n  );\n};\n\nexport default ButtonGroup;\n\nconst ButtonItem = forwardRef<HTMLButtonElement, ToggleGroupPrimitive.ToggleGroupItemProps>(\n  function ButtonItem(props: ToggleGroupPrimitive.ToggleGroupItemProps, forwardedRef) {\n    return <OptionItem ref={forwardedRef} {...props} />;\n  },\n);\n\nexport const ButtonGroupItem = forwardRef<\n  HTMLButtonElement,\n  ToggleGroupPrimitive.ToggleGroupItemProps\n>(function ButtonGroupItem({ children, ...props }, forwardedRef) {\n  return (\n    <ToggleGroupPrimitive.Item {...props} ref={forwardedRef} asChild>\n      <ButtonItem {...props}>{children}</ButtonItem>\n    </ToggleGroupPrimitive.Item>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAM,aAAa,CAAA,GAAA,kBAAA,SAAOA,mBAAAA,WAAW;;;;;;mBAMlBC,uBAAAA,aAAa,GAAG;;;uBAGZ,EAAE,YAAY,MAAM,MAAM,SAAS,MAAM,QAAQ;;;;;;;;;;;;yBAY/C,EAAE,YAAY,MAAM,MAAM,SAAS,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;AAsBzE,MAAM,uBAAuB,kBAAA,QAAO,GAA4B;;;;YAIpD,EAAE,gBAAiB,YAAY,SAAS,cAAe;;;;OAI5D,EAAE,gBACH,aACA,kBAAA,GAAG;;QAED;;;AAIR,MAAa,eAAe,EAC1B,UACA,WACA,GAAG,YACyE;CAC5E,MAAM,EAAE,aAAa;CACrB,MAAM,QAAQC,qBAAAA,aAAa;EAAE,SAAS,MAAM;EAAI;EAAU,CAAC;AAE3D,QACE,iBAAA,GAAA,kBAAA,KAACC,6BAAqB,MAAtB;EACE,GAAI;EACJ,UAAU,MAAM;EAChB,oBAAkB,MAAM;EACxB,qBAAmB,MAAM,WAAW,MAAM,eAAe,KAAA;EACzD,gBAAc,MAAM;YAEpB,iBAAA,GAAA,kBAAA,KAAC,sBAAD;GAAiC;GAAW,GAAI;GAC7C;GACoB,CAAA;EACG,CAAA;;AAMhC,MAAM,cAAA,GAAA,MAAA,YACJ,SAAS,WAAW,OAAkD,cAAc;AAClF,QAAO,iBAAA,GAAA,kBAAA,KAAC,YAAD;EAAY,KAAK;EAAc,GAAI;EAAS,CAAA;EAEtD;AAED,MAAa,mBAAA,GAAA,MAAA,YAGX,SAAS,gBAAgB,EAAE,UAAU,GAAG,SAAS,cAAc;AAC/D,QACE,iBAAA,GAAA,kBAAA,KAACA,6BAAqB,MAAtB;EAA2B,GAAI;EAAO,KAAK;EAAc,SAAA;YACvD,iBAAA,GAAA,kBAAA,KAAC,YAAD;GAAY,GAAI;GAAQ;GAAsB,CAAA;EACpB,CAAA;EAE9B"}
+{"version":3,"file":"index.cjs","names":["IconButton","BorderRadius","useFormField","ToggleGroupPrimitive"],"sources":["../../../components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport type {\n  ToggleGroupMultipleProps,\n  ToggleGroupSingleProps,\n} from '@radix-ui/react-toggle-group';\nimport { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BorderRadius } from '@persona/design-tokens';\nimport IconButton from 'design-system/components/Button/IconButton';\nimport useFormField from 'design-system/components/FormControl/useFormField';\n\nexport interface ButtonGroupProps {\n  id?: string;\n  className?: string;\n  fullWidth?: boolean;\n}\n\nconst OptionItem = styled(IconButton)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  flex: 1;\n  border-radius: ${BorderRadius.Md};\n  width: 32px;\n  height: 32px;\n  background-color: ${({ theme }) => theme.color.variants.basic.default};\n  white-space: nowrap;\n\n  // radix-toggle-group adds a wrapping div to the options, so this is to\n  // make sure the content is always center-aligned\n  & > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &[data-state='on'] {\n    background-color: ${({ theme }) => theme.color.variants.basic.active};\n  }\n\n  &:first-child {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  &:last-child {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  &:not(:first-child):not(:last-child) {\n    border-radius: 0;\n  }\n\n  &[tabindex='0'] {\n    z-index: 1;\n  }\n`;\n\nconst ButtonGroupContainer = styled.div<{ fullWidth?: boolean }>`\n  display: inline-flex;\n  justify-content: space-between;\n  border-radius: 4px;\n  width: ${({ fullWidth }) => (fullWidth ? `100%` : `max-content`)};\n  gap: 1px;\n\n  > * {\n    ${({ fullWidth }) =>\n      fullWidth &&\n      css`\n        flex: 1;\n      `}\n  }\n`;\n\nexport const ButtonGroup = ({\n  children,\n  fullWidth,\n  ...props\n}: (ToggleGroupSingleProps | ToggleGroupMultipleProps) & ButtonGroupProps) => {\n  const { disabled } = props;\n  const field = useFormField({ inputId: props.id, disabled });\n\n  return (\n    <ToggleGroupPrimitive.Root\n      {...props}\n      disabled={field.disabled}\n      aria-describedby={field.helperTextId}\n      aria-errormessage={field.hasError ? field.helperTextId : undefined}\n      aria-invalid={field.hasError}\n    >\n      <ButtonGroupContainer fullWidth={fullWidth} {...props}>\n        {children}\n      </ButtonGroupContainer>\n    </ToggleGroupPrimitive.Root>\n  );\n};\n\nexport default ButtonGroup;\n\nconst ButtonItem = forwardRef<HTMLButtonElement, ToggleGroupPrimitive.ToggleGroupItemProps>(\n  function ButtonItem(props: ToggleGroupPrimitive.ToggleGroupItemProps, forwardedRef) {\n    return <OptionItem ref={forwardedRef} {...props} />;\n  },\n);\n\nexport const ButtonGroupItem = forwardRef<\n  HTMLButtonElement,\n  ToggleGroupPrimitive.ToggleGroupItemProps\n>(function ButtonGroupItem({ children, ...props }, forwardedRef) {\n  return (\n    <ToggleGroupPrimitive.Item {...props} ref={forwardedRef} asChild>\n      <ButtonItem {...props}>{children}</ButtonItem>\n    </ToggleGroupPrimitive.Item>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAM,aAAa,CAAA,GAAA,kBAAA,SAAOA,mBAAAA,WAAW;;;;;;mBAMlBC,uBAAAA,aAAa,GAAG;;;uBAGZ,EAAE,YAAY,MAAM,MAAM,SAAS,MAAM,QAAQ;;;;;;;;;;;;yBAY/C,EAAE,YAAY,MAAM,MAAM,SAAS,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;AAsBzE,MAAM,uBAAuB,kBAAA,QAAO,GAA4B;;;;YAIpD,EAAE,gBAAiB,YAAY,SAAS,cAAe;;;;OAI5D,EAAE,gBACH,aACA,kBAAA,GAAG;;QAED;;;AAIR,MAAa,eAAe,EAC1B,UACA,WACA,GAAG,YACyE;CAC5E,MAAM,EAAE,aAAa;CACrB,MAAM,QAAQC,qBAAAA,aAAa;EAAE,SAAS,MAAM;EAAI;EAAU,CAAC;AAE3D,QACE,iBAAA,GAAA,kBAAA,KAACC,6BAAqB,MAAtB;EACE,GAAI;EACJ,UAAU,MAAM;EAChB,oBAAkB,MAAM;EACxB,qBAAmB,MAAM,WAAW,MAAM,eAAe,KAAA;EACzD,gBAAc,MAAM;YAEpB,iBAAA,GAAA,kBAAA,KAAC,sBAAD;GAAiC;GAAW,GAAI;GAC7C;GACoB,CAAA;EACG,CAAA;;AAMhC,MAAM,cAAA,GAAA,MAAA,YACJ,SAAS,WAAW,OAAkD,cAAc;AAClF,QAAO,iBAAA,GAAA,kBAAA,KAAC,YAAD;EAAY,KAAK;EAAc,GAAI;EAAS,CAAA;EAEtD;AAED,MAAa,mBAAA,GAAA,MAAA,YAGX,SAAS,gBAAgB,EAAE,UAAU,GAAG,SAAS,cAAc;AAC/D,QACE,iBAAA,GAAA,kBAAA,KAACA,6BAAqB,MAAtB;EAA2B,GAAI;EAAO,KAAK;EAAc,SAAA;YACvD,iBAAA,GAAA,kBAAA,KAAC,YAAD;GAAY,GAAI;GAAQ;GAAsB,CAAA;EACpB,CAAA;EAE9B"}

package/dist/components/ButtonGroup/index.mjs

@@ -1,9 +1,9 @@
-import { t as IconButton } from "../../IconButton-C28qxOdi.mjs";
+import { t as IconButton } from "../../IconButton-DC4rh6ow.mjs";
 import { n as useFormField } from "../../useFormField-eftOPiXj.mjs";
 import { BorderRadius } from "@persona/design-tokens";
 import styled, { css } from "styled-components";
-import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 //#region components/ButtonGroup/ButtonGroup.tsx
 const OptionItem = styled(IconButton)`

package/dist/components/ButtonGroup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { BorderRadius } from '@persona/design-tokens';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport type {\n  ToggleGroupMultipleProps,\n  ToggleGroupSingleProps,\n} from '@radix-ui/react-toggle-group';\nimport { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport IconButton from 'design-system/components/Button/IconButton';\nimport useFormField from 'design-system/components/FormControl/useFormField';\n\nexport interface ButtonGroupProps {\n  id?: string;\n  className?: string;\n  fullWidth?: boolean;\n}\n\nconst OptionItem = styled(IconButton)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  flex: 1;\n  border-radius: ${BorderRadius.Md};\n  width: 32px;\n  height: 32px;\n  background-color: ${({ theme }) => theme.color.variants.basic.default};\n  white-space: nowrap;\n\n  // radix-toggle-group adds a wrapping div to the options, so this is to\n  // make sure the content is always center-aligned\n  & > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &[data-state='on'] {\n    background-color: ${({ theme }) => theme.color.variants.basic.active};\n  }\n\n  &:first-child {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  &:last-child {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  &:not(:first-child):not(:last-child) {\n    border-radius: 0;\n  }\n\n  &[tabindex='0'] {\n    z-index: 1;\n  }\n`;\n\nconst ButtonGroupContainer = styled.div<{ fullWidth?: boolean }>`\n  display: inline-flex;\n  justify-content: space-between;\n  border-radius: 4px;\n  width: ${({ fullWidth }) => (fullWidth ? `100%` : `max-content`)};\n  gap: 1px;\n\n  > * {\n    ${({ fullWidth }) =>\n      fullWidth &&\n      css`\n        flex: 1;\n      `}\n  }\n`;\n\nexport const ButtonGroup = ({\n  children,\n  fullWidth,\n  ...props\n}: (ToggleGroupSingleProps | ToggleGroupMultipleProps) & ButtonGroupProps) => {\n  const { disabled } = props;\n  const field = useFormField({ inputId: props.id, disabled });\n\n  return (\n    <ToggleGroupPrimitive.Root\n      {...props}\n      disabled={field.disabled}\n      aria-describedby={field.helperTextId}\n      aria-errormessage={field.hasError ? field.helperTextId : undefined}\n      aria-invalid={field.hasError}\n    >\n      <ButtonGroupContainer fullWidth={fullWidth} {...props}>\n        {children}\n      </ButtonGroupContainer>\n    </ToggleGroupPrimitive.Root>\n  );\n};\n\nexport default ButtonGroup;\n\nconst ButtonItem = forwardRef<HTMLButtonElement, ToggleGroupPrimitive.ToggleGroupItemProps>(\n  function ButtonItem(props: ToggleGroupPrimitive.ToggleGroupItemProps, forwardedRef) {\n    return <OptionItem ref={forwardedRef} {...props} />;\n  },\n);\n\nexport const ButtonGroupItem = forwardRef<\n  HTMLButtonElement,\n  ToggleGroupPrimitive.ToggleGroupItemProps\n>(function ButtonGroupItem({ children, ...props }, forwardedRef) {\n  return (\n    <ToggleGroupPrimitive.Item {...props} ref={forwardedRef} asChild>\n      <ButtonItem {...props}>{children}</ButtonItem>\n    </ToggleGroupPrimitive.Item>\n  );\n});\n"],"mappings":";;;;;;;;AAkBA,MAAM,aAAa,OAAO,WAAW;;;;;;mBAMlB,aAAa,GAAG;;;uBAGZ,EAAE,YAAY,MAAM,MAAM,SAAS,MAAM,QAAQ;;;;;;;;;;;;yBAY/C,EAAE,YAAY,MAAM,MAAM,SAAS,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;AAsBzE,MAAM,uBAAuB,OAAO,GAA4B;;;;YAIpD,EAAE,gBAAiB,YAAY,SAAS,cAAe;;;;OAI5D,EAAE,gBACH,aACA,GAAG;;QAED;;;AAIR,MAAa,eAAe,EAC1B,UACA,WACA,GAAG,YACyE;CAC5E,MAAM,EAAE,aAAa;CACrB,MAAM,QAAQ,aAAa;EAAE,SAAS,MAAM;EAAI;EAAU,CAAC;AAE3D,QACE,oBAAC,qBAAqB,MAAtB;EACE,GAAI;EACJ,UAAU,MAAM;EAChB,oBAAkB,MAAM;EACxB,qBAAmB,MAAM,WAAW,MAAM,eAAe,KAAA;EACzD,gBAAc,MAAM;YAEpB,oBAAC,sBAAD;GAAiC;GAAW,GAAI;GAC7C;GACoB,CAAA;EACG,CAAA;;AAMhC,MAAM,aAAa,WACjB,SAAS,WAAW,OAAkD,cAAc;AAClF,QAAO,oBAAC,YAAD;EAAY,KAAK;EAAc,GAAI;EAAS,CAAA;EAEtD;AAED,MAAa,kBAAkB,WAG7B,SAAS,gBAAgB,EAAE,UAAU,GAAG,SAAS,cAAc;AAC/D,QACE,oBAAC,qBAAqB,MAAtB;EAA2B,GAAI;EAAO,KAAK;EAAc,SAAA;YACvD,oBAAC,YAAD;GAAY,GAAI;GAAQ;GAAsB,CAAA;EACpB,CAAA;EAE9B"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport type {\n  ToggleGroupMultipleProps,\n  ToggleGroupSingleProps,\n} from '@radix-ui/react-toggle-group';\nimport { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BorderRadius } from '@persona/design-tokens';\nimport IconButton from 'design-system/components/Button/IconButton';\nimport useFormField from 'design-system/components/FormControl/useFormField';\n\nexport interface ButtonGroupProps {\n  id?: string;\n  className?: string;\n  fullWidth?: boolean;\n}\n\nconst OptionItem = styled(IconButton)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  flex: 1;\n  border-radius: ${BorderRadius.Md};\n  width: 32px;\n  height: 32px;\n  background-color: ${({ theme }) => theme.color.variants.basic.default};\n  white-space: nowrap;\n\n  // radix-toggle-group adds a wrapping div to the options, so this is to\n  // make sure the content is always center-aligned\n  & > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &[data-state='on'] {\n    background-color: ${({ theme }) => theme.color.variants.basic.active};\n  }\n\n  &:first-child {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  &:last-child {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  &:not(:first-child):not(:last-child) {\n    border-radius: 0;\n  }\n\n  &[tabindex='0'] {\n    z-index: 1;\n  }\n`;\n\nconst ButtonGroupContainer = styled.div<{ fullWidth?: boolean }>`\n  display: inline-flex;\n  justify-content: space-between;\n  border-radius: 4px;\n  width: ${({ fullWidth }) => (fullWidth ? `100%` : `max-content`)};\n  gap: 1px;\n\n  > * {\n    ${({ fullWidth }) =>\n      fullWidth &&\n      css`\n        flex: 1;\n      `}\n  }\n`;\n\nexport const ButtonGroup = ({\n  children,\n  fullWidth,\n  ...props\n}: (ToggleGroupSingleProps | ToggleGroupMultipleProps) & ButtonGroupProps) => {\n  const { disabled } = props;\n  const field = useFormField({ inputId: props.id, disabled });\n\n  return (\n    <ToggleGroupPrimitive.Root\n      {...props}\n      disabled={field.disabled}\n      aria-describedby={field.helperTextId}\n      aria-errormessage={field.hasError ? field.helperTextId : undefined}\n      aria-invalid={field.hasError}\n    >\n      <ButtonGroupContainer fullWidth={fullWidth} {...props}>\n        {children}\n      </ButtonGroupContainer>\n    </ToggleGroupPrimitive.Root>\n  );\n};\n\nexport default ButtonGroup;\n\nconst ButtonItem = forwardRef<HTMLButtonElement, ToggleGroupPrimitive.ToggleGroupItemProps>(\n  function ButtonItem(props: ToggleGroupPrimitive.ToggleGroupItemProps, forwardedRef) {\n    return <OptionItem ref={forwardedRef} {...props} />;\n  },\n);\n\nexport const ButtonGroupItem = forwardRef<\n  HTMLButtonElement,\n  ToggleGroupPrimitive.ToggleGroupItemProps\n>(function ButtonGroupItem({ children, ...props }, forwardedRef) {\n  return (\n    <ToggleGroupPrimitive.Item {...props} ref={forwardedRef} asChild>\n      <ButtonItem {...props}>{children}</ButtonItem>\n    </ToggleGroupPrimitive.Item>\n  );\n});\n"],"mappings":";;;;;;;;AAkBA,MAAM,aAAa,OAAO,WAAW;;;;;;mBAMlB,aAAa,GAAG;;;uBAGZ,EAAE,YAAY,MAAM,MAAM,SAAS,MAAM,QAAQ;;;;;;;;;;;;yBAY/C,EAAE,YAAY,MAAM,MAAM,SAAS,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;AAsBzE,MAAM,uBAAuB,OAAO,GAA4B;;;;YAIpD,EAAE,gBAAiB,YAAY,SAAS,cAAe;;;;OAI5D,EAAE,gBACH,aACA,GAAG;;QAED;;;AAIR,MAAa,eAAe,EAC1B,UACA,WACA,GAAG,YACyE;CAC5E,MAAM,EAAE,aAAa;CACrB,MAAM,QAAQ,aAAa;EAAE,SAAS,MAAM;EAAI;EAAU,CAAC;AAE3D,QACE,oBAAC,qBAAqB,MAAtB;EACE,GAAI;EACJ,UAAU,MAAM;EAChB,oBAAkB,MAAM;EACxB,qBAAmB,MAAM,WAAW,MAAM,eAAe,KAAA;EACzD,gBAAc,MAAM;YAEpB,oBAAC,sBAAD;GAAiC;GAAW,GAAI;GAC7C;GACoB,CAAA;EACG,CAAA;;AAMhC,MAAM,aAAa,WACjB,SAAS,WAAW,OAAkD,cAAc;AAClF,QAAO,oBAAC,YAAD;EAAY,KAAK;EAAc,GAAI;EAAS,CAAA;EAEtD;AAED,MAAa,kBAAkB,WAG7B,SAAS,gBAAgB,EAAE,UAAU,GAAG,SAAS,cAAc;AAC/D,QACE,oBAAC,qBAAqB,MAAtB;EAA2B,GAAI;EAAO,KAAK;EAAc,SAAA;YACvD,oBAAC,YAAD;GAAY,GAAI;GAAQ;GAAsB,CAAA;EACpB,CAAA;EAE9B"}

package/dist/components/Card/index.cjs

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-CoPdw6nB.cjs");
-const require_Card = require("../../Card-CyCKL-M5.cjs");
+const require_Card = require("../../Card-CaOItkgL.cjs");
 exports.ActionsContainer = require_Card.ActionsContainer;
 exports.Header = require_Card.Header;
 exports.HeaderContainer = require_Card.HeaderContainer;

package/dist/components/Card/index.d.cts

@@ -1,3 +1,3 @@
-import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "../../Header-D8oDtnIL.cjs";
-import { n as SectionProps, r as _default, t as CardProps } from "../../Card-CrQL0hXm.cjs";
+import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "../../Header-CkZvzbzL.cjs";
+import { n as SectionProps, r as _default, t as CardProps } from "../../Card-DnmrsQWi.cjs";
 export { ActionsContainer, CardProps, Header, HeaderContainer, HeaderProps, Root, SectionProps, Title, TitleContainer, _default as default };

package/dist/components/Card/index.d.mts

@@ -1,3 +1,3 @@
-import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "../../Header-t1plnZc0.mjs";
-import { n as SectionProps, r as _default, t as CardProps } from "../../Card-CcU9cKCd.mjs";
+import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "../../Header-B-Us54dR.mjs";
+import { n as SectionProps, r as _default, t as CardProps } from "../../Card-IOBCsfke.mjs";
 export { ActionsContainer, CardProps, Header, HeaderContainer, HeaderProps, Root, SectionProps, Title, TitleContainer, _default as default };

package/dist/components/Card/index.mjs

@@ -1,2 +1,2 @@
-import { a as Root, i as HeaderContainer, n as ActionsContainer, o as Title, r as Header, s as TitleContainer, t as Card_default } from "../../Card-DeJSt5ys.mjs";
+import { a as Root, i as HeaderContainer, n as ActionsContainer, o as Title, r as Header, s as TitleContainer, t as Card_default } from "../../Card-CLTkZLKr.mjs";
 export { ActionsContainer, Header, HeaderContainer, Root, Title, TitleContainer, Card_default as default };

package/dist/components/CardV2/index.cjs

@@ -2,105 +2,30 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_chunk = require("../../chunk-CoPdw6nB.cjs");
+const require_chunk = require("../../chunk-CKQMccvm.cjs");
 const require_mixins_focus = require("../../mixins/focus.cjs");
 require("../../variables/transitions.cjs");
-const require_Stack = require("../../Stack-BHb3ZB2A.cjs");
-require("../Stack/index.cjs");
 const require_lib_ConfigContext = require("../../lib/ConfigContext.cjs");
 const require_lib_HeadlessAriaButton = require("../../lib/HeadlessAriaButton.cjs");
 const require_lib_TruncatedText = require("../../lib/TruncatedText.cjs");
-const require_Text = require("../../Text-DVz8erdF.cjs");
-const require_Tooltip = require("../../Tooltip-0i_15ysU.cjs");
+const require_Text = require("../../Text-CzN0DOXV.cjs");
+const require_Tooltip = require("../../Tooltip-vylydKVv.cjs");
 const require_lib_zindex = require("../../lib/zindex.cjs");
-const require_IconButton = require("../../IconButton-B1ZL8BqW.cjs");
-require("../Button/index.cjs");
-const require_DropdownMenu = require("../../DropdownMenu-D2fzpkX2.cjs");
-const require_DropdownButton = require("../../DropdownButton-DO4NqvWR.cjs");
-require("../DropdownMenu/index.cjs");
-const require_LoadingShimmer = require("../../LoadingShimmer-DMK9RC4N.cjs");
+const require_Stack = require("../../Stack-BF-9YjA1.cjs");
+const require_IconButton = require("../../IconButton-DNy7g5zh.cjs");
+const require_intersperse = require("../../intersperse-Gxwgpbk8.cjs");
+const require_DropdownMenu = require("../../DropdownMenu-CfJxgWN5.cjs");
+const require_DropdownButton = require("../../DropdownButton-Du6dwZVL.cjs");
+const require_LoadingShimmer = require("../../LoadingShimmer-CUjbAqGd.cjs");
 let _persona_design_tokens = require("@persona/design-tokens");
 let styled_components = require("styled-components");
 let styled_components$1 = require_chunk.__toESM(styled_components, 1);
 styled_components = require_chunk.__toESM(styled_components);
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 let react_aria_components = require("react-aria-components");
+let react_jsx_runtime = require("react/jsx-runtime");
 let _persona_icons = require("@persona/icons");
-//#region ../../node_modules/react-error-boundary/dist/react-error-boundary.esm.js
-const ErrorBoundaryContext = (0, react.createContext)(null);
-const initialState = {
-	didCatch: false,
-	error: null
-};
-var ErrorBoundary = class extends react.Component {
-	constructor(props) {
-		super(props);
-		this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-		this.state = initialState;
-	}
-	static getDerivedStateFromError(error) {
-		return {
-			didCatch: true,
-			error
-		};
-	}
-	resetErrorBoundary() {
-		const { error } = this.state;
-		if (error !== null) {
-			var _this$props$onReset, _this$props;
-			for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-			(_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 || _this$props$onReset.call(_this$props, {
-				args,
-				reason: "imperative-api"
-			});
-			this.setState(initialState);
-		}
-	}
-	componentDidCatch(error, info) {
-		var _this$props$onError, _this$props2;
-		(_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 || _this$props$onError.call(_this$props2, error, info);
-	}
-	componentDidUpdate(prevProps, prevState) {
-		const { didCatch } = this.state;
-		const { resetKeys } = this.props;
-		if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
-			var _this$props$onReset2, _this$props3;
-			(_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 || _this$props$onReset2.call(_this$props3, {
-				next: resetKeys,
-				prev: prevProps.resetKeys,
-				reason: "keys"
-			});
-			this.setState(initialState);
-		}
-	}
-	render() {
-		const { children, fallbackRender, FallbackComponent, fallback } = this.props;
-		const { didCatch, error } = this.state;
-		let childToRender = children;
-		if (didCatch) {
-			const props = {
-				error,
-				resetErrorBoundary: this.resetErrorBoundary
-			};
-			if (typeof fallbackRender === "function") childToRender = fallbackRender(props);
-			else if (FallbackComponent) childToRender = (0, react.createElement)(FallbackComponent, props);
-			else if (fallback === null || (0, react.isValidElement)(fallback)) childToRender = fallback;
-			else throw error;
-		}
-		return (0, react.createElement)(ErrorBoundaryContext.Provider, { value: {
-			didCatch,
-			error,
-			resetErrorBoundary: this.resetErrorBoundary
-		} }, childToRender);
-	}
-};
-function hasArrayChanged() {
-	let a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-	let b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-	return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
-}
-//#endregion
+let react_error_boundary = require("react-error-boundary");
 //#region components/CardV2/SectionHeading.tsx
 const CardLoadingShimmer$1 = (0, styled_components$1.default)(require_LoadingShimmer.LoadingShimmer)`
   border-radius: ${({ theme }) => theme.card.borderRadius};
@@ -214,7 +139,7 @@ const ButtonRow = ({ actions, menuActions }) => {
 		width: "icon",
 		size: "sm",
 		suffixIcon: void 0,
-		css: { justifySelf: "flex-end" },
+		style: { justifySelf: "flex-end" },
 		"aria-label": "More actions",
 		menuProps: { portal: true },
 		menuItems: menuActions.filter((action) => !action.hidden).map((action) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownMenu.DropdownMenu_default.Item, {
@@ -249,7 +174,7 @@ const SectionHeading = ({ isTopSection, sectionHasContent, hasFooter, loading, t
 				slot: "trigger",
 				isDisabled: !toggle,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledHeading, {
-					forwardedAs: headingAs,
+					forwardedAs: headingAs ?? (isTopSection ? "h2" : "h3"),
 					size: "xsm",
 					$isCollapsible: !!toggle,
 					$isTopSection: isTopSection,
@@ -276,24 +201,6 @@ const SectionHeading = ({ isTopSection, sectionHasContent, hasFooter, loading, t
 	});
 };
 //#endregion
-//#region lib/intersperse.ts
-/**
-* @name intersperse
-*
-* Inserts an element between array items using a separator function. The
-* separator function is passed the previous index, the previous element, and
-* the next element.
-*
-* ```typescript
-* const nodeList: React.ReactNode[] = [...]
-* const commaSeparatedList = intersperse(nodeList, () => ', ')
-* const advancedSeparatedList = intersperse(nodeList, i => <Separator key={i}/>)
-* ```
-*/
-function intersperse(arr, separator) {
-	return arr.flatMap((a, i) => i > 0 ? [separator(i - 1, arr[i - 1], a), a] : [a]);
-}
-//#endregion
 //#region components/CardV2/Section.tsx
 const FooterParagraph = (0, styled_components$1.default)(require_Text.Paragraph)`
   line-height: 16px;
@@ -420,7 +327,7 @@ const Section = ({ children, isTopSection, heading, footer, footerContent, loadi
 						size: "sm",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.HStack, {
 							spacing: _persona_design_tokens.Spacing[1],
-							children: intersperse(footer.filter((item) => item != null).map((item, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: item }, `footer-item-${i}`)), (i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "•" }, i))
+							children: require_intersperse.intersperse(footer.filter((item) => item != null).map((item, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: item }, `footer-item-${i}`)), (i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "•" }, i))
 						})
 					}), footerContent] })
 				})
@@ -466,7 +373,7 @@ const PublicSection = (props) => {
 const Stacked = ({ children }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardContext.Provider, {
 		value: { isStacked: true },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardContainer, { children: intersperse(children, (i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Divider, {}, i)) })
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardContainer, { children: require_intersperse.intersperse(children, (i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Divider, {}, i)) })
 	});
 };
 const DEFAULT_ERROR_MESSAGE = "🔍 Oops, something went wrong loading this card.";
@@ -489,7 +396,7 @@ const Card = ({ children, errored, erroredProps, containerProps, sticky = true,
 		...sectionProps,
 		children
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBoundary, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_error_boundary.ErrorBoundary, {
 		fallback: isStacked ? errorFallback : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardContainer, {
 			...containerProps,
 			children: errorFallback

package/dist/components/CardV2/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["Component","CardLoadingShimmer","LoadingShimmer","HeadlessAriaButton","focusStyle","HStack","Spacing","Color","Heading","Typography","IconButton","Button","Tooltip","DropdownButton","DropdownMenu","MoreIcon","TruncatedText","ChevronDownIcon","Paragraph","Color","Spacing","Z_INDICES","Disclosure","DisclosurePanel","LoadingShimmer","HStack","Color","ConfigContext","Paragraph"],"sources":["../../../../../node_modules/react-error-boundary/dist/react-error-boundary.esm.js","../../../components/CardV2/SectionHeading.tsx","../../../lib/intersperse.ts","../../../components/CardV2/Section.tsx","../../../components/CardV2/Card.tsx"],"sourcesContent":["'use client';\nimport { createContext, Component, createElement, isValidElement, useContext, useState, useMemo, forwardRef } from 'react';\n\nconst ErrorBoundaryContext = createContext(null);\n\nconst initialState = {\n  didCatch: false,\n  error: null\n};\nclass ErrorBoundary extends Component {\n  constructor(props) {\n    super(props);\n    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);\n    this.state = initialState;\n  }\n  static getDerivedStateFromError(error) {\n    return {\n      didCatch: true,\n      error\n    };\n  }\n  resetErrorBoundary() {\n    const {\n      error\n    } = this.state;\n    if (error !== null) {\n      var _this$props$onReset, _this$props;\n      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n        args[_key] = arguments[_key];\n      }\n      (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {\n        args,\n        reason: \"imperative-api\"\n      });\n      this.setState(initialState);\n    }\n  }\n  componentDidCatch(error, info) {\n    var _this$props$onError, _this$props2;\n    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);\n  }\n  componentDidUpdate(prevProps, prevState) {\n    const {\n      didCatch\n    } = this.state;\n    const {\n      resetKeys\n    } = this.props;\n\n    // There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array,\n    // we'd end up resetting the error boundary immediately.\n    // This would likely trigger a second error to be thrown.\n    // So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.\n\n    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {\n      var _this$props$onReset2, _this$props3;\n      (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {\n        next: resetKeys,\n        prev: prevProps.resetKeys,\n        reason: \"keys\"\n      });\n      this.setState(initialState);\n    }\n  }\n  render() {\n    const {\n      children,\n      fallbackRender,\n      FallbackComponent,\n      fallback\n    } = this.props;\n    const {\n      didCatch,\n      error\n    } = this.state;\n    let childToRender = children;\n    if (didCatch) {\n      const props = {\n        error,\n        resetErrorBoundary: this.resetErrorBoundary\n      };\n      if (typeof fallbackRender === \"function\") {\n        childToRender = fallbackRender(props);\n      } else if (FallbackComponent) {\n        childToRender = createElement(FallbackComponent, props);\n      } else if (fallback === null || isValidElement(fallback)) {\n        childToRender = fallback;\n      } else {\n        throw error;\n      }\n    }\n    return createElement(ErrorBoundaryContext.Provider, {\n      value: {\n        didCatch,\n        error,\n        resetErrorBoundary: this.resetErrorBoundary\n      }\n    }, childToRender);\n  }\n}\nfunction hasArrayChanged() {\n  let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));\n}\n\nfunction assertErrorBoundaryContext(value) {\n  if (value == null || typeof value.didCatch !== \"boolean\" || typeof value.resetErrorBoundary !== \"function\") {\n    throw new Error(\"ErrorBoundaryContext not found\");\n  }\n}\n\nfunction useErrorBoundary() {\n  const context = useContext(ErrorBoundaryContext);\n  assertErrorBoundaryContext(context);\n  const [state, setState] = useState({\n    error: null,\n    hasError: false\n  });\n  const memoized = useMemo(() => ({\n    resetBoundary: () => {\n      context.resetErrorBoundary();\n      setState({\n        error: null,\n        hasError: false\n      });\n    },\n    showBoundary: error => setState({\n      error,\n      hasError: true\n    })\n  }), [context.resetErrorBoundary]);\n  if (state.hasError) {\n    throw state.error;\n  }\n  return memoized;\n}\n\nfunction withErrorBoundary(component, errorBoundaryProps) {\n  const Wrapped = forwardRef((props, ref) => createElement(ErrorBoundary, errorBoundaryProps, createElement(component, {\n    ...props,\n    ref\n  })));\n\n  // Format for display in DevTools\n  const name = component.displayName || component.name || \"Unknown\";\n  Wrapped.displayName = \"withErrorBoundary(\".concat(name, \")\");\n  return Wrapped;\n}\n\nexport { ErrorBoundary, ErrorBoundaryContext, useErrorBoundary, withErrorBoundary };\n","import { Color, Spacing, Typography } from '@persona/design-tokens';\nimport { ChevronDownIcon, MoreIcon } from '@persona/icons';\nimport type { ComponentPropsWithoutRef, FC, ReactElement, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Button, { IconButton } from 'design-system/components/Button';\nimport DropdownButton from 'design-system/components/DropdownButton';\nimport DropdownMenu from 'design-system/components/DropdownMenu';\nimport { LoadingShimmer } from 'design-system/components/LoadingShimmer';\nimport { HStack } from 'design-system/components/Stack';\nimport { Heading } from 'design-system/components/Text';\nimport Tooltip from 'design-system/components/Tooltip';\nimport { HeadlessAriaButton } from 'design-system/lib/HeadlessAriaButton';\nimport { TruncatedText } from 'design-system/lib/TruncatedText';\nimport { focusStyle } from 'design-system/mixins/focus';\nimport type { HeadingSize } from 'design-system/mixins/text';\nimport type { IconAction, MenuAction, TextAction } from 'design-system/types/Action';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\nconst CardLoadingShimmer = styled(LoadingShimmer)`\n  border-radius: ${({ theme }) => theme.card.borderRadius};\n`;\n\nconst StickerContainer = styled.div`\n  display: flex;\n  max-width: 180px;\n`;\n\ntype AccordionContainerProps = {\n  $isTopSection: boolean;\n  $expanded: boolean;\n};\nconst AccordionContainer = styled.div<AccordionContainerProps>`\n  transition: opacity ${TransitionDuration.Faster};\n  position: absolute;\n  opacity: 0;\n\n  height: 12px;\n  width: 12px;\n  display: flex;\n  align-items: center;\n  /* Because of padding in the top section heading we need to offset differently. */\n  /* We want a 12px icon to be off-center in 24px padding, 4px on the right and 8px on the left */\n  left: ${({ $isTopSection }) => ($isTopSection ? '8px' : '-16px')};\n  /* center the icon vertically */\n  top: calc(50% - 6px);\n\n  border-radius: 1px;\n\n  & svg {\n    transition: transform ${TransitionDuration.Faster} ease-out;\n    transform: rotate(${({ $expanded }) => ($expanded ? '0' : '-90deg')});\n  }\n`;\n\nconst HeaderButton = styled(HeadlessAriaButton)`\n  min-width: 0;\n  flex: 1;\n\n  &:hover ~ ${AccordionContainer} {\n    opacity: 1;\n  }\n\n  &:focus-visible ~ ${AccordionContainer} {\n    opacity: 1;\n    ${focusStyle}\n  }\n`;\n\ntype HeadingContainerProps = {\n  $isTopSection: boolean;\n  $divider: boolean;\n  $hasFooter: boolean;\n  $isExpanded: boolean;\n};\nconst HeadingContainer = styled(HStack)<HeadingContainerProps>`\n  position: relative;\n\n  ${({ $isTopSection }) =>\n    $isTopSection &&\n    css`\n      padding: ${Spacing[4]} ${Spacing[5]};\n    `}\n  ${({ $divider }) =>\n    $divider &&\n    css`\n      border-bottom: 1px solid ${Color.BorderDivider};\n    `}\n  ${({ $isTopSection, $hasFooter, $isExpanded }) =>\n    $isTopSection &&\n    !$hasFooter &&\n    !$isExpanded &&\n    css`\n      // We apply 4px of whitespace to the bottom of the card container so that content has a buffer\n      // when being scrolled and still appears inside the card. Here we adjust, subtracting\n      // 4px from the 16px padding.\n      padding-bottom: ${Spacing[3]};\n    `}\n`;\n\ntype StyledHeadingProps = {\n  $isCollapsible: boolean;\n  $isTopSection: boolean;\n  size: HeadingSize;\n};\nconst StyledHeading = styled(Heading)<StyledHeadingProps>`\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: ${Spacing[2]};\n  line-height: 24px; // We want an adjusted line-height to hit the target header size.\n  overflow: hidden;\n\n  ${({ $isCollapsible }) => $isCollapsible && 'cursor: pointer;'}\n  ${({ $isTopSection }) =>\n    !$isTopSection &&\n    css`\n      ${Typography.TextLargeBold};\n    `}\n`;\n\nconst isIconAction = (action: IconAction | TextAction): action is IconAction => 'icon' in action;\n\nconst ButtonRow: FC<{\n  actions: (IconAction | TextAction)[];\n  menuActions: MenuAction[];\n}> = ({ actions, menuActions }) => {\n  const buttons = actions\n    .filter((action) => !action.hidden)\n    .map((action, i) => {\n      const key = isIconAction(action)\n        ? (action.id ?? action.ariaLabel ?? `action-${i}`)\n        : (action.id ?? action.label ?? `action-${i}`);\n\n      const button = isIconAction(action) ? (\n        <IconButton\n          id={action.id}\n          key={key}\n          to={action.to}\n          onClick={(e) => {\n            e.stopPropagation();\n            return action.onClick?.(e);\n          }}\n          disabled={action.disabled}\n          aria-label={action.ariaLabel}\n          size='sm'\n        >\n          {action.icon}\n        </IconButton>\n      ) : (\n        <Button\n          id={action.id}\n          key={key}\n          aria-label={action.ariaLabel}\n          to={action.to}\n          onClick={(e) => {\n            e.stopPropagation();\n            return action.onClick?.(e);\n          }}\n          disabled={action.disabled}\n          variant={action.variant ?? 'basic'}\n          size='sm'\n          width='auto'\n          prefixIcon={action.prefixIcon}\n          suffixIcon={action.suffixIcon}\n        >\n          {action.label}\n        </Button>\n      );\n\n      return action.tooltip ? (\n        <Tooltip key={key} {...action.tooltipProps} trigger={button}>\n          {action.tooltip}\n        </Tooltip>\n      ) : (\n        button\n      );\n    });\n\n  return (\n    <HStack>\n      {buttons}\n      {menuActions.length > 0 && (\n        <DropdownButton\n          variant='text'\n          width='icon'\n          size='sm'\n          suffixIcon={undefined}\n          css={{ justifySelf: 'flex-end' }}\n          aria-label='More actions'\n          menuProps={{\n            portal: true,\n          }}\n          menuItems={menuActions\n            .filter((action) => !action.hidden)\n            .map((action) => (\n              <DropdownMenu.Item\n                id={action.id ?? action.label}\n                key={action.id ?? action.label}\n                onClick={action.onClick}\n                disabled={action.disabled}\n              >\n                {action.label}\n              </DropdownMenu.Item>\n            ))}\n        >\n          <MoreIcon />\n        </DropdownButton>\n      )}\n    </HStack>\n  );\n};\n\n/**\n * Private component for rendering the heading of a section, both the primary card heading and\n * section headings.\n */\nexport const SectionHeading: FC<{\n  /**\n   * Whether this is the top-level section of the card which has different visual treatment.\n   */\n  isTopSection: boolean;\n\n  /**\n   * Whether this heading's section has content.\n   */\n  sectionHasContent: boolean;\n\n  /**\n   * Whether this heading's section has a footer.\n   */\n  hasFooter: boolean;\n\n  loading: boolean;\n\n  /**\n   * Title text to render in the heading.\n   */\n  title: string;\n\n  /**\n   * Optional sticker to render after the title.\n   */\n  sticker?: ReactElement;\n\n  /**\n   * Optional icon to render before the title text.\n   *\n   * Usage of this icon slot should be avoided if possible to maintain left-text alignement. If\n   * using this icon slot for a section heading use it for all sections.\n   */\n  leftDecorativeIcon?: ReactElement;\n\n  /**\n   * Optional actions to render in the heading.\n   * Only accepts IconButton or Button components with specific prop restrictions.\n   */\n  actions?: (IconAction | TextAction | undefined)[];\n\n  /**\n   * Optional actions to render in the heading in a menu.\n   */\n  menuActions?: (MenuAction | undefined)[];\n\n  /**\n   * Optional custom content to render in the heading in the button row. Prefer setting `actions` or\n   * `menuActions` if possible.\n   */\n  headerActionsRowContent?: ReactNode;\n\n  /**\n   * Callback to toggle collapsed state of the section. Omit to disable collapsing.\n   */\n  toggle?: () => void;\n\n  /**\n   * Whether the section is currently expanded or collapsed.\n   */\n  isExpanded: boolean;\n\n  /**\n   * Optional props to pass to the heading element. Accepts an `as` key to control the\n   * rendered heading level (defaults to 'h3'). Use `as: 'h2'` when the card title is\n   * the top-level heading on a page or modal so that the document heading hierarchy\n   * reflects the visual hierarchy.\n   */\n  headingProps?: Omit<ComponentPropsWithoutRef<'span'>, 'color'> & {\n    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  };\n}> = ({\n  isTopSection,\n  sectionHasContent,\n  hasFooter,\n  loading,\n  title,\n  actions = [],\n  menuActions = [],\n  headerActionsRowContent,\n  sticker,\n  leftDecorativeIcon,\n  toggle,\n  isExpanded,\n  headingProps,\n}) => {\n  const renderButtonRow = actions.length > 0 || menuActions.length > 0;\n  const { as: headingAs, ...restHeadingProps } = headingProps ?? {};\n\n  return (\n    <HeadingContainer\n      $isTopSection={isTopSection}\n      $hasFooter={hasFooter}\n      $isExpanded={isExpanded}\n      $divider={isTopSection && isExpanded && sectionHasContent}\n      align='center'\n      justify='space-between'\n      spacing={Spacing[2]}\n    >\n      {loading ? (\n        <CardLoadingShimmer height='24px' width='200px' />\n      ) : (\n        <>\n          {/* https://github.com/adobe/react-spectrum/issues/7444 */}\n          <HeaderButton slot='trigger' isDisabled={!toggle}>\n            <StyledHeading\n              forwardedAs={headingAs}\n              size='xsm'\n              $isCollapsible={!!toggle}\n              $isTopSection={isTopSection}\n              aria-label={title}\n              {...restHeadingProps}\n            >\n              {leftDecorativeIcon}\n              <TruncatedText>{title}</TruncatedText>\n              {sticker && <StickerContainer>{sticker}</StickerContainer>}\n            </StyledHeading>\n          </HeaderButton>\n          {headerActionsRowContent}\n          {renderButtonRow && (\n            <ButtonRow\n              actions={actions.filter((action) => action != null)}\n              menuActions={menuActions.filter((action) => action != null)}\n            />\n          )}\n          {toggle && (\n            <AccordionContainer $isTopSection={isTopSection} $expanded={isExpanded}>\n              <ChevronDownIcon />\n            </AccordionContainer>\n          )}\n        </>\n      )}\n    </HeadingContainer>\n  );\n};\n","/**\n * @name intersperse\n *\n * Inserts an element between array items using a separator function. The\n * separator function is passed the previous index, the previous element, and\n * the next element.\n *\n * ```typescript\n * const nodeList: React.ReactNode[] = [...]\n * const commaSeparatedList = intersperse(nodeList, () => ', ')\n * const advancedSeparatedList = intersperse(nodeList, i => <Separator key={i}/>)\n * ```\n */\nexport function intersperse<T>(arr: T[], separator: (n: number, prev: T, curr: T) => T): T[] {\n  return arr.flatMap((a, i) => (i > 0 ? [separator(i - 1, arr[i - 1], a), a] : [a]));\n}\n","import { Color, Spacing } from '@persona/design-tokens';\nimport type { ComponentProps, FC, ReactNode } from 'react';\nimport { Disclosure, DisclosurePanel } from 'react-aria-components';\nimport styled, { css } from 'styled-components';\n\nimport { SectionHeading } from 'design-system/components/CardV2/SectionHeading';\nimport { LoadingShimmer } from 'design-system/components/LoadingShimmer';\nimport { HStack } from 'design-system/components/Stack';\nimport { Paragraph } from 'design-system/components/Text';\nimport { intersperse } from 'design-system/lib/intersperse';\nimport { Z_INDICES } from 'design-system/lib/zindex';\n\nconst FooterParagraph = styled(Paragraph)`\n  line-height: 16px;\n`;\n\ntype FooterContainerProps = {\n  $divider: boolean;\n};\nconst FooterContainer = styled.div<FooterContainerProps>`\n  ${({ $divider }) =>\n    $divider &&\n    css`\n      border-top: 1px solid ${Color.BorderDivider};\n    `}\n  padding: ${Spacing[3]} ${Spacing[5]} ${Spacing[2]};\n`;\n\ntype MaybeStickyContainerProps = {\n  $enabled: boolean;\n  $bottom?: boolean;\n};\nconst MaybeStickyContainer = styled.div<MaybeStickyContainerProps>`\n  ${({ $enabled }) =>\n    $enabled &&\n    css`\n      // We are using sticky positioning here to have consistent scrollbar behavior between\n      // different card configurations. Usage of sticky allows us to keep the scroll container at\n      // the top of the card DOM structure regardless of whether the heading or footer is sticky.\n      //\n      // This also afaict helps eliminate the need to carry height values through the card DOM\n      // structure to the content container (and possibly needing to adjust heights for heading and footer).\n      position: sticky;\n      top: 0;\n      background-color: ${({ theme }) => theme.color.background.primary};\n      z-index: ${Z_INDICES.sticky};\n    `}\n\n  ${({ $bottom = false }) =>\n    $bottom &&\n    css`\n      top: unset;\n      bottom: 0;\n    `}\n`;\n\ntype StyledDisclosureProps = {\n  $fullHeight: boolean;\n};\nconst StyledDisclosure = styled(Disclosure)<StyledDisclosureProps>`\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  ${({ $fullHeight }) =>\n    $fullHeight &&\n    css`\n      height: 100%;\n    `}\n`;\n\ntype StyledDisclosurePanelProps = {\n  $isTopSection: boolean;\n};\nconst StyledDisclosurePanel = styled(DisclosurePanel)<StyledDisclosurePanelProps>`\n  flex: 1;\n  ${({ $isTopSection }) =>\n    $isTopSection &&\n    css`\n      // Safari does not support hidden='until-found' so react-aria uses display: none instead.\n      // Since react-aria is using display to hide content we need to not set display ourselves.\n      &:not([aria-hidden='true']) {\n        display: flex;\n      }\n    `}\n`;\n\nconst CardLoadingShimmer = styled(LoadingShimmer)`\n  border-radius: ${({ theme }) => theme.card.borderRadius};\n`;\n\ntype SectionContentContainerProps = {\n  $isTopSection: boolean;\n  $hasHeading: boolean;\n  $hasFooter: boolean;\n};\nconst SectionContentContainer = styled.div<SectionContentContainerProps>`\n  ${({ $isTopSection }) =>\n    $isTopSection &&\n    css`\n      padding: ${Spacing[5]};\n      display: flex;\n      flex-direction: column;\n      gap: ${Spacing[5]};\n      flex: 1;\n      /* Prevent grid blowout https://css-tricks.com/preventing-a-grid-blowout/ */\n      min-width: 0;\n    `}\n\n  ${({ $isTopSection, $hasHeading }) =>\n    !$isTopSection &&\n    $hasHeading &&\n    css`\n      padding-top: ${Spacing[3]};\n    `}\n\n    ${({ $isTopSection, $hasFooter }) =>\n      $isTopSection &&\n      !$hasFooter &&\n      css`\n      // We apply 4px of whitespace to the bottom of the card container so that content has a buffer\n      // when being scrolled and still appears inside the card. Here we adjust, subtracting\n      // 4px from the 24px padding.\n      padding-bottom: 20px;\n    `}\n`;\n\n/**\n * Private component for rendering sections of the card, both the primary card section and\n * individual sections.\n */\nexport const Section: FC<{\n  children?: ReactNode;\n\n  /**\n   * Whether this is the top-level section of the card which has different visual treatment.\n   */\n  isTopSection: boolean;\n\n  /**\n   * Available props for the section's heading.\n   */\n  heading?: Pick<\n    ComponentProps<typeof SectionHeading>,\n    | 'title'\n    | 'actions'\n    | 'menuActions'\n    | 'headerActionsRowContent'\n    | 'sticker'\n    | 'leftDecorativeIcon'\n    | 'headingProps'\n  >;\n\n  /**\n   * Optional footer to render at the bottom of the card. Footer content is rendered as a\n   * paragraph with the items separated by a dot.\n   */\n  footer?: ReactNode[];\n\n  /**\n   * Optional arbitrary footer content to render as-is.\n   */\n  footerContent?: ReactNode;\n\n  /**\n   * Whether the section is collapsible.\n   */\n  collapsible?: boolean;\n\n  /**\n   * Whether the section heading and footer are sticky.\n   */\n  sticky?: boolean;\n\n  /**\n   * Whether the section is initially collapsed.\n   */\n  defaultCollapsed?: boolean;\n\n  /**\n   * If true, the section will be rendered in a loading state.\n   */\n  loading?: boolean;\n\n  /**\n   * Set height of the loading state.\n   */\n  loadingProps?: {\n    height?: string;\n  };\n\n  /**\n   * Control display of the empty state.\n   */\n  empty?: boolean;\n\n  /**\n   * Props for the empty state.\n   */\n  emptyProps?: {\n    /**\n     * Empty state message.\n     */\n    message?: string;\n  };\n\n  fullHeight?: boolean;\n}> = ({\n  children,\n  isTopSection,\n  heading,\n  footer,\n  footerContent,\n  loading = false,\n  loadingProps,\n  empty = false,\n  emptyProps,\n  defaultCollapsed = false,\n  collapsible = false,\n  sticky = false,\n  fullHeight = false,\n}) => {\n  let content: ReactNode;\n  if (loading) {\n    content = <CardLoadingShimmer height={loadingProps?.height ?? '200px'} width='100%' />;\n  } else if (empty) {\n    content = <Paragraph>{emptyProps?.message ?? 'No data collected'}</Paragraph>;\n  } else {\n    content = children;\n  }\n\n  const hasFooter = !!(footer || footerContent);\n  const hasContent = !!content;\n\n  // Normally we would have `isDisabled` as well but there's a react-aria-components quirk\n  // that sets `hidden` on the disclosure panel if both `defaultExpanded` and `isDisabled` are true.\n  // https://github.com/adobe/react-spectrum/issues/7444\n  return (\n    <StyledDisclosure defaultExpanded={!defaultCollapsed} $fullHeight={fullHeight}>\n      {({ isExpanded, state }) => (\n        <>\n          {heading && (\n            <MaybeStickyContainer $enabled={sticky}>\n              <SectionHeading\n                isTopSection={isTopSection}\n                hasFooter={hasFooter}\n                sectionHasContent={hasContent}\n                loading={loading}\n                toggle={collapsible ? state.toggle : undefined}\n                isExpanded={isExpanded}\n                {...heading}\n              />\n            </MaybeStickyContainer>\n          )}\n          {hasContent && (\n            <StyledDisclosurePanel $isTopSection={isTopSection}>\n              <SectionContentContainer\n                $isTopSection={isTopSection}\n                $hasHeading={!!heading}\n                $hasFooter={hasFooter}\n              >\n                {content}\n              </SectionContentContainer>\n            </StyledDisclosurePanel>\n          )}\n          {hasFooter && (\n            <MaybeStickyContainer $enabled={sticky} $bottom>\n              <FooterContainer $divider={hasContent}>\n                {loading ? (\n                  <HStack>\n                    <CardLoadingShimmer height='16px' width='120px' />\n                    <CardLoadingShimmer height='16px' width='120px' />\n                  </HStack>\n                ) : (\n                  <>\n                    {footer && (\n                      <FooterParagraph size='sm'>\n                        <HStack spacing={Spacing[1]}>\n                          {intersperse(\n                            footer\n                              .filter((item) => item != null)\n                              .map((item, i) => <span key={`footer-item-${i}`}>{item}</span>),\n                            (i) => (\n                              <span key={i}>•</span>\n                            ),\n                          )}\n                        </HStack>\n                      </FooterParagraph>\n                    )}\n                    {footerContent}\n                  </>\n                )}\n              </FooterContainer>\n            </MaybeStickyContainer>\n          )}\n        </>\n      )}\n    </StyledDisclosure>\n  );\n};\n","import { Color } from '@persona/design-tokens';\nimport { type ComponentProps, createContext, type FC, type ReactNode, useContext } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport styled from 'styled-components';\n\nimport { Section } from 'design-system/components/CardV2/Section';\nimport { Paragraph } from 'design-system/components/Text';\nimport ConfigContext from 'design-system/lib/ConfigContext';\nimport { intersperse } from 'design-system/lib/intersperse';\n\nconst CardContainer = styled.div`\n  border-radius: ${({ theme }) => theme.card.borderRadius};\n  background-color: ${({ theme }) => theme.color.background.primary};\n  // Height has been tricky here.\n  // inherit seems to work well for both grid and flexbox layouts. In a grid we want this\n  // container to receive the full cell height, In a flexbox we want this container to flex, maintaining\n  // the minimum height for it's content.\n  height: inherit;\n  overflow-y: auto;\n\n  box-sizing: border-box;\n  // Small buffer so that content is not scrolling right on the edge of the card.\n  border-bottom: 4px solid ${({ theme }) => theme.color.background.primary};\n`;\n\nconst CardContext = createContext<{ isStacked?: boolean }>({});\n\nconst Divider = styled.hr`\n  margin: 0;\n  border: none;\n  border-top: 1px solid ${Color.BorderDivider};\n`;\n\n/**\n * Renders a card section.\n */\nconst PublicSection: FC<\n  Pick<\n    ComponentProps<typeof Section>,\n    | 'children'\n    | 'collapsible'\n    | 'defaultCollapsed'\n    | 'heading'\n    | 'loading'\n    | 'loadingProps'\n    | 'empty'\n    | 'emptyProps'\n  >\n> = (props) => {\n  return <Section isTopSection={false} {...props} />;\n};\n\n/**\n * Render the card in a \"stacked\" mode. Used for rendering multiple cards on top of each other\n * that appear visually as a single card.\n */\nconst Stacked: FC<{\n  children: ReactNode[];\n}> = ({ children }) => {\n  return (\n    <CardContext.Provider value={{ isStacked: true }}>\n      <CardContainer>\n        {intersperse(children, (i) => (\n          <Divider key={i} />\n        ))}\n      </CardContainer>\n    </CardContext.Provider>\n  );\n};\n\nconst DEFAULT_ERROR_MESSAGE = '🔍 Oops, something went wrong loading this card.';\n\n/**\n * Renders a PDS Card.\n *\n * To render sections of the card use `<Card.Section>...</Card.Section>`\n */\nconst Card: FC<\n  {\n    /**\n     * Optional footer to render at the bottom of the card. Footer content is rendered as a\n     * paragraph with the items separated by a dot.\n     */\n    footer?: ReactNode[];\n\n    /**\n     * Optional arbitrary footer content to render as-is.\n     */\n    footerContent?: ReactNode;\n\n    /**\n     * Whether the card heading and footer are sticky.\n     */\n    sticky?: boolean;\n\n    /**\n     * Force the card to render in an errored state. Errors bubbling up from children will also\n     * render the errored state.\n     */\n    errored?: boolean;\n\n    /**\n     * Props for the errored state.\n     */\n    erroredProps?: {\n      /**\n       * Message to render in the errored state.\n       */\n      message?: string;\n      /**\n       * Callback to handle errors. Note this callback is only called when the error is bubbled up\n       * from children, not when `errored` is set to true.\n       */\n      onError?: (error: Error) => void;\n    };\n\n    containerProps?: ComponentProps<typeof CardContainer>;\n\n    /**\n     * Whether the card should render its content with 100% height. This is a bit of a hack for cards\n     * that want full control of their content and don't use sections.\n     */\n    fullHeight?: boolean;\n  } & ComponentProps<typeof PublicSection>\n> = ({ children, errored, erroredProps, containerProps, sticky = true, ...sectionProps }) => {\n  const { isStacked = false } = useContext(CardContext);\n  const { captureException } = useContext(ConfigContext);\n\n  const errorFallback = (\n    <Section isTopSection {...sectionProps}>\n      <Paragraph>{erroredProps?.message ?? DEFAULT_ERROR_MESSAGE}</Paragraph>\n    </Section>\n  );\n\n  const section = (\n    <Section isTopSection sticky={sticky} {...sectionProps}>\n      {children}\n    </Section>\n  );\n\n  return (\n    <ErrorBoundary\n      fallback={\n        isStacked ? (\n          errorFallback\n        ) : (\n          <CardContainer {...containerProps}>{errorFallback}</CardContainer>\n        )\n      }\n      onError={erroredProps?.onError ?? ((error) => captureException(error))}\n    >\n      {isStacked ? (\n        <>{errored ? <>{errorFallback}</> : <>{section}</>}</>\n      ) : (\n        <CardContainer {...containerProps}>\n          {errored ? <>{errorFallback}</> : <>{section}</>}\n        </CardContainer>\n      )}\n    </ErrorBoundary>\n  );\n};\n\nexport default Object.assign(Card, {\n  Section: PublicSection,\n  Stacked: Stacked,\n});\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,wBAAA,GAAA,MAAA,eAAqC,KAAK;AAEhD,MAAM,eAAe;CACnB,UAAU;CACV,OAAO;CACR;AACD,IAAM,gBAAN,cAA4BA,MAAAA,UAAU;CACpC,YAAY,OAAO;AACjB,QAAM,MAAM;AACZ,OAAK,qBAAqB,KAAK,mBAAmB,KAAK,KAAK;AAC5D,OAAK,QAAQ;;CAEf,OAAO,yBAAyB,OAAO;AACrC,SAAO;GACL,UAAU;GACV;GACD;;CAEH,qBAAqB;EACnB,MAAM,EACJ,UACE,KAAK;AACT,MAAI,UAAU,MAAM;GAClB,IAAI,qBAAqB;AACzB,QAAK,IAAI,OAAO,UAAU,QAAQ,OAAO,IAAI,MAAM,KAAK,EAAE,OAAO,GAAG,OAAO,MAAM,OAC/E,MAAK,QAAQ,UAAU;AAEzB,IAAC,uBAAuB,cAAc,KAAK,OAAO,aAAa,QAAQ,wBAAwB,KAAK,KAAa,oBAAoB,KAAK,aAAa;IACrJ;IACA,QAAQ;IACT,CAAC;AACF,QAAK,SAAS,aAAa;;;CAG/B,kBAAkB,OAAO,MAAM;EAC7B,IAAI,qBAAqB;AACzB,GAAC,uBAAuB,eAAe,KAAK,OAAO,aAAa,QAAQ,wBAAwB,KAAK,KAAa,oBAAoB,KAAK,cAAc,OAAO,KAAK;;CAEvK,mBAAmB,WAAW,WAAW;EACvC,MAAM,EACJ,aACE,KAAK;EACT,MAAM,EACJ,cACE,KAAK;AAOT,MAAI,YAAY,UAAU,UAAU,QAAQ,gBAAgB,UAAU,WAAW,UAAU,EAAE;GAC3F,IAAI,sBAAsB;AAC1B,IAAC,wBAAwB,eAAe,KAAK,OAAO,aAAa,QAAQ,yBAAyB,KAAK,KAAa,qBAAqB,KAAK,cAAc;IAC1J,MAAM;IACN,MAAM,UAAU;IAChB,QAAQ;IACT,CAAC;AACF,QAAK,SAAS,aAAa;;;CAG/B,SAAS;EACP,MAAM,EACJ,UACA,gBACA,mBACA,aACE,KAAK;EACT,MAAM,EACJ,UACA,UACE,KAAK;EACT,IAAI,gBAAgB;AACpB,MAAI,UAAU;GACZ,MAAM,QAAQ;IACZ;IACA,oBAAoB,KAAK;IAC1B;AACD,OAAI,OAAO,mBAAmB,WAC5B,iBAAgB,eAAe,MAAM;YAC5B,kBACT,kBAAA,GAAA,MAAA,eAA8B,mBAAmB,MAAM;YAC9C,aAAa,SAAA,GAAA,MAAA,gBAAuB,SAAS,CACtD,iBAAgB;OAEhB,OAAM;;AAGV,UAAA,GAAA,MAAA,eAAqB,qBAAqB,UAAU,EAClD,OAAO;GACL;GACA;GACA,oBAAoB,KAAK;GAC1B,EACF,EAAE,cAAc;;;AAGrB,SAAS,kBAAkB;CACzB,IAAI,IAAI,UAAU,SAAS,KAAK,UAAU,OAAO,KAAA,IAAY,UAAU,KAAK,EAAE;CAC9E,IAAI,IAAI,UAAU,SAAS,KAAK,UAAU,OAAO,KAAA,IAAY,UAAU,KAAK,EAAE;AAC9E,QAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,MAAM,UAAU,CAAC,OAAO,GAAG,MAAM,EAAE,OAAO,CAAC;;;;ACpFrF,MAAMC,uBAAqB,CAAA,GAAA,oBAAA,SAAOC,uBAAAA,eAAe;oBAC7B,EAAE,YAAY,MAAM,KAAK,aAAa;;AAG1D,MAAM,mBAAmB,oBAAA,QAAO,GAAG;;;;AASnC,MAAM,qBAAqB,oBAAA,QAAO,GAA4B;gCACZ;;;;;;;;;;WAUvC,EAAE,oBAAqB,gBAAgB,QAAQ,QAAS;;;;;;;oCAOb;yBAC7B,EAAE,gBAAiB,YAAY,MAAM,SAAU;;;AAIxE,MAAM,eAAe,CAAA,GAAA,oBAAA,SAAOC,+BAAAA,mBAAmB;;;;cAIjC,mBAAmB;;;;sBAIX,mBAAmB;;MAEnCC,qBAAAA,WAAW;;;AAUjB,MAAM,mBAAmB,CAAA,GAAA,oBAAA,SAAOC,cAAAA,OAAO;;;KAGlC,EAAE,oBACH,iBACA,oBAAA,GAAG;iBACUC,uBAAAA,QAAQ,GAAG,GAAGA,uBAAAA,QAAQ,GAAG;MACpC;KACD,EAAE,eACH,YACA,oBAAA,GAAG;iCAC0BC,uBAAAA,MAAM,cAAc;MAC/C;KACD,EAAE,eAAe,YAAY,kBAC9B,iBACA,CAAC,cACD,CAAC,eACD,oBAAA,GAAG;;;;wBAIiBD,uBAAAA,QAAQ,GAAG;MAC7B;;AAQN,MAAM,gBAAgB,CAAA,GAAA,oBAAA,SAAOE,aAAAA,QAAQ;;;;SAI5BF,uBAAAA,QAAQ,GAAG;;;;KAIf,EAAE,qBAAqB,kBAAkB,mBAAmB;KAC5D,EAAE,oBACH,CAAC,iBACD,oBAAA,GAAG;QACCG,uBAAAA,WAAW,cAAc;MAC3B;;AAGN,MAAM,gBAAgB,WAA0D,UAAU;AAE1F,MAAM,aAGA,EAAE,SAAS,kBAAkB;AAqDjC,QACE,iBAAA,GAAA,kBAAA,MAACJ,cAAAA,QAAD,EAAA,UAAA,CArDc,QACb,QAAQ,WAAW,CAAC,OAAO,OAAO,CAClC,KAAK,QAAQ,MAAM;EAClB,MAAM,MAAM,aAAa,OAAO,GAC3B,OAAO,MAAM,OAAO,aAAa,UAAU,MAC3C,OAAO,MAAM,OAAO,SAAS,UAAU;EAE5C,MAAM,SAAS,aAAa,OAAO,GACjC,iBAAA,GAAA,kBAAA,KAACK,mBAAAA,YAAD;GACE,IAAI,OAAO;GAEX,IAAI,OAAO;GACX,UAAU,MAAM;AACd,MAAE,iBAAiB;AACnB,WAAO,OAAO,UAAU,EAAE;;GAE5B,UAAU,OAAO;GACjB,cAAY,OAAO;GACnB,MAAK;aAEJ,OAAO;GACG,EAXN,IAWM,GAEb,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,QAAD;GACE,IAAI,OAAO;GAEX,cAAY,OAAO;GACnB,IAAI,OAAO;GACX,UAAU,MAAM;AACd,MAAE,iBAAiB;AACnB,WAAO,OAAO,UAAU,EAAE;;GAE5B,UAAU,OAAO;GACjB,SAAS,OAAO,WAAW;GAC3B,MAAK;GACL,OAAM;GACN,YAAY,OAAO;GACnB,YAAY,OAAO;aAElB,OAAO;GACD,EAfF,IAeE;AAGX,SAAO,OAAO,UACZ,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;GAAmB,GAAI,OAAO;GAAc,SAAS;aAClD,OAAO;GACA,EAFI,IAEJ,GAEV;GAMM,EACP,YAAY,SAAS,KACpB,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,gBAAD;EACE,SAAQ;EACR,OAAM;EACN,MAAK;EACL,YAAY,KAAA;EACZ,KAAK,EAAE,aAAa,YAAY;EAChC,cAAW;EACX,WAAW,EACT,QAAQ,MACT;EACD,WAAW,YACR,QAAQ,WAAW,CAAC,OAAO,OAAO,CAClC,KAAK,WACJ,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,qBAAa,MAAd;GACE,IAAI,OAAO,MAAM,OAAO;GAExB,SAAS,OAAO;GAChB,UAAU,OAAO;aAEhB,OAAO;GACU,EALb,OAAO,MAAM,OAAO,MAKP,CACpB;YAEJ,iBAAA,GAAA,kBAAA,KAACC,eAAAA,UAAD,EAAY,CAAA;EACG,CAAA,CAEZ,EAAA,CAAA;;;;;;AAQb,MAAa,kBAwEP,EACJ,cACA,mBACA,WACA,SACA,OACA,UAAU,EAAE,EACZ,cAAc,EAAE,EAChB,yBACA,SACA,oBACA,QACA,YACA,mBACI;CACJ,MAAM,kBAAkB,QAAQ,SAAS,KAAK,YAAY,SAAS;CACnE,MAAM,EAAE,IAAI,WAAW,GAAG,qBAAqB,gBAAgB,EAAE;AAEjE,QACE,iBAAA,GAAA,kBAAA,KAAC,kBAAD;EACE,eAAe;EACf,YAAY;EACZ,aAAa;EACb,UAAU,gBAAgB,cAAc;EACxC,OAAM;EACN,SAAQ;EACR,SAAST,uBAAAA,QAAQ;YAEhB,UACC,iBAAA,GAAA,kBAAA,KAACL,sBAAD;GAAoB,QAAO;GAAO,OAAM;GAAU,CAAA,GAElD,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA;GAEE,iBAAA,GAAA,kBAAA,KAAC,cAAD;IAAc,MAAK;IAAU,YAAY,CAAC;cACxC,iBAAA,GAAA,kBAAA,MAAC,eAAD;KACE,aAAa;KACb,MAAK;KACL,gBAAgB,CAAC,CAAC;KAClB,eAAe;KACf,cAAY;KACZ,GAAI;eANN;MAQG;MACD,iBAAA,GAAA,kBAAA,KAACe,0BAAAA,eAAD,EAAA,UAAgB,OAAsB,CAAA;MACrC,WAAW,iBAAA,GAAA,kBAAA,KAAC,kBAAD,EAAA,UAAmB,SAA2B,CAAA;MAC5C;;IACH,CAAA;GACd;GACA,mBACC,iBAAA,GAAA,kBAAA,KAAC,WAAD;IACE,SAAS,QAAQ,QAAQ,WAAW,UAAU,KAAK;IACnD,aAAa,YAAY,QAAQ,WAAW,UAAU,KAAK;IAC3D,CAAA;GAEH,UACC,iBAAA,GAAA,kBAAA,KAAC,oBAAD;IAAoB,eAAe;IAAc,WAAW;cAC1D,iBAAA,GAAA,kBAAA,KAACC,eAAAA,iBAAD,EAAmB,CAAA;IACA,CAAA;GAEtB,EAAA,CAAA;EAEY,CAAA;;;;;;;;;;;;;;;;;ACjVvB,SAAgB,YAAe,KAAU,WAAoD;AAC3F,QAAO,IAAI,SAAS,GAAG,MAAO,IAAI,IAAI,CAAC,UAAU,IAAI,GAAG,IAAI,IAAI,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,CAAE;;;;ACFpF,MAAM,kBAAkB,CAAA,GAAA,oBAAA,SAAOC,aAAAA,UAAU;;;AAOzC,MAAM,kBAAkB,oBAAA,QAAO,GAAyB;KACnD,EAAE,eACH,YACA,oBAAA,GAAG;8BACuBC,uBAAAA,MAAM,cAAc;MAC5C;aACOC,uBAAAA,QAAQ,GAAG,GAAGA,uBAAAA,QAAQ,GAAG,GAAGA,uBAAAA,QAAQ,GAAG;;AAOpD,MAAM,uBAAuB,oBAAA,QAAO,GAA8B;KAC7D,EAAE,eACH,YACA,oBAAA,GAAG;;;;;;;;;2BASoB,EAAE,YAAY,MAAM,MAAM,WAAW,QAAQ;iBACvDC,mBAAAA,UAAU,OAAO;MAC5B;;KAED,EAAE,UAAU,YACb,WACA,oBAAA,GAAG;;;MAGD;;AAMN,MAAM,mBAAmB,CAAA,GAAA,oBAAA,SAAOC,sBAAAA,WAAW;;;;KAItC,EAAE,kBACH,eACA,oBAAA,GAAG;;MAED;;AAMN,MAAM,wBAAwB,CAAA,GAAA,oBAAA,SAAOC,sBAAAA,gBAAgB;;KAEhD,EAAE,oBACH,iBACA,oBAAA,GAAG;;;;;;MAMD;;AAGN,MAAM,qBAAqB,CAAA,GAAA,oBAAA,SAAOC,uBAAAA,eAAe;oBAC7B,EAAE,YAAY,MAAM,KAAK,aAAa;;AAQ1D,MAAM,0BAA0B,oBAAA,QAAO,GAAiC;KACnE,EAAE,oBACH,iBACA,oBAAA,GAAG;iBACUJ,uBAAAA,QAAQ,GAAG;;;aAGfA,uBAAAA,QAAQ,GAAG;;;;MAIlB;;KAED,EAAE,eAAe,kBAClB,CAAC,iBACD,eACA,oBAAA,GAAG;qBACcA,uBAAAA,QAAQ,GAAG;MAC1B;;OAEC,EAAE,eAAe,iBAClB,iBACA,CAAC,cACD,oBAAA,GAAG;;;;;MAKH;;;;;;AAON,MAAa,WA4EP,EACJ,UACA,cACA,SACA,QACA,eACA,UAAU,OACV,cACA,QAAQ,OACR,YACA,mBAAmB,OACnB,cAAc,OACd,SAAS,OACT,aAAa,YACT;CACJ,IAAI;AACJ,KAAI,QACF,WAAU,iBAAA,GAAA,kBAAA,KAAC,oBAAD;EAAoB,QAAQ,cAAc,UAAU;EAAS,OAAM;EAAS,CAAA;UAC7E,MACT,WAAU,iBAAA,GAAA,kBAAA,KAACF,aAAAA,WAAD,EAAA,UAAY,YAAY,WAAW,qBAAgC,CAAA;KAE7E,WAAU;CAGZ,MAAM,YAAY,CAAC,EAAE,UAAU;CAC/B,MAAM,aAAa,CAAC,CAAC;AAKrB,QACE,iBAAA,GAAA,kBAAA,KAAC,kBAAD;EAAkB,iBAAiB,CAAC;EAAkB,aAAa;aAC/D,EAAE,YAAY,YACd,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA;GACG,WACC,iBAAA,GAAA,kBAAA,KAAC,sBAAD;IAAsB,UAAU;cAC9B,iBAAA,GAAA,kBAAA,KAAC,gBAAD;KACgB;KACH;KACX,mBAAmB;KACV;KACT,QAAQ,cAAc,MAAM,SAAS,KAAA;KACzB;KACZ,GAAI;KACJ,CAAA;IACmB,CAAA;GAExB,cACC,iBAAA,GAAA,kBAAA,KAAC,uBAAD;IAAuB,eAAe;cACpC,iBAAA,GAAA,kBAAA,KAAC,yBAAD;KACE,eAAe;KACf,aAAa,CAAC,CAAC;KACf,YAAY;eAEX;KACuB,CAAA;IACJ,CAAA;GAEzB,aACC,iBAAA,GAAA,kBAAA,KAAC,sBAAD;IAAsB,UAAU;IAAQ,SAAA;cACtC,iBAAA,GAAA,kBAAA,KAAC,iBAAD;KAAiB,UAAU;eACxB,UACC,iBAAA,GAAA,kBAAA,MAACO,cAAAA,QAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,oBAAD;MAAoB,QAAO;MAAO,OAAM;MAAU,CAAA,EAClD,iBAAA,GAAA,kBAAA,KAAC,oBAAD;MAAoB,QAAO;MAAO,OAAM;MAAU,CAAA,CAC3C,EAAA,CAAA,GAET,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,UACC,iBAAA,GAAA,kBAAA,KAAC,iBAAD;MAAiB,MAAK;gBACpB,iBAAA,GAAA,kBAAA,KAACA,cAAAA,QAAD;OAAQ,SAASL,uBAAAA,QAAQ;iBACtB,YACC,OACG,QAAQ,SAAS,QAAQ,KAAK,CAC9B,KAAK,MAAM,MAAM,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAgC,MAAY,EAAjC,eAAe,IAAkB,CAAC,GAChE,MACC,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAc,KAAQ,EAAX,EAAW,CAEzB;OACM,CAAA;MACO,CAAA,EAEnB,cACA,EAAA,CAAA;KAEW,CAAA;IACG,CAAA;GAExB,EAAA,CAAA;EAEY,CAAA;;;;AC9RvB,MAAM,gBAAgB,kBAAA,QAAO,GAAG;oBACZ,EAAE,YAAY,MAAM,KAAK,aAAa;uBACnC,EAAE,YAAY,MAAM,MAAM,WAAW,QAAQ;;;;;;;;;;8BAUtC,EAAE,YAAY,MAAM,MAAM,WAAW,QAAQ;;AAG3E,MAAM,eAAA,GAAA,MAAA,eAAqD,EAAE,CAAC;AAE9D,MAAM,UAAU,kBAAA,QAAO,EAAE;;;0BAGCM,uBAAAA,MAAM,cAAc;;;;;AAM9C,MAAM,iBAYD,UAAU;AACb,QAAO,iBAAA,GAAA,kBAAA,KAAC,SAAD;EAAS,cAAc;EAAO,GAAI;EAAS,CAAA;;;;;;AAOpD,MAAM,WAEA,EAAE,eAAe;AACrB,QACE,iBAAA,GAAA,kBAAA,KAAC,YAAY,UAAb;EAAsB,OAAO,EAAE,WAAW,MAAM;YAC9C,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAA,UACG,YAAY,WAAW,MACtB,iBAAA,GAAA,kBAAA,KAAC,SAAD,EAAmB,EAAL,EAAK,CACnB,EACY,CAAA;EACK,CAAA;;AAI3B,MAAM,wBAAwB;;;;;;AAO9B,MAAM,QA+CD,EAAE,UAAU,SAAS,cAAc,gBAAgB,SAAS,MAAM,GAAG,mBAAmB;CAC3F,MAAM,EAAE,YAAY,WAAA,GAAA,MAAA,YAAqB,YAAY;CACrD,MAAM,EAAE,sBAAA,GAAA,MAAA,YAAgCC,0BAAc;CAEtD,MAAM,gBACJ,iBAAA,GAAA,kBAAA,KAAC,SAAD;EAAS,cAAA;EAAa,GAAI;YACxB,iBAAA,GAAA,kBAAA,KAACC,aAAAA,WAAD,EAAA,UAAY,cAAc,WAAW,uBAAkC,CAAA;EAC/D,CAAA;CAGZ,MAAM,UACJ,iBAAA,GAAA,kBAAA,KAAC,SAAD;EAAS,cAAA;EAAqB;EAAQ,GAAI;EACvC;EACO,CAAA;AAGZ,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAD;EACE,UACE,YACE,gBAEA,iBAAA,GAAA,kBAAA,KAAC,eAAD;GAAe,GAAI;aAAiB;GAA8B,CAAA;EAGtE,SAAS,cAAc,aAAa,UAAU,iBAAiB,MAAM;YAEpE,YACC,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UAAG,UAAU,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UAAG,eAAiB,CAAA,GAAG,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UAAG,SAAW,CAAA,EAAI,CAAA,GAEtD,iBAAA,GAAA,kBAAA,KAAC,eAAD;GAAe,GAAI;aAChB,UAAU,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UAAG,eAAiB,CAAA,GAAG,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UAAG,SAAW,CAAA;GAClC,CAAA;EAEJ,CAAA;;AAIpB,IAAA,eAAe,OAAO,OAAO,MAAM;CACjC,SAAS;CACA;CACV,CAAC"}
+{"version":3,"file":"index.cjs","names":["CardLoadingShimmer","LoadingShimmer","HeadlessAriaButton","focusStyle","HStack","Spacing","Color","Heading","Typography","IconButton","Button","Tooltip","DropdownButton","DropdownMenu","MoreIcon","TruncatedText","ChevronDownIcon","Paragraph","Color","Spacing","Z_INDICES","Disclosure","DisclosurePanel","LoadingShimmer","HStack","intersperse","Color","intersperse","ConfigContext","Paragraph","ErrorBoundary"],"sources":["../../../components/CardV2/SectionHeading.tsx","../../../components/CardV2/Section.tsx","../../../components/CardV2/Card.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, FC, ReactElement, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Color, Spacing, Typography } from '@persona/design-tokens';\nimport { ChevronDownIcon, MoreIcon } from '@persona/icons';\nimport Button, { IconButton } from 'design-system/components/Button';\nimport DropdownButton from 'design-system/components/DropdownButton';\nimport DropdownMenu from 'design-system/components/DropdownMenu';\nimport { LoadingShimmer } from 'design-system/components/LoadingShimmer';\nimport { HStack } from 'design-system/components/Stack';\nimport { Heading } from 'design-system/components/Text';\nimport Tooltip from 'design-system/components/Tooltip';\nimport { HeadlessAriaButton } from 'design-system/lib/HeadlessAriaButton';\nimport { TruncatedText } from 'design-system/lib/TruncatedText';\nimport { focusStyle } from 'design-system/mixins/focus';\nimport type { HeadingSize } from 'design-system/mixins/text';\nimport type { IconAction, MenuAction, TextAction } from 'design-system/types/Action';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\nconst CardLoadingShimmer = styled(LoadingShimmer)`\n  border-radius: ${({ theme }) => theme.card.borderRadius};\n`;\n\nconst StickerContainer = styled.div`\n  display: flex;\n  max-width: 180px;\n`;\n\ntype AccordionContainerProps = {\n  $isTopSection: boolean;\n  $expanded: boolean;\n};\nconst AccordionContainer = styled.div<AccordionContainerProps>`\n  transition: opacity ${TransitionDuration.Faster};\n  position: absolute;\n  opacity: 0;\n\n  height: 12px;\n  width: 12px;\n  display: flex;\n  align-items: center;\n  /* Because of padding in the top section heading we need to offset differently. */\n  /* We want a 12px icon to be off-center in 24px padding, 4px on the right and 8px on the left */\n  left: ${({ $isTopSection }) => ($isTopSection ? '8px' : '-16px')};\n  /* center the icon vertically */\n  top: calc(50% - 6px);\n\n  border-radius: 1px;\n\n  & svg {\n    transition: transform ${TransitionDuration.Faster} ease-out;\n    transform: rotate(${({ $expanded }) => ($expanded ? '0' : '-90deg')});\n  }\n`;\n\nconst HeaderButton = styled(HeadlessAriaButton)`\n  min-width: 0;\n  flex: 1;\n\n  &:hover ~ ${AccordionContainer} {\n    opacity: 1;\n  }\n\n  &:focus-visible ~ ${AccordionContainer} {\n    opacity: 1;\n    ${focusStyle}\n  }\n`;\n\ntype HeadingContainerProps = {\n  $isTopSection: boolean;\n  $divider: boolean;\n  $hasFooter: boolean;\n  $isExpanded: boolean;\n};\nconst HeadingContainer = styled(HStack)<HeadingContainerProps>`\n  position: relative;\n\n  ${({ $isTopSection }) =>\n    $isTopSection &&\n    css`\n      padding: ${Spacing[4]} ${Spacing[5]};\n    `}\n  ${({ $divider }) =>\n    $divider &&\n    css`\n      border-bottom: 1px solid ${Color.BorderDivider};\n    `}\n  ${({ $isTopSection, $hasFooter, $isExpanded }) =>\n    $isTopSection &&\n    !$hasFooter &&\n    !$isExpanded &&\n    css`\n      // We apply 4px of whitespace to the bottom of the card container so that content has a buffer\n      // when being scrolled and still appears inside the card. Here we adjust, subtracting\n      // 4px from the 16px padding.\n      padding-bottom: ${Spacing[3]};\n    `}\n`;\n\ntype StyledHeadingProps = {\n  $isCollapsible: boolean;\n  $isTopSection: boolean;\n  size: HeadingSize;\n};\nconst StyledHeading = styled(Heading)<StyledHeadingProps>`\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: ${Spacing[2]};\n  line-height: 24px; // We want an adjusted line-height to hit the target header size.\n  overflow: hidden;\n\n  ${({ $isCollapsible }) => $isCollapsible && 'cursor: pointer;'}\n  ${({ $isTopSection }) =>\n    !$isTopSection &&\n    css`\n      ${Typography.TextLargeBold};\n    `}\n`;\n\nconst isIconAction = (action: IconAction | TextAction): action is IconAction => 'icon' in action;\n\nconst ButtonRow: FC<{\n  actions: (IconAction | TextAction)[];\n  menuActions: MenuAction[];\n}> = ({ actions, menuActions }) => {\n  const buttons = actions\n    .filter((action) => !action.hidden)\n    .map((action, i) => {\n      const key = isIconAction(action)\n        ? (action.id ?? action.ariaLabel ?? `action-${i}`)\n        : (action.id ?? action.label ?? `action-${i}`);\n\n      const button = isIconAction(action) ? (\n        <IconButton\n          id={action.id}\n          key={key}\n          to={action.to}\n          onClick={(e) => {\n            e.stopPropagation();\n            return action.onClick?.(e);\n          }}\n          disabled={action.disabled}\n          aria-label={action.ariaLabel}\n          size='sm'\n        >\n          {action.icon}\n        </IconButton>\n      ) : (\n        <Button\n          id={action.id}\n          key={key}\n          aria-label={action.ariaLabel}\n          to={action.to}\n          onClick={(e) => {\n            e.stopPropagation();\n            return action.onClick?.(e);\n          }}\n          disabled={action.disabled}\n          variant={action.variant ?? 'basic'}\n          size='sm'\n          width='auto'\n          prefixIcon={action.prefixIcon}\n          suffixIcon={action.suffixIcon}\n        >\n          {action.label}\n        </Button>\n      );\n\n      return action.tooltip ? (\n        <Tooltip key={key} {...action.tooltipProps} trigger={button}>\n          {action.tooltip}\n        </Tooltip>\n      ) : (\n        button\n      );\n    });\n\n  return (\n    <HStack>\n      {buttons}\n      {menuActions.length > 0 && (\n        <DropdownButton\n          variant='text'\n          width='icon'\n          size='sm'\n          suffixIcon={undefined}\n          style={{ justifySelf: 'flex-end' }}\n          aria-label='More actions'\n          menuProps={{\n            portal: true,\n          }}\n          menuItems={menuActions\n            .filter((action) => !action.hidden)\n            .map((action) => (\n              <DropdownMenu.Item\n                id={action.id ?? action.label}\n                key={action.id ?? action.label}\n                onClick={action.onClick}\n                disabled={action.disabled}\n              >\n                {action.label}\n              </DropdownMenu.Item>\n            ))}\n        >\n          <MoreIcon />\n        </DropdownButton>\n      )}\n    </HStack>\n  );\n};\n\n/**\n * Private component for rendering the heading of a section, both the primary card heading and\n * section headings.\n */\nexport const SectionHeading: FC<{\n  /**\n   * Whether this is the top-level section of the card which has different visual treatment.\n   */\n  isTopSection: boolean;\n\n  /**\n   * Whether this heading's section has content.\n   */\n  sectionHasContent: boolean;\n\n  /**\n   * Whether this heading's section has a footer.\n   */\n  hasFooter: boolean;\n\n  loading: boolean;\n\n  /**\n   * Title text to render in the heading.\n   */\n  title: string;\n\n  /**\n   * Optional sticker to render after the title.\n   */\n  sticker?: ReactElement;\n\n  /**\n   * Optional icon to render before the title text.\n   *\n   * Usage of this icon slot should be avoided if possible to maintain left-text alignement. If\n   * using this icon slot for a section heading use it for all sections.\n   */\n  leftDecorativeIcon?: ReactElement;\n\n  /**\n   * Optional actions to render in the heading.\n   * Only accepts IconButton or Button components with specific prop restrictions.\n   */\n  actions?: (IconAction | TextAction | undefined)[];\n\n  /**\n   * Optional actions to render in the heading in a menu.\n   */\n  menuActions?: (MenuAction | undefined)[];\n\n  /**\n   * Optional custom content to render in the heading in the button row. Prefer setting `actions` or\n   * `menuActions` if possible.\n   */\n  headerActionsRowContent?: ReactNode;\n\n  /**\n   * Callback to toggle collapsed state of the section. Omit to disable collapsing.\n   */\n  toggle?: () => void;\n\n  /**\n   * Whether the section is currently expanded or collapsed.\n   */\n  isExpanded: boolean;\n\n  /**\n   * Optional props to pass to the heading element. Accepts an `as` key to override the\n   * rendered heading level. Defaults to `h2` for the top-level card heading and `h3` for\n   * section headings so that the document heading hierarchy reflects the visual hierarchy.\n   */\n  headingProps?: Omit<ComponentPropsWithoutRef<'span'>, 'color'> & {\n    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  };\n}> = ({\n  isTopSection,\n  sectionHasContent,\n  hasFooter,\n  loading,\n  title,\n  actions = [],\n  menuActions = [],\n  headerActionsRowContent,\n  sticker,\n  leftDecorativeIcon,\n  toggle,\n  isExpanded,\n  headingProps,\n}) => {\n  const renderButtonRow = actions.length > 0 || menuActions.length > 0;\n  const { as: headingAs, ...restHeadingProps } = headingProps ?? {};\n\n  return (\n    <HeadingContainer\n      $isTopSection={isTopSection}\n      $hasFooter={hasFooter}\n      $isExpanded={isExpanded}\n      $divider={isTopSection && isExpanded && sectionHasContent}\n      align='center'\n      justify='space-between'\n      spacing={Spacing[2]}\n    >\n      {loading ? (\n        <CardLoadingShimmer height='24px' width='200px' />\n      ) : (\n        <>\n          {/* https://github.com/adobe/react-spectrum/issues/7444 */}\n          <HeaderButton slot='trigger' isDisabled={!toggle}>\n            <StyledHeading\n              forwardedAs={headingAs ?? (isTopSection ? 'h2' : 'h3')}\n              size='xsm'\n              $isCollapsible={!!toggle}\n              $isTopSection={isTopSection}\n              aria-label={title}\n              {...restHeadingProps}\n            >\n              {leftDecorativeIcon}\n              <TruncatedText>{title}</TruncatedText>\n              {sticker && <StickerContainer>{sticker}</StickerContainer>}\n            </StyledHeading>\n          </HeaderButton>\n          {headerActionsRowContent}\n          {renderButtonRow && (\n            <ButtonRow\n              actions={actions.filter((action) => action != null)}\n              menuActions={menuActions.filter((action) => action != null)}\n            />\n          )}\n          {toggle && (\n            <AccordionContainer $isTopSection={isTopSection} $expanded={isExpanded}>\n              <ChevronDownIcon />\n            </AccordionContainer>\n          )}\n        </>\n      )}\n    </HeadingContainer>\n  );\n};\n","import type { ComponentProps, FC, ReactNode } from 'react';\nimport { Disclosure, DisclosurePanel } from 'react-aria-components';\nimport styled, { css } from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { SectionHeading } from 'design-system/components/CardV2/SectionHeading';\nimport { LoadingShimmer } from 'design-system/components/LoadingShimmer';\nimport { HStack } from 'design-system/components/Stack';\nimport { Paragraph } from 'design-system/components/Text';\nimport { intersperse } from 'design-system/lib/intersperse';\nimport { Z_INDICES } from 'design-system/lib/zindex';\n\nconst FooterParagraph = styled(Paragraph)`\n  line-height: 16px;\n`;\n\ntype FooterContainerProps = {\n  $divider: boolean;\n};\nconst FooterContainer = styled.div<FooterContainerProps>`\n  ${({ $divider }) =>\n    $divider &&\n    css`\n      border-top: 1px solid ${Color.BorderDivider};\n    `}\n  padding: ${Spacing[3]} ${Spacing[5]} ${Spacing[2]};\n`;\n\ntype MaybeStickyContainerProps = {\n  $enabled: boolean;\n  $bottom?: boolean;\n};\nconst MaybeStickyContainer = styled.div<MaybeStickyContainerProps>`\n  ${({ $enabled }) =>\n    $enabled &&\n    css`\n      // We are using sticky positioning here to have consistent scrollbar behavior between\n      // different card configurations. Usage of sticky allows us to keep the scroll container at\n      // the top of the card DOM structure regardless of whether the heading or footer is sticky.\n      //\n      // This also afaict helps eliminate the need to carry height values through the card DOM\n      // structure to the content container (and possibly needing to adjust heights for heading and footer).\n      position: sticky;\n      top: 0;\n      background-color: ${({ theme }) => theme.color.background.primary};\n      z-index: ${Z_INDICES.sticky};\n    `}\n\n  ${({ $bottom = false }) =>\n    $bottom &&\n    css`\n      top: unset;\n      bottom: 0;\n    `}\n`;\n\ntype StyledDisclosureProps = {\n  $fullHeight: boolean;\n};\nconst StyledDisclosure = styled(Disclosure)<StyledDisclosureProps>`\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  ${({ $fullHeight }) =>\n    $fullHeight &&\n    css`\n      height: 100%;\n    `}\n`;\n\ntype StyledDisclosurePanelProps = {\n  $isTopSection: boolean;\n};\nconst StyledDisclosurePanel = styled(DisclosurePanel)<StyledDisclosurePanelProps>`\n  flex: 1;\n  ${({ $isTopSection }) =>\n    $isTopSection &&\n    css`\n      // Safari does not support hidden='until-found' so react-aria uses display: none instead.\n      // Since react-aria is using display to hide content we need to not set display ourselves.\n      &:not([aria-hidden='true']) {\n        display: flex;\n      }\n    `}\n`;\n\nconst CardLoadingShimmer = styled(LoadingShimmer)`\n  border-radius: ${({ theme }) => theme.card.borderRadius};\n`;\n\ntype SectionContentContainerProps = {\n  $isTopSection: boolean;\n  $hasHeading: boolean;\n  $hasFooter: boolean;\n};\nconst SectionContentContainer = styled.div<SectionContentContainerProps>`\n  ${({ $isTopSection }) =>\n    $isTopSection &&\n    css`\n      padding: ${Spacing[5]};\n      display: flex;\n      flex-direction: column;\n      gap: ${Spacing[5]};\n      flex: 1;\n      /* Prevent grid blowout https://css-tricks.com/preventing-a-grid-blowout/ */\n      min-width: 0;\n    `}\n\n  ${({ $isTopSection, $hasHeading }) =>\n    !$isTopSection &&\n    $hasHeading &&\n    css`\n      padding-top: ${Spacing[3]};\n    `}\n\n    ${({ $isTopSection, $hasFooter }) =>\n      $isTopSection &&\n      !$hasFooter &&\n      css`\n      // We apply 4px of whitespace to the bottom of the card container so that content has a buffer\n      // when being scrolled and still appears inside the card. Here we adjust, subtracting\n      // 4px from the 24px padding.\n      padding-bottom: 20px;\n    `}\n`;\n\n/**\n * Private component for rendering sections of the card, both the primary card section and\n * individual sections.\n */\nexport const Section: FC<{\n  children?: ReactNode;\n\n  /**\n   * Whether this is the top-level section of the card which has different visual treatment.\n   */\n  isTopSection: boolean;\n\n  /**\n   * Available props for the section's heading.\n   */\n  heading?: Pick<\n    ComponentProps<typeof SectionHeading>,\n    | 'title'\n    | 'actions'\n    | 'menuActions'\n    | 'headerActionsRowContent'\n    | 'sticker'\n    | 'leftDecorativeIcon'\n    | 'headingProps'\n  >;\n\n  /**\n   * Optional footer to render at the bottom of the card. Footer content is rendered as a\n   * paragraph with the items separated by a dot.\n   */\n  footer?: ReactNode[];\n\n  /**\n   * Optional arbitrary footer content to render as-is.\n   */\n  footerContent?: ReactNode;\n\n  /**\n   * Whether the section is collapsible.\n   */\n  collapsible?: boolean;\n\n  /**\n   * Whether the section heading and footer are sticky.\n   */\n  sticky?: boolean;\n\n  /**\n   * Whether the section is initially collapsed.\n   */\n  defaultCollapsed?: boolean;\n\n  /**\n   * If true, the section will be rendered in a loading state.\n   */\n  loading?: boolean;\n\n  /**\n   * Set height of the loading state.\n   */\n  loadingProps?: {\n    height?: string;\n  };\n\n  /**\n   * Control display of the empty state.\n   */\n  empty?: boolean;\n\n  /**\n   * Props for the empty state.\n   */\n  emptyProps?: {\n    /**\n     * Empty state message.\n     */\n    message?: string;\n  };\n\n  fullHeight?: boolean;\n}> = ({\n  children,\n  isTopSection,\n  heading,\n  footer,\n  footerContent,\n  loading = false,\n  loadingProps,\n  empty = false,\n  emptyProps,\n  defaultCollapsed = false,\n  collapsible = false,\n  sticky = false,\n  fullHeight = false,\n}) => {\n  let content: ReactNode;\n  if (loading) {\n    content = <CardLoadingShimmer height={loadingProps?.height ?? '200px'} width='100%' />;\n  } else if (empty) {\n    content = <Paragraph>{emptyProps?.message ?? 'No data collected'}</Paragraph>;\n  } else {\n    content = children;\n  }\n\n  const hasFooter = !!(footer || footerContent);\n  const hasContent = !!content;\n\n  // Normally we would have `isDisabled` as well but there's a react-aria-components quirk\n  // that sets `hidden` on the disclosure panel if both `defaultExpanded` and `isDisabled` are true.\n  // https://github.com/adobe/react-spectrum/issues/7444\n  return (\n    <StyledDisclosure defaultExpanded={!defaultCollapsed} $fullHeight={fullHeight}>\n      {({ isExpanded, state }) => (\n        <>\n          {heading && (\n            <MaybeStickyContainer $enabled={sticky}>\n              <SectionHeading\n                isTopSection={isTopSection}\n                hasFooter={hasFooter}\n                sectionHasContent={hasContent}\n                loading={loading}\n                toggle={collapsible ? state.toggle : undefined}\n                isExpanded={isExpanded}\n                {...heading}\n              />\n            </MaybeStickyContainer>\n          )}\n          {hasContent && (\n            <StyledDisclosurePanel $isTopSection={isTopSection}>\n              <SectionContentContainer\n                $isTopSection={isTopSection}\n                $hasHeading={!!heading}\n                $hasFooter={hasFooter}\n              >\n                {content}\n              </SectionContentContainer>\n            </StyledDisclosurePanel>\n          )}\n          {hasFooter && (\n            <MaybeStickyContainer $enabled={sticky} $bottom>\n              <FooterContainer $divider={hasContent}>\n                {loading ? (\n                  <HStack>\n                    <CardLoadingShimmer height='16px' width='120px' />\n                    <CardLoadingShimmer height='16px' width='120px' />\n                  </HStack>\n                ) : (\n                  <>\n                    {footer && (\n                      <FooterParagraph size='sm'>\n                        <HStack spacing={Spacing[1]}>\n                          {intersperse(\n                            footer\n                              .filter((item) => item != null)\n                              .map((item, i) => <span key={`footer-item-${i}`}>{item}</span>),\n                            (i) => (\n                              <span key={i}>•</span>\n                            ),\n                          )}\n                        </HStack>\n                      </FooterParagraph>\n                    )}\n                    {footerContent}\n                  </>\n                )}\n              </FooterContainer>\n            </MaybeStickyContainer>\n          )}\n        </>\n      )}\n    </StyledDisclosure>\n  );\n};\n","import { type ComponentProps, createContext, type FC, type ReactNode, useContext } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport styled from 'styled-components';\n\nimport { Color } from '@persona/design-tokens';\nimport { Section } from 'design-system/components/CardV2/Section';\nimport { Paragraph } from 'design-system/components/Text';\nimport ConfigContext from 'design-system/lib/ConfigContext';\nimport { intersperse } from 'design-system/lib/intersperse';\n\nconst CardContainer = styled.div`\n  border-radius: ${({ theme }) => theme.card.borderRadius};\n  background-color: ${({ theme }) => theme.color.background.primary};\n  // Height has been tricky here.\n  // inherit seems to work well for both grid and flexbox layouts. In a grid we want this\n  // container to receive the full cell height, In a flexbox we want this container to flex, maintaining\n  // the minimum height for it's content.\n  height: inherit;\n  overflow-y: auto;\n\n  box-sizing: border-box;\n  // Small buffer so that content is not scrolling right on the edge of the card.\n  border-bottom: 4px solid ${({ theme }) => theme.color.background.primary};\n`;\n\nconst CardContext = createContext<{ isStacked?: boolean }>({});\n\nconst Divider = styled.hr`\n  margin: 0;\n  border: none;\n  border-top: 1px solid ${Color.BorderDivider};\n`;\n\n/**\n * Renders a card section.\n */\nconst PublicSection: FC<\n  Pick<\n    ComponentProps<typeof Section>,\n    | 'children'\n    | 'collapsible'\n    | 'defaultCollapsed'\n    | 'heading'\n    | 'loading'\n    | 'loadingProps'\n    | 'empty'\n    | 'emptyProps'\n  >\n> = (props) => {\n  return <Section isTopSection={false} {...props} />;\n};\n\n/**\n * Render the card in a \"stacked\" mode. Used for rendering multiple cards on top of each other\n * that appear visually as a single card.\n */\nconst Stacked: FC<{\n  children: ReactNode[];\n}> = ({ children }) => {\n  return (\n    <CardContext.Provider value={{ isStacked: true }}>\n      <CardContainer>\n        {intersperse(children, (i) => (\n          <Divider key={i} />\n        ))}\n      </CardContainer>\n    </CardContext.Provider>\n  );\n};\n\nconst DEFAULT_ERROR_MESSAGE = '🔍 Oops, something went wrong loading this card.';\n\n/**\n * Renders a PDS Card.\n *\n * To render sections of the card use `<Card.Section>...</Card.Section>`\n */\nconst Card: FC<\n  {\n    /**\n     * Optional footer to render at the bottom of the card. Footer content is rendered as a\n     * paragraph with the items separated by a dot.\n     */\n    footer?: ReactNode[];\n\n    /**\n     * Optional arbitrary footer content to render as-is.\n     */\n    footerContent?: ReactNode;\n\n    /**\n     * Whether the card heading and footer are sticky.\n     */\n    sticky?: boolean;\n\n    /**\n     * Force the card to render in an errored state. Errors bubbling up from children will also\n     * render the errored state.\n     */\n    errored?: boolean;\n\n    /**\n     * Props for the errored state.\n     */\n    erroredProps?: {\n      /**\n       * Message to render in the errored state.\n       */\n      message?: string;\n      /**\n       * Callback to handle errors. Note this callback is only called when the error is bubbled up\n       * from children, not when `errored` is set to true.\n       */\n      onError?: (error: Error) => void;\n    };\n\n    containerProps?: ComponentProps<typeof CardContainer>;\n\n    /**\n     * Whether the card should render its content with 100% height. This is a bit of a hack for cards\n     * that want full control of their content and don't use sections.\n     */\n    fullHeight?: boolean;\n  } & ComponentProps<typeof PublicSection>\n> = ({ children, errored, erroredProps, containerProps, sticky = true, ...sectionProps }) => {\n  const { isStacked = false } = useContext(CardContext);\n  const { captureException } = useContext(ConfigContext);\n\n  const errorFallback = (\n    <Section isTopSection {...sectionProps}>\n      <Paragraph>{erroredProps?.message ?? DEFAULT_ERROR_MESSAGE}</Paragraph>\n    </Section>\n  );\n\n  const section = (\n    <Section isTopSection sticky={sticky} {...sectionProps}>\n      {children}\n    </Section>\n  );\n\n  return (\n    <ErrorBoundary\n      fallback={\n        isStacked ? (\n          errorFallback\n        ) : (\n          <CardContainer {...containerProps}>{errorFallback}</CardContainer>\n        )\n      }\n      onError={erroredProps?.onError ?? ((error) => captureException(error))}\n    >\n      {isStacked ? (\n        <>{errored ? <>{errorFallback}</> : <>{section}</>}</>\n      ) : (\n        <CardContainer {...containerProps}>\n          {errored ? <>{errorFallback}</> : <>{section}</>}\n        </CardContainer>\n      )}\n    </ErrorBoundary>\n  );\n};\n\nexport default Object.assign(Card, {\n  Section: PublicSection,\n  Stacked: Stacked,\n});\n"],"mappings":"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"}

package/dist/components/CardV2/index.d.cts

@@ -1,3 +1,3 @@
-import { i as TextAction, n as IconAction, r as MenuAction } from "../../Action-uduFOh2m.cjs";
+import { i as TextAction, n as IconAction, r as MenuAction } from "../../Action-z1rV4qON.cjs";
 import _default from "../../Card2.cjs";
 export { _default as Card, _default as default, type IconAction, type MenuAction, type TextAction };

package/dist/components/CardV2/index.d.mts

@@ -1,3 +1,3 @@
-import { i as TextAction, n as IconAction, r as MenuAction } from "../../Action-B10lxofb.mjs";
+import { i as TextAction, n as IconAction, r as MenuAction } from "../../Action-DkNqzc2X.mjs";
 import _default from "../../Card2.mjs";
 export { _default as Card, _default as default, type IconAction, type MenuAction, type TextAction };