@persona/design-system 0.1.8 → 0.2.0

package/dist/Menu-t2q8NrV0.cjs

@@ -1,217 +0,0 @@
-const require_chunk = require("./chunk-CKQMccvm.cjs");
-const require_theme = require("./theme.cjs");
-const require_lib_pseudoClass = require("./lib/pseudoClass.cjs");
-const require_mixins_text = require("./mixins/text.cjs");
-const require_lib_PDSProvider = require("./lib/PDSProvider.cjs");
-require("./variables/text.cjs");
-const require_Card = require("./Card-Csz-PxX0.cjs");
-const require_lib_zindex = require("./lib/zindex.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 = require("react");
-let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
-_radix_ui_react_dropdown_menu = require_chunk.__toESM(_radix_ui_react_dropdown_menu);
-let react_aria = require("react-aria");
-//#region components/Menu/Menu.tsx
-const FloatingCard = (0, styled_components.default)(require_Card.Card_default)`
-  box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.12);
-  outline: none;
-  z-index: ${require_lib_zindex.Z_INDICES.tooltip};
-`;
-const MenuList = styled_components.default.div.attrs(({ role, doNotSetRole = false }) => ({ role: doNotSetRole ? void 0 : role ?? "menu" }))`
-  list-style: none;
-  margin: 0;
-  padding: ${({ padding }) => padding || _persona_design_tokens.Spacing[2]};
-  outline: none;
-`;
-const ListItem = styled_components.default.li`
-  ${({ size }) => size === "sm" ? require_mixins_text.paragraphMixins.sm : require_mixins_text.paragraphMixins.md};
-  display: flex;
-  align-items: center;
-  padding: ${({ size }) => size === "sm" ? `${_persona_design_tokens.Spacing[1]} ${_persona_design_tokens.Spacing[2]}` : `${_persona_design_tokens.Spacing[2]}`};
-  border-radius: 4px;
-  list-style: none;
-  text-decoration: none;
-  color: ${({ theme }) => theme.color.text.primary};
-  cursor: pointer;
-  ${({ focused, selected, theme }) => focused && !selected && styled_components.css`
-      outline: none;
-      color: ${theme.color.text.primary};
-      background-color: ${theme.color.background.secondary};
-    `}
-
-  &${require_lib_pseudoClass.isNotDisabled}${require_lib_pseudoClass.isHovered}, &${require_lib_pseudoClass.isNotDisabled}${require_lib_pseudoClass.isFocused} {
-    ${({ selected }) => !selected && styled_components.css`
-        outline: none;
-        color: ${({ theme }) => theme.color.text.primary};
-        background-color: ${({ theme }) => theme.color.background.secondary};
-      `}
-  }
-
-  &:focus-visible {
-    outline: 2px solid ${_persona_design_tokens.Color.BorderFocus};
-    outline-offset: 1px;
-  }
-
-  ${({ selected, theme }) => selected && styled_components.css`
-      outline: none;
-      color: ${theme.color.text.brand};
-      background-color: ${theme.color.background.highlight};
-    `}
-
-  &${require_lib_pseudoClass.isDisabled} {
-    color: ${({ theme }) => theme.color.text.disabled};
-    cursor: default;
-    pointer-events: none;
-  }
-
-  /* Variant Styling */
-  ${({ theme, variant }) => variant === "danger" && styled_components.css`
-      color: ${theme.color.variants[variant].default};
-
-      &${require_lib_pseudoClass.isNotDisabled}${require_lib_pseudoClass.isHovered}, &${require_lib_pseudoClass.isNotDisabled}${require_lib_pseudoClass.isFocused} {
-        color: ${_persona_design_tokens.Color.CoreRed900};
-        background-color: ${theme.color.variants[variant].highlightLight};
-      }
-
-      &${require_lib_pseudoClass.isDisabled} {
-        color: ${({ theme }) => theme.color.variants[variant].disabled};
-      }
-    `}
-`;
-const IconContainer = (0, styled_components.default)("div")`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  margin-right: ${_persona_design_tokens.Spacing[2]};
-  line-height: 1;
-
-  ${({ suffix }) => suffix && styled_components.css`
-      margin-left: ${_persona_design_tokens.Spacing[2]};
-    `}
-`;
-const LabelContainer = (0, styled_components.default)("div")`
-  line-height: 16px;
-  ${({ stretchLabel }) => stretchLabel && styled_components.css`
-      width: 100%;
-    `}
-`;
-const MenuItem = (0, react.forwardRef)(function MenuItem({ children, disabled, variant, prefixIcon, suffixIcon, stretchLabel, selected, size, ...elemProps }, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ListItem, {
-		disabled,
-		variant,
-		selected,
-		ref,
-		"aria-disabled": disabled,
-		"aria-current": selected ? "true" : void 0,
-		role: "menuitem",
-		tabIndex: disabled ? -1 : 0,
-		size,
-		...elemProps,
-		children: [
-			prefixIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconContainer, { children: prefixIcon }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LabelContainer, {
-				stretchLabel: !!stretchLabel,
-				children
-			}),
-			suffixIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconContainer, {
-				suffix: true,
-				children: suffixIcon
-			})
-		]
-	});
-});
-const StyledMenuDivider = styled_components.default.hr`
-  height: 0px;
-  padding: 0px;
-  font-size: 0;
-  margin: ${_persona_design_tokens.Spacing[2]} -${_persona_design_tokens.Spacing[2]};
-  border: none;
-  border-top: 1px solid ${({ theme }) => theme.color.border.primary};
-`;
-const MenuDivider = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Separator, {
-	asChild: true,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledMenuDivider, { ...props })
-});
-const MenuHeading = styled_components.default.li`
-  ${require_mixins_text.paragraphMixins.sm};
-  text-transform: uppercase;
-  padding: ${({ size }) => size === "sm" ? `${_persona_design_tokens.Spacing[1]} ${_persona_design_tokens.Spacing[2]}` : _persona_design_tokens.Spacing[2]};
-  display: block;
-  color: ${({ theme }) => theme.color.text.secondary};
-  font-weight: ${400};
-  letter-spacing: 0.1em;
-`;
-const Menu = ({ children, variant, containerProps, itemProps, listRef, className, onClose, as, ...props }) => {
-	const menu = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FloatingCard, {
-		...containerProps,
-		className,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(MenuList, {
-			...props,
-			as,
-			ref: listRef,
-			children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria.DismissButton, { onDismiss: onClose })]
-		})
-	});
-	if (variant === "dark") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_lib_PDSProvider, {
-		theme: require_theme.darkTheme,
-		children: menu
-	});
-	return menu;
-};
-Menu.Heading = MenuHeading;
-Menu.Divider = MenuDivider;
-Menu.Item = MenuItem;
-//#endregion
-Object.defineProperty(exports, "FloatingCard", {
-	enumerable: true,
-	get: function() {
-		return FloatingCard;
-	}
-});
-Object.defineProperty(exports, "IconContainer", {
-	enumerable: true,
-	get: function() {
-		return IconContainer;
-	}
-});
-Object.defineProperty(exports, "ListItem", {
-	enumerable: true,
-	get: function() {
-		return ListItem;
-	}
-});
-Object.defineProperty(exports, "Menu", {
-	enumerable: true,
-	get: function() {
-		return Menu;
-	}
-});
-Object.defineProperty(exports, "MenuDivider", {
-	enumerable: true,
-	get: function() {
-		return MenuDivider;
-	}
-});
-Object.defineProperty(exports, "MenuHeading", {
-	enumerable: true,
-	get: function() {
-		return MenuHeading;
-	}
-});
-Object.defineProperty(exports, "MenuItem", {
-	enumerable: true,
-	get: function() {
-		return MenuItem;
-	}
-});
-Object.defineProperty(exports, "MenuList", {
-	enumerable: true,
-	get: function() {
-		return MenuList;
-	}
-});
-
-//# sourceMappingURL=Menu-t2q8NrV0.cjs.map

