@persona/design-system 0.1.8 → 0.2.0

package/dist/components/ImageTile/index.cjs

@@ -1,225 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_chunk = require("../../chunk-CKQMccvm.cjs");
-const require_mixins_focus = require("../../mixins/focus.cjs");
-require("../../variables/transitions.cjs");
-const require_Stack = require("../../Stack-UeifHn3c.cjs");
-const require_Text = require("../../Text-G9QmYf0P.cjs");
-const require_Tooltip = require("../../Tooltip-olP3rdUO.cjs");
-const require_IconButton = require("../../IconButton-nlgjJQCS.cjs");
-const require_DropdownMenu = require("../../DropdownMenu-DnlQqTjs.cjs");
-const require_LoadingShimmer = require("../../LoadingShimmer-Dx6ncVUV.cjs");
-const require_Checkbox = require("../../Checkbox-CmCujC1W.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 _persona_icons = require("@persona/icons");
-//#region components/ImageTile/ImageTile.tsx
-const MIN_WIDTH = "180px";
-const MAX_WIDTH = "420px";
-const OVERLAY_INSET = _persona_design_tokens.Spacing[2];
-const EMPTY_COPY = "No available preview";
-const DEFAULT_SELECTION_LABEL = "Select image";
-const ImageContainer = styled_components.default.div`
-  position: relative;
-  aspect-ratio: 200 / 144;
-  background-color: ${({ theme }) => theme.color.background.secondary};
-  overflow: hidden;
-`;
-const Thumbnail = styled_components.default.img`
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: ${({ $objectFit }) => $objectFit};
-  display: block;
-  opacity: ${({ $visible }) => $visible ? 1 : 0};
-  transition: opacity ${"200ms"};
-`;
-const ImageShimmer = (0, styled_components.default)(require_LoadingShimmer.LoadingShimmer)`
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  border-radius: 0;
-`;
-const EmptyState = styled_components.default.div`
-  position: absolute;
-  inset: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: ${_persona_design_tokens.Spacing[1]};
-  color: ${_persona_design_tokens.Color.BorderIconDisabled};
-  padding: ${_persona_design_tokens.Spacing[3]};
-  text-align: center;
-`;
-const MetadataContainer = styled_components.default.div`
-  padding: ${_persona_design_tokens.Spacing[3]};
-  background-color: ${({ theme }) => theme.color.background.primary};
-  border-top: 1px solid ${({ theme }) => theme.color.border.primary};
-  transition: background-color ${"200ms"};
-`;
-const MetadataRow = styled_components.default.div`
-  width: 100%;
-  // Without these Stickers get bottom aligned
-  display: flex;
-  align-items: flex-start;
-`;
-const SelectionOverlay = styled_components.default.div`
-  position: absolute;
-  top: ${OVERLAY_INSET};
-  left: ${OVERLAY_INSET};
-  z-index: 1;
-`;
-const ActionsOverlay = styled_components.default.div`
-  position: absolute;
-  top: ${OVERLAY_INSET};
-  right: ${OVERLAY_INSET};
-  z-index: 1;
-`;
-const LockedOverlay = styled_components.default.div`
-  position: absolute;
-  top: ${OVERLAY_INSET};
-  right: ${OVERLAY_INSET};
-  z-index: 1;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: ${({ theme }) => theme.color.text.secondary};
-`;
-const Root = styled_components.default.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  min-width: ${MIN_WIDTH};
-  max-width: ${MAX_WIDTH};
-  background-color: ${({ theme }) => theme.color.background.primary};
-  border: 1px solid ${({ theme }) => theme.color.border.primary};
-  border-radius: ${({ theme }) => theme.card.borderRadius};
-  box-sizing: border-box;
-  overflow: hidden;
-  ${require_mixins_focus.focusOutline};
-
-  ${({ $clickable }) => $clickable && styled_components.css`
-      cursor: pointer;
-    `}
-
-  &:hover ${MetadataContainer} {
-    background-color: ${({ theme }) => theme.color.background.highlight};
-  }
-`;
-const stopPropagation = (e) => {
-	e.stopPropagation();
-};
-const ImageTile = ({ src, alt = "", objectFit = "cover", selectable = false, selected = false, onSelectedChange, selectionLabel, actions, locked = false, lockedTooltip, metadata, onClick, ...props }) => {
-	const [loaded, setLoaded] = (0, react.useState)(false);
-	const [hasError, setHasError] = (0, react.useState)(false);
-	(0, react.useEffect)(() => {
-		setLoaded(false);
-		setHasError(false);
-	}, [src]);
-	const hasSrc = Boolean(src);
-	const isLoading = hasSrc && !loaded && !hasError;
-	const showEmpty = !hasSrc || hasError;
-	const visibleActions = actions?.filter((action) => !action.hidden) ?? [];
-	const renderActions = !locked && visibleActions.length > 0;
-	const clickable = Boolean(onClick);
-	const handleKeyDown = (e) => {
-		if (!onClick) return;
-		if (e.target !== e.currentTarget) return;
-		if (e.key === "Enter" || e.key === " ") {
-			e.preventDefault();
-			e.currentTarget.click();
-		}
-	};
-	const accessibleSelectionLabel = selectionLabel ?? (alt ? `Select ${alt}` : DEFAULT_SELECTION_LABEL);
-	const renderMetadata = (metadata?.length ?? 0) > 0 || isLoading;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Root, {
-		$clickable: clickable,
-		onClick,
-		onKeyDown: clickable ? handleKeyDown : void 0,
-		role: clickable ? "button" : void 0,
-		tabIndex: clickable ? 0 : void 0,
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ImageContainer, { children: [
-			hasSrc && !hasError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Thumbnail, {
-				$visible: loaded,
-				$objectFit: objectFit,
-				src: src ?? void 0,
-				alt,
-				onLoad: () => setLoaded(true),
-				onError: () => setHasError(true)
-			}),
-			isLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageShimmer, {}),
-			showEmpty && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(EmptyState, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.ImageIcon, {
-				size: 24,
-				"aria-hidden": true
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Paragraph, {
-				size: "sm",
-				color: "secondary",
-				as: "span",
-				children: EMPTY_COPY
-			})] }),
-			selectable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionOverlay, {
-				onClick: stopPropagation,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Checkbox.Checkbox, {
-					size: "sm",
-					checked: selected,
-					onChange: (e) => onSelectedChange?.(e.target.checked),
-					"aria-label": accessibleSelectionLabel
-				})
-			}),
-			renderActions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionsOverlay, {
-				onClick: stopPropagation,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownMenu.DropdownMenu_default, {
-					portal: true,
-					trigger: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
-						size: "sm",
-						"aria-label": "More actions",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.MoreIcon, {})
-					}),
-					children: visibleActions.map((action, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownMenu.DropdownMenu_default.Item, {
-						prefixIcon: action.prefixIcon,
-						suffixIcon: action.suffixIcon,
-						disabled: action.disabled,
-						variant: action.variant === "danger" ? "danger" : "basic",
-						onClick: (e) => {
-							if (action.disabled) return;
-							return action.onClick?.(e);
-						},
-						children: action.label
-					}, action.id ?? `${action.label}-${idx}`))
-				})
-			}),
-			locked && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LockedOverlay, {
-				onClick: stopPropagation,
-				children: lockedTooltip ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
-					iconTrigger: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.LockedIcon, { size: 16 }),
-					"aria-label": lockedTooltip,
-					children: lockedTooltip
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.LockedIcon, {
-					size: 16,
-					"aria-label": "Locked"
-				})
-			})
-		] }), renderMetadata && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MetadataContainer, { children: isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoadingShimmer.LoadingShimmer, {
-			width: "60%",
-			height: "14px"
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, {
-			spacing: _persona_design_tokens.Spacing[2],
-			children: metadata?.map((row, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MetadataRow, { children: row }, idx))
-		}) })]
-	});
-};
-//#endregion
-exports.ImageTile = ImageTile;
-exports.default = ImageTile;
-
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Spacing","LoadingShimmer","Color","focusOutline","ImageIcon","Paragraph","Checkbox","DropdownMenu","IconButton","MoreIcon","Tooltip","LockedIcon","Stack"],"sources":["../../../components/ImageTile/ImageTile.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { IconButton } from '@persona/design-system/components/Button';\nimport Checkbox from '@persona/design-system/components/Checkbox';\nimport DropdownMenu from '@persona/design-system/components/DropdownMenu';\nimport { LoadingShimmer } from '@persona/design-system/components/LoadingShimmer';\nimport Stack from '@persona/design-system/components/Stack';\nimport { Paragraph } from '@persona/design-system/components/Text';\nimport { Tooltip } from '@persona/design-system/components/Tooltip';\nimport { focusOutline } from '@persona/design-system/mixins/focus';\nimport { TransitionDuration } from '@persona/design-system/variables/transitions';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { ImageIcon, LockedIcon, MoreIcon } from '@persona/icons';\nimport type { TextAction } from 'design-system/types/Action';\n\nconst MIN_WIDTH = '180px';\nconst MAX_WIDTH = '420px';\nconst OVERLAY_INSET = Spacing[2];\nconst EMPTY_COPY = 'No available preview';\nconst DEFAULT_SELECTION_LABEL = 'Select image';\n\nexport interface ImageTileProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n  /** URL of the thumbnail. While loading shows shimmer; on error shows the empty fallback. */\n  src: string | null;\n  /** Alt text for the thumbnail. Also seeds the default checkbox label. */\n  alt?: string;\n  /** How the thumbnail fills its area. `cover` crops overflow; `contain` letterboxes to fit. Defaults to `cover`. */\n  objectFit?: 'cover' | 'contain';\n\n  /** Enables the selection checkbox (top-left). */\n  selectable?: boolean;\n  /** Controlled checked state for the selection checkbox. */\n  selected?: boolean;\n  /** Called with the new checked value when the checkbox is toggled. */\n  onSelectedChange?: (selected: boolean) => void;\n  /** Accessible label for the checkbox. Defaults to \"Select {alt}\" or \"Select image\". */\n  selectionLabel?: string;\n\n  /**\n   * Action menu items rendered behind a 3-dot IconButton in the top-right.\n   * Ignored when `locked` is true. Pass an empty array (or omit) to hide the menu.\n   */\n  actions?: TextAction[];\n  /**\n   * Replaces the action menu with a non-interactive lock icon. Indicates the\n   * viewer does not have permission to edit. `actions` are ignored.\n   */\n  locked?: boolean;\n  /** Tooltip string shown when hovering the lock icon. */\n  lockedTooltip?: string;\n\n  /**\n   * Metadata rows rendered beneath the thumbnail. Each entry becomes a\n   * full-width, left-aligned row in a vertical Stack. Block content fills the\n   * row; inline content (e.g. a Sticker) hugs the left. Region is omitted when\n   * the array is empty or undefined.\n   */\n  metadata?: ReactNode[];\n\n  /** Optional click handler for the whole tile. When provided, the tile is keyboard-activatable. */\n  onClick?: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nconst ImageContainer = styled.div`\n  position: relative;\n  aspect-ratio: 200 / 144;\n  background-color: ${({ theme }) => theme.color.background.secondary};\n  overflow: hidden;\n`;\n\nconst Thumbnail = styled.img<{ $visible: boolean; $objectFit: 'cover' | 'contain' }>`\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: ${({ $objectFit }) => $objectFit};\n  display: block;\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  transition: opacity ${TransitionDuration.Fast};\n`;\n\nconst ImageShimmer = styled(LoadingShimmer)`\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 0;\n`;\n\nconst EmptyState = styled.div`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: ${Spacing[1]};\n  color: ${Color.BorderIconDisabled};\n  padding: ${Spacing[3]};\n  text-align: center;\n`;\n\nconst MetadataContainer = styled.div`\n  padding: ${Spacing[3]};\n  background-color: ${({ theme }) => theme.color.background.primary};\n  border-top: 1px solid ${({ theme }) => theme.color.border.primary};\n  transition: background-color ${TransitionDuration.Fast};\n`;\n\nconst MetadataRow = styled.div`\n  width: 100%;\n  // Without these Stickers get bottom aligned\n  display: flex;\n  align-items: flex-start;\n`;\n\nconst SelectionOverlay = styled.div`\n  position: absolute;\n  top: ${OVERLAY_INSET};\n  left: ${OVERLAY_INSET};\n  z-index: 1;\n`;\n\nconst ActionsOverlay = styled.div`\n  position: absolute;\n  top: ${OVERLAY_INSET};\n  right: ${OVERLAY_INSET};\n  z-index: 1;\n`;\n\nconst LockedOverlay = styled.div`\n  position: absolute;\n  top: ${OVERLAY_INSET};\n  right: ${OVERLAY_INSET};\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: ${({ theme }) => theme.color.text.secondary};\n`;\n\nconst Root = styled.div<{ $clickable: boolean }>`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-width: ${MIN_WIDTH};\n  max-width: ${MAX_WIDTH};\n  background-color: ${({ theme }) => theme.color.background.primary};\n  border: 1px solid ${({ theme }) => theme.color.border.primary};\n  border-radius: ${({ theme }) => theme.card.borderRadius};\n  box-sizing: border-box;\n  overflow: hidden;\n  ${focusOutline};\n\n  ${({ $clickable }) =>\n    $clickable &&\n    css`\n      cursor: pointer;\n    `}\n\n  &:hover ${MetadataContainer} {\n    background-color: ${({ theme }) => theme.color.background.highlight};\n  }\n`;\n\nconst stopPropagation = (e: MouseEvent) => {\n  e.stopPropagation();\n};\n\nexport const ImageTile = ({\n  src,\n  alt = '',\n  objectFit = 'cover',\n  selectable = false,\n  selected = false,\n  onSelectedChange,\n  selectionLabel,\n  actions,\n  locked = false,\n  lockedTooltip,\n  metadata,\n  onClick,\n  ...props\n}: ImageTileProps) => {\n  const [loaded, setLoaded] = useState(false);\n  const [hasError, setHasError] = useState(false);\n\n  useEffect(() => {\n    setLoaded(false);\n    setHasError(false);\n  }, [src]);\n\n  const hasSrc = Boolean(src);\n  const isLoading = hasSrc && !loaded && !hasError;\n  const showEmpty = !hasSrc || hasError;\n\n  const visibleActions = actions?.filter((action) => !action.hidden) ?? [];\n  const renderActions = !locked && visibleActions.length > 0;\n  const clickable = Boolean(onClick);\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (!onClick) {\n      return;\n    }\n    // Only activate when the key event originates from the tile root itself.\n    // Interactive descendants (selection checkbox, action buttons) must keep\n    // their own native Space/Enter behavior.\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      e.currentTarget.click();\n    }\n  };\n\n  const accessibleSelectionLabel =\n    selectionLabel ?? (alt ? `Select ${alt}` : DEFAULT_SELECTION_LABEL);\n\n  const hasMetadata = (metadata?.length ?? 0) > 0;\n  const renderMetadata = hasMetadata || isLoading;\n\n  return (\n    <Root\n      $clickable={clickable}\n      onClick={onClick}\n      onKeyDown={clickable ? handleKeyDown : undefined}\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      {...props}\n    >\n      <ImageContainer>\n        {hasSrc && !hasError && (\n          <Thumbnail\n            $visible={loaded}\n            $objectFit={objectFit}\n            src={src ?? undefined}\n            alt={alt}\n            onLoad={() => setLoaded(true)}\n            onError={() => setHasError(true)}\n          />\n        )}\n        {isLoading && <ImageShimmer />}\n        {showEmpty && (\n          <EmptyState>\n            <ImageIcon size={24} aria-hidden />\n            <Paragraph size='sm' color='secondary' as='span'>\n              {EMPTY_COPY}\n            </Paragraph>\n          </EmptyState>\n        )}\n\n        {selectable && (\n          <SelectionOverlay onClick={stopPropagation}>\n            <Checkbox\n              size='sm'\n              checked={selected}\n              onChange={(e) => onSelectedChange?.(e.target.checked)}\n              aria-label={accessibleSelectionLabel}\n            />\n          </SelectionOverlay>\n        )}\n\n        {renderActions && (\n          <ActionsOverlay onClick={stopPropagation}>\n            <DropdownMenu\n              portal\n              trigger={\n                <IconButton size='sm' aria-label='More actions'>\n                  <MoreIcon />\n                </IconButton>\n              }\n            >\n              {visibleActions.map((action, idx) => (\n                <DropdownMenu.Item\n                  key={action.id ?? `${action.label}-${idx}`}\n                  prefixIcon={action.prefixIcon}\n                  suffixIcon={action.suffixIcon}\n                  disabled={action.disabled}\n                  variant={action.variant === 'danger' ? 'danger' : 'basic'}\n                  onClick={(e) => {\n                    if (action.disabled) {\n                      return;\n                    }\n                    return action.onClick?.(e);\n                  }}\n                >\n                  {action.label}\n                </DropdownMenu.Item>\n              ))}\n            </DropdownMenu>\n          </ActionsOverlay>\n        )}\n\n        {locked && (\n          <LockedOverlay onClick={stopPropagation}>\n            {lockedTooltip ? (\n              <Tooltip iconTrigger={<LockedIcon size={16} />} aria-label={lockedTooltip}>\n                {lockedTooltip}\n              </Tooltip>\n            ) : (\n              <LockedIcon size={16} aria-label='Locked' />\n            )}\n          </LockedOverlay>\n        )}\n      </ImageContainer>\n\n      {renderMetadata && (\n        <MetadataContainer>\n          {isLoading ? (\n            <LoadingShimmer width='60%' height='14px' />\n          ) : (\n            <Stack spacing={Spacing[2]}>\n              {metadata?.map((row, idx) => (\n                <MetadataRow key={idx}>{row}</MetadataRow>\n              ))}\n            </Stack>\n          )}\n        </MetadataContainer>\n      )}\n    </Root>\n  );\n};\n\nexport default ImageTile;\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import { ImageTile, ImageTileProps } from "../../ImageTile.cjs";
-export { ImageTile, ImageTile as default, type ImageTileProps };

package/dist/components/Input/index.cjs

@@ -1,14 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Input = require("../../Input-OJPQ07TW.cjs");
-//#region components/Input/index.ts
-var Input_default = require_Input.Input;
-//#endregion
-exports.ClearButton = require_Input.ClearButton;
-exports.Input = require_Input.Input;
-exports.InputGroup = require_Input.InputGroup;
-exports.default = Input_default;
-
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Input"],"sources":["../../../components/Input/index.ts"],"sourcesContent":["import Input from './Input';\n\nexport * from './Input';\n\nexport default Input;\n\nexport type { InputProps } from './Input';\n"],"mappings":";;;;;;AAIA,IAAA,gBAAeA,cAAAA"}

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

@@ -1,2 +0,0 @@
-import { a as InputProps, i as InputGroupProps, n as Input, r as InputGroup, t as ClearButton } from "../../Input-BM0DzWEf.cjs";
-export { ClearButton, Input, Input as default, InputGroup, InputGroupProps, InputProps };

package/dist/components/Link/index.cjs

@@ -1,87 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_chunk = require("../../chunk-CKQMccvm.cjs");
-const require_mixins_focus = require("../../mixins/focus.cjs");
-require("../../variables/transitions.cjs");
-const require_mixins_text = require("../../mixins/text.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_router_dom = require("react-router-dom");
-let _persona_icons = require("@persona/icons");
-//#region components/Link/Link.tsx
-const IconContainer = styled_components.default.span`
-  display: inline-block;
-  vertical-align: middle;
-  /* Uses padding here since we can't define flex on the element for multiline support */
-  padding-left: 2px;
-  /* Needed to reset the height of the container for SVG */
-  line-height: 0;
-  position: relative;
-  /* Optical alignment adjustments */
-  bottom: 1px;
-`;
-const baseLinkStyles = styled_components.css`
-  ${require_mixins_text.paragraphMixins.md};
-  color: ${_persona_design_tokens.Color.CorePurple600};
-  width: fit-content;
-  position: relative;
-  overflow: hidden;
-  text-decoration: underline;
-
-  transition:
-    color ${"100ms"} ease-out,
-    text-underline-offset ${"100ms"} ease-out;
-  text-underline-offset: 2px;
-
-  &:hover {
-    /* TODO (ivan): move to semantic tokens */
-    color: ${_persona_design_tokens.Color.CorePurple800};
-    text-underline-offset: ${_persona_design_tokens.Spacing[1]};
-  }
-
-  border-radius: ${({ theme }) => theme.button.borderRadius};
-  ${require_mixins_focus.focusOutline}
-
-  &:active {
-    /* TODO (ivan): move to semantic tokens */
-    color: ${_persona_design_tokens.Color.CorePurple900};
-  }
-`;
-const StyledAnchor = styled_components.default.a`
-  ${baseLinkStyles}
-`;
-const StyledRouterLink = (0, styled_components.default)(react_router_dom.Link)`
-  ${baseLinkStyles}
-`;
-const Link = ({ children, url, ...props }) => {
-	const isAbsoluteUrl = /^https?:\/\//.test(url);
-	const hasBlankTarget = props.target === "_blank";
-	if (isAbsoluteUrl || hasBlankTarget) {
-		const { "aria-label": ariaLabel, ...anchorProps } = props;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledAnchor, {
-			href: url,
-			target: "_blank",
-			rel: "noopener noreferrer",
-			"aria-label": ariaLabel,
-			title: ariaLabel ? void 0 : "Opens in new window",
-			...anchorProps,
-			children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconContainer, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.LinkExternalIcon, { size: 12 }) })]
-		});
-	}
-	const { "aria-label": ariaLabel, ...routerProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledRouterLink, {
-		to: url,
-		"aria-label": ariaLabel,
-		...routerProps,
-		children
-	});
-};
-//#endregion
-exports.Link = Link;
-exports.default = Link;
-
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["paragraphMixins","Color","Spacing","focusOutline","RouterLink","LinkExternalIcon"],"sources":["../../../components/Link/Link.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ReactNode } from 'react';\nimport { Link as RouterLink, type LinkProps as RouterLinkProps } from 'react-router-dom';\nimport styled, { css } from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { LinkExternalIcon } from '@persona/icons';\nimport { focusOutline } from 'design-system/mixins/focus';\nimport { paragraphMixins } from 'design-system/mixins/text';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\ntype Target = '_blank' | '_self' | '_parent' | '_top';\n\ninterface BaseLinkProps {\n  /**\n   * The content to display inside the link.\n   *\n   */\n  children?: ReactNode;\n  /**\n   * Provides an accessible name for the link when the visible text alone\n   * isn't descriptive enough for screen reader users\n   */\n  'aria-label'?: string;\n}\n\ninterface ExternalLinkProps extends BaseLinkProps, AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * The URL to navigate to. Can be internal (e.g., \"/dashboard\") or external (e.g., \"https://example.com\").\n   */\n  url: string;\n\n  /**\n   * Where to open the link. Use \"_blank\" for external links to open in a new tab.\n   */\n  target?: Target;\n}\n\ninterface InternalLinkProps extends BaseLinkProps, Omit<RouterLinkProps, 'to'> {\n  /**\n   * The URL to navigate to. Should be an internal route (e.g., \"/dashboard\").\n   */\n  url: string;\n}\n\nexport type LinkProps = ExternalLinkProps | InternalLinkProps;\n\nconst IconContainer = styled.span`\n  display: inline-block;\n  vertical-align: middle;\n  /* Uses padding here since we can't define flex on the element for multiline support */\n  padding-left: 2px;\n  /* Needed to reset the height of the container for SVG */\n  line-height: 0;\n  position: relative;\n  /* Optical alignment adjustments */\n  bottom: 1px;\n`;\n\nconst baseLinkStyles = css`\n  ${paragraphMixins.md};\n  color: ${Color.CorePurple600};\n  width: fit-content;\n  position: relative;\n  overflow: hidden;\n  text-decoration: underline;\n\n  transition:\n    color ${TransitionDuration.ExtraFast} ease-out,\n    text-underline-offset ${TransitionDuration.ExtraFast} ease-out;\n  text-underline-offset: 2px;\n\n  &:hover {\n    /* TODO (ivan): move to semantic tokens */\n    color: ${Color.CorePurple800};\n    text-underline-offset: ${Spacing[1]};\n  }\n\n  border-radius: ${({ theme }) => theme.button.borderRadius};\n  ${focusOutline}\n\n  &:active {\n    /* TODO (ivan): move to semantic tokens */\n    color: ${Color.CorePurple900};\n  }\n`;\n\nconst StyledAnchor = styled.a`\n  ${baseLinkStyles}\n`;\n\nconst StyledRouterLink = styled(RouterLink)`\n  ${baseLinkStyles}\n`;\n\nexport const Link = ({ children, url, ...props }: LinkProps) => {\n  // Check if the URL is external by looking at the protocol or if target is _blank\n  const isAbsoluteUrl = /^https?:\\/\\//.test(url);\n  const hasBlankTarget = props.target === '_blank';\n  const isExternal = isAbsoluteUrl || hasBlankTarget;\n\n  if (isExternal) {\n    const { 'aria-label': ariaLabel, ...anchorProps } = props;\n    const externalProps = {\n      href: url,\n      target: '_blank',\n      rel: 'noopener noreferrer',\n      'aria-label': ariaLabel,\n      // Automatically inform screen readers that link opens in new window\n      title: ariaLabel ? undefined : 'Opens in new window',\n      ...anchorProps,\n    };\n\n    return (\n      <StyledAnchor {...externalProps}>\n        {children}\n        <IconContainer>\n          <LinkExternalIcon size={12} />\n        </IconContainer>\n      </StyledAnchor>\n    );\n  }\n\n  // Internal link using React Router\n  const { 'aria-label': ariaLabel, ...routerProps } = props;\n  const internalProps = {\n    to: url,\n    'aria-label': ariaLabel,\n\n    ...routerProps,\n  };\n\n  return <StyledRouterLink {...internalProps}>{children}</StyledRouterLink>;\n};\n\nexport default Link;\n"],"mappings":";;;;;;;;;;;;;;;AA8CA,MAAM,gBAAgB,kBAAA,QAAO,IAAI;;;;;;;;;;;AAYjC,MAAM,iBAAiB,kBAAA,GAAG;IACtBA,oBAAAA,gBAAgB,GAAG;WACZC,uBAAAA,MAAM,cAAc;;;;;;;oBAOU;oCACgB;;;;;aAK5CA,uBAAAA,MAAM,cAAc;6BACJC,uBAAAA,QAAQ,GAAG;;;oBAGpB,EAAE,YAAY,MAAM,OAAO,aAAa;IACxDC,qBAAAA,aAAa;;;;aAIJF,uBAAAA,MAAM,cAAc;;;AAIjC,MAAM,eAAe,kBAAA,QAAO,CAAC;IACzB,eAAe;;AAGnB,MAAM,mBAAmB,CAAA,GAAA,kBAAA,SAAOG,iBAAAA,KAAW;IACvC,eAAe;;AAGnB,MAAa,QAAQ,EAAE,UAAU,KAAK,GAAG,YAAuB;CAE9D,MAAM,gBAAgB,eAAe,KAAK,IAAI;CAC9C,MAAM,iBAAiB,MAAM,WAAW;AAGxC,KAFmB,iBAAiB,gBAEpB;EACd,MAAM,EAAE,cAAc,WAAW,GAAG,gBAAgB;AAWpD,SACE,iBAAA,GAAA,kBAAA,MAAC,cAAD;GAVA,MAAM;GACN,QAAQ;GACR,KAAK;GACL,cAAc;GAEd,OAAO,YAAY,KAAA,IAAY;GAC/B,GAAG;aAIH,CACG,UACD,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,kBAAD,EAAkB,MAAM,IAAM,CAAA,EAChB,CAAA,CACH;;;CAKnB,MAAM,EAAE,cAAc,WAAW,GAAG,gBAAgB;AAQpD,QAAO,iBAAA,GAAA,kBAAA,KAAC,kBAAD;EANL,IAAI;EACJ,cAAc;EAEd,GAAG;EAGwC;EAA4B,CAAA"}

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

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

