@persona/design-system 0.1.8 → 0.2.0

package/dist/components/Modal/index.cjs

@@ -1,290 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_chunk = require("../../chunk-CKQMccvm.cjs");
-const require_Stack = require("../../Stack-UeifHn3c.cjs");
-const require_Card = require("../../Card-Csz-PxX0.cjs");
-const require_Text = require("../../Text-G9QmYf0P.cjs");
-const require_IconButton = require("../../IconButton-nlgjJQCS.cjs");
-const require_TabBar = require("../../TabBar-PFaDNRw0.cjs");
-let _persona_design_tokens = require("@persona/design-tokens");
-let styled_components = require("styled-components");
-styled_components = require_chunk.__toESM(styled_components);
-let react_jsx_runtime = require("react/jsx-runtime");
-let react_aria_components = require("react-aria-components");
-let react = require("react");
-let _persona_icons = require("@persona/icons");
-//#region lib/useModalInsetRight.ts
-const CSS_VAR = "--modal-inset-right";
-const getModalInsetRight = () => getComputedStyle(document.documentElement).getPropertyValue(CSS_VAR).trim() || "0px";
-const prefersReducedMotion = () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-/**
-* Returns the current value of --modal-inset-right from :root, reactively updating
-* as the agents side panel animates open/closed or is resized. Also tracks whether
-* the panel is opening, open, closing, or closed.
-*
-* panelState stays 'opening'/'closing' for the full transition duration so that
-* CSS transitions on consumers have time to animate.
-*/
-const useModalInsetRight = () => {
-	const [insetRight, setInsetRight] = (0, react.useState)(getModalInsetRight);
-	const [panelState, setPanelState] = (0, react.useState)(() => getModalInsetRight() !== "0px" ? "open" : "closed");
-	const prevInsetRight = (0, react.useRef)(getModalInsetRight());
-	const transitionTimerRef = (0, react.useRef)(null);
-	const rafRef = (0, react.useRef)(null);
-	(0, react.useEffect)(() => {
-		const observer = new MutationObserver(() => {
-			const prev = prevInsetRight.current;
-			const next = getModalInsetRight();
-			prevInsetRight.current = next;
-			if (prev === "0px" && next !== "0px") if (prefersReducedMotion()) {
-				setInsetRight(next);
-				setPanelState("open");
-			} else {
-				if (rafRef.current) cancelAnimationFrame(rafRef.current);
-				if (transitionTimerRef.current) clearTimeout(transitionTimerRef.current);
-				setInsetRight("0px");
-				setPanelState("opening");
-				rafRef.current = requestAnimationFrame(() => setInsetRight(next));
-				transitionTimerRef.current = setTimeout(() => setPanelState("open"), 425);
-			}
-			else if (prev !== "0px" && next === "0px") if (prefersReducedMotion()) {
-				setInsetRight("0px");
-				setPanelState("closed");
-			} else {
-				if (rafRef.current) cancelAnimationFrame(rafRef.current);
-				if (transitionTimerRef.current) clearTimeout(transitionTimerRef.current);
-				setInsetRight(prev);
-				setPanelState("closing");
-				rafRef.current = requestAnimationFrame(() => setInsetRight("0px"));
-				transitionTimerRef.current = setTimeout(() => setPanelState("closed"), 200);
-			}
-			else setInsetRight(next);
-		});
-		observer.observe(document.documentElement, {
-			attributes: true,
-			attributeFilter: ["style"]
-		});
-		return () => {
-			observer.disconnect();
-			if (transitionTimerRef.current) clearTimeout(transitionTimerRef.current);
-			if (rafRef.current) cancelAnimationFrame(rafRef.current);
-		};
-	}, []);
-	return {
-		insetRight,
-		panelState
-	};
-};
-//#endregion
-//#region components/Modal/Modal.tsx
-const StyledModalOverlay = (0, styled_components.default)(react_aria_components.ModalOverlay)`
-  @keyframes overlayShow {
-    from {
-      opacity: 0;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-  background-color: rgba(0, 0, 0, 0.5);
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: ${({ $insetRight }) => $insetRight};
-  transition: right ${({ $transitionMs }) => $transitionMs}ms ease-out;
-  animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
-  z-index: 10000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
-const StyledModal = (0, styled_components.default)(react_aria_components.Modal)`
-  z-index: 10001;
-  outline: none;
-  width: 100%;
-`;
-const ModalCloseButton = (0, styled_components.default)(require_IconButton.Button)`
-  display: inline-flex;
-  padding: ${_persona_design_tokens.Spacing[2]};
-  border-radius: ${_persona_design_tokens.Spacing[1]};
-  width: fit-content;
-  min-width: unset;
-`;
-const ModalFooter = (0, styled_components.default)(require_Stack.HStack).attrs({
-	justify: "flex-end",
-	align: "center",
-	spacing: _persona_design_tokens.Spacing[2]
-})`
-  padding: ${_persona_design_tokens.Spacing[3]} ${_persona_design_tokens.Spacing[4]};
-  border-top: 1px solid ${_persona_design_tokens.Color.BorderDivider};
-`;
-const ModalHeaderTitle = styled_components.default.div`
-  flex: 1;
-`;
-const ModalTrigger = react_aria_components.DialogTrigger;
-const ModalContent = StyledModal;
-const ModalClose = (props) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, {
-		slot: "close",
-		style: {
-			all: "unset",
-			display: "contents"
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalCloseButton, {
-			variant: "text",
-			width: "icon",
-			size: "md",
-			...props,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.XIcon, {})
-		})
-	});
-};
-const ModalTitle = ({ children, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Heading, {
-		size: "sm",
-		color: "primary",
-		as: react_aria_components.Heading,
-		slot: "title",
-		...props,
-		children
-	});
-};
-const ModalHeader = (0, styled_components.default)(require_Stack.HStack)`
-  border-bottom: ${({ $hasTabs }) => $hasTabs ? "none" : `1px solid ${_persona_design_tokens.Color.BorderDivider}`};
-  padding: ${({ $hasTabs }) => $hasTabs ? `${_persona_design_tokens.Spacing[3]} ${_persona_design_tokens.Spacing[2]} ${_persona_design_tokens.Spacing[1]} ${_persona_design_tokens.Spacing[4]}` : `${_persona_design_tokens.Spacing[3]} ${_persona_design_tokens.Spacing[2]} ${_persona_design_tokens.Spacing[3]} ${_persona_design_tokens.Spacing[4]}`};
-`;
-const ModalTabBar = (0, styled_components.default)(require_TabBar.TabBar)`
-  padding-left: ${_persona_design_tokens.Spacing[4]};
-`;
-const StyledDialog = (0, styled_components.default)(react_aria_components.Dialog)`
-  outline: none;
-`;
-const StyledCard = (0, styled_components.default)(require_Card.Card_default)`
-  position: relative;
-  left: 50%;
-  transform: translateX(-50%);
-  width: ${({ $size }) => {
-	switch ($size) {
-		case "auto": return "auto";
-		case "full": return "calc(100% - 160px)";
-		default: return "90vw";
-	}
-}};
-  max-width: ${({ theme, $size }) => {
-	switch ($size) {
-		case "auto": return "auto";
-		case "full": return "calc(100% - 160px)";
-		default: return theme.modal.width[$size];
-	}
-}};
-  /* TODO: Use breakpoints to make this responsive */
-  max-height: ${({ $size }) => $size === "full" ? "calc(100vh - 160px)" : "85vh"};
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  ${({ $size }) => $size === "full" && `
-    height: calc(100vh - 160px);
-  `}
-  margin-bottom: 0;
-`;
-const StyledModalCardBody = (0, styled_components.default)(require_Card.Card_default.Body)`
-  overflow-y: auto;
-  flex: 1;
-  min-height: 0;
-  ${({ $noPadding }) => $noPadding ? "padding: 0;" : `
-    padding-left: ${_persona_design_tokens.Spacing[4]};
-    padding-right: ${_persona_design_tokens.Spacing[4]};
-  `}
-  ${({ $hidden }) => $hidden && "display: none;"}
-`;
-/**
-* Card to be used in Modal contexts. Inherits props from react-aria-components Dialog.
-*/
-const ModalCard = (0, react.forwardRef)(function ModalCard({ title, children, showCloseButton = true, size, footer, tabs, noBodyPadding = false, portalContainer, ...props }, ref) {
-	const [selectedTabIdx, setSelectedTabIdx] = (0, react.useState)(0);
-	(0, react.useEffect)(() => {
-		setSelectedTabIdx(0);
-	}, [tabs?.length ?? 0]);
-	const titleAndClose = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ModalHeader, {
-		justify: "flex-start",
-		align: "center",
-		spacing: _persona_design_tokens.Spacing[2],
-		$hasTabs: Boolean(tabs),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalHeaderTitle, { children: title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalTitle, { children: title }) : null }), showCloseButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalClose, { "aria-label": "Close" })]
-	});
-	const modalHeader = tabs ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, { children: [titleAndClose, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalTabBar, { children: tabs.map((tab, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TabBar.Tab, {
-		selected: selectedTabIdx === idx,
-		id: `pds-modal_tab-${idx}`,
-		onClick: () => setSelectedTabIdx(idx),
-		"aria-controls": `pds-modal_tab-panel-${idx}`,
-		children: tab.name
-	}, tab.name)) })] }) : titleAndClose;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledDialog, {
-		...props,
-		ref,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledCard, {
-			elevated: true,
-			$size: size,
-			children: [
-				(showCloseButton || title) && modalHeader,
-				tabs ? tabs.map((tab, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledModalCardBody, {
-					$noPadding: noBodyPadding,
-					$hidden: selectedTabIdx !== idx,
-					role: tabs ? "tabpanel" : void 0,
-					id: `pds-modal_tab-panel-${tab.name}`,
-					"aria-labelledby": `pds-modal_tab-${tab.name}`,
-					children: typeof tab.contents === "function" ? tab.contents({ portalContainer }) : tab.contents
-				}, tab.name)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledModalCardBody, {
-					$noPadding: noBodyPadding,
-					role: tabs ? "tabpanel" : void 0,
-					id: `pds-modal_tab-panel-${selectedTabIdx}`,
-					"aria-labelledby": `pds-modal_tab-${selectedTabIdx}`,
-					children
-				}),
-				footer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalFooter, { children: footer })
-			]
-		})
-	});
-});
-const Modal = ({ children, trigger, contentProps, noBodyPadding = false, size = "md", title, footer, tabs, defaultOpen, onOpenChange, isDismissable = false, isKeyboardDismissDisabled = false, open }) => {
-	const [portalContainer, setPortalContainer] = (0, react.useState)(null);
-	const { insetRight: modalInsetRight, panelState } = useModalInsetRight();
-	const transitionMs = panelState === "opening" ? 425 : panelState === "closing" ? 200 : 0;
-	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalCard, {
-		size,
-		title,
-		footer,
-		tabs,
-		noBodyPadding,
-		...contentProps,
-		portalContainer,
-		children: typeof children === "function" ? children({ portalContainer }) : children
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components.DialogTrigger, {
-		isOpen: open,
-		defaultOpen,
-		onOpenChange,
-		children: [trigger ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Pressable, { children: trigger }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledModalOverlay, {
-			$insetRight: modalInsetRight,
-			$transitionMs: transitionMs,
-			isDismissable,
-			isKeyboardDismissDisabled,
-			shouldCloseOnInteractOutside: (element) => !element.closest("[data-react-aria-top-layer]"),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledModal, {
-				ref: setPortalContainer,
-				children: content
-			})
-		})]
-	});
-};
-var Modal_default = Object.assign(Modal, { Title: ModalTitle });
-//#endregion
-exports.ModalClose = ModalClose;
-exports.ModalContent = ModalContent;
-exports.ModalTrigger = ModalTrigger;
-exports.default = Modal_default;
-
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["ModalOverlay","AriaModal","Button","Spacing","HStack","Color","DialogTrigger","AriaButton","XIcon","Heading","AriaHeading","TabBar","Dialog","Card","Stack","Tab","Pressable"],"sources":["../../../lib/useModalInsetRight.ts","../../../components/Modal/Modal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nconst CSS_VAR = '--modal-inset-right';\n\n// Match AgentsPanel sidebar transition durations\nexport const SIDEBAR_OPEN_TRANSITION_MS = 425;\nexport const SIDEBAR_CLOSE_TRANSITION_MS = 200;\n\nconst getModalInsetRight = () =>\n  getComputedStyle(document.documentElement).getPropertyValue(CSS_VAR).trim() || '0px';\n\nconst prefersReducedMotion = () =>\n  typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\nexport type PanelInsetState = 'closed' | 'opening' | 'open' | 'closing';\n\nexport interface ModalInsetRight {\n  /** Animated inset value — starts at 0px on panel open so CSS transition fires */\n  insetRight: string;\n  panelState: PanelInsetState;\n}\n\n/**\n * Returns the current value of --modal-inset-right from :root, reactively updating\n * as the agents side panel animates open/closed or is resized. Also tracks whether\n * the panel is opening, open, closing, or closed.\n *\n * panelState stays 'opening'/'closing' for the full transition duration so that\n * CSS transitions on consumers have time to animate.\n */\nconst useModalInsetRight = (): ModalInsetRight => {\n  const [insetRight, setInsetRight] = useState(getModalInsetRight);\n  const [panelState, setPanelState] = useState<PanelInsetState>(() =>\n    getModalInsetRight() !== '0px' ? 'open' : 'closed',\n  );\n  const prevInsetRight = useRef(getModalInsetRight());\n  const transitionTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const rafRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const prev = prevInsetRight.current;\n      const next = getModalInsetRight();\n      prevInsetRight.current = next;\n\n      if (prev === '0px' && next !== '0px') {\n        if (prefersReducedMotion()) {\n          setInsetRight(next);\n          setPanelState('open');\n        } else {\n          if (rafRef.current) {\n            cancelAnimationFrame(rafRef.current);\n          }\n          if (transitionTimerRef.current) {\n            clearTimeout(transitionTimerRef.current);\n          }\n          setInsetRight('0px');\n          setPanelState('opening');\n          rafRef.current = requestAnimationFrame(() => setInsetRight(next));\n          transitionTimerRef.current = setTimeout(\n            () => setPanelState('open'),\n            SIDEBAR_OPEN_TRANSITION_MS,\n          );\n        }\n      } else if (prev !== '0px' && next === '0px') {\n        if (prefersReducedMotion()) {\n          setInsetRight('0px');\n          setPanelState('closed');\n        } else {\n          if (rafRef.current) {\n            cancelAnimationFrame(rafRef.current);\n          }\n          if (transitionTimerRef.current) {\n            clearTimeout(transitionTimerRef.current);\n          }\n          setInsetRight(prev);\n          setPanelState('closing');\n          rafRef.current = requestAnimationFrame(() => setInsetRight('0px'));\n          transitionTimerRef.current = setTimeout(\n            () => setPanelState('closed'),\n            SIDEBAR_CLOSE_TRANSITION_MS,\n          );\n        }\n      } else {\n        setInsetRight(next);\n      }\n    });\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['style'],\n    });\n\n    return () => {\n      observer.disconnect();\n      if (transitionTimerRef.current) {\n        clearTimeout(transitionTimerRef.current);\n      }\n      if (rafRef.current) {\n        cancelAnimationFrame(rafRef.current);\n      }\n    };\n  }, []);\n\n  return { insetRight, panelState };\n};\n\nexport default useModalInsetRight;\n","import type { ComponentProps, ComponentPropsWithoutRef } from 'react';\nimport { forwardRef, type ReactNode, useEffect, useState } from 'react';\nimport {\n  Button as AriaButton,\n  Dialog,\n  DialogTrigger,\n  Heading as AriaHeading,\n  Modal as AriaModal,\n  ModalOverlay,\n  Pressable,\n} from 'react-aria-components';\nimport styled 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';\nimport useModalInsetRight, {\n  SIDEBAR_CLOSE_TRANSITION_MS,\n  SIDEBAR_OPEN_TRANSITION_MS,\n} from 'design-system/lib/useModalInsetRight';\n\nconst StyledModalOverlay = styled(ModalOverlay)<{ $insetRight: string; $transitionMs: number }>`\n  @keyframes overlayShow {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\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 ease-out;\n  animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);\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: 100%;\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 ${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 = (props: ButtonProps) => {\n  return (\n    <AriaButton slot='close' style={{ all: 'unset', display: 'contents' }}>\n      <ModalCloseButton variant='text' width='icon' size='md' {...props}>\n        <XIcon />\n      </ModalCloseButton>\n    </AriaButton>\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 }) => ($hasTabs ? 'none' : `1px solid ${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  left: 50%;\n  transform: translateX(-50%);\n  width: ${({ $size }) => {\n    switch ($size) {\n      case 'auto':\n        return 'auto';\n      case 'full':\n        return 'calc(100% - 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(100% - 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   * 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  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    size,\n    footer,\n    tabs,\n    noBodyPadding = false,\n    portalContainer,\n    ...props\n  },\n  ref,\n) {\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='Close' />}\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\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}: ModalProps) => {\n  const [portalContainer, setPortalContainer] = useState<HTMLDivElement | null>(null);\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={portalContainer}\n    >\n      {typeof children === 'function' ? children({ portalContainer }) : children}\n    </ModalCard>\n  );\n\n  // Wrap trigger element to ensure it works with react-aria-components\n  const wrappedTrigger = trigger ? <Pressable>{trigger}</Pressable> : null;\n\n  return (\n    <DialogTrigger isOpen={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {wrappedTrigger}\n      <StyledModalOverlay\n        $insetRight={modalInsetRight}\n        $transitionMs={transitionMs}\n        isDismissable={isDismissable}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        shouldCloseOnInteractOutside={(element) => !element.closest('[data-react-aria-top-layer]')}\n      >\n        <StyledModal ref={setPortalContainer}>{content}</StyledModal>\n      </StyledModalOverlay>\n    </DialogTrigger>\n  );\n};\n\nexport default Object.assign(Modal, {\n  Title: ModalTitle,\n});\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import _default, { ModalClose, ModalContent, ModalProps, ModalRenderProps, ModalTitleProps, ModalTrigger } from "../../Modal.cjs";
-export { ModalClose, ModalContent, ModalProps, ModalRenderProps, ModalTitleProps, ModalTrigger, _default as default };

package/dist/components/PageHeader/index.cjs

@@ -1,7 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_PageHeader = require("../../PageHeader-CUDnarkt.cjs");
-exports.PageHeaderContainer = require_PageHeader.PageHeaderContainer;
-exports.default = require_PageHeader.PageHeader;

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

@@ -1,2 +0,0 @@
-import PageHeader, { PageHeaderContainer, PageHeaderProps } from "../../PageHeader.cjs";
-export { PageHeaderContainer, PageHeaderProps, PageHeader as default };

package/dist/components/Pagination/index.cjs

@@ -1,10 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Pagination = require("../../Pagination-2Yo1vRJZ.cjs");
-exports.DEFAULT_PAGE_SIZE_OPTIONS = require_Pagination.DEFAULT_PAGE_SIZE_OPTIONS;
-exports.MIN_PAGE_SIZE = require_Pagination.MIN_PAGE_SIZE;
-exports.PAGE_LIMIT_BEFORE_SCROLL_MODE = require_Pagination.PAGE_LIMIT_BEFORE_SCROLL_MODE;
-exports.PageSelector = require_Pagination.PageSelector;
-exports.default = require_Pagination.Pagination_default;

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

@@ -1,4 +0,0 @@
-import { t as Pagination } from "../../Pagination-D04tn-tf.cjs";
-import { r as PageSelector, t as PAGE_LIMIT_BEFORE_SCROLL_MODE } from "../../PageSelector-CNnVp3Al.cjs";
-import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "../../constants-B6c8S033.cjs";
-export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE, PAGE_LIMIT_BEFORE_SCROLL_MODE, PageSelector, Pagination as default };

package/dist/components/Pii/index.cjs

@@ -1,2 +0,0 @@
-const require_Pii = require("../../Pii-DHTb3ewO.cjs");
-module.exports = require_Pii.Pii_default;

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

@@ -1,2 +0,0 @@
-import Pii from "../../Pii.cjs";
-export = Pii;

package/dist/components/Popover/index.cjs

@@ -1,12 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Popover = require("../../Popover-BzgMAhsX.cjs");
-exports.PopoverAnchor = require_Popover.PopoverAnchor;
-exports.PopoverCard = require_Popover.PopoverCard;
-exports.PopoverClose = require_Popover.PopoverClose;
-exports.PopoverContent = require_Popover.PopoverContent;
-exports.PopoverPortal = require_Popover.PopoverPortal;
-exports.PopoverTrigger = require_Popover.PopoverTrigger;
-exports.default = require_Popover.Popover_default;

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

@@ -1,2 +0,0 @@
-import _default, { PopoverAnchor, PopoverCard, PopoverCardProps, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger } from "../../Popover.cjs";
-export { PopoverAnchor, PopoverCard, PopoverCardProps, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, _default as default };

package/dist/components/ProgressBar/index.cjs

@@ -1,177 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_chunk = require("../../chunk-CKQMccvm.cjs");
-const require_mixins_text = require("../../mixins/text.cjs");
-const require_Tooltip = require("../../Tooltip-olP3rdUO.cjs");
-let _persona_design_tokens = require("@persona/design-tokens");
-let styled_components = require("styled-components");
-styled_components = require_chunk.__toESM(styled_components);
-let react_jsx_runtime = require("react/jsx-runtime");
-let react_aria = require("react-aria");
-let _persona_icons_CircleAlertIcon = require("@persona/icons/CircleAlertIcon");
-_persona_icons_CircleAlertIcon = require_chunk.__toESM(_persona_icons_CircleAlertIcon);
-let _persona_icons_CircleCheckFillIcon = require("@persona/icons/CircleCheckFillIcon");
-_persona_icons_CircleCheckFillIcon = require_chunk.__toESM(_persona_icons_CircleCheckFillIcon);
-//#region components/ProgressBar/ProgressBar.tsx
-const STATUS_FILL_COLORS = {
-	default: _persona_design_tokens.Color.BorderInputActive,
-	exception: _persona_design_tokens.Color.BorderInputDanger,
-	success: _persona_design_tokens.Color.BorderIconSuccess
-};
-const STATUS_ICON_COLORS = {
-	exception: _persona_design_tokens.Color.BorderInputDanger,
-	success: _persona_design_tokens.Color.BorderIconSuccess
-};
-const TRACK_HEIGHT = {
-	sm: "4px",
-	md: "8px"
-};
-const BAR_ROW_HEIGHT = "20px";
-const indeterminateScan = styled_components.keyframes`
-  0%   { left: -40%; width: 40%; }
-  60%  { left: 100%; width: 40%; }
-  100% { left: 100%; width: 40%; }
-`;
-const Container = styled_components.default.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-`;
-const LabelText = styled_components.default.span`
-  ${require_mixins_text.paragraphMixins.md}
-  color: ${_persona_design_tokens.Color.TextPrimary};
-`;
-const BarRow = styled_components.default.div`
-  display: flex;
-  gap: ${_persona_design_tokens.Spacing[2]};
-  align-items: center;
-  min-height: ${BAR_ROW_HEIGHT};
-  width: 100%;
-`;
-const Track = styled_components.default.div`
-  flex: 1;
-  height: ${({ $size }) => TRACK_HEIGHT[$size]};
-  background-color: ${({ $railColor }) => $railColor ?? _persona_design_tokens.Color.BorderDivider};
-  border-radius: 4px;
-  overflow: hidden;
-  position: relative;
-`;
-const Fill = styled_components.default.div`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: ${({ $left }) => `${$left}%`};
-  width: ${({ $percent }) => `${$percent}%`};
-  background-color: ${({ $status, $fillColor }) => $fillColor ?? STATUS_FILL_COLORS[$status]};
-  border-radius: ${({ $hasSuccessBefore }) => $hasSuccessBefore ? "0 4px 4px 0" : "4px"};
-  transition: width 0.3s ease, left 0.3s ease;
-`;
-const SuccessFill = styled_components.default.div`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: ${({ $percent }) => `${$percent}%`};
-  background-color: ${STATUS_FILL_COLORS.success};
-  border-radius: ${({ $hasInProgressAfter }) => $hasInProgressAfter ? "4px 0 0 4px" : "4px"};
-  transition: width 0.3s ease;
-`;
-const IndeterminateFill = styled_components.default.div`
-  position: absolute;
-  inset: 0 auto 0 auto;
-  height: 100%;
-  /* Same neutral as Spinner (Color.BorderIconPrimary) */
-  background-color: ${_persona_design_tokens.Color.BorderIconPrimary};
-  border-radius: 4px;
-  animation: ${indeterminateScan} 2.5s ease-in-out infinite;
-`;
-const SuffixRow = styled_components.default.div`
-  display: flex;
-  gap: ${_persona_design_tokens.Spacing[1]};
-  align-items: center;
-  flex-shrink: 0;
-`;
-const PercentText = styled_components.default.span`
-  ${require_mixins_text.paragraphMixins.md}
-  color: ${_persona_design_tokens.Color.TextPrimary};
-  white-space: nowrap;
-`;
-const IconWrapper = styled_components.default.span`
-  display: flex;
-  flex-shrink: 0;
-  line-height: 0;
-  color: ${({ $color }) => $color};
-`;
-/**
-* ProgressBar shows the completion status of an operation as a filled bar.
-*
-* @example
-* ```tsx
-* <ProgressBar
-*   percent={60}
-*   size="md"
-*   label="Uploading"
-*   showInfo
-* />
-* ```
-*/
-const ProgressBar = ({ percent = 0, size = "sm", status = "default", type = "determinate", label, showInfo, fillColor, railColor, format, successPercent, tooltip, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }) => {
-	const labelId = (0, react_aria.useId)();
-	const clampedPercent = Math.min(100, Math.max(0, percent));
-	const clampedSuccessPercent = successPercent != null ? Math.min(clampedPercent, Math.max(0, successPercent)) : 0;
-	const inProgressPercent = clampedPercent - clampedSuccessPercent;
-	const hasSuccessSegment = clampedSuccessPercent > 0;
-	const hasInProgressSegment = inProgressPercent > 0;
-	const effectiveStatus = clampedPercent >= 100 && status !== "exception" ? "success" : status;
-	const effectiveShowInfo = showInfo ?? successPercent != null;
-	const isTerminal = effectiveStatus === "exception" || effectiveStatus === "success";
-	const formattedPercent = format ? format(clampedPercent) : `${clampedPercent}%`;
-	const isIndeterminate = type === "indeterminate";
-	const labelledBy = label ? [labelId, ariaLabelledBy].filter(Boolean).join(" ") : ariaLabelledBy;
-	const track = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Track, {
-		$size: size,
-		$railColor: railColor,
-		role: "progressbar",
-		"aria-valuemin": 0,
-		"aria-valuemax": 100,
-		"aria-valuenow": isIndeterminate ? void 0 : clampedPercent,
-		"aria-valuetext": isIndeterminate ? void 0 : formattedPercent,
-		"aria-labelledby": labelledBy || void 0,
-		"aria-label": labelledBy ? void 0 : ariaLabel ?? "Progress",
-		children: isIndeterminate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IndeterminateFill, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [hasSuccessSegment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SuccessFill, {
-			$percent: clampedSuccessPercent,
-			$hasInProgressAfter: hasInProgressSegment
-		}), hasInProgressSegment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Fill, {
-			$percent: inProgressPercent,
-			$left: clampedSuccessPercent,
-			$status: effectiveStatus,
-			$fillColor: fillColor,
-			$hasSuccessBefore: hasSuccessSegment
-		})] })
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Container, {
-		...props,
-		children: [label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LabelText, {
-			id: labelId,
-			children: label
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(BarRow, { children: [tooltip ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
-			trigger: track,
-			side: "top",
-			contentAlignment: "center",
-			children: tooltip
-		}) : track, effectiveShowInfo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SuffixRow, { children: isTerminal ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconWrapper, {
-			$color: STATUS_ICON_COLORS[effectiveStatus],
-			children: effectiveStatus === "exception" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_CircleAlertIcon.default, { size: 16 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_CircleCheckFillIcon.default, { size: 16 })
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PercentText, { children: formattedPercent }) })] })]
-	});
-};
-//#endregion
-//#region components/ProgressBar/index.ts
-var ProgressBar_default = ProgressBar;
-//#endregion
-exports.ProgressBar = ProgressBar;
-exports.default = ProgressBar_default;
-
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Color","paragraphMixins","Spacing","Tooltip","CircleAlertIcon","CircleCheckFillIcon"],"sources":["../../../components/ProgressBar/ProgressBar.tsx","../../../components/ProgressBar/index.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { useId } from 'react-aria';\nimport styled, { keyframes } from 'styled-components';\n\nimport { Tooltip } from '@persona/design-system/components/Tooltip';\nimport { paragraphMixins } from '@persona/design-system/mixins/text';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport CircleAlertIcon from '@persona/icons/CircleAlertIcon';\nimport CircleCheckFillIcon from '@persona/icons/CircleCheckFillIcon';\n\nexport type ProgressBarStatus = 'default' | 'exception' | 'success';\nexport type ProgressBarSize = 'sm' | 'md';\nexport type ProgressBarType = 'determinate' | 'indeterminate';\n\nconst STATUS_FILL_COLORS: Record<ProgressBarStatus, Color> = {\n  default: Color.BorderInputActive,\n  exception: Color.BorderInputDanger,\n  success: Color.BorderIconSuccess,\n};\n\nconst STATUS_ICON_COLORS: Record<'exception' | 'success', Color> = {\n  exception: Color.BorderInputDanger,\n  success: Color.BorderIconSuccess,\n};\n\nconst TRACK_HEIGHT: Record<ProgressBarSize, string> = {\n  sm: '4px',\n  md: '8px',\n};\n\n// 20px matches the line-height of TextMedium — the tallest element in the bar row\nconst BAR_ROW_HEIGHT = '20px';\n\nconst indeterminateScan = keyframes`\n  0%   { left: -40%; width: 40%; }\n  60%  { left: 100%; width: 40%; }\n  100% { left: 100%; width: 40%; }\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n`;\n\nconst LabelText = styled.span`\n  ${paragraphMixins.md}\n  color: ${Color.TextPrimary};\n`;\n\nconst BarRow = styled.div`\n  display: flex;\n  gap: ${Spacing[2]};\n  align-items: center;\n  min-height: ${BAR_ROW_HEIGHT};\n  width: 100%;\n`;\n\nconst Track = styled.div<{ $size: ProgressBarSize; $railColor?: Color }>`\n  flex: 1;\n  height: ${({ $size }) => TRACK_HEIGHT[$size]};\n  background-color: ${({ $railColor }) => $railColor ?? Color.BorderDivider};\n  border-radius: 4px;\n  overflow: hidden;\n  position: relative;\n`;\n\nconst Fill = styled.div<{\n  $percent: number;\n  $left: number;\n  $status: ProgressBarStatus;\n  $fillColor?: Color;\n  $hasSuccessBefore: boolean;\n}>`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: ${({ $left }) => `${$left}%`};\n  width: ${({ $percent }) => `${$percent}%`};\n  background-color: ${({ $status, $fillColor }) => $fillColor ?? STATUS_FILL_COLORS[$status]};\n  border-radius: ${({ $hasSuccessBefore }) => ($hasSuccessBefore ? '0 4px 4px 0' : '4px')};\n  transition: width 0.3s ease, left 0.3s ease;\n`;\n\nconst SuccessFill = styled.div<{ $percent: number; $hasInProgressAfter: boolean }>`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: ${({ $percent }) => `${$percent}%`};\n  background-color: ${STATUS_FILL_COLORS.success};\n  border-radius: ${({ $hasInProgressAfter }) => ($hasInProgressAfter ? '4px 0 0 4px' : '4px')};\n  transition: width 0.3s ease;\n`;\n\nconst IndeterminateFill = styled.div`\n  position: absolute;\n  inset: 0 auto 0 auto;\n  height: 100%;\n  /* Same neutral as Spinner (Color.BorderIconPrimary) */\n  background-color: ${Color.BorderIconPrimary};\n  border-radius: 4px;\n  animation: ${indeterminateScan} 2.5s ease-in-out infinite;\n`;\n\nconst SuffixRow = styled.div`\n  display: flex;\n  gap: ${Spacing[1]};\n  align-items: center;\n  flex-shrink: 0;\n`;\n\nconst PercentText = styled.span`\n  ${paragraphMixins.md}\n  color: ${Color.TextPrimary};\n  white-space: nowrap;\n`;\n\nconst IconWrapper = styled.span<{ $color: Color }>`\n  display: flex;\n  flex-shrink: 0;\n  line-height: 0;\n  color: ${({ $color }) => $color};\n`;\n\nexport interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {\n  /** Completion percentage, 0–100 */\n  percent?: number;\n  /** Size of the bar track */\n  size?: ProgressBarSize;\n  /** Status — affects fill color */\n  status?: ProgressBarStatus;\n  /**\n   * `'determinate'` shows a filled bar for a known percentage.\n   * `'indeterminate'` shows a scanning animation for unknown progress.\n   * @defaultValue 'determinate'\n   */\n  type?: ProgressBarType;\n  /** Label text */\n  label?: string;\n  /**\n   * Show a right-hand info slot: percentage while in progress, status icon when\n   * success or exception. The two are mutually exclusive — icon replaces percentage\n   * once the bar reaches a terminal state.\n   * Defaults to `true` when `successPercent` is set.\n   */\n  showInfo?: boolean;\n  /** Custom fill color (design-system token) — overrides status color */\n  fillColor?: Color;\n  /** Custom track/rail background color (design-system token) */\n  railColor?: Color;\n  /**\n   * Format function for the displayed percentage value.\n   * @defaultValue (percent) => `${percent}%`\n   */\n  format?: (percent: number) => string;\n  /**\n   * When set, renders a green success segment from 0 to `successPercent`%,\n   * with the main fill continuing from `successPercent`% to `percent`%.\n   * Clamped to [0, percent]. Also enables `showInfo` by default.\n   */\n  successPercent?: number;\n  /**\n   * Tooltip content shown when hovering the bar track.\n   * Use to surface a segment breakdown, e.g. \"3 done / 3 in progress / 4 to do\".\n   */\n  tooltip?: string;\n}\n\n/**\n * ProgressBar shows the completion status of an operation as a filled bar.\n *\n * @example\n * ```tsx\n * <ProgressBar\n *   percent={60}\n *   size=\"md\"\n *   label=\"Uploading\"\n *   showInfo\n * />\n * ```\n */\nexport const ProgressBar = ({\n  percent = 0,\n  size = 'sm',\n  status = 'default',\n  type = 'determinate',\n  label,\n  showInfo,\n  fillColor,\n  railColor,\n  format,\n  successPercent,\n  tooltip,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  ...props\n}: ProgressBarProps) => {\n  const labelId = useId();\n  const clampedPercent = Math.min(100, Math.max(0, percent));\n  const clampedSuccessPercent =\n    successPercent != null ? Math.min(clampedPercent, Math.max(0, successPercent)) : 0;\n  const inProgressPercent = clampedPercent - clampedSuccessPercent;\n  const hasSuccessSegment = clampedSuccessPercent > 0;\n  const hasInProgressSegment = inProgressPercent > 0;\n\n  // Automatically derive success status when fully complete (unless caller set exception)\n  const effectiveStatus: ProgressBarStatus =\n    clampedPercent >= 100 && status !== 'exception' ? 'success' : status;\n\n  // showInfo defaults to true when successPercent is used\n  const effectiveShowInfo = showInfo ?? successPercent != null;\n\n  const isTerminal = effectiveStatus === 'exception' || effectiveStatus === 'success';\n  const formattedPercent = format ? format(clampedPercent) : `${clampedPercent}%`;\n  const isIndeterminate = type === 'indeterminate';\n\n  const labelledBy = label ? [labelId, ariaLabelledBy].filter(Boolean).join(' ') : ariaLabelledBy;\n  const accessibleLabel = labelledBy ? undefined : (ariaLabel ?? 'Progress');\n\n  const track = (\n    <Track\n      $size={size}\n      $railColor={railColor}\n      role='progressbar'\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={isIndeterminate ? undefined : clampedPercent}\n      aria-valuetext={isIndeterminate ? undefined : formattedPercent}\n      aria-labelledby={labelledBy || undefined}\n      aria-label={accessibleLabel}\n    >\n      {isIndeterminate ? (\n        <IndeterminateFill />\n      ) : (\n        <>\n          {hasSuccessSegment && (\n            <SuccessFill\n              $percent={clampedSuccessPercent}\n              $hasInProgressAfter={hasInProgressSegment}\n            />\n          )}\n          {hasInProgressSegment && (\n            <Fill\n              $percent={inProgressPercent}\n              $left={clampedSuccessPercent}\n              $status={effectiveStatus}\n              $fillColor={fillColor}\n              $hasSuccessBefore={hasSuccessSegment}\n            />\n          )}\n        </>\n      )}\n    </Track>\n  );\n\n  return (\n    <Container {...props}>\n      {label && <LabelText id={labelId}>{label}</LabelText>}\n      <BarRow>\n        {tooltip ? (\n          <Tooltip trigger={track} side='top' contentAlignment='center'>\n            {tooltip}\n          </Tooltip>\n        ) : (\n          track\n        )}\n        {effectiveShowInfo && (\n          <SuffixRow>\n            {isTerminal ? (\n              <IconWrapper $color={STATUS_ICON_COLORS[effectiveStatus]}>\n                {effectiveStatus === 'exception' ? (\n                  <CircleAlertIcon size={16} />\n                ) : (\n                  <CircleCheckFillIcon size={16} />\n                )}\n              </IconWrapper>\n            ) : (\n              <PercentText>{formattedPercent}</PercentText>\n            )}\n          </SuffixRow>\n        )}\n      </BarRow>\n    </Container>\n  );\n};\n\nexport default ProgressBar;\n","import ProgressBar from './ProgressBar';\n\nexport { ProgressBar };\nexport type {\n  ProgressBarProps,\n  ProgressBarSize,\n  ProgressBarStatus,\n  ProgressBarType,\n} from './ProgressBar';\n\nexport default ProgressBar;\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import { ProgressBar, ProgressBarProps, ProgressBarSize, ProgressBarStatus, ProgressBarType } from "../../ProgressBar.cjs";
-export { ProgressBar, ProgressBar as default, type ProgressBarProps, type ProgressBarSize, type ProgressBarStatus, type ProgressBarType };