package/dist/Menu-t2q8NrV0.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu-t2q8NrV0.cjs","names":["Card","Z_INDICES","Spacing","paragraphMixins","isNotDisabled","isHovered","isFocused","Color","isDisabled","DropdownMenu","DismissButton","PDSProvider","darkTheme"],"sources":["../components/Menu/Menu.tsx"],"sourcesContent":["import * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentPropsWithRef,\n  type ComponentType,\n  type ElementType,\n  type FC,\n  forwardRef,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n} from 'react';\nimport { DismissButton } from 'react-aria';\nimport styled, {\n  css,\n  type DefaultTheme,\n  type StyledComponent,\n  type StyledComponentPropsWithRef,\n} from 'styled-components';\n\nimport PDSProvider from '@persona/design-system/lib/PDSProvider';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport Card from 'design-system/components/Card';\nimport { isDisabled, isFocused, isHovered, isNotDisabled } from 'design-system/lib/pseudoClass';\nimport { Z_INDICES } from 'design-system/lib/zindex';\nimport { paragraphMixins } from 'design-system/mixins/text';\nimport { darkTheme } from 'design-system/theme';\nimport { FontWeight } from 'design-system/variables/text';\n\nexport const FloatingCard: StyledComponent<\n  ComponentType<StyledComponentPropsWithRef<typeof Card>>,\n  DefaultTheme\n> = styled(Card)`\n  box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.12);\n  outline: none;\n  z-index: ${Z_INDICES.tooltip};\n`;\n\nexport const MenuList = styled.div.attrs<{ padding?: Spacing; doNotSetRole?: boolean }>(\n  ({ role, doNotSetRole = false }) => ({\n    role: doNotSetRole ? undefined : (role ?? 'menu'),\n  }),\n)<{ padding?: Spacing }>`\n  list-style: none;\n  margin: 0;\n  padding: ${({ padding }) => padding || Spacing[2]};\n  outline: none;\n`;\n\nexport interface MenuItemProps<T extends ElementType = 'div'> {\n  children: ReactNode;\n  prefixIcon?: ReactNode;\n  suffixIcon?: ReactNode;\n  disabled?: boolean;\n  variant?: 'basic' | 'danger';\n  as?: T;\n  stretchLabel?: boolean;\n  subtitle?: string;\n  focused?: boolean;\n  selected?: boolean;\n  size?: 'sm' | 'md';\n}\n\nexport const ListItem = styled.li<\n  Pick<MenuItemProps, 'variant' | 'disabled' | 'focused' | 'selected' | 'size'>\n>`\n  ${({ size }) => (size === 'sm' ? paragraphMixins.sm : paragraphMixins.md)};\n  display: flex;\n  align-items: center;\n  padding: ${({ size }) => (size === 'sm' ? `${Spacing[1]} ${Spacing[2]}` : `${Spacing[2]}`)};\n  border-radius: 4px;\n  list-style: none;\n  text-decoration: none;\n  color: ${({ theme }) => theme.color.text.primary};\n  cursor: pointer;\n  ${({ focused, selected, theme }) =>\n    focused &&\n    !selected &&\n    css`\n      outline: none;\n      color: ${theme.color.text.primary};\n      background-color: ${theme.color.background.secondary};\n    `}\n\n  &${isNotDisabled}${isHovered}, &${isNotDisabled}${isFocused} {\n    ${({ selected }) =>\n      !selected &&\n      css`\n        outline: none;\n        color: ${({ theme }) => theme.color.text.primary};\n        background-color: ${({ theme }) => theme.color.background.secondary};\n      `}\n  }\n\n  &:focus-visible {\n    outline: 2px solid ${Color.BorderFocus};\n    outline-offset: 1px;\n  }\n\n  ${({ selected, theme }) =>\n    selected &&\n    css`\n      outline: none;\n      color: ${theme.color.text.brand};\n      background-color: ${theme.color.background.highlight};\n    `}\n\n  &${isDisabled} {\n    color: ${({ theme }) => theme.color.text.disabled};\n    cursor: default;\n    pointer-events: none;\n  }\n\n  /* Variant Styling */\n  ${({ theme, variant }) =>\n    variant === 'danger' &&\n    css`\n      color: ${theme.color.variants[variant].default};\n\n      &${isNotDisabled}${isHovered}, &${isNotDisabled}${isFocused} {\n        color: ${Color.CoreRed900};\n        background-color: ${theme.color.variants[variant].highlightLight};\n      }\n\n      &${isDisabled} {\n        color: ${({ theme }) => theme.color.variants[variant].disabled};\n      }\n    `}\n`;\n\nexport const IconContainer = styled('div')<{ suffix?: boolean }>`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-right: ${Spacing[2]};\n  line-height: 1;\n\n  ${({ suffix }) =>\n    suffix &&\n    css`\n      margin-left: ${Spacing[2]};\n    `}\n`;\n\nconst LabelContainer = styled('div')<{ stretchLabel: boolean }>`\n  line-height: 16px;\n  ${({ stretchLabel }) =>\n    stretchLabel &&\n    css`\n      width: 100%;\n    `}\n`;\n\n/**\n * https://stackoverflow.com/a/73795494\n */\nexport interface MenuItemType<T extends ElementType = 'div'> extends FC<\n  MenuItemProps<T> & ComponentPropsWithRef<T>\n> {\n  <T extends ElementType = 'div'>(\n    props: MenuItemProps<T> & ComponentPropsWithoutRef<T>,\n  ): ReturnType<FC<MenuItemProps<T> & ComponentPropsWithoutRef<T>>>;\n}\n\nexport const MenuItem: MenuItemType = forwardRef(function MenuItem(\n  {\n    children,\n    disabled,\n    variant,\n    prefixIcon,\n    suffixIcon,\n    stretchLabel,\n    selected,\n    size,\n    ...elemProps\n  },\n  ref: Ref<HTMLDivElement>,\n) {\n  return (\n    <ListItem\n      disabled={disabled}\n      variant={variant}\n      selected={selected}\n      ref={ref}\n      aria-disabled={disabled}\n      // aria-current is the correct a11y attribute for role=\"menuitem\" (not aria-selected).\n      aria-current={selected ? 'true' : undefined}\n      role='menuitem'\n      tabIndex={disabled ? -1 : 0}\n      size={size}\n      {...elemProps}\n    >\n      {prefixIcon && <IconContainer>{prefixIcon}</IconContainer>}\n      <LabelContainer stretchLabel={!!stretchLabel}>{children}</LabelContainer>\n      {suffixIcon && <IconContainer suffix>{suffixIcon}</IconContainer>}\n    </ListItem>\n  );\n});\n\nconst StyledMenuDivider = styled.hr`\n  height: 0px;\n  padding: 0px;\n  font-size: 0;\n  margin: ${Spacing[2]} -${Spacing[2]};\n  border: none;\n  border-top: 1px solid ${({ theme }) => theme.color.border.primary};\n`;\n\nexport const MenuDivider = (props: ComponentPropsWithoutRef<'hr'>) => (\n  <DropdownMenu.Separator asChild>\n    <StyledMenuDivider {...props} />\n  </DropdownMenu.Separator>\n);\n\nexport interface MenuHeadingProps {\n  size?: 'sm' | 'md';\n}\n\nexport const MenuHeading = styled.li<MenuHeadingProps>`\n  ${paragraphMixins.sm};\n  text-transform: uppercase;\n  padding: ${({ size }) => (size === 'sm' ? `${Spacing[1]} ${Spacing[2]}` : Spacing[2])};\n  display: block;\n  color: ${({ theme }) => theme.color.text.secondary};\n  font-weight: ${FontWeight.Regular};\n  letter-spacing: 0.1em;\n`;\n\nexport interface MenuProps<T extends ElementType = 'div'> {\n  children?: ReactNode;\n  className?: string;\n  variant?: 'light' | 'dark';\n  as?: T;\n  doNotSetRole?: boolean;\n  containerProps?: ComponentPropsWithRef<'div'>;\n  listRef?: RefObject<T>;\n  itemProps?:\n    | ComponentPropsWithoutRef<'li'>\n    | ((\n        props: ComponentPropsWithoutRef<'li'>,\n        index: number,\n      ) => Partial<ComponentPropsWithRef<'li'>>);\n  onClose?: VoidFunction;\n}\n\nexport const Menu = <T extends ElementType = 'div'>({\n  children,\n  variant,\n  containerProps,\n  itemProps,\n  listRef,\n  className,\n  onClose,\n  as,\n  ...props\n}: MenuProps<T> & ComponentPropsWithoutRef<T>) => {\n  const menu = (\n    <FloatingCard {...containerProps} className={className}>\n      <MenuList {...props} as={as as any} ref={listRef}>\n        {children}\n        <DismissButton onDismiss={onClose} />\n      </MenuList>\n    </FloatingCard>\n  );\n\n  if (variant === 'dark') {\n    return <PDSProvider theme={darkTheme}>{menu}</PDSProvider>;\n  }\n\n  return menu;\n};\n\nMenu.Heading = MenuHeading;\nMenu.Divider = MenuDivider;\nMenu.Item = MenuItem;\n\nexport default Menu;\n"],"mappings":"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"}

package/dist/Menu.d.cts

@@ -1,2 +0,0 @@
-import { a as MenuDivider, c as MenuItem, d as MenuList, f as MenuProps, i as Menu, l as MenuItemProps, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuHeadingProps, t as FloatingCard, u as MenuItemType } from "./Menu-fUnbIYr5.cjs";
-export { FloatingCard, IconContainer, ListItem, Menu, Menu as default, MenuDivider, MenuHeading, MenuHeadingProps, MenuItem, MenuItemProps, MenuItemType, MenuList, MenuProps };

package/dist/MiddleTruncatedText-CO76xIqP.cjs

@@ -1,178 +0,0 @@
-const require_chunk = require("./chunk-CKQMccvm.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 = require("react");
-//#region lib/middleTruncateText.ts
-const ELLIPSIS = "…";
-const DEFAULT_FONT = `${_persona_design_tokens.Typography.TextMono.fontWeight} ${_persona_design_tokens.Typography.TextExtraSmall.fontSize} ${_persona_design_tokens.Typography.TextMono.fontFamily}`;
-const MEASUREMENT_TOLERANCE_PX = 1;
-function createMeasurementCanvas() {
-	const canvas = document.createElement("canvas");
-	const cleanup = () => {
-		canvas.width = 0;
-		canvas.height = 0;
-		canvas.remove();
-	};
-	return [canvas, cleanup];
-}
-function buildMiddleTruncatedText(text, charsToShow) {
-	if (charsToShow >= text.length) return text;
-	if (charsToShow <= 1) return ELLIPSIS.slice(0, Math.max(charsToShow, 0));
-	const contentChars = charsToShow - 1;
-	const front = Math.ceil(contentChars / 2);
-	const back = Math.floor(contentChars / 2);
-	return text.slice(0, front) + ELLIPSIS + text.slice(text.length - back);
-}
-function isMiddleTruncated(displayText, fullText) {
-	return displayText !== fullText;
-}
-function parseMaxWidthPx(maxWidth) {
-	if (typeof maxWidth === "number") return maxWidth;
-	if (maxWidth.endsWith("px")) {
-		const parsed = Number.parseFloat(maxWidth);
-		return Number.isNaN(parsed) ? null : parsed;
-	}
-	return null;
-}
-function measureTextWidth(text, font = DEFAULT_FONT) {
-	const [canvas, cleanupCanvas] = createMeasurementCanvas();
-	try {
-		const context = canvas.getContext("2d");
-		if (!context) return text.length * 6;
-		context.font = font;
-		const measuredWidth = context.measureText(text).width;
-		const minimumReasonableWidth = text.length * 4;
-		if (measuredWidth === 0 || measuredWidth < minimumReasonableWidth) return text.length * 6;
-		return measuredWidth;
-	} finally {
-		cleanupCanvas();
-	}
-}
-function findMiddleTruncatedTextForWidth(text, maxWidthPx, font = DEFAULT_FONT) {
-	const fitBudget = maxWidthPx + MEASUREMENT_TOLERANCE_PX;
-	if (measureTextWidth(text, font) <= fitBudget) return text;
-	let low = 1;
-	let high = text.length;
-	let bestDisplay = buildMiddleTruncatedText(text, 1);
-	while (low <= high) {
-		const mid = Math.floor((low + high) / 2);
-		const candidate = buildMiddleTruncatedText(text, mid);
-		if (measureTextWidth(candidate, font) <= fitBudget) {
-			bestDisplay = candidate;
-			low = mid + 1;
-		} else high = mid - 1;
-	}
-	return bestDisplay;
-}
-function findMaxMiddleTruncatedCharsThatFit(element, text, maxWidthPx, font) {
-	const measuredWidth = element.clientWidth > 0 ? element.clientWidth : null;
-	const parsedMaxWidth = maxWidthPx ?? parseMaxWidthPx(element.style.maxWidth);
-	const widthBudget = measuredWidth != null && parsedMaxWidth != null ? Math.min(measuredWidth, parsedMaxWidth) : measuredWidth ?? parsedMaxWidth;
-	if (widthBudget != null && widthBudget > 0) {
-		const displayText = findMiddleTruncatedTextForWidth(text, widthBudget, font);
-		return {
-			displayText,
-			charsToShow: displayText.length
-		};
-	}
-	element.textContent = text;
-	if (element.scrollWidth <= element.clientWidth) return {
-		displayText: text,
-		charsToShow: text.length
-	};
-	let low = 1;
-	let high = text.length;
-	let bestCharsToShow = 1;
-	let bestDisplay = buildMiddleTruncatedText(text, 1);
-	while (low <= high) {
-		const mid = Math.floor((low + high) / 2);
-		const candidate = buildMiddleTruncatedText(text, mid);
-		element.textContent = candidate;
-		if (element.scrollWidth <= element.clientWidth) {
-			bestCharsToShow = mid;
-			bestDisplay = candidate;
-			low = mid + 1;
-		} else high = mid - 1;
-	}
-	return {
-		displayText: bestDisplay,
-		charsToShow: bestCharsToShow
-	};
-}
-//#endregion
-//#region lib/MiddleTruncatedText.tsx
-const TruncationSpan = styled_components.default.span`
-  display: block;
-  overflow: hidden;
-  white-space: nowrap;
-  min-width: 0;
-  position: relative;
-`;
-const AccessibleText = styled_components.default.span`
-  opacity: 0;
-  user-select: text;
-`;
-const VisualTruncatedText = styled_components.default.span`
-  position: absolute;
-  inset: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  color: inherit;
-  pointer-events: none;
-`;
-const MiddleTruncatedText = ({ value, maxWidth = "96px", font, titleBehavior = "conditional", onTruncatedChange, "aria-label": ariaLabel, style, ...props }) => {
-	const ref = (0, react.useRef)(null);
-	const [displayText, setDisplayText] = (0, react.useState)(value);
-	const maxWidthPx = parseMaxWidthPx(maxWidth);
-	const updateTruncation = (0, react.useCallback)((element) => {
-		const { displayText: nextDisplayText } = findMaxMiddleTruncatedCharsThatFit(element, value, maxWidthPx, font);
-		setDisplayText((current) => current === nextDisplayText ? current : nextDisplayText);
-		onTruncatedChange?.(isMiddleTruncated(nextDisplayText, value));
-	}, [
-		value,
-		maxWidthPx,
-		font,
-		onTruncatedChange
-	]);
-	(0, react.useLayoutEffect)(() => {
-		const element = ref.current;
-		if (!element) return;
-		updateTruncation(element);
-		let cancelled = false;
-		document.fonts?.ready.then(() => {
-			if (!cancelled) updateTruncation(element);
-		});
-		const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => updateTruncation(element));
-		resizeObserver?.observe(element);
-		return () => {
-			cancelled = true;
-			resizeObserver?.disconnect();
-		};
-	}, [maxWidth, updateTruncation]);
-	const isTruncated = isMiddleTruncated(displayText, value);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TruncationSpan, {
-		ref,
-		style: {
-			...style,
-			maxWidth
-		},
-		"aria-label": ariaLabel ?? (isTruncated ? value : void 0),
-		title: titleBehavior !== "never" && (titleBehavior === "always" || isTruncated) ? value : void 0,
-		...props,
-		children: isTruncated ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccessibleText, { children: value }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VisualTruncatedText, {
-			"aria-hidden": "true",
-			children: displayText
-		})] }) : displayText
-	});
-};
-//#endregion
-Object.defineProperty(exports, "MiddleTruncatedText", {
-	enumerable: true,
-	get: function() {
-		return MiddleTruncatedText;
-	}
-});
-
-//# sourceMappingURL=MiddleTruncatedText-CO76xIqP.cjs.map