package/dist/components/ListBox/index.cjs

@@ -1,8 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_ListBox = require("../../ListBox-BP1eaG7L.cjs");
-exports.ListBox = require_ListBox.ListBox;
-exports.default = require_ListBox.ListBox;
-exports.useListBoxContext = require_ListBox.useListBoxContext;

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

@@ -1,4 +0,0 @@
-import { i as useListBoxContext, n as ListBoxItemProps, r as ListBoxProps } from "../../ListBox-QaeRQBSC.cjs";
-import { n as LogicRowProps } from "../../LogicRow-C6lrFIq0.cjs";
-import { t as ListBox } from "../../index-D34XP8vp.cjs";
-export { ListBox, ListBox as default, ListBoxItemProps, ListBoxProps, LogicRowProps, useListBoxContext };

package/dist/components/LoadingShimmer/index.cjs

@@ -1,6 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_LoadingShimmer = require("../../LoadingShimmer-Dx6ncVUV.cjs");
-exports.LoadingShimmer = require_LoadingShimmer.LoadingShimmer;
-exports.LoadingShimmerHeading = require_LoadingShimmer.LoadingShimmerHeading;
-exports.LoadingShimmerParagraph = require_LoadingShimmer.LoadingShimmerParagraph;
-exports.MaybeLoadingShimmer = require_LoadingShimmer.MaybeLoadingShimmer;

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

