@persona/design-system 0.10.12 → 0.10.14

package/dist/{Modal-CiPFqr0L.mjs → Modal-C_vSgqgl.mjs}

@@ -71,7 +71,8 @@ const StyledModal = styled(Modal)`
   outline: none;
   width: fit-content;
   max-width: 100%;
-  animation: ${modalRise} ${"200ms"} ${"cubic-bezier(0, 0, 0.2, 1)"} both;
+  /* No forwards fill: a held transform makes the card the containing block for portaled menus. */
+  animation: ${modalRise} ${"200ms"} ${"cubic-bezier(0, 0, 0.2, 1)"} backwards;
   animation-delay: var(--pds-modal-animation-delay, 0ms);
   animation-play-state: var(--pds-modal-animation-play-state, running);
   ${semanticOnly((tokens) => `color: ${tokens.FgPrimary};`)}
@@ -250,8 +251,8 @@ const ModalCard = forwardRef(function ModalCard({ title, children, showCloseButt
 		})
 	});
 });
-const Modal$1 = ({ children, trigger, contentProps, noBodyPadding = false, size = "md", title, footer, tabs, defaultOpen, onOpenChange, isDismissable = false, isKeyboardDismissDisabled = false, open }) => {
-	const [portalContainer, setPortalContainer] = useState(null);
+const Modal$1 = ({ children, trigger, contentProps, noBodyPadding = false, size = "md", title, footer, tabs, defaultOpen, onOpenChange, isDismissable = false, isKeyboardDismissDisabled = false, open, portalContainer }) => {
+	const [modalElement, setModalElement] = useState(null);
 	const overlayState = useOverlayTriggerState({
 		isOpen: open,
 		defaultOpen,
@@ -259,26 +260,29 @@ const Modal$1 = ({ children, trigger, contentProps, noBodyPadding = false, size
 	});
 	const surfaceId = useEmbeddedSurfaceId();
 	const { insetRight: modalInsetRight, panelState } = useModalInsetRight();
+	const transitionMs = panelState === "opening" ? SIDEBAR_OPEN_TRANSITION_MS : panelState === "closing" ? SIDEBAR_CLOSE_TRANSITION_MS : 0;
+	const content = /* @__PURE__ */ jsx(ModalCard, {
+		size,
+		title,
+		footer,
+		tabs,
+		noBodyPadding,
+		...contentProps,
+		portalContainer: modalElement,
+		children: typeof children === "function" ? children({ portalContainer: modalElement }) : children
+	});
 	const overlay = /* @__PURE__ */ jsx(EmbeddedSurfaceOverlay, {
 		surfaceId,
 		$insetRight: modalInsetRight,
-		$transitionMs: panelState === "opening" ? SIDEBAR_OPEN_TRANSITION_MS : panelState === "closing" ? SIDEBAR_CLOSE_TRANSITION_MS : 0,
+		$transitionMs: transitionMs,
 		isDismissable,
 		isKeyboardDismissDisabled,
+		UNSTABLE_portalContainer: portalContainer ?? void 0,
 		shouldCloseOnInteractOutside: (element) => !element.closest("[data-react-aria-top-layer]"),
 		children: /* @__PURE__ */ jsx(EmbeddedSurfaceModal, {
-			ref: setPortalContainer,
+			ref: setModalElement,
 			surfaceId,
-			children: /* @__PURE__ */ jsx(ModalCard, {
-				size,
-				title,
-				footer,
-				tabs,
-				noBodyPadding,
-				...contentProps,
-				portalContainer,
-				children: typeof children === "function" ? children({ portalContainer }) : children
-			})
+			children: content
 		})
 	});
 	if (!trigger) return /* @__PURE__ */ jsx(OverlayTriggerStateContext.Provider, {
@@ -296,4 +300,4 @@ var Modal_default = Object.assign(Modal$1, { Title: ModalTitle });
 //#endregion
 export { Modal_default as i, ModalContent as n, ModalTrigger as r, ModalClose as t };
 
-//# sourceMappingURL=Modal-CiPFqr0L.mjs.map
+//# sourceMappingURL=Modal-C_vSgqgl.mjs.map

package/dist/Modal-C_vSgqgl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-C_vSgqgl.mjs","names":["AriaModal","Button","Heading","AriaHeading","Card","Modal"],"sources":["../src/components/Modal/Modal.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ComponentProps,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport {\n  Dialog,\n  DialogTrigger,\n  Heading as AriaHeading,\n  Modal as AriaModal,\n  ModalOverlay,\n  type ModalOverlayProps,\n  OverlayTriggerStateContext,\n  Pressable,\n} from 'react-aria-components';\nimport { useOverlayTriggerState } from 'react-stately';\nimport styled, { keyframes } from 'styled-components';\n\nimport Button, { type ButtonProps } from '@persona/design-system/components/Button';\nimport Card from '@persona/design-system/components/Card';\nimport Stack, { HStack } from '@persona/design-system/components/Stack';\nimport TabBar, { Tab } from '@persona/design-system/components/TabBar';\nimport { Heading } from '@persona/design-system/components/Text';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { XIcon } from '@persona/icons';\n\nimport { usePDSStrings } from '#src/lib/i18n';\nimport { semanticColor, semanticOnly } from '#src/lib/semanticColor';\nimport useEmbeddedSurface, {\n  useEmbeddedSurfaceGate,\n  useEmbeddedSurfaceId,\n} from '#src/lib/useEmbeddedSurface';\nimport useModalInsetRight, {\n  SIDEBAR_CLOSE_TRANSITION_MS,\n  SIDEBAR_OPEN_TRANSITION_MS,\n  SIDEBAR_TRANSITION_EASING,\n} from '#src/lib/useModalInsetRight';\nimport { semanticScrollbar } from '#src/mixins/scrollbar';\nimport {\n  ReducedMotionFade,\n  TransitionDuration,\n  TransitionEasing,\n} from '#src/variables/transitions';\n\nconst overlayEnter = keyframes`\n  from {\n    opacity: 0;\n  }\n`;\n\nconst overlayExit = keyframes`\n  to {\n    opacity: 0;\n  }\n`;\n\nconst modalRise = keyframes`\n  from {\n    transform: translateY(${Spacing[2]});\n  }\n`;\n\n// The card's rise reads the overlay's embedded-surface gate through these inherited properties, so\n// the two start on the same frame. The exit is layered over the entrance rather than replacing it, so\n// it fades from wherever the entrance had got to; the entrance runs on so a pending gate can't hold\n// the exit open.\nconst StyledModalOverlay = styled(ModalOverlay)<{\n  $hostPending: boolean;\n  $animationDelayMs: number;\n  $insetRight: string;\n  $transitionMs: number;\n}>`\n  --pds-modal-animation-delay: ${({ $animationDelayMs }) => $animationDelayMs}ms;\n  --pds-modal-animation-play-state: ${({ $hostPending }) => ($hostPending ? 'paused' : 'running')};\n  background-color: rgba(0, 0, 0, 0.5);\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: ${({ $insetRight }) => $insetRight};\n  transition: right ${({ $transitionMs }) => $transitionMs}ms ${SIDEBAR_TRANSITION_EASING};\n  animation: ${overlayEnter} ${TransitionDuration.Fast} ${TransitionEasing.Enter} both;\n  animation-delay: ${({ $animationDelayMs }) => $animationDelayMs}ms;\n  animation-play-state: ${({ $hostPending }) => ($hostPending ? 'paused' : 'running')};\n\n  &[data-exiting] {\n    animation:\n      ${overlayEnter} ${TransitionDuration.Fast} ${TransitionEasing.Enter} both,\n      ${overlayExit} ${TransitionDuration.Faster} ${TransitionEasing.Exit} both;\n    animation-delay: ${({ $animationDelayMs }) => $animationDelayMs}ms, 0ms;\n    animation-play-state: running;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    &,\n    &[data-exiting] {\n      animation-duration: ${ReducedMotionFade.duration};\n      animation-timing-function: ${ReducedMotionFade.easing};\n    }\n  }\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst StyledModal = styled(AriaModal)`\n  z-index: 10001;\n  outline: none;\n  width: fit-content;\n  max-width: 100%;\n  /* No forwards fill: a held transform makes the card the containing block for portaled menus. */\n  animation: ${modalRise} ${TransitionDuration.Fast} ${TransitionEasing.Enter} backwards;\n  animation-delay: var(--pds-modal-animation-delay, 0ms);\n  animation-play-state: var(--pds-modal-animation-play-state, running);\n  ${semanticOnly((tokens) => `color: ${tokens.FgPrimary};`)}\n\n  &[data-exiting] {\n    animation: none;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n`;\n\n/**\n * React Aria keeps the overlay mounted through the exit animation, so announcing the surface from\n * here — rather than from the persistent gate below — releases the host's backdrop exactly when the\n * modal stops being painted.\n */\nconst EmbeddedSurfaceModal = forwardRef<HTMLDivElement, { children: ReactNode; surfaceId: string }>(\n  function EmbeddedSurfaceModal({ children, surfaceId }, ref) {\n    useEmbeddedSurface(surfaceId);\n    return <StyledModal ref={ref}>{children}</StyledModal>;\n  },\n);\n\ntype EmbeddedSurfaceOverlayProps = ModalOverlayProps & {\n  $insetRight: string;\n  $transitionMs: number;\n  surfaceId: string;\n};\n\nconst EmbeddedSurfaceOverlay = ({ surfaceId, ...props }: EmbeddedSurfaceOverlayProps) => {\n  const state = useContext(OverlayTriggerStateContext);\n  const isOpen = state?.isOpen ?? false;\n  const { ready, animationDelayMs } = useEmbeddedSurfaceGate(surfaceId, isOpen);\n\n  const { $insetRight, $transitionMs, ...overlayProps } = props;\n  return (\n    <StyledModalOverlay\n      {...overlayProps}\n      $insetRight={$insetRight}\n      $transitionMs={$transitionMs}\n      $animationDelayMs={animationDelayMs}\n      $hostPending={isOpen && !ready}\n    />\n  );\n};\n\nconst ModalCloseButton = styled(Button)`\n  display: inline-flex;\n  padding: ${Spacing[2]};\n  border-radius: ${Spacing[1]};\n  width: fit-content;\n  min-width: unset;\n`;\n\nconst ModalFooter = styled(HStack).attrs({\n  justify: 'flex-end',\n  align: 'center',\n  spacing: Spacing[2],\n})`\n  padding: ${Spacing[3]} ${Spacing[4]};\n  border-top: 1px solid ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n`;\n\nconst ModalHeaderTitle = styled.div`\n  flex: 1;\n`;\n\nexport const ModalTrigger = DialogTrigger;\nexport const ModalContent = StyledModal;\n\nexport const ModalClose = ({ onClick, ...props }: ButtonProps) => {\n  const state = useContext(OverlayTriggerStateContext);\n  return (\n    <ModalCloseButton\n      variant='text'\n      width='icon'\n      size='md'\n      {...props}\n      onClick={(event: MouseEvent<HTMLButtonElement>) => {\n        // Return the consumer's result so Button can await a returned Promise (pending state,\n        // swallowed rejection). The modal still closes immediately, as it did before.\n        const result = onClick?.(event);\n        if (!event.defaultPrevented) {\n          state?.close();\n        }\n        return result;\n      }}\n    >\n      <XIcon />\n    </ModalCloseButton>\n  );\n};\n\nexport interface ModalTitleProps {\n  children: ReactNode;\n  className?: string;\n}\n\n/** Props passed to modal content render functions. */\nexport interface ModalRenderProps {\n  /** Element that floating content should use as its portal container. */\n  portalContainer: HTMLDivElement | null;\n}\n\ntype ModalRenderable = ReactNode | ((props: ModalRenderProps) => ReactNode);\n\nconst ModalTitle = ({ children, ...props }: ModalTitleProps) => {\n  return (\n    <Heading size='sm' color='primary' as={AriaHeading} slot='title' {...props}>\n      {children}\n    </Heading>\n  );\n};\n\nconst ModalHeader = styled(HStack)<{ $hasTabs: boolean }>`\n  border-bottom: ${({ $hasTabs, theme }) =>\n    $hasTabs ? 'none' : `1px solid ${semanticColor(theme, 'BorderSubtle', Color.BorderDivider)}`};\n  padding: ${({ $hasTabs }) =>\n    $hasTabs\n      ? `${Spacing[3]} ${Spacing[2]} ${Spacing[1]} ${Spacing[4]}`\n      : `${Spacing[3]} ${Spacing[2]} ${Spacing[3]} ${Spacing[4]}`};\n`;\n\nconst ModalTabBar = styled(TabBar)`\n  padding-left: ${Spacing[4]};\n`;\n\nconst StyledDialog = styled(Dialog)`\n  outline: none;\n`;\n\nconst StyledCard = styled(Card)<{ $size?: 'auto' | 'md' | 'lg' | 'xl' | 'full' }>`\n  position: relative;\n  width: ${({ $size }) => {\n    switch ($size) {\n      case 'auto':\n        return 'auto';\n      case 'full':\n        return 'calc(100vw - 160px)';\n      default:\n        return '90vw';\n    }\n  }};\n  max-width: ${({ theme, $size }) => {\n    switch ($size) {\n      case 'auto':\n        return 'auto';\n      case 'full':\n        return 'calc(100vw - 160px)';\n      default:\n        return theme.modal.width[$size];\n    }\n  }};\n  /* TODO: Use breakpoints to make this responsive */\n  max-height: ${({ $size }) => ($size === 'full' ? 'calc(100vh - 160px)' : '85vh')};\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  ${({ $size }) =>\n    $size === 'full' &&\n    `\n    height: calc(100vh - 160px);\n  `}\n  margin-bottom: 0;\n`;\n\ninterface ModalCardProps extends ComponentPropsWithoutRef<typeof Dialog> {\n  /**\n   * Display X button to close popover\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Accessible label for the built-in close button. Defaults to the PDS closeModal string (\"Close\").\n   */\n  closeButtonLabel?: string;\n\n  /**\n   * Max width of the modal\n   */\n  size?: 'auto' | 'md' | 'lg' | 'xl' | 'full';\n\n  /**\n   * Footer content\n   */\n  footer?: ReactNode;\n\n  /**\n   * Renders tabs within the modal.\n   * Adds a tab bar and will render the contents of the selected tab in a tabpanel.\n   * Overrides `children`.\n   * Tab contents can be render functions that receive the modal portal container.\n   */\n  tabs?: TabView[];\n\n  /**\n   * Title of the modal\n   */\n  title?: ReactNode;\n\n  /**\n   * Children content\n   */\n  children?: ReactNode;\n\n  /**\n   * When true, removes horizontal and vertical padding from the body. Defaults to false.\n   */\n  noBodyPadding?: boolean;\n\n  /**\n   * Additional props for the Dialog element\n   */\n  className?: string;\n}\n\ninterface ModalCardInternalProps extends ModalCardProps {\n  portalContainer: HTMLDivElement | null;\n}\n\nconst StyledModalCardBody = styled(Card.Body)<{\n  $noPadding?: boolean;\n  $hidden?: boolean;\n}>`\n  overflow-y: auto;\n  ${semanticScrollbar}\n  flex: 1;\n  min-height: 0;\n  ${({ $noPadding }) =>\n    $noPadding\n      ? 'padding: 0;'\n      : `\n    padding-left: ${Spacing[4]};\n    padding-right: ${Spacing[4]};\n  `}\n  ${({ $hidden }) => $hidden && 'display: none;'}\n`;\n\n/**\n * Card to be used in Modal contexts. Inherits props from react-aria-components Dialog.\n */\nconst ModalCard = forwardRef<HTMLDivElement, ModalCardInternalProps>(function ModalCard(\n  {\n    title,\n    children,\n    showCloseButton = true,\n    closeButtonLabel,\n    size,\n    footer,\n    tabs,\n    noBodyPadding = false,\n    portalContainer,\n    ...props\n  },\n  ref,\n) {\n  const strings = usePDSStrings();\n  const [selectedTabIdx, setSelectedTabIdx] = useState(0);\n  const tabCount = tabs?.length ?? 0;\n\n  useEffect(() => {\n    setSelectedTabIdx(0);\n  }, [tabCount]);\n\n  const titleAndClose = (\n    <ModalHeader justify='flex-start' align='center' spacing={Spacing[2]} $hasTabs={Boolean(tabs)}>\n      <ModalHeaderTitle>{title ? <ModalTitle>{title}</ModalTitle> : null}</ModalHeaderTitle>\n      {showCloseButton && <ModalClose aria-label={closeButtonLabel ?? strings.closeModal} />}\n    </ModalHeader>\n  );\n\n  const modalHeader = tabs ? (\n    <Stack>\n      {titleAndClose}\n      <ModalTabBar>\n        {tabs.map((tab, idx) => (\n          <Tab\n            key={tab.name}\n            selected={selectedTabIdx === idx}\n            id={`pds-modal_tab-${idx}`}\n            onClick={() => setSelectedTabIdx(idx)}\n            aria-controls={`pds-modal_tab-panel-${idx}`}\n          >\n            {tab.name}\n          </Tab>\n        ))}\n      </ModalTabBar>\n    </Stack>\n  ) : (\n    titleAndClose\n  );\n\n  return (\n    <StyledDialog {...props} ref={ref}>\n      <StyledCard elevated $size={size}>\n        {(showCloseButton || title) && modalHeader}\n        {tabs ? (\n          tabs.map((tab, idx) => (\n            <StyledModalCardBody\n              key={tab.name}\n              $noPadding={noBodyPadding}\n              $hidden={selectedTabIdx !== idx}\n              role={tabs ? 'tabpanel' : undefined}\n              id={`pds-modal_tab-panel-${tab.name}`}\n              aria-labelledby={`pds-modal_tab-${tab.name}`}\n            >\n              {typeof tab.contents === 'function'\n                ? tab.contents({ portalContainer })\n                : tab.contents}\n            </StyledModalCardBody>\n          ))\n        ) : (\n          <StyledModalCardBody\n            $noPadding={noBodyPadding}\n            role={tabs ? 'tabpanel' : undefined}\n            id={`pds-modal_tab-panel-${selectedTabIdx}`}\n            aria-labelledby={`pds-modal_tab-${selectedTabIdx}`}\n          >\n            {children}\n          </StyledModalCardBody>\n        )}\n\n        {footer && <ModalFooter>{footer}</ModalFooter>}\n      </StyledCard>\n    </StyledDialog>\n  );\n});\n\ninterface TabView {\n  name: string;\n  contents: ModalRenderable;\n  badge?: React.ReactElement;\n  disabled?: boolean;\n  'data-tour-target'?: string;\n}\n\nexport interface ModalProps {\n  /**\n   * Title of the Card\n   */\n  title?: string;\n\n  /**\n   * Component to use as trigger. React Aria trigger props will be merged with this element.\n   */\n  trigger?: ComponentProps<typeof Pressable>['children'];\n\n  /**\n   * Props to apply to Modal.Card within\n   */\n  contentProps?: ModalCardProps;\n\n  /**\n   * Max width of the modal\n   */\n  size?: 'auto' | 'md' | 'lg' | 'xl' | 'full';\n\n  /**\n   * Footer section intended for actions.\n   * You can pass in Buttons directly and they will render in a HStack.\n   */\n  footer?: ReactNode;\n\n  /**\n   * Renders tabs within the modal.\n   * Adds a tab bar and will render the contents of the selected tab in a tabpanel.\n   * Overrides `children`.\n   */\n  tabs?: TabView[];\n\n  /**\n   * Children content\n   */\n  children?: ModalRenderable;\n\n  /**\n   * When true, removes horizontal and vertical padding from the body. Defaults to false.\n   * Can also be set via contentProps.noBodyPadding.\n   */\n  noBodyPadding?: boolean;\n\n  /**\n   * Controls whether the modal is open (controlled)\n   */\n  open?: boolean;\n\n  /**\n   * Default open state (uncontrolled)\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * Handler called when open state changes\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n\n  /**\n   * Whether the modal can be dismissed by clicking outside or pressing escape\n   */\n  isDismissable?: boolean;\n\n  /**\n   * Whether pressing the escape key closes the modal\n   */\n  isKeyboardDismissDisabled?: boolean;\n\n  /**\n   * Element the modal overlay is portaled into. Defaults to `document.body`.\n   */\n  portalContainer?: HTMLElement | null;\n}\n\nconst Modal = ({\n  children,\n  trigger,\n  contentProps,\n  noBodyPadding = false,\n  size = 'md',\n  title,\n  footer,\n  tabs,\n  defaultOpen,\n  onOpenChange,\n  isDismissable = false,\n  isKeyboardDismissDisabled = false,\n  open,\n  portalContainer,\n}: ModalProps) => {\n  const [modalElement, setModalElement] = useState<HTMLDivElement | null>(null);\n  const overlayState = useOverlayTriggerState({\n    isOpen: open,\n    defaultOpen,\n    onOpenChange,\n  });\n  const surfaceId = useEmbeddedSurfaceId();\n  const { insetRight: modalInsetRight, panelState } = useModalInsetRight();\n  const transitionMs =\n    panelState === 'opening'\n      ? SIDEBAR_OPEN_TRANSITION_MS\n      : panelState === 'closing'\n        ? SIDEBAR_CLOSE_TRANSITION_MS\n        : 0;\n\n  const content = (\n    <ModalCard\n      size={size}\n      title={title}\n      footer={footer}\n      tabs={tabs}\n      noBodyPadding={noBodyPadding}\n      {...contentProps}\n      portalContainer={modalElement}\n    >\n      {typeof children === 'function' ? children({ portalContainer: modalElement }) : children}\n    </ModalCard>\n  );\n\n  // Wrap trigger element to ensure it works with react-aria-components\n  const overlay = (\n    <EmbeddedSurfaceOverlay\n      surfaceId={surfaceId}\n      $insetRight={modalInsetRight}\n      $transitionMs={transitionMs}\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      UNSTABLE_portalContainer={portalContainer ?? undefined}\n      shouldCloseOnInteractOutside={(element) => !element.closest('[data-react-aria-top-layer]')}\n    >\n      <EmbeddedSurfaceModal ref={setModalElement} surfaceId={surfaceId}>\n        {content}\n      </EmbeddedSurfaceModal>\n    </EmbeddedSurfaceOverlay>\n  );\n\n  // Without a trigger (controlled modals) DialogTrigger would render a PressResponder with no\n  // pressable child, which react-aria warns about, so provide the overlay state directly.\n  if (!trigger) {\n    return (\n      <OverlayTriggerStateContext.Provider value={overlayState}>\n        {overlay}\n      </OverlayTriggerStateContext.Provider>\n    );\n  }\n\n  return (\n    <DialogTrigger isOpen={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      <Pressable>{trigger}</Pressable>\n      {overlay}\n    </DialogTrigger>\n  );\n};\n\nexport default Object.assign(Modal, {\n  Title: ModalTitle,\n});\n"],"mappings":"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"}

package/dist/{Modal-CujB7DuB.d.mts → Modal-IVXc4p8Y.d.mts}

@@ -126,6 +126,10 @@ interface ModalProps {
    * Whether pressing the escape key closes the modal
    */
   isKeyboardDismissDisabled?: boolean;
+  /**
+   * Element the modal overlay is portaled into. Defaults to `document.body`.
+   */
+  portalContainer?: HTMLElement | null;
 }
 declare const _default: (({
   children,
@@ -140,7 +144,8 @@ declare const _default: (({
   onOpenChange,
   isDismissable,
   isKeyboardDismissDisabled,
-  open
+  open,
+  portalContainer
 }: ModalProps) => _$react_jsx_runtime0.JSX.Element) & {
   Title: ({
     children,
@@ -149,4 +154,4 @@ declare const _default: (({
 };
 //#endregion
 export { ModalTitleProps as a, ModalRenderProps as i, ModalContent as n, ModalTrigger as o, ModalProps as r, _default as s, ModalClose as t };
-//# sourceMappingURL=Modal-CujB7DuB.d.mts.map
+//# sourceMappingURL=Modal-IVXc4p8Y.d.mts.map

package/dist/Modal.d.mts

@@ -1,2 +1,2 @@
-import { a as ModalTitleProps, i as ModalRenderProps, n as ModalContent, o as ModalTrigger, r as ModalProps, s as _default, t as ModalClose } from "./Modal-CujB7DuB.mjs";
+import { a as ModalTitleProps, i as ModalRenderProps, n as ModalContent, o as ModalTrigger, r as ModalProps, s as _default, t as ModalClose } from "./Modal-IVXc4p8Y.mjs";
 export { ModalClose, ModalContent, ModalProps, ModalRenderProps, ModalTitleProps, ModalTrigger, _default as default };

package/dist/{Pii-jSYND7Cn.mjs → Pii-BYPkrBuT.mjs}

@@ -16,4 +16,4 @@ var Pii_default = Pii;
 //#endregion
 export { Pii_default as t };
 
-//# sourceMappingURL=Pii-jSYND7Cn.mjs.map
+//# sourceMappingURL=Pii-BYPkrBuT.mjs.map

package/dist/{Pii-jSYND7Cn.mjs.map → Pii-BYPkrBuT.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Pii-jSYND7Cn.mjs","names":[],"sources":["../src/components/Pii/Pii.tsx","../src/components/Pii/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport Sticker from '@persona/design-system/components/Sticker';\n\ninterface PiiProps {\n  children?: ReactNode;\n  isRedacted: boolean;\n  hideOnRedacted?: boolean;\n}\n\nconst Pii = ({ children, isRedacted, hideOnRedacted }: PiiProps) => {\n  if (isRedacted) {\n    return hideOnRedacted ? null : <Sticker data-test='pii__redacted'>Redacted</Sticker>;\n  }\n\n  if (children == null || children === '') {\n    return null;\n  }\n\n  // There used to be code inserting a classname here in certain cases. There's\n  // no other reason for this to be conditionally wrapped in a span, but\n  // removing it breaks a lot of tests. Someday, the tests will be fixed...\n  // hopefully.\n  if (['string', 'number'].includes(typeof children)) {\n    return <span>{children}</span>;\n  }\n\n  return <>{children}</>;\n};\n\nexport default Pii;\n","import Pii from './Pii';\n\nexport default Pii;\n"],"mappings":";;;AAUA,MAAM,OAAO,EAAE,UAAU,YAAY,qBAA+B;AAClE,KAAI,WACF,QAAO,iBAAiB,OAAO,oBAAC,SAAD;EAAS,aAAU;YAAgB;EAAkB,CAAA;AAGtF,KAAI,YAAY,QAAQ,aAAa,GACnC,QAAO;AAOT,KAAI,CAAC,UAAU,SAAS,CAAC,SAAS,OAAO,SAAS,CAChD,QAAO,oBAAC,QAAD,EAAO,UAAgB,CAAA;AAGhC,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;;;;ACzBxB,IAAA,cAAe"}
+{"version":3,"file":"Pii-BYPkrBuT.mjs","names":[],"sources":["../src/components/Pii/Pii.tsx","../src/components/Pii/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport Sticker from '@persona/design-system/components/Sticker';\n\ninterface PiiProps {\n  children?: ReactNode;\n  isRedacted: boolean;\n  hideOnRedacted?: boolean;\n}\n\nconst Pii = ({ children, isRedacted, hideOnRedacted }: PiiProps) => {\n  if (isRedacted) {\n    return hideOnRedacted ? null : <Sticker data-test='pii__redacted'>Redacted</Sticker>;\n  }\n\n  if (children == null || children === '') {\n    return null;\n  }\n\n  // There used to be code inserting a classname here in certain cases. There's\n  // no other reason for this to be conditionally wrapped in a span, but\n  // removing it breaks a lot of tests. Someday, the tests will be fixed...\n  // hopefully.\n  if (['string', 'number'].includes(typeof children)) {\n    return <span>{children}</span>;\n  }\n\n  return <>{children}</>;\n};\n\nexport default Pii;\n","import Pii from './Pii';\n\nexport default Pii;\n"],"mappings":";;;AAUA,MAAM,OAAO,EAAE,UAAU,YAAY,qBAA+B;AAClE,KAAI,WACF,QAAO,iBAAiB,OAAO,oBAAC,SAAD;EAAS,aAAU;YAAgB;EAAkB,CAAA;AAGtF,KAAI,YAAY,QAAQ,aAAa,GACnC,QAAO;AAOT,KAAI,CAAC,UAAU,SAAS,CAAC,SAAS,OAAO,SAAS,CAChD,QAAO,oBAAC,QAAD,EAAO,UAAgB,CAAA;AAGhC,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;;;;ACzBxB,IAAA,cAAe"}

package/dist/{Popover-CVX-dfYb.mjs → Popover-DP9DXReH.mjs}

@@ -168,4 +168,4 @@ var Popover_default = Object.assign(Popover, {
 //#endregion
 export { PopoverPortal as a, PopoverContent as i, PopoverCard as n, PopoverTrigger as o, PopoverClose as r, Popover_default as s, PopoverAnchor as t };
 
-//# sourceMappingURL=Popover-CVX-dfYb.mjs.map
+//# sourceMappingURL=Popover-DP9DXReH.mjs.map

package/dist/{Popover-CVX-dfYb.mjs.map → Popover-DP9DXReH.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Popover-CVX-dfYb.mjs","names":["Card"],"sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  forwardRef,\n  isValidElement,\n  type ReactElement,\n  type RefObject,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type { Spacing } from '@persona/design-tokens';\nimport { XIcon } from '@persona/icons';\n\nimport Card from '#src/components/Card';\nimport { Paragraph } from '#src/components/Text';\nimport { letPointerDownReachDocument } from '#src/lib/letPointerDownReachDocument';\nimport { semanticOnly } from '#src/lib/semanticColor';\nimport { mergeRefs, useCloseFocus } from '#src/lib/useCloseFocus';\nimport { popoverMotion } from '#src/mixins/motion';\nimport { semanticScrollbar } from '#src/mixins/scrollbar';\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n\nconst PopoverRootContext = createContext<{\n  modal?: boolean;\n  triggerRef?: RefObject<HTMLElement | null>;\n}>({});\n\nexport const PopoverContent = forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverPrimitive.PopoverContentProps\n>(function PopoverContent(\n  {\n    onPointerDownCapture,\n    onCloseAutoFocus,\n    onOpenAutoFocus,\n    onInteractOutside,\n    onEscapeKeyDown,\n    ...props\n  },\n  ref,\n) {\n  const { modal, triggerRef } = useContext(PopoverRootContext);\n  const { ref: closeFocusRef, ...closeFocus } = useCloseFocus({\n    onCloseAutoFocus,\n    onOpenAutoFocus,\n    onInteractOutside,\n    onEscapeKeyDown,\n    modal,\n    triggerRef,\n  });\n  const mergedRef = useMemo(() => mergeRefs(ref, closeFocusRef), [ref, closeFocusRef]);\n  return (\n    <PopoverPrimitive.Content\n      {...props}\n      {...closeFocus}\n      onOpenAutoFocus={onOpenAutoFocus}\n      ref={mergedRef}\n      onPointerDownCapture={(event) => {\n        onPointerDownCapture?.(event);\n        letPointerDownReachDocument(event);\n      }}\n    />\n  );\n});\n\nconst PopoverContentStyled = styled(PopoverContent)<{ zIndex?: number; $maxHeight?: string }>`\n  ${popoverMotion('--radix-popover-content-transform-origin')}\n  z-index: ${({ zIndex }) => zIndex || 'inherit'};\n  ${({ $maxHeight }) =>\n    $maxHeight &&\n    css`\n      max-height: ${$maxHeight};\n      overflow: auto;\n      ${semanticScrollbar}\n    `}\n`;\n\nconst PopoverCloseButton = styled(PopoverPrimitive.Close)<{ isHeader?: boolean }>`\n  ${({ isHeader }) =>\n    !isHeader &&\n    css`\n      position: absolute;\n      top: 8px;\n      right: 8px;\n    `}\n  ${({ isHeader }) =>\n    isHeader &&\n    css`\n      height: 16px;\n    `}\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n`;\n\nconst PopoverPanel = styled(Card)`\n  ${semanticOnly((tokens) => `background-color: ${tokens.SurfaceElevated};`)}\n`;\n\nconst HeadingContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`;\n\nexport const PopoverClose = (\n  props: PopoverPrimitive.PopoverCloseProps & { isHeader?: boolean },\n) => {\n  return (\n    <PopoverCloseButton {...props}>\n      <XIcon />\n    </PopoverCloseButton>\n  );\n};\n\nexport interface PopoverCardProps extends PopoverPrimitive.PopoverContentProps {\n  /**\n   * Display X button to close popover\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Remove padding from Card\n   */\n  noPadding?: boolean;\n\n  padding?: Spacing;\n\n  /**\n   * Text to display in the header of the card\n   */\n  heading?: string;\n\n  /**\n   * Z-index to apply to the popover content\n   */\n  zIndex?: number;\n\n  /**\n   * Maximum height for the popover content.\n   */\n  maxHeight?: string;\n}\n\n/**\n * Card to be used in Popover contexts. Inherits props from Radix UI Popper.Content.\n */\nexport const PopoverCard = forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverCardProps\n>(function PopoverCard(\n  { children, showCloseButton, heading, noPadding, padding, zIndex, maxHeight, ...props },\n  ref,\n) {\n  const header = heading && (\n    <HeadingContainer>\n      <Paragraph size='md' weight='bold' color='primary'>\n        {heading}\n      </Paragraph>\n      {showCloseButton && <PopoverClose aria-label='Close' isHeader />}\n    </HeadingContainer>\n  );\n  return (\n    <PopoverContentStyled\n      asChild\n      sideOffset={8}\n      collisionPadding={8}\n      zIndex={zIndex}\n      $maxHeight={maxHeight}\n      {...props}\n      ref={ref}\n    >\n      <PopoverPanel elevated>\n        {!heading && showCloseButton && <PopoverClose aria-label='Close' />}\n        {noPadding ? (\n          <>\n            {heading && header}\n            {children}\n          </>\n        ) : (\n          <Card.Body padding={padding}>\n            {heading && header}\n            {children}\n          </Card.Body>\n        )}\n      </PopoverPanel>\n    </PopoverContentStyled>\n  );\n});\n\ninterface PopoverProps extends PopoverPrimitive.PopoverProps {\n  /**\n   * Component to use as trigger. Radix UI trigger component props will be merged with this element.\n   */\n  trigger?: ReactElement;\n\n  /**\n   * Props to apply to Popover.Trigger within\n   */\n  triggerProps?: PopoverPrimitive.PopoverTriggerProps;\n\n  /**\n   * An optional element to position the Popover.Content against.\n   * If this part is not used, the content will position alongside the trigger.\n   */\n  anchor?: ReactElement<PopoverPrimitive.PopoverAnchorProps>;\n\n  /**\n   * Props to apply to Popover.Card within\n   */\n  contentProps?: PopoverCardProps;\n\n  /**\n   * Render content within a portal\n   */\n  portal?: boolean;\n\n  /**\n   * Props applied to Radix UI Portal component\n   */\n  portalProps?: PopoverPrimitive.PopoverPortalProps;\n}\n\nconst Popover = ({\n  children,\n  trigger,\n  triggerProps,\n  contentProps,\n  anchor,\n  portal = true,\n  portalProps,\n  ...props\n}: PopoverProps) => {\n  let triggerElem;\n  let contentElem;\n  let anchorElem = anchor;\n\n  const renderChildren = Children.toArray(children).filter((child) => {\n    if (isValidElement(child)) {\n      switch (child.type) {\n        case PopoverPrimitive.Trigger:\n          triggerElem = child;\n          return false;\n        case PopoverCard:\n        case PopoverContent:\n        case PopoverPrimitive.Content:\n          contentElem = child;\n          break;\n        case PopoverPrimitive.Anchor:\n          /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n          anchorElem = child;\n          return false;\n      }\n    }\n\n    return true;\n  });\n\n  const content = contentElem || <PopoverCard {...contentProps}>{renderChildren}</PopoverCard>;\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const rootContext = useMemo(() => ({ modal: props.modal, triggerRef }), [props.modal]);\n  const ownTrigger: ReactElement | undefined = triggerElem;\n  const ownTriggerRef = (ownTrigger as { ref?: React.Ref<HTMLElement> } | undefined)?.ref;\n  const ownTriggerMergedRef = useMemo(() => mergeRefs(ownTriggerRef, triggerRef), [ownTriggerRef]);\n  const triggerPropsRef = (triggerProps as { ref?: React.Ref<HTMLButtonElement> } | undefined)?.ref;\n  const triggerMergedRef = useMemo(() => mergeRefs(triggerPropsRef, triggerRef), [triggerPropsRef]);\n\n  return (\n    <PopoverRootContext.Provider value={rootContext}>\n      <PopoverPrimitive.Root {...props}>\n        {ownTrigger\n          ? cloneElement(ownTrigger, { ref: ownTriggerMergedRef })\n          : trigger && (\n              <PopoverTrigger asChild {...triggerProps} ref={triggerMergedRef}>\n                {trigger}\n              </PopoverTrigger>\n            )}\n        {anchorElem}\n        {portal ? <PopoverPortal {...portalProps}>{content}</PopoverPortal> : content}\n      </PopoverPrimitive.Root>\n    </PopoverRootContext.Provider>\n  );\n};\n\nexport default Object.assign(Popover, {\n  Trigger: PopoverTrigger,\n  Anchor: PopoverAnchor,\n  Portal: PopoverPortal,\n  Content: PopoverContent,\n  Card: PopoverCard,\n  Close: PopoverClose,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Popover-DP9DXReH.mjs","names":["Card"],"sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  forwardRef,\n  isValidElement,\n  type ReactElement,\n  type RefObject,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type { Spacing } from '@persona/design-tokens';\nimport { XIcon } from '@persona/icons';\n\nimport Card from '#src/components/Card';\nimport { Paragraph } from '#src/components/Text';\nimport { letPointerDownReachDocument } from '#src/lib/letPointerDownReachDocument';\nimport { semanticOnly } from '#src/lib/semanticColor';\nimport { mergeRefs, useCloseFocus } from '#src/lib/useCloseFocus';\nimport { popoverMotion } from '#src/mixins/motion';\nimport { semanticScrollbar } from '#src/mixins/scrollbar';\n\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverPortal = PopoverPrimitive.Portal;\n\nconst PopoverRootContext = createContext<{\n  modal?: boolean;\n  triggerRef?: RefObject<HTMLElement | null>;\n}>({});\n\nexport const PopoverContent = forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverPrimitive.PopoverContentProps\n>(function PopoverContent(\n  {\n    onPointerDownCapture,\n    onCloseAutoFocus,\n    onOpenAutoFocus,\n    onInteractOutside,\n    onEscapeKeyDown,\n    ...props\n  },\n  ref,\n) {\n  const { modal, triggerRef } = useContext(PopoverRootContext);\n  const { ref: closeFocusRef, ...closeFocus } = useCloseFocus({\n    onCloseAutoFocus,\n    onOpenAutoFocus,\n    onInteractOutside,\n    onEscapeKeyDown,\n    modal,\n    triggerRef,\n  });\n  const mergedRef = useMemo(() => mergeRefs(ref, closeFocusRef), [ref, closeFocusRef]);\n  return (\n    <PopoverPrimitive.Content\n      {...props}\n      {...closeFocus}\n      onOpenAutoFocus={onOpenAutoFocus}\n      ref={mergedRef}\n      onPointerDownCapture={(event) => {\n        onPointerDownCapture?.(event);\n        letPointerDownReachDocument(event);\n      }}\n    />\n  );\n});\n\nconst PopoverContentStyled = styled(PopoverContent)<{ zIndex?: number; $maxHeight?: string }>`\n  ${popoverMotion('--radix-popover-content-transform-origin')}\n  z-index: ${({ zIndex }) => zIndex || 'inherit'};\n  ${({ $maxHeight }) =>\n    $maxHeight &&\n    css`\n      max-height: ${$maxHeight};\n      overflow: auto;\n      ${semanticScrollbar}\n    `}\n`;\n\nconst PopoverCloseButton = styled(PopoverPrimitive.Close)<{ isHeader?: boolean }>`\n  ${({ isHeader }) =>\n    !isHeader &&\n    css`\n      position: absolute;\n      top: 8px;\n      right: 8px;\n    `}\n  ${({ isHeader }) =>\n    isHeader &&\n    css`\n      height: 16px;\n    `}\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n`;\n\nconst PopoverPanel = styled(Card)`\n  ${semanticOnly((tokens) => `background-color: ${tokens.SurfaceElevated};`)}\n`;\n\nconst HeadingContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`;\n\nexport const PopoverClose = (\n  props: PopoverPrimitive.PopoverCloseProps & { isHeader?: boolean },\n) => {\n  return (\n    <PopoverCloseButton {...props}>\n      <XIcon />\n    </PopoverCloseButton>\n  );\n};\n\nexport interface PopoverCardProps extends PopoverPrimitive.PopoverContentProps {\n  /**\n   * Display X button to close popover\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Remove padding from Card\n   */\n  noPadding?: boolean;\n\n  padding?: Spacing;\n\n  /**\n   * Text to display in the header of the card\n   */\n  heading?: string;\n\n  /**\n   * Z-index to apply to the popover content\n   */\n  zIndex?: number;\n\n  /**\n   * Maximum height for the popover content.\n   */\n  maxHeight?: string;\n}\n\n/**\n * Card to be used in Popover contexts. Inherits props from Radix UI Popper.Content.\n */\nexport const PopoverCard = forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverCardProps\n>(function PopoverCard(\n  { children, showCloseButton, heading, noPadding, padding, zIndex, maxHeight, ...props },\n  ref,\n) {\n  const header = heading && (\n    <HeadingContainer>\n      <Paragraph size='md' weight='bold' color='primary'>\n        {heading}\n      </Paragraph>\n      {showCloseButton && <PopoverClose aria-label='Close' isHeader />}\n    </HeadingContainer>\n  );\n  return (\n    <PopoverContentStyled\n      asChild\n      sideOffset={8}\n      collisionPadding={8}\n      zIndex={zIndex}\n      $maxHeight={maxHeight}\n      {...props}\n      ref={ref}\n    >\n      <PopoverPanel elevated>\n        {!heading && showCloseButton && <PopoverClose aria-label='Close' />}\n        {noPadding ? (\n          <>\n            {heading && header}\n            {children}\n          </>\n        ) : (\n          <Card.Body padding={padding}>\n            {heading && header}\n            {children}\n          </Card.Body>\n        )}\n      </PopoverPanel>\n    </PopoverContentStyled>\n  );\n});\n\ninterface PopoverProps extends PopoverPrimitive.PopoverProps {\n  /**\n   * Component to use as trigger. Radix UI trigger component props will be merged with this element.\n   */\n  trigger?: ReactElement;\n\n  /**\n   * Props to apply to Popover.Trigger within\n   */\n  triggerProps?: PopoverPrimitive.PopoverTriggerProps;\n\n  /**\n   * An optional element to position the Popover.Content against.\n   * If this part is not used, the content will position alongside the trigger.\n   */\n  anchor?: ReactElement<PopoverPrimitive.PopoverAnchorProps>;\n\n  /**\n   * Props to apply to Popover.Card within\n   */\n  contentProps?: PopoverCardProps;\n\n  /**\n   * Render content within a portal\n   */\n  portal?: boolean;\n\n  /**\n   * Props applied to Radix UI Portal component\n   */\n  portalProps?: PopoverPrimitive.PopoverPortalProps;\n}\n\nconst Popover = ({\n  children,\n  trigger,\n  triggerProps,\n  contentProps,\n  anchor,\n  portal = true,\n  portalProps,\n  ...props\n}: PopoverProps) => {\n  let triggerElem;\n  let contentElem;\n  let anchorElem = anchor;\n\n  const renderChildren = Children.toArray(children).filter((child) => {\n    if (isValidElement(child)) {\n      switch (child.type) {\n        case PopoverPrimitive.Trigger:\n          triggerElem = child;\n          return false;\n        case PopoverCard:\n        case PopoverContent:\n        case PopoverPrimitive.Content:\n          contentElem = child;\n          break;\n        case PopoverPrimitive.Anchor:\n          /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n          anchorElem = child;\n          return false;\n      }\n    }\n\n    return true;\n  });\n\n  const content = contentElem || <PopoverCard {...contentProps}>{renderChildren}</PopoverCard>;\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const rootContext = useMemo(() => ({ modal: props.modal, triggerRef }), [props.modal]);\n  const ownTrigger: ReactElement | undefined = triggerElem;\n  const ownTriggerRef = (ownTrigger as { ref?: React.Ref<HTMLElement> } | undefined)?.ref;\n  const ownTriggerMergedRef = useMemo(() => mergeRefs(ownTriggerRef, triggerRef), [ownTriggerRef]);\n  const triggerPropsRef = (triggerProps as { ref?: React.Ref<HTMLButtonElement> } | undefined)?.ref;\n  const triggerMergedRef = useMemo(() => mergeRefs(triggerPropsRef, triggerRef), [triggerPropsRef]);\n\n  return (\n    <PopoverRootContext.Provider value={rootContext}>\n      <PopoverPrimitive.Root {...props}>\n        {ownTrigger\n          ? cloneElement(ownTrigger, { ref: ownTriggerMergedRef })\n          : trigger && (\n              <PopoverTrigger asChild {...triggerProps} ref={triggerMergedRef}>\n                {trigger}\n              </PopoverTrigger>\n            )}\n        {anchorElem}\n        {portal ? <PopoverPortal {...portalProps}>{content}</PopoverPortal> : content}\n      </PopoverPrimitive.Root>\n    </PopoverRootContext.Provider>\n  );\n};\n\nexport default Object.assign(Popover, {\n  Trigger: PopoverTrigger,\n  Anchor: PopoverAnchor,\n  Portal: PopoverPortal,\n  Content: PopoverContent,\n  Card: PopoverCard,\n  Close: PopoverClose,\n});\n"],"mappings":"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"}

package/dist/{Select-DsVeAyZy.d.mts → Select-boZ6XP8k.d.mts}

@@ -1,4 +1,4 @@
-import { l as MenuItemProps } from "./Menu-DviYNrFd.mjs";
+import { l as MenuItemProps } from "./Menu-DvzoR8e7.mjs";
 import { n as InputSizes, t as InputMixinProps } from "./input-JDU1Goyr.mjs";
 import * as _$react from "react";
 import { ReactNode } from "react";
@@ -80,4 +80,4 @@ declare const Select: _$react.ForwardRefExoticComponent<SelectProps & _$react.Re
 declare const Option: _$react.ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & MenuItemProps<"div"> & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { SelectProps as i, Select as n, SelectHeader as r, Option as t };
-//# sourceMappingURL=Select-DsVeAyZy.d.mts.map
+//# sourceMappingURL=Select-boZ6XP8k.d.mts.map

package/dist/Select.d.mts

@@ -1,2 +1,2 @@
-import { i as SelectProps, n as Select, r as SelectHeader, t as Option } from "./Select-DsVeAyZy.mjs";
+import { i as SelectProps, n as Select, r as SelectHeader, t as Option } from "./Select-boZ6XP8k.mjs";
 export { Option, Select, Select as default, SelectHeader, SelectProps };

package/dist/SmartTextInputField.d.mts

@@ -1,5 +1,5 @@
-import { o as ImplementsFormField } from "./inputFields-DnBb3NhK.mjs";
-import { n as TableBoxField } from "./TableBoxField-z0GIFeQw.mjs";
+import { o as ImplementsFormField } from "./inputFields-B7parF2l.mjs";
+import { n as TableBoxField } from "./TableBoxField-6qAOW8t9.mjs";
 import SmartTextInput from "./SmartTextInput.mjs";
 import { CSSProperties, ComponentProps } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";

package/dist/SmartTextInputListbox.d.mts

@@ -2,9 +2,10 @@ import { a as Mode } from "./types-02Ij0dgs.mjs";
 import { a as SmartTextInputOption } from "./listbox-options-CDAOiyUH.mjs";
 import { ListBoxProps } from "react-aria-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import { ComboBoxState } from "react-stately";
+import { ComboBoxState, Node } from "react-stately";
 
 //#region src/components/SmartTextInput/SmartTextInputListbox.d.ts
+declare const isListboxEmptyState: (collection: Iterable<Node<SmartTextInputOption>>, mode: Mode, isLoading: boolean) => boolean;
 interface SmartTextInputListboxProps {
   comboboxState: ComboBoxState<SmartTextInputOption>;
   listBoxRef: React.RefObject<HTMLDivElement>;
@@ -12,6 +13,8 @@ interface SmartTextInputListboxProps {
   mode: Mode;
   isLoading: boolean;
   openCodeChainFunctionPanel?: () => void;
+  footerButtonId?: string;
+  isFooterHighlighted?: boolean;
 }
 declare const SmartTextInputListbox: ({
   comboboxState,
@@ -19,8 +22,10 @@ declare const SmartTextInputListbox: ({
   listBoxProps,
   mode,
   isLoading,
-  openCodeChainFunctionPanel
+  openCodeChainFunctionPanel,
+  footerButtonId,
+  isFooterHighlighted
 }: SmartTextInputListboxProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { SmartTextInputListbox as default };
+export { SmartTextInputListbox as default, isListboxEmptyState };
 //# sourceMappingURL=SmartTextInputListbox.d.mts.map

package/dist/{TableBox-D9NA-s9l.mjs → TableBox-RxpwflEb.mjs}

@@ -14,9 +14,9 @@ import { n as Stack, t as HStack } from "./Stack-Bzom2BTR.mjs";
 import { t as IconButton } from "./IconButton-Bj1fry_K.mjs";
 import { t as FormGroupContext } from "./useFormGroup-DSQkoWLh.mjs";
 import { n as DropdownMenu_default } from "./DropdownMenu-Ip75l4Th.mjs";
-import { n as CaretButton, t as Combobox } from "./Combobox-BNjYEAmv.mjs";
+import { n as CaretButton, t as Combobox } from "./Combobox-DmFQ5cAy.mjs";
 import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "./Table-9mNn8Q-d.mjs";
-import { s as Popover_default } from "./Popover-CVX-dfYb.mjs";
+import { s as Popover_default } from "./Popover-DP9DXReH.mjs";
 import { t as Container } from "./FormControl-BoKGiWdQ.mjs";
 import { Children, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { BorderRadius, Color, Spacing, Typography } from "@persona/design-tokens";
@@ -1439,4 +1439,4 @@ TableBox.Cell = TableBoxCell;
 //#endregion
 export { TableBoxContext as n, TableBox as t };
 
-//# sourceMappingURL=TableBox-D9NA-s9l.mjs.map
+//# sourceMappingURL=TableBox-RxpwflEb.mjs.map