package/dist/MiddleTruncatedText-CO76xIqP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MiddleTruncatedText-CO76xIqP.cjs","names":["Typography"],"sources":["../lib/middleTruncateText.ts","../lib/MiddleTruncatedText.tsx"],"sourcesContent":["import { Typography } from '@persona/design-tokens';\n\nconst ELLIPSIS = '…';\nconst DEFAULT_FONT = `${Typography.TextMono.fontWeight} ${Typography.TextExtraSmall.fontSize} ${Typography.TextMono.fontFamily}`;\nconst MEASUREMENT_TOLERANCE_PX = 1;\n\nfunction createMeasurementCanvas(): [HTMLCanvasElement, () => void] {\n  // oxlint-disable-next-line persona-web/document-create-element-canvas\n  const canvas = document.createElement('canvas');\n  const cleanup = () => {\n    canvas.width = 0;\n    canvas.height = 0;\n    canvas.remove();\n  };\n\n  return [canvas, cleanup];\n}\n\nexport function buildMiddleTruncatedText(text: string, charsToShow: number): string {\n  if (charsToShow >= text.length) {\n    return text;\n  }\n\n  if (charsToShow <= ELLIPSIS.length) {\n    return ELLIPSIS.slice(0, Math.max(charsToShow, 0));\n  }\n\n  const contentChars = charsToShow - ELLIPSIS.length;\n  const front = Math.ceil(contentChars / 2);\n  const back = Math.floor(contentChars / 2);\n\n  return text.slice(0, front) + ELLIPSIS + text.slice(text.length - back);\n}\n\nexport function isMiddleTruncated(displayText: string, fullText: string): boolean {\n  return displayText !== fullText;\n}\n\nexport function parseMaxWidthPx(maxWidth: number | string): number | null {\n  if (typeof maxWidth === 'number') {\n    return maxWidth;\n  }\n\n  if (maxWidth.endsWith('px')) {\n    const parsed = Number.parseFloat(maxWidth);\n    return Number.isNaN(parsed) ? null : parsed;\n  }\n\n  return null;\n}\n\nexport function measureTextWidth(text: string, font = DEFAULT_FONT): number {\n  const [canvas, cleanupCanvas] = createMeasurementCanvas();\n\n  try {\n    const context = canvas.getContext('2d');\n\n    if (!context) {\n      return text.length * 6;\n    }\n\n    context.font = font;\n    const measuredWidth = context.measureText(text).width;\n    const minimumReasonableWidth = text.length * 4;\n\n    if (measuredWidth === 0 || measuredWidth < minimumReasonableWidth) {\n      return text.length * 6;\n    }\n\n    return measuredWidth;\n  } finally {\n    cleanupCanvas();\n  }\n}\n\nexport function findMiddleTruncatedTextForWidth(\n  text: string,\n  maxWidthPx: number,\n  font = DEFAULT_FONT,\n): string {\n  const fitBudget = maxWidthPx + MEASUREMENT_TOLERANCE_PX;\n\n  if (measureTextWidth(text, font) <= fitBudget) {\n    return text;\n  }\n\n  let low = ELLIPSIS.length;\n  let high = text.length;\n  let bestDisplay = buildMiddleTruncatedText(text, ELLIPSIS.length);\n\n  while (low <= high) {\n    const mid = Math.floor((low + high) / 2);\n    const candidate = buildMiddleTruncatedText(text, mid);\n\n    if (measureTextWidth(candidate, font) <= fitBudget) {\n      bestDisplay = candidate;\n      low = mid + 1;\n    } else {\n      high = mid - 1;\n    }\n  }\n\n  return bestDisplay;\n}\n\nexport function findMaxMiddleTruncatedCharsThatFit(\n  element: HTMLElement,\n  text: string,\n  maxWidthPx?: number | null,\n  font?: string,\n): { displayText: string; charsToShow: number } {\n  const measuredWidth = element.clientWidth > 0 ? element.clientWidth : null;\n  const parsedMaxWidth = maxWidthPx ?? parseMaxWidthPx(element.style.maxWidth);\n  const widthBudget =\n    measuredWidth != null && parsedMaxWidth != null\n      ? Math.min(measuredWidth, parsedMaxWidth)\n      : (measuredWidth ?? parsedMaxWidth);\n\n  if (widthBudget != null && widthBudget > 0) {\n    const displayText = findMiddleTruncatedTextForWidth(text, widthBudget, font);\n    return { displayText, charsToShow: displayText.length };\n  }\n\n  element.textContent = text;\n  if (element.scrollWidth <= element.clientWidth) {\n    return { displayText: text, charsToShow: text.length };\n  }\n\n  let low = ELLIPSIS.length;\n  let high = text.length;\n  let bestCharsToShow = ELLIPSIS.length;\n  let bestDisplay = buildMiddleTruncatedText(text, ELLIPSIS.length);\n\n  while (low <= high) {\n    const mid = Math.floor((low + high) / 2);\n    const candidate = buildMiddleTruncatedText(text, mid);\n    element.textContent = candidate;\n\n    if (element.scrollWidth <= element.clientWidth) {\n      bestCharsToShow = mid;\n      bestDisplay = candidate;\n      low = mid + 1;\n    } else {\n      high = mid - 1;\n    }\n  }\n\n  return { displayText: bestDisplay, charsToShow: bestCharsToShow };\n}\n","import {\n  type ComponentPropsWithoutRef,\n  type FC,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport styled from 'styled-components';\n\nimport {\n  findMaxMiddleTruncatedCharsThatFit,\n  isMiddleTruncated,\n  parseMaxWidthPx,\n} from './middleTruncateText';\n\nconst TruncationSpan = styled.span`\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  min-width: 0;\n  position: relative;\n`;\n\nconst AccessibleText = styled.span`\n  opacity: 0;\n  user-select: text;\n`;\n\nconst VisualTruncatedText = styled.span`\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  color: inherit;\n  pointer-events: none;\n`;\n\nexport interface MiddleTruncatedTextProps extends ComponentPropsWithoutRef<'span'> {\n  value: string;\n  maxWidth?: number | string;\n  font?: string;\n  titleBehavior?: 'always' | 'conditional' | 'never';\n  onTruncatedChange?: (isTruncated: boolean) => void;\n}\n\nexport const MiddleTruncatedText: FC<MiddleTruncatedTextProps> = ({\n  value,\n  maxWidth = '96px',\n  font,\n  titleBehavior = 'conditional',\n  onTruncatedChange,\n  'aria-label': ariaLabel,\n  style,\n  ...props\n}) => {\n  const ref = useRef<HTMLSpanElement>(null);\n  const [displayText, setDisplayText] = useState(value);\n  const maxWidthPx = parseMaxWidthPx(maxWidth);\n\n  const updateTruncation = useCallback(\n    (element: HTMLElement) => {\n      const { displayText: nextDisplayText } = findMaxMiddleTruncatedCharsThatFit(\n        element,\n        value,\n        maxWidthPx,\n        font,\n      );\n      setDisplayText((current) => (current === nextDisplayText ? current : nextDisplayText));\n      onTruncatedChange?.(isMiddleTruncated(nextDisplayText, value));\n    },\n    [value, maxWidthPx, font, onTruncatedChange],\n  );\n\n  useLayoutEffect(() => {\n    const element = ref.current;\n    if (!element) {\n      return;\n    }\n\n    updateTruncation(element);\n\n    let cancelled = false;\n    void document.fonts?.ready.then(() => {\n      if (!cancelled) {\n        updateTruncation(element);\n      }\n    });\n\n    const resizeObserver =\n      typeof ResizeObserver === 'undefined'\n        ? null\n        : new ResizeObserver(() => updateTruncation(element));\n    resizeObserver?.observe(element);\n\n    return () => {\n      cancelled = true;\n      resizeObserver?.disconnect();\n    };\n  }, [maxWidth, updateTruncation]);\n\n  const isTruncated = isMiddleTruncated(displayText, value);\n\n  return (\n    <TruncationSpan\n      ref={ref}\n      style={{ ...style, maxWidth }}\n      aria-label={ariaLabel ?? (isTruncated ? value : undefined)}\n      title={\n        titleBehavior !== 'never' && (titleBehavior === 'always' || isTruncated) ? value : undefined\n      }\n      {...props}\n    >\n      {isTruncated ? (\n        <>\n          <AccessibleText>{value}</AccessibleText>\n          <VisualTruncatedText aria-hidden='true'>{displayText}</VisualTruncatedText>\n        </>\n      ) : (\n        displayText\n      )}\n    </TruncationSpan>\n  );\n};\n\nexport default MiddleTruncatedText;\n"],"mappings":"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"}

package/dist/Modal.d.cts

@@ -1,146 +0,0 @@
-import { r as ButtonProps } from "./Button-C_3p5Xfi.cjs";
-import { ComponentProps, ComponentPropsWithoutRef, ReactNode } from "react";
-import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-import * as _$react_aria_components0 from "react-aria-components";
-import { Dialog, DialogTrigger, Pressable } from "react-aria-components";
-
-//#region components/Modal/Modal.d.ts
-declare const ModalTrigger: typeof DialogTrigger;
-declare const ModalContent: _$styled_components0.StyledComponent<(props: _$react_aria_components0.ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null, any, {}, never>;
-declare const ModalClose: (props: ButtonProps) => _$react_jsx_runtime0.JSX.Element;
-interface ModalTitleProps {
-  children: ReactNode;
-  className?: string;
-}
-/** Props passed to modal content render functions. */
-interface ModalRenderProps {
-  /** Element that floating content should use as its portal container. */
-  portalContainer: HTMLDivElement | null;
-}
-type ModalRenderable = ReactNode | ((props: ModalRenderProps) => ReactNode);
-interface ModalCardProps extends ComponentPropsWithoutRef<typeof Dialog> {
-  /**
-   * Display X button to close popover
-   */
-  showCloseButton?: boolean;
-  /**
-   * Max width of the modal
-   */
-  size?: 'auto' | 'md' | 'lg' | 'xl' | 'full';
-  /**
-   * Footer content
-   */
-  footer?: ReactNode;
-  /**
-   * Renders tabs within the modal.
-   * Adds a tab bar and will render the contents of the selected tab in a tabpanel.
-   * Overrides `children`.
-   * Tab contents can be render functions that receive the modal portal container.
-   */
-  tabs?: TabView[];
-  /**
-   * Title of the modal
-   */
-  title?: ReactNode;
-  /**
-   * Children content
-   */
-  children?: ReactNode;
-  /**
-   * When true, removes horizontal and vertical padding from the body. Defaults to false.
-   */
-  noBodyPadding?: boolean;
-  /**
-   * Additional props for the Dialog element
-   */
-  className?: string;
-}
-interface TabView {
-  name: string;
-  contents: ModalRenderable;
-  badge?: React.ReactElement;
-  disabled?: boolean;
-  'data-tour-target'?: string;
-}
-interface ModalProps {
-  /**
-   * Title of the Card
-   */
-  title?: string;
-  /**
-   * Component to use as trigger. React Aria trigger props will be merged with this element.
-   */
-  trigger?: ComponentProps<typeof Pressable>['children'];
-  /**
-   * Props to apply to Modal.Card within
-   */
-  contentProps?: ModalCardProps;
-  /**
-   * Max width of the modal
-   */
-  size?: 'auto' | 'md' | 'lg' | 'xl' | 'full';
-  /**
-   * Footer section intended for actions.
-   * You can pass in Buttons directly and they will render in a HStack.
-   */
-  footer?: ReactNode;
-  /**
-   * Renders tabs within the modal.
-   * Adds a tab bar and will render the contents of the selected tab in a tabpanel.
-   * Overrides `children`.
-   */
-  tabs?: TabView[];
-  /**
-   * Children content
-   */
-  children?: ModalRenderable;
-  /**
-   * When true, removes horizontal and vertical padding from the body. Defaults to false.
-   * Can also be set via contentProps.noBodyPadding.
-   */
-  noBodyPadding?: boolean;
-  /**
-   * Controls whether the modal is open (controlled)
-   */
-  open?: boolean;
-  /**
-   * Default open state (uncontrolled)
-   */
-  defaultOpen?: boolean;
-  /**
-   * Handler called when open state changes
-   */
-  onOpenChange?: (isOpen: boolean) => void;
-  /**
-   * Whether the modal can be dismissed by clicking outside or pressing escape
-   */
-  isDismissable?: boolean;
-  /**
-   * Whether pressing the escape key closes the modal
-   */
-  isKeyboardDismissDisabled?: boolean;
-}
-declare const _default: (({
-  children,
-  trigger,
-  contentProps,
-  noBodyPadding,
-  size,
-  title,
-  footer,
-  tabs,
-  defaultOpen,
-  onOpenChange,
-  isDismissable,
-  isKeyboardDismissDisabled,
-  open
-}: ModalProps) => _$react_jsx_runtime0.JSX.Element) & {
-  Title: ({
-    children,
-    ...props
-  }: ModalTitleProps) => _$react_jsx_runtime0.JSX.Element;
-};
-//#endregion
-export { ModalClose, ModalContent, ModalProps, ModalRenderProps, ModalTitleProps, ModalTrigger, _default as default };
-//# sourceMappingURL=Modal.d.cts.map

package/dist/PageHeader-CUDnarkt.cjs

@@ -1,77 +0,0 @@
-const require_chunk = require("./chunk-CKQMccvm.cjs");
-const require_Text = require("./Text-G9QmYf0P.cjs");
-const require_Breadcrumbs = require("./Breadcrumbs-tR49JqAS.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");
-//#region components/PageHeader/PageHeader.tsx
-const PageHeaderContainer = styled_components.default.header`
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-  align-items: center;
-  padding: ${_persona_design_tokens.Spacing[3]} ${_persona_design_tokens.Spacing[5]};
-  background-color: ${({ theme }) => theme.color.background.primary};
-  border-bottom: 1px solid ${({ theme }) => theme.color.border.primary};
-  box-sizing: border-box;
-  min-height: 56px; /* Standardize height for most PageHeaders */
-`;
-const TitleContainer = styled_components.default.div`
-  display: flex;
-  flex: 1;
-  align-items: center;
-  h1 {
-    margin: 0;
-  }
-  p {
-    margin: 0 0 0 ${_persona_design_tokens.Spacing[2]};
-  }
-`;
-const LeftContainer = styled_components.default.div`
-  display: flex;
-  align-items: center;
-`;
-const RightContainer = styled_components.default.div`
-  display: flex;
-  gap: ${_persona_design_tokens.Spacing[2]};
-  margin-left: ${_persona_design_tokens.Spacing[3]};
-`;
-const PageHeader = ({ title, breadcrumbs, subtitle, level = "product", prepend, append, children, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PageHeaderContainer, {
-	...props,
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(LeftContainer, { children: [
-		prepend && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: prepend }),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TitleContainer, { children: [breadcrumbs ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Breadcrumbs.Breadcrumbs, {
-			size: "lg",
-			...breadcrumbs
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [level === "product" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Heading, {
-			as: "h1",
-			size: "sm",
-			children: title
-		}), level === "detail" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Paragraph, {
-			as: "h1",
-			size: "lg",
-			color: "primary",
-			children: title
-		})] }), subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Paragraph, {
-			size: "md",
-			children: subtitle
-		})] }),
-		append && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: append })
-	] }), children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RightContainer, { children })]
-});
-//#endregion
-Object.defineProperty(exports, "PageHeader", {
-	enumerable: true,
-	get: function() {
-		return PageHeader;
-	}
-});
-Object.defineProperty(exports, "PageHeaderContainer", {
-	enumerable: true,
-	get: function() {
-		return PageHeaderContainer;
-	}
-});
-
-//# sourceMappingURL=PageHeader-CUDnarkt.cjs.map