@@ -1,2 +0,0 @@
-import { LoadingShimmer, LoadingShimmerHeading, LoadingShimmerParagraph, MaybeLoadingShimmer } from "../../LoadingShimmer.cjs";
-export { LoadingShimmer, LoadingShimmerHeading, LoadingShimmerParagraph, MaybeLoadingShimmer };

package/dist/components/MaskedInput/index.cjs

@@ -1,29 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-require("../../chunk-CKQMccvm.cjs");
-const require_Input = require("../../Input-OJPQ07TW.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-//#region components/MaskedInput/MaskedInput.tsx
-const MaskedInputBase = (0, require("react-imask").IMaskMixin)(({ inputRef, size, componentProps, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Input.Input, {
-	...props,
-	...componentProps,
-	ref: inputRef
-}));
-const MaskedInput = (0, react.forwardRef)(function MaskedInput(props, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MaskedInputBase, {
-		...props,
-		componentProps: props,
-		inputRef: ref
-	});
-});
-//#endregion
-//#region components/MaskedInput/index.ts
-var MaskedInput_default = MaskedInput;
-//#endregion
-exports.MaskedInput = MaskedInput;
-exports.default = MaskedInput_default;
-
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Input"],"sources":["../../../components/MaskedInput/MaskedInput.tsx","../../../components/MaskedInput/index.ts"],"sourcesContent":["import { forwardRef, type Ref } from 'react';\nimport { IMaskMixin, type ReactElementProps } from 'react-imask';\nimport type { IMaskInputProps } from 'react-imask/mixin';\n\nimport Input, { type InputProps } from 'design-system/components/Input/Input';\n\ninterface MaskedInputBaseProps {\n  inputRef: Ref<HTMLInputElement>;\n  componentProps?: InputProps;\n}\n\nconst MaskedInputBase = IMaskMixin<HTMLInputElement, MaskedInputBaseProps>(\n  ({\n    inputRef,\n    size,\n    componentProps,\n    ...props\n  }: ReactElementProps<HTMLInputElement> & MaskedInputBaseProps) => (\n    <Input {...props} {...componentProps} ref={inputRef} />\n  ),\n);\n\nexport type MaskedInputProps = Omit<\n  IMaskInputProps<HTMLInputElement>,\n  'inputRef' | 'componentProps' | 'size' | 'ref'\n> &\n  InputProps;\n\nexport const MaskedInput = forwardRef<HTMLInputElement, MaskedInputProps>(function MaskedInput(\n  props: MaskedInputProps,\n  ref,\n) {\n  return <MaskedInputBase {...props} componentProps={props} inputRef={ref} />;\n});\n\nexport default MaskedInput;\n","import MaskedInput from './MaskedInput';\n\nexport * from './MaskedInput';\n\nexport default MaskedInput;\n"],"mappings":";;;;;;;;;AAWA,MAAM,mBAAA,yBAAA,CAAA,aACH,EACC,UACA,MACA,gBACA,GAAG,YAEH,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;CAAO,GAAI;CAAO,GAAI;CAAgB,KAAK;CAAY,CAAA,CAE1D;AAQD,MAAa,eAAA,GAAA,MAAA,YAA6D,SAAS,YACjF,OACA,KACA;AACA,QAAO,iBAAA,GAAA,kBAAA,KAAC,iBAAD;EAAiB,GAAI;EAAO,gBAAgB;EAAO,UAAU;EAAO,CAAA;EAC3E;;;AC7BF,IAAA,sBAAe"}

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

@@ -1,2 +0,0 @@
-import { MaskedInput, MaskedInputProps } from "../../MaskedInput.cjs";
-export { MaskedInput, MaskedInput as default, MaskedInputProps };

package/dist/components/MatchHighlight/index.cjs

@@ -1,31 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-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);
-//#region components/MatchHighlight/MatchHighlight.tsx
-const MatchHighlight = styled_components.default.span`
-  /* Sizing and Borders */
-  width: fit-content;
-  padding-left: ${_persona_design_tokens.Spacing[1]};
-  padding-right: ${_persona_design_tokens.Spacing[1]};
-  border-radius: ${_persona_design_tokens.Spacing[1]};
-
-  /* Allow background colors to be dictated by the matchStrength. */
-  background-color: ${({ matchStrength, theme }) => {
-	switch (matchStrength) {
-		case "none": return theme.color.background.disabled;
-		case "partial": return theme.color.variants.success.highlightLight;
-		case "full": return theme.color.variants.success.highlightDark;
-		default: return "none";
-	}
-}};
-`;
-//#endregion
-exports.MatchHighlight = MatchHighlight;
-exports.default = MatchHighlight;
-
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Spacing"],"sources":["../../../components/MatchHighlight/MatchHighlight.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\n\nexport interface MatchHighlightProps extends Omit<ComponentPropsWithoutRef<'p'>, 'color'> {\n  matchStrength?: 'none' | 'partial' | 'full';\n}\n\nexport const MatchHighlight = styled.span<MatchHighlightProps>`\n  /* Sizing and Borders */\n  width: fit-content;\n  padding-left: ${Spacing[1]};\n  padding-right: ${Spacing[1]};\n  border-radius: ${Spacing[1]};\n\n  /* Allow background colors to be dictated by the matchStrength. */\n  background-color: ${({ matchStrength, theme }) => {\n    switch (matchStrength) {\n      case 'none':\n        return theme.color.background.disabled;\n      case 'partial':\n        return theme.color.variants.success.highlightLight;\n      case 'full':\n        return theme.color.variants.success.highlightDark;\n\n      default:\n        return 'none';\n    }\n  }};\n`;\n\nexport default MatchHighlight;\n"],"mappings":";;;;;;;;;AASA,MAAa,iBAAiB,kBAAA,QAAO,IAAyB;;;kBAG5CA,uBAAAA,QAAQ,GAAG;mBACVA,uBAAAA,QAAQ,GAAG;mBACXA,uBAAAA,QAAQ,GAAG;;;uBAGP,EAAE,eAAe,YAAY;AAChD,SAAQ,eAAR;EACE,KAAK,OACH,QAAO,MAAM,MAAM,WAAW;EAChC,KAAK,UACH,QAAO,MAAM,MAAM,SAAS,QAAQ;EACtC,KAAK,OACH,QAAO,MAAM,MAAM,SAAS,QAAQ;EAEtC,QACE,QAAO;;EAEX"}

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

@@ -1,2 +0,0 @@
-import { MatchHighlight, MatchHighlightProps } from "../../MatchHighlight.cjs";
-export { MatchHighlight, MatchHighlight as default, MatchHighlightProps };

package/dist/components/Menu/index.cjs

@@ -1,14 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Menu = require("../../Menu-t2q8NrV0.cjs");
-exports.FloatingCard = require_Menu.FloatingCard;
-exports.IconContainer = require_Menu.IconContainer;
-exports.ListItem = require_Menu.ListItem;
-exports.Menu = require_Menu.Menu;
-exports.MenuDivider = require_Menu.MenuDivider;
-exports.MenuHeading = require_Menu.MenuHeading;
-exports.MenuItem = require_Menu.MenuItem;
-exports.MenuList = require_Menu.MenuList;
-exports.default = require_Menu.Menu;

package/dist/components/Menu/index.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 };