@persona/design-system 0.1.8 → 0.1.9

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Typography","Color","BorderRadius","Spacing","MiddleTruncatedText","isHovered","useToggle","copyTextToClipboard","Tooltip","CopyIcon"],"sources":["../../../components/TechnicalSticker/TechnicalSticker.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { BorderRadius, Color, Spacing, Typography } from '@persona/design-tokens';\nimport { CopyIcon } from '@persona/icons/12px';\nimport Tooltip from 'design-system/components/Tooltip';\nimport copyTextToClipboard from 'design-system/lib/copyTextToClipboard';\nimport MiddleTruncatedText from 'design-system/lib/MiddleTruncatedText';\nimport { isHovered } from 'design-system/lib/pseudoClass';\nimport useToggle from 'design-system/lib/useToggle';\n\nexport type TechnicalStickerVariant = 'grey' | 'white';\n\nconst COPY_CONFIRMATION_TEXT = 'Copied!';\nconst COPY_CONFIRMATION_DURATION_MS = 1200;\nconst DEFAULT_COPY_TOOLTIP_LABEL = 'Copy ID';\nconst HREF_VALIDATION_BASE_URL = 'https://withpersona.com';\nconst TECHNICAL_TEXT_FONT = `${Typography.TextMono.fontWeight} ${Typography.TextExtraSmall.fontSize} ${Typography.TextMono.fontFamily}`;\n\nconst technicalStickerBackgrounds: Record<TechnicalStickerVariant, string> = {\n  grey: Color.BackgroundLabelGrey,\n  white: Color.BackgroundLabelWhite,\n};\n\nconst technicalStickerHoverBackgrounds: Record<TechnicalStickerVariant, string> = {\n  grey: Color.BackgroundLabelGreyHover,\n  white: Color.BackgroundButtonInverseHover,\n};\n\nconst isSafeTechnicalStickerHref = (href: string) => {\n  try {\n    const url = new URL(href, HREF_VALIDATION_BASE_URL);\n    return url.protocol === 'http:' || url.protocol === 'https:';\n  } catch {\n    return false;\n  }\n};\n\nconst TechnicalStickerShell = styled.div<{\n  variant: TechnicalStickerVariant;\n  disabled?: boolean;\n  $width?: number | string;\n}>`\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n\n  border-radius: ${BorderRadius.Sm};\n  height: 1rem;\n  width: ${({ $width }) => (typeof $width === 'number' ? `${$width}px` : ($width ?? 'auto'))};\n  max-width: 100%;\n  box-sizing: border-box;\n\n  color: ${({ theme, disabled }) =>\n    disabled ? theme.color.text.disabled : theme.color.text.primary};\n  background: ${({ variant }) => technicalStickerBackgrounds[variant]};\n\n  position: relative;\n  overflow: hidden;\n  border: 1px solid ${Color.BorderInputDefault};\n\n  ${({ variant, disabled }) =>\n    !disabled &&\n    css`\n      &:hover {\n        background: ${technicalStickerHoverBackgrounds[variant]};\n      }\n    `}\n`;\n\nconst labelContainerStyles = css`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1 1 auto;\n  min-width: 0;\n  padding: 0 ${Spacing[1]};\n`;\n\nconst LabelContainer = styled.div`\n  ${labelContainerStyles}\n`;\n\nconst LabelLink = styled.a`\n  ${labelContainerStyles}\n  color: inherit;\n  text-decoration: none;\n`;\n\nconst TechnicalText = styled(MiddleTruncatedText)<{\n  $isLinkEnabled: boolean;\n  $isTruncated: boolean;\n}>`\n  ${Typography.TextMono};\n  font-size: ${Typography.TextExtraSmall.fontSize};\n  line-height: ${Typography.TextExtraSmall.lineHeight};\n  text-align: center;\n\n  ${({ $isLinkEnabled, $isTruncated }) =>\n    $isTruncated &&\n    css`\n      cursor: ${$isLinkEnabled ? 'pointer' : 'default'};\n      user-select: none;\n\n      & > span {\n        user-select: none;\n      }\n    `}\n`;\n\nconst CopyActions = styled.div<{ $visible: boolean }>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  height: 16px;\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  pointer-events: ${({ $visible }) => ($visible ? 'auto' : 'none')};\n  transition: opacity 120ms ease-in-out;\n\n  &:focus-within {\n    opacity: 1;\n    pointer-events: auto;\n  }\n`;\n\nconst CopyGradient = styled.div<{ $background: string }>`\n  width: 8px;\n  height: 16px;\n  background: linear-gradient(to left, ${({ $background }) => $background}, transparent);\n`;\n\nconst CopyButton = styled.button<{ $background: string }>`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  padding: 0 2px 0 0;\n  border: none;\n  background: ${({ $background }) => $background};\n  color: ${Color.BorderIconPrimary};\n  cursor: pointer;\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &${isHovered}:not(:disabled) {\n    color: ${Color.TextPrimary};\n  }\n`;\n\nexport interface TechnicalStickerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n  /** Full untruncated technical value displayed in the sticker. */\n  children: string;\n  /** Visual style for the technical sticker. Default: `grey`. */\n  variant?: TechnicalStickerVariant;\n  /** Renders disabled style and disables copy/link interaction. */\n  disabled?: boolean;\n  /** Opens in a new tab when the sticker body is clicked. */\n  href?: string;\n  /**\n   * Hover tooltip for the sticker body. Shown when text is truncated or when set explicitly.\n   * Defaults to the untruncated `children` string when shown.\n   */\n  tooltipLabel?: string;\n  /**\n   * Hover tooltip for the copy icon.\n   * Defaults to `Copy ID`.\n   */\n  copyTooltipLabel?: string;\n  /** Whether to show the hover copy action. Default: true. */\n  copyable?: boolean;\n  /** Value copied to the clipboard. Defaults to `children`. */\n  copyValue?: string;\n  /** Width of the sticker. Numbers are interpreted as pixels. */\n  width?: number | string;\n  /** Max width for middle truncation. Default: '96px'. */\n  maxWidth?: number | string;\n}\n\nexport const TechnicalSticker = ({\n  variant = 'grey',\n  href,\n  tooltipLabel: tooltipLabelProp,\n  copyTooltipLabel = DEFAULT_COPY_TOOLTIP_LABEL,\n  copyable = true,\n  copyValue,\n  width,\n  maxWidth = '96px',\n  children,\n  disabled,\n  onMouseEnter,\n  onMouseLeave,\n  ...stickerProps\n}: TechnicalStickerProps) => {\n  const [isHoveredState, setIsHoveredState] = useState(false);\n  const [isCopyButtonFocused, setIsCopyButtonFocused] = useState(false);\n  const [isTruncated, setIsTruncated] = useState(false);\n  const [isCopyTooltipOpen, setIsCopyTooltipOpen] = useState(false);\n  const [copyConfirmationOpen, { enable: showCopyConfirmation, disable: hideCopyConfirmation }] =\n    useToggle(false);\n  const copyConfirmationTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const tooltipLabel = tooltipLabelProp ?? children;\n  const hasCustomTooltipLabel = tooltipLabelProp != null;\n\n  const hoverBackground = technicalStickerHoverBackgrounds[variant];\n  const copyActionBackground = isHoveredState\n    ? hoverBackground\n    : technicalStickerBackgrounds[variant];\n  const showCopyActions =\n    copyable && !disabled && (isHoveredState || isCopyButtonFocused || copyConfirmationOpen);\n  const showStickerTooltip = tooltipLabel.length > 0 && (isTruncated || hasCustomTooltipLabel);\n  const isCopyTooltipVisible = isCopyTooltipOpen || copyConfirmationOpen;\n  const isLinkEnabled = href != null && !disabled && isSafeTechnicalStickerHref(href);\n\n  const handleCopyTooltipOpenChange = useCallback(\n    (open: boolean) => {\n      if (copyConfirmationOpen) {\n        return;\n      }\n\n      setIsCopyTooltipOpen(open);\n    },\n    [copyConfirmationOpen],\n  );\n\n  const handleCopy = useCallback(\n    async (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (disabled) {\n        return;\n      }\n\n      const copyWasSuccessful = await copyTextToClipboard(copyValue ?? children);\n      if (!copyWasSuccessful) {\n        return;\n      }\n\n      setIsCopyTooltipOpen(true);\n      showCopyConfirmation();\n      if (copyConfirmationTimerRef.current) {\n        clearTimeout(copyConfirmationTimerRef.current);\n      }\n      copyConfirmationTimerRef.current = setTimeout(() => {\n        setIsCopyTooltipOpen(false);\n        hideCopyConfirmation();\n        copyConfirmationTimerRef.current = null;\n      }, COPY_CONFIRMATION_DURATION_MS);\n    },\n    [children, copyValue, disabled, hideCopyConfirmation, showCopyConfirmation],\n  );\n\n  useEffect(\n    () => () => {\n      if (copyConfirmationTimerRef.current) {\n        clearTimeout(copyConfirmationTimerRef.current);\n      }\n    },\n    [],\n  );\n\n  const technicalText = (\n    <TechnicalText\n      value={children}\n      maxWidth={width ?? maxWidth}\n      font={TECHNICAL_TEXT_FONT}\n      onTruncatedChange={setIsTruncated}\n      titleBehavior='never'\n      $isLinkEnabled={isLinkEnabled}\n      $isTruncated={isTruncated}\n    />\n  );\n\n  const labelContent = isLinkEnabled ? (\n    <LabelLink href={href} target='_blank' rel='noopener noreferrer'>\n      {technicalText}\n    </LabelLink>\n  ) : (\n    <LabelContainer>{technicalText}</LabelContainer>\n  );\n\n  const labelWithTooltip = showStickerTooltip ? (\n    <Tooltip trigger={labelContent} interactive side='top' maxWidth='400px'>\n      {tooltipLabel}\n    </Tooltip>\n  ) : (\n    labelContent\n  );\n\n  return (\n    <TechnicalStickerShell\n      {...stickerProps}\n      variant={variant}\n      disabled={disabled}\n      $width={width}\n      onMouseEnter={(event) => {\n        onMouseEnter?.(event);\n        setIsHoveredState(true);\n      }}\n      onMouseLeave={(event) => {\n        onMouseLeave?.(event);\n        setIsHoveredState(false);\n      }}\n    >\n      {labelWithTooltip}\n      {copyable && (\n        <CopyActions $visible={showCopyActions}>\n          <CopyGradient $background={copyActionBackground} />\n          <Tooltip\n            open={isCopyTooltipVisible}\n            onOpenChange={handleCopyTooltipOpenChange}\n            trigger={\n              <CopyButton\n                type='button'\n                aria-label='Copy'\n                disabled={disabled}\n                $background={copyActionBackground}\n                onClick={handleCopy}\n                onBlur={() => setIsCopyButtonFocused(false)}\n                onFocus={() => setIsCopyButtonFocused(true)}\n              >\n                <CopyIcon />\n              </CopyButton>\n            }\n            interactive={false}\n            side='top'\n          >\n            {copyConfirmationOpen ? COPY_CONFIRMATION_TEXT : copyTooltipLabel}\n          </Tooltip>\n        </CopyActions>\n      )}\n    </TechnicalStickerShell>\n  );\n};\n\nexport default TechnicalSticker;\n"],"mappings":"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"}

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

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

package/dist/components/Text/index.cjs

@@ -1,8 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Text = require("../../Text-G9QmYf0P.cjs");
-exports.Display = require_Text.Display;
-exports.Heading = require_Text.Heading;
-exports.Label = require_Text.Label;
-exports.Paragraph = require_Text.Paragraph;
-exports.Span = require_Text.Span;
-exports.TabularNumber = require_Text.TabularNumber;

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

@@ -1,2 +0,0 @@
-import { a as Label, c as ParagraphProps, d as TabularNumber, i as HeadingProps, l as Span, n as DisplayProps, o as LabelProps, r as Heading, s as Paragraph, t as Display, u as SpanProps } from "../../Text-CrGiWG2E.cjs";
-export { Display, DisplayProps, Heading, HeadingProps, Label, LabelProps, Paragraph, ParagraphProps, Span, SpanProps, TabularNumber };

package/dist/components/TextArea/index.cjs

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

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

@@ -1,2 +0,0 @@
-import { n as TextAreaWithStyle, t as TextAreaProps } from "../../TextArea-CHW9FKM4.cjs";
-export { TextAreaWithStyle as TextArea, TextAreaWithStyle as default, TextAreaProps };

package/dist/components/Tile/index.cjs

@@ -1,102 +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_Text = require("../../Text-G9QmYf0P.cjs");
-const require_Tooltip = require("../../Tooltip-olP3rdUO.cjs");
-const require_Sticker = require("../../Sticker-CIoseh9f.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 _persona_icons_12px = require("@persona/icons/12px");
-let _persona_icons_16px = require("@persona/icons/16px");
-//#region components/Tile/Tile.tsx
-const PADDING_BY_SIZE = {
-	sm: _persona_design_tokens.Spacing[3],
-	md: _persona_design_tokens.Spacing[4]
-};
-const TileContainer = (0, styled_components.default)(require_Stack.Stack)`
-  background-color: ${({ theme }) => theme.color.background.primary};
-  box-sizing: border-box;
-  width: 100%;
-  max-width: ${"220px"};
-  padding: ${({ $size }) => PADDING_BY_SIZE[$size]};
-  border: 1px solid ${({ theme }) => theme.color.border.primary};
-  border-radius: ${({ theme }) => theme.card.borderRadius};
-`;
-const TransitionArrow = styled_components.default.span`
-  display: inline-flex;
-  align-items: center;
-  color: ${_persona_design_tokens.Color.BorderIconSecondary};
-  line-height: 0;
-`;
-const Tile = ({ size = "md", label, labelTooltip, value, sticker, metadata, metadataTooltip, ...props }) => {
-	const labelNode = labelTooltip ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.TextUnderlineTooltip, {
-		tooltip: labelTooltip,
-		side: "top",
-		children: label
-	}) : label;
-	const metadataNode = metadata != null && metadataTooltip ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.TextUnderlineTooltip, {
-		tooltip: metadataTooltip,
-		children: metadata
-	}) : metadata;
-	const { text: stickerText, ...stickerRest } = sticker ?? { text: "" };
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TileContainer, {
-		$size: size,
-		spacing: _persona_design_tokens.Spacing[1],
-		...props,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Paragraph, {
-				size,
-				color: "secondary",
-				as: "div",
-				children: labelNode
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.HStack, {
-				spacing: _persona_design_tokens.Spacing[2],
-				align: "center",
-				children: [Array.isArray(value) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Heading, {
-						size,
-						color: "primary",
-						as: "p",
-						children: value[0]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TransitionArrow, {
-						"data-test": "tile-transition-arrow",
-						"aria-hidden": "true",
-						children: size === "sm" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.ArrowRightIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_16px.ArrowRightIcon, {})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Heading, {
-						size,
-						color: "primary",
-						as: "p",
-						children: value[1]
-					})
-				] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Heading, {
-					size,
-					color: "primary",
-					as: "p",
-					children: value
-				}), sticker != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Sticker.Sticker, {
-					...stickerRest,
-					children: stickerText
-				})]
-			}),
-			metadata != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Paragraph, {
-				size: "sm",
-				color: "secondary",
-				as: "div",
-				children: metadataNode
-			})
-		]
-	});
-};
-//#endregion
-exports.Tile = Tile;
-exports.default = Tile;
-
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Spacing","Stack","Color","TextUnderlineTooltip","Paragraph","HStack","Heading","ArrowRightIcon12","ArrowRightIcon16","Sticker"],"sources":["../../../components/Tile/Tile.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport Stack, { HStack } from '@persona/design-system/components/Stack';\nimport Sticker, { type StickerProps } from '@persona/design-system/components/Sticker';\nimport { Heading, Paragraph } from '@persona/design-system/components/Text';\nimport { TextUnderlineTooltip } from '@persona/design-system/components/Tooltip';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { ArrowRightIcon as ArrowRightIcon12 } from '@persona/icons/12px';\nimport { ArrowRightIcon as ArrowRightIcon16 } from '@persona/icons/16px';\n\nexport type TileSize = 'sm' | 'md';\n\nexport interface TileStickerProps extends Omit<\n  StickerProps,\n  'children' | 'onDismiss' | 'dismissButtonProps'\n> {\n  /**\n   * Text content of the sticker. The Tile owns rendering so callers cannot\n   * inject arbitrary JSX.\n   */\n  text: string;\n}\n\nexport interface TileProps extends ComponentPropsWithoutRef<'div'> {\n  /**\n   * Size of the tile. Controls value typography and padding.\n   *\n   * @defaultValue 'md'\n   */\n  size?: TileSize;\n\n  /**\n   * Label rendered above the value.\n   */\n  label: string;\n\n  /**\n   * Tooltip content shown when hovering the label. When provided, the label\n   * is rendered with a dashed-underline trigger.\n   */\n  labelTooltip?: ReactNode;\n\n  /**\n   * Main value displayed prominently. Pass a `[before, after]` tuple to render\n   * a transition between two values with a right-pointing arrow between them.\n   */\n  value: string | [string, string];\n\n  /**\n   * Optional sticker rendered to the right of the value. The Tile renders the\n   * `<Sticker>` itself; callers configure it via these props (text + any\n   * non-children sticker props such as `variant` or `icon`).\n   */\n  sticker?: TileStickerProps;\n\n  /**\n   * Optional metadata text rendered beneath the value.\n   */\n  metadata?: string;\n\n  /**\n   * Tooltip content shown when hovering the metadata. When provided, the\n   * metadata is rendered with a dashed-underline trigger.\n   */\n  metadataTooltip?: ReactNode;\n}\n\nconst PADDING_BY_SIZE: Record<TileSize, string> = {\n  sm: Spacing[3],\n  md: Spacing[4],\n};\n\nconst TILE_MAX_WIDTH_PX = '220px';\n\nconst TileContainer = styled(Stack)<{ $size: TileSize }>`\n  background-color: ${({ theme }) => theme.color.background.primary};\n  box-sizing: border-box;\n  width: 100%;\n  max-width: ${TILE_MAX_WIDTH_PX};\n  padding: ${({ $size }) => PADDING_BY_SIZE[$size]};\n  border: 1px solid ${({ theme }) => theme.color.border.primary};\n  border-radius: ${({ theme }) => theme.card.borderRadius};\n`;\n\nconst TransitionArrow = styled.span`\n  display: inline-flex;\n  align-items: center;\n  color: ${Color.BorderIconSecondary};\n  line-height: 0;\n`;\n\nexport const Tile = ({\n  size = 'md',\n  label,\n  labelTooltip,\n  value,\n  sticker,\n  metadata,\n  metadataTooltip,\n  ...props\n}: TileProps) => {\n  const labelNode = labelTooltip ? (\n    <TextUnderlineTooltip tooltip={labelTooltip} side='top'>\n      {label}\n    </TextUnderlineTooltip>\n  ) : (\n    label\n  );\n\n  const metadataNode =\n    metadata != null && metadataTooltip ? (\n      <TextUnderlineTooltip tooltip={metadataTooltip}>{metadata}</TextUnderlineTooltip>\n    ) : (\n      metadata\n    );\n\n  const { text: stickerText, ...stickerRest } = sticker ?? { text: '' };\n\n  return (\n    <TileContainer $size={size} spacing={Spacing[1]} {...props}>\n      <Paragraph size={size} color='secondary' as='div'>\n        {labelNode}\n      </Paragraph>\n      <HStack spacing={Spacing[2]} align='center'>\n        {Array.isArray(value) ? (\n          <>\n            <Heading size={size} color='primary' as='p'>\n              {value[0]}\n            </Heading>\n            <TransitionArrow data-test='tile-transition-arrow' aria-hidden='true'>\n              {size === 'sm' ? <ArrowRightIcon12 /> : <ArrowRightIcon16 />}\n            </TransitionArrow>\n            <Heading size={size} color='primary' as='p'>\n              {value[1]}\n            </Heading>\n          </>\n        ) : (\n          <Heading size={size} color='primary' as='p'>\n            {value}\n          </Heading>\n        )}\n        {sticker != null && <Sticker {...stickerRest}>{stickerText}</Sticker>}\n      </HStack>\n      {metadata != null && (\n        <Paragraph size='sm' color='secondary' as='div'>\n          {metadataNode}\n        </Paragraph>\n      )}\n    </TileContainer>\n  );\n};\n\nexport default Tile;\n"],"mappings":";;;;;;;;;;;;;;;;AAoEA,MAAM,kBAA4C;CAChD,IAAIA,uBAAAA,QAAQ;CACZ,IAAIA,uBAAAA,QAAQ;CACb;AAID,MAAM,gBAAgB,CAAA,GAAA,kBAAA,SAAOC,cAAAA,MAAM;uBACZ,EAAE,YAAY,MAAM,MAAM,WAAW,QAAQ;;;eAGrD,QAAkB;cACnB,EAAE,YAAY,gBAAgB,OAAO;uBAC5B,EAAE,YAAY,MAAM,MAAM,OAAO,QAAQ;oBAC5C,EAAE,YAAY,MAAM,KAAK,aAAa;;AAG1D,MAAM,kBAAkB,kBAAA,QAAO,IAAI;;;WAGxBC,uBAAAA,MAAM,oBAAoB;;;AAIrC,MAAa,QAAQ,EACnB,OAAO,MACP,OACA,cACA,OACA,SACA,UACA,iBACA,GAAG,YACY;CACf,MAAM,YAAY,eAChB,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,sBAAD;EAAsB,SAAS;EAAc,MAAK;YAC/C;EACoB,CAAA,GAEvB;CAGF,MAAM,eACJ,YAAY,QAAQ,kBAClB,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,sBAAD;EAAsB,SAAS;YAAkB;EAAgC,CAAA,GAEjF;CAGJ,MAAM,EAAE,MAAM,aAAa,GAAG,gBAAgB,WAAW,EAAE,MAAM,IAAI;AAErE,QACE,iBAAA,GAAA,kBAAA,MAAC,eAAD;EAAe,OAAO;EAAM,SAASH,uBAAAA,QAAQ;EAAI,GAAI;YAArD;GACE,iBAAA,GAAA,kBAAA,KAACI,aAAAA,WAAD;IAAiB;IAAM,OAAM;IAAY,IAAG;cACzC;IACS,CAAA;GACZ,iBAAA,GAAA,kBAAA,MAACC,cAAAA,QAAD;IAAQ,SAASL,uBAAAA,QAAQ;IAAI,OAAM;cAAnC,CACG,MAAM,QAAQ,MAAM,GACnB,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA;KACE,iBAAA,GAAA,kBAAA,KAACM,aAAAA,SAAD;MAAe;MAAM,OAAM;MAAU,IAAG;gBACrC,MAAM;MACC,CAAA;KACV,iBAAA,GAAA,kBAAA,KAAC,iBAAD;MAAiB,aAAU;MAAwB,eAAY;gBAC5D,SAAS,OAAO,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,gBAAD,EAAoB,CAAA,GAAG,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,gBAAD,EAAoB,CAAA;MAC5C,CAAA;KAClB,iBAAA,GAAA,kBAAA,KAACF,aAAAA,SAAD;MAAe;MAAM,OAAM;MAAU,IAAG;gBACrC,MAAM;MACC,CAAA;KACT,EAAA,CAAA,GAEH,iBAAA,GAAA,kBAAA,KAACA,aAAAA,SAAD;KAAe;KAAM,OAAM;KAAU,IAAG;eACrC;KACO,CAAA,EAEX,WAAW,QAAQ,iBAAA,GAAA,kBAAA,KAACG,gBAAAA,SAAD;KAAS,GAAI;eAAc;KAAsB,CAAA,CAC9D;;GACR,YAAY,QACX,iBAAA,GAAA,kBAAA,KAACL,aAAAA,WAAD;IAAW,MAAK;IAAK,OAAM;IAAY,IAAG;cACvC;IACS,CAAA;GAEA"}

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

@@ -1,2 +0,0 @@
-import { Tile, TileProps, TileSize, TileStickerProps } from "../../Tile.cjs";
-export { Tile, Tile as default, type TileProps, type TileSize, type TileStickerProps };

package/dist/components/Toast/index.cjs

@@ -1,134 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chunk = require("../../chunk-CKQMccvm.cjs");
-const require_lib_pseudoClass = require("../../lib/pseudoClass.cjs");
-require("../../variables/effect.cjs");
-require("../../variables/transitions.cjs");
-const require_mixins_text = require("../../mixins/text.cjs");
-require("../../lib/message.cjs");
-const require_IconButton = require("../../IconButton-nlgjJQCS.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 _persona_icons = require("@persona/icons");
-let _persona_icons_12px = require("@persona/icons/12px");
-let framer_motion = require("framer-motion");
-//#region components/Toast/Toast.tsx
-const TOAST_WIDTH = "324px";
-const BaseToast = (0, styled_components.default)(framer_motion.motion.div)`
-  border-radius: ${_persona_design_tokens.BorderRadius.Md};
-  box-shadow: ${"0px 4px 5px 0px rgba(0, 0, 0, 0.08), 0px 3px 14px 0px rgba(0, 0, 0, 0.04), 0px 8px 10px 0px rgba(0, 0, 0, 0.04)"};
-  color: ${({ theme }) => theme.color.text.primary};
-  ${require_mixins_text.paragraphMixins.md};
-  display: flex;
-  align-items: center;
-  gap: ${_persona_design_tokens.Spacing[2]};
-  box-sizing: border-box;
-  padding: ${_persona_design_tokens.Spacing[2]} ${_persona_design_tokens.Spacing[3]};
-  width: 100%;
-`;
-const ToastIcon = styled_components.default.div`
-  flex-shrink: 0;
-  display: flex;
-  line-height: 0;
-  color: ${_persona_design_tokens.Color.BorderIconPrimary};
-`;
-const ToastContent = styled_components.default.div`
-  flex: 1;
-  min-width: 0; /* needed for text to wrap/truncate inside flex container */
-  ${({ $clip }) => $clip && styled_components.css`
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `}
-`;
-const CloseButton = (0, styled_components.default)(require_IconButton.IconButton)`
-  flex-shrink: 0;
-  margin-left: auto;
-  color: ${_persona_design_tokens.Color.BorderIconPrimary};
-
-  &${require_lib_pseudoClass.isActive}${require_lib_pseudoClass.isNotDisabled}, &${require_lib_pseudoClass.isHovered}${require_lib_pseudoClass.isNotDisabled} {
-    background-color: rgba(0, 0, 0, 0.05);
-  }
-
-  ${({ isFocusVisible }) => !isFocusVisible && styled_components.css`
-      &${require_lib_pseudoClass.isHovered}${require_lib_pseudoClass.isFocused}${require_lib_pseudoClass.isNotDisabled} {
-        box-shadow: none;
-      }
-      &${require_lib_pseudoClass.isFocused}${require_lib_pseudoClass.isNotDisabled} {
-        box-shadow: none;
-      }
-    `}
-`;
-const NoticeToast = (0, styled_components.default)(BaseToast)`
-  background: ${_persona_design_tokens.Color.CorePurple200};
-`;
-const SuccessToast = (0, styled_components.default)(BaseToast)`
-  background: ${_persona_design_tokens.Color.CoreGreen200};
-`;
-const FailureToast = (0, styled_components.default)(BaseToast)`
-  background: ${_persona_design_tokens.Color.CoreRed200};
-`;
-const getStyledComponent = (variant) => {
-	switch (variant) {
-		case "success": return SuccessToast;
-		case "failure": return FailureToast;
-		default: return NoticeToast;
-	}
-};
-const getIcon = (variant) => {
-	switch (variant) {
-		case "success": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.CircleCheckIcon, {});
-		case "failure": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.CircleAlertIcon, {});
-		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.CircleInfoIcon, {});
-	}
-};
-const Toast = ({ message, messageType, onDismiss, shouldClipOverflow, ...elemProps }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(getStyledComponent(messageType), {
-		initial: {
-			y: 64,
-			opacity: 0,
-			scale: .96
-		},
-		animate: {
-			y: 0,
-			opacity: 1,
-			scale: 1
-		},
-		exit: {
-			opacity: 0,
-			scale: .9,
-			transition: {
-				duration: .3,
-				ease: "easeOut"
-			}
-		},
-		role: "alert",
-		"aria-live": "polite",
-		transition: {
-			type: "tween",
-			duration: .4,
-			ease: "easeOut"
-		},
-		...elemProps,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastIcon, { children: getIcon(messageType) }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastContent, {
-				$clip: shouldClipOverflow,
-				children: message
-			}),
-			onDismiss && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseButton, {
-				size: "sm",
-				"aria-label": "Close",
-				title: "Close",
-				onClick: onDismiss,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.XIcon, {})
-			})
-		]
-	});
-};
-//#endregion
-exports.TOAST_WIDTH = TOAST_WIDTH;
-exports.Toast = Toast;
-
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["motion","BorderRadius","paragraphMixins","Spacing","Color","IconButton","isActive","isNotDisabled","isHovered","isFocused","CircleCheckIcon","CircleAlertIcon","CircleInfoIcon","XIcon"],"sources":["../../../components/Toast/Toast.tsx"],"sourcesContent":["import { type HTMLMotionProps, motion } from 'framer-motion';\nimport type { ReactElement } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { IconButton } from '@persona/design-system/components/Button';\nimport {\n  isActive,\n  isFocused,\n  isHovered,\n  isNotDisabled,\n} from '@persona/design-system/lib/pseudoClass';\nimport { paragraphMixins } from '@persona/design-system/mixins/text';\nimport { Elevation } from '@persona/design-system/variables/effect';\nimport { TransitionDurationInSeconds } from '@persona/design-system/variables/transitions';\nimport { BorderRadius, Color, Spacing } from '@persona/design-tokens';\nimport { CircleAlertIcon, CircleCheckIcon, CircleInfoIcon } from '@persona/icons';\nimport { XIcon } from '@persona/icons/12px';\nimport { MessageType } from 'design-system/lib/message';\n\nexport interface ToastProps extends HTMLMotionProps<'div'> {\n  id: string;\n  message: React.ReactNode;\n  messageType: MessageType;\n  onDismiss?: () => void;\n  shouldClipOverflow?: boolean;\n}\n\n// This is exported and used by whatever container is rendering the Toasts\nexport const TOAST_WIDTH = '324px';\n\nconst BaseToast = styled(motion.div)`\n  border-radius: ${BorderRadius.Md};\n  box-shadow: ${Elevation.Low};\n  color: ${({ theme }) => theme.color.text.primary};\n  ${paragraphMixins.md};\n  display: flex;\n  align-items: center;\n  gap: ${Spacing[2]};\n  box-sizing: border-box;\n  padding: ${Spacing[2]} ${Spacing[3]};\n  width: 100%;\n`;\n\nconst ToastIcon = styled.div`\n  flex-shrink: 0;\n  display: flex;\n  line-height: 0;\n  color: ${Color.BorderIconPrimary};\n`;\n\nconst ToastContent = styled.div<{ $clip?: boolean }>`\n  flex: 1;\n  min-width: 0; /* needed for text to wrap/truncate inside flex container */\n  ${({ $clip }) =>\n    $clip &&\n    css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `}\n`;\n\nconst CloseButton = styled(IconButton)<{ isFocusVisible?: boolean }>`\n  flex-shrink: 0;\n  margin-left: auto;\n  color: ${Color.BorderIconPrimary};\n\n  &${isActive}${isNotDisabled}, &${isHovered}${isNotDisabled} {\n    background-color: rgba(0, 0, 0, 0.05);\n  }\n\n  ${({ isFocusVisible }) =>\n    !isFocusVisible &&\n    css`\n      &${isHovered}${isFocused}${isNotDisabled} {\n        box-shadow: none;\n      }\n      &${isFocused}${isNotDisabled} {\n        box-shadow: none;\n      }\n    `}\n`;\n\nconst NoticeToast = styled(BaseToast)`\n  background: ${Color.CorePurple200};\n`;\n\nconst SuccessToast = styled(BaseToast)`\n  background: ${Color.CoreGreen200};\n`;\n\nconst FailureToast = styled(BaseToast)`\n  background: ${Color.CoreRed200};\n`;\n\nconst getStyledComponent = (variant: MessageType) => {\n  switch (variant) {\n    case MessageType.Success:\n      return SuccessToast;\n    case MessageType.Failure:\n      return FailureToast;\n    case MessageType.Notice:\n    default:\n      return NoticeToast;\n  }\n};\n\nconst getIcon = (variant: MessageType): ReactElement => {\n  switch (variant) {\n    case MessageType.Success:\n      return <CircleCheckIcon />;\n    case MessageType.Failure:\n      return <CircleAlertIcon />;\n    case MessageType.Notice:\n    default:\n      return <CircleInfoIcon />;\n  }\n};\n\nexport const Toast = ({\n  message,\n  messageType,\n  onDismiss,\n  shouldClipOverflow,\n  ...elemProps\n}: ToastProps) => {\n  const StyledToast = getStyledComponent(messageType);\n\n  return (\n    <StyledToast\n      initial={{ y: 64, opacity: 0, scale: 0.96 }}\n      animate={{ y: 0, opacity: 1, scale: 1 }}\n      exit={{\n        opacity: 0,\n        scale: 0.9,\n        transition: { duration: TransitionDurationInSeconds.MediumFast, ease: 'easeOut' },\n      }}\n      role='alert'\n      aria-live='polite'\n      transition={{ type: 'tween', duration: TransitionDurationInSeconds.Medium, ease: 'easeOut' }}\n      {...elemProps}\n    >\n      <ToastIcon>{getIcon(messageType)}</ToastIcon>\n      <ToastContent $clip={shouldClipOverflow}>{message}</ToastContent>\n      {onDismiss && (\n        <CloseButton size='sm' aria-label='Close' title='Close' onClick={onDismiss}>\n          <XIcon />\n        </CloseButton>\n      )}\n    </StyledToast>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA4BA,MAAa,cAAc;AAE3B,MAAM,YAAY,CAAA,GAAA,kBAAA,SAAOA,cAAAA,OAAO,IAAI;mBACjBC,uBAAAA,aAAa,GAAG;kIACL;YAClB,EAAE,YAAY,MAAM,MAAM,KAAK,QAAQ;IAC/CC,oBAAAA,gBAAgB,GAAG;;;SAGdC,uBAAAA,QAAQ,GAAG;;aAEPA,uBAAAA,QAAQ,GAAG,GAAGA,uBAAAA,QAAQ,GAAG;;;AAItC,MAAM,YAAY,kBAAA,QAAO,GAAG;;;;WAIjBC,uBAAAA,MAAM,kBAAkB;;AAGnC,MAAM,eAAe,kBAAA,QAAO,GAAwB;;;KAG/C,EAAE,YACH,SACA,kBAAA,GAAG;;;;MAID;;AAGN,MAAM,cAAc,CAAA,GAAA,kBAAA,SAAOC,mBAAAA,WAAW;;;WAG3BD,uBAAAA,MAAM,kBAAkB;;KAE9BE,wBAAAA,WAAWC,wBAAAA,cAAc,KAAKC,wBAAAA,YAAYD,wBAAAA,cAAc;;;;KAIxD,EAAE,qBACH,CAAC,kBACD,kBAAA,GAAG;SACEC,wBAAAA,YAAYC,wBAAAA,YAAYF,wBAAAA,cAAc;;;SAGtCE,wBAAAA,YAAYF,wBAAAA,cAAc;;;MAG7B;;AAGN,MAAM,cAAc,CAAA,GAAA,kBAAA,SAAO,UAAU;gBACrBH,uBAAAA,MAAM,cAAc;;AAGpC,MAAM,eAAe,CAAA,GAAA,kBAAA,SAAO,UAAU;gBACtBA,uBAAAA,MAAM,aAAa;;AAGnC,MAAM,eAAe,CAAA,GAAA,kBAAA,SAAO,UAAU;gBACtBA,uBAAAA,MAAM,WAAW;;AAGjC,MAAM,sBAAsB,YAAyB;AACnD,SAAQ,SAAR;EACE,KAAA,UACE,QAAO;EACT,KAAA,UACE,QAAO;EAET,QACE,QAAO;;;AAIb,MAAM,WAAW,YAAuC;AACtD,SAAQ,SAAR;EACE,KAAA,UACE,QAAO,iBAAA,GAAA,kBAAA,KAACM,eAAAA,iBAAD,EAAmB,CAAA;EAC5B,KAAA,UACE,QAAO,iBAAA,GAAA,kBAAA,KAACC,eAAAA,iBAAD,EAAmB,CAAA;EAE5B,QACE,QAAO,iBAAA,GAAA,kBAAA,KAACC,eAAAA,gBAAD,EAAkB,CAAA;;;AAI/B,MAAa,SAAS,EACpB,SACA,aACA,WACA,oBACA,GAAG,gBACa;AAGhB,QACE,iBAAA,GAAA,kBAAA,MAHkB,mBAAmB,YAGzB,EAAZ;EACE,SAAS;GAAE,GAAG;GAAI,SAAS;GAAG,OAAO;GAAM;EAC3C,SAAS;GAAE,GAAG;GAAG,SAAS;GAAG,OAAO;GAAG;EACvC,MAAM;GACJ,SAAS;GACT,OAAO;GACP,YAAY;IAAE,UAAA;IAAkD,MAAM;IAAW;GAClF;EACD,MAAK;EACL,aAAU;EACV,YAAY;GAAE,MAAM;GAAS,UAAA;GAA8C,MAAM;GAAW;EAC5F,GAAI;YAXN;GAaE,iBAAA,GAAA,kBAAA,KAAC,WAAD,EAAA,UAAY,QAAQ,YAAY,EAAa,CAAA;GAC7C,iBAAA,GAAA,kBAAA,KAAC,cAAD;IAAc,OAAO;cAAqB;IAAuB,CAAA;GAChE,aACC,iBAAA,GAAA,kBAAA,KAAC,aAAD;IAAa,MAAK;IAAK,cAAW;IAAQ,OAAM;IAAQ,SAAS;cAC/D,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,OAAD,EAAS,CAAA;IACG,CAAA;GAEJ"}

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

@@ -1,2 +0,0 @@
-import { TOAST_WIDTH, Toast, ToastProps } from "../../Toast.cjs";
-export { TOAST_WIDTH, Toast, ToastProps };

package/dist/components/Toggle/index.cjs

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

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

@@ -1,2 +0,0 @@
-import { n as ToggleProps, t as Toggle } from "../../Toggle-tbIebQWC.cjs";
-export { Toggle, Toggle as default, ToggleProps };

package/dist/components/Tooltip/index.cjs

@@ -1,11 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Tooltip = require("../../Tooltip-olP3rdUO.cjs");
-exports.FloatingTooltip = require_Tooltip.FloatingTooltip;
-exports.HelperTooltip = require_Tooltip.HelperTooltip;
-exports.TextUnderlineTooltip = require_Tooltip.TextUnderlineTooltip;
-exports.TextWithDashedUnderline = require_Tooltip.TextWithDashedUnderline;
-exports.Tooltip = require_Tooltip.Tooltip;
-exports.default = require_Tooltip.Tooltip;

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

@@ -1,4 +0,0 @@
-import { i as TooltipWithIconProps, n as Tooltip, r as TooltipStandardProps, t as FloatingTooltip } from "../../Tooltip--eDrrk2r.cjs";
-import { t as HelperTooltip } from "../../HelperTooltip-T-sTGGLD.cjs";
-import { n as TextWithDashedUnderline, t as TextUnderlineTooltip } from "../../TextUnderlineTooltip-DMEyOu8C.cjs";
-export { FloatingTooltip, HelperTooltip, TextUnderlineTooltip, TextWithDashedUnderline, Tooltip, Tooltip as default, TooltipStandardProps, TooltipWithIconProps };

package/dist/constants-B6c8S033.d.cts

@@ -1,6 +0,0 @@
-//#region components/Pagination/constants.d.ts
-declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
-declare const MIN_PAGE_SIZE = 10;
-//#endregion
-export { MIN_PAGE_SIZE as n, DEFAULT_PAGE_SIZE_OPTIONS as t };
-//# sourceMappingURL=constants-B6c8S033.d.cts.map

package/dist/constants.d.cts

@@ -1,2 +0,0 @@
-import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "./constants-B6c8S033.cjs";
-export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE };

package/dist/constants2.d.cts

@@ -1,10 +0,0 @@
-//#region components/DataTable/constants.d.ts
-declare function getColumnWidths(compact?: boolean): {
-  EXPAND_COLUMN_WIDTH: number;
-  SELECT_COLUMN_WIDTH: number;
-  ACTION_COLUMN_WIDTH: number;
-  NEST_SPACING: number;
-};
-//#endregion
-export { getColumnWidths };
-//# sourceMappingURL=constants2.d.cts.map

package/dist/filter-size-context-CIw0Zi6r.d.cts

@@ -1,52 +0,0 @@
-import { d as FilterSize } from "./types-B_HHNlia.cjs";
-import * as _$react from "react";
-
-//#region components/DataTable/TableControls/FiltersV2/filter-size-context.d.ts
-interface FilterBarContextValue {
-  size: FilterSize;
-}
-/**
- * Context for FilterBar-wide rendering settings. It currently carries
- * only `size`, but the object shape leaves room for future bar-level
- * settings without introducing another provider.
- */
-declare const FilterBarContext: _$react.Context<FilterBarContextValue>;
-/**
- * Resolve the active filter-bar size, honoring an explicit prop
- * override before falling back to the surrounding `FilterBarContext`.
- * Pattern is the same as the design-system FormControl size hook —
- * components accept an optional `size` prop that wins, otherwise
- * follow the ambient context.
- */
-declare function useFilterBarSize(override?: FilterSize): FilterSize;
-/**
- * Dimensional tokens for each filter-bar size variant. Co-locating the
- * pixel values here keeps the per-component styled primitives free of
- * magic numbers and ensures both variants stay in lockstep across the
- * Filter UI v2 family of components.
- *
- * Current size contract:
- *   sm → 12px font, 12px icons, 24px controls, 18px chip
- *   md → 14px font, 16px icons, 32px controls, 24px chip
- *
- * These values stay centralized here so subcomponents do not duplicate
- * hardcoded dimensions.
- */
-interface FilterSizeTokens {
-  /** Height of pills, the picker trigger, and other "control" surfaces. */
-  controlHeight: string;
-  /** Height of value chips embedded in pills (proportional to controlHeight). */
-  chipHeight: string;
-  /** Base font size for pill labels, header text, and option rows. */
-  fontSize: string;
-  /** Line height paired with `fontSize`. */
-  lineHeight: string;
-  /** Glyph size for caret/dismiss icons inside pills. */
-  iconSize: string;
-}
-declare const FILTER_SIZE_TOKENS: Record<FilterSize, FilterSizeTokens>;
-/** Convenience accessor — returns the token bundle for the resolved size. */
-declare function useFilterSizeTokens(override?: FilterSize): FilterSizeTokens;
-//#endregion
-export { useFilterBarSize as a, FilterSizeTokens as i, FilterBarContext as n, useFilterSizeTokens as o, FilterBarContextValue as r, FILTER_SIZE_TOKENS as t };
-//# sourceMappingURL=filter-size-context-CIw0Zi6r.d.cts.map

package/dist/filter-size-context.d.cts

@@ -1,2 +0,0 @@
-import { a as useFilterBarSize, i as FilterSizeTokens, n as FilterBarContext, o as useFilterSizeTokens, r as FilterBarContextValue, t as FILTER_SIZE_TOKENS } from "./filter-size-context-CIw0Zi6r.cjs";
-export { FILTER_SIZE_TOKENS, FilterBarContext, FilterBarContextValue, FilterSizeTokens, useFilterBarSize, useFilterSizeTokens };

package/dist/helpers.d.cts

@@ -1,76 +0,0 @@
-import { n as CheckboxProps } from "./Checkbox-Cr8ifm10.cjs";
-import { DataTableColumnFormat, DataTableColumnImageFormat, DataTableColumnPiiFormat, DataTableColumnStringFormat, DateConfig, DatetimeConfig, RenderValueStickerFormatConfig } from "./components/DataTable/types.cjs";
-import { ReactNode } from "react";
-
-//#region components/DataTable/helpers.d.ts
-declare const renderAsCheckbox: ({
-  rowId,
-  isChecked,
-  onChange,
-  onValueChange,
-  columnHeader,
-  disabled,
-  indeterminate
-}: {
-  rowId: string;
-  isChecked: boolean;
-  /**
-   * Called when the checkbox is clicked
-   * @param e - The event object
-   */
-  onChange?: CheckboxProps["onChange"];
-  /**
-   * Called when the checkbox value changes
-   * @param rowId - The id of the row
-   * @param checked - The new value of the checkbox
-   */
-  onValueChange?: (rowId: string, checked: boolean) => void;
-  columnHeader?: string;
-  disabled?: boolean;
-  indeterminate?: boolean;
-}) => ReactNode;
-declare const renderAsCheckboxHeader: ({
-  header,
-  isChecked,
-  isIndeterminate,
-  onChange,
-  onValueChange
-}: {
-  /**
-   * The header text to display to the right of the checkbox
-   */
-  header?: string;
-  isChecked: boolean;
-  isIndeterminate: boolean;
-  /**
-   * Called when the checkbox is clicked
-   * @param e - The event object
-   */
-  onChange?: CheckboxProps["onChange"];
-  /**
-   * Called when the checkbox value changes
-   * @param rowId - The id of the row
-   * @param checked - The new value of the checkbox
-   */
-  onValueChange?: (checked: boolean) => void;
-}) => ReactNode;
-declare const renderAsString: (value: unknown) => string;
-declare const renderAsDate: (value: unknown, config?: DateConfig) => string;
-declare const renderAsDatetime: (value: unknown, config?: DatetimeConfig) => string;
-declare const renderAsURL: (value: unknown) => ReactNode;
-declare const renderAsNumber: (value: unknown) => ReactNode;
-declare const renderAsSticker: (value: unknown, config?: RenderValueStickerFormatConfig) => ReactNode;
-declare const renderAsCopyableString: (value: unknown, config?: DataTableColumnStringFormat["config"] & {
-  emptyText?: string;
-}) => ReactNode;
-declare const renderAsPii: <TData = unknown>(row?: TData, config?: DataTableColumnPiiFormat<TData>["config"]) => ReactNode;
-declare const renderAsLightweightImage: (value: unknown, config?: DataTableColumnImageFormat["config"]) => ReactNode;
-/**
- * Default PDS cell renderer. Handles all generic format types built into the design system.
- * Hosts should supply their own `renderFormat` prop to DataTable for format types that require
- * application-specific components (e.g. tags, files, PII masking, status indicators).
- */
-declare const renderAsPDSFormat: <TData = unknown>(value: unknown, format?: DataTableColumnFormat<TData>, row?: TData) => string | ReactNode;
-//#endregion
-export { renderAsCheckbox, renderAsCheckboxHeader, renderAsCopyableString, renderAsDate, renderAsDatetime, renderAsLightweightImage, renderAsNumber, renderAsPDSFormat, renderAsPii, renderAsSticker, renderAsString, renderAsURL };
-//# sourceMappingURL=helpers.d.cts.map

package/dist/index-BIAn8oQh.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-BL32-cvv.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-BPSCxsMC.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-BR1oNnaF.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-BXpMZvwA.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-BhY1qu3m.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-BlwcRiXv.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-Bw8QVu_o.d.cts

@@ -1,75 +0,0 @@
-import { t as TableHeaderCell } from "./TableHeaderCell-Crsa2R2g.cjs";
-import { n as TableRowProps } from "./TableRow-DVTPqT4w.cjs";
-import * as _$react from "react";
-import { ComponentPropsWithoutRef, ReactNode } from "react";
-import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/Table/TableTH.d.ts
-interface TableTHProps extends ComponentPropsWithoutRef<typeof TableHeaderCell> {
-  canSort?: boolean;
-  isSorted?: boolean;
-  isDescending?: boolean;
-  isSticky?: boolean;
-  /**
-   * Display help icon and tooltip for column header
-   */
-  helpText?: ReactNode;
-  align?: 'left' | 'right';
-  size?: 'sm' | 'md';
-}
-declare const TableTH: _$react.ForwardRefExoticComponent<TableTHProps & _$react.RefAttributes<HTMLTableCellElement>>;
-//#endregion
-//#region components/Table/TableCell.d.ts
-interface TableCellProps {
-  breakWord?: boolean;
-  size?: 'sm' | 'md';
-}
-declare const TableCell: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps, "role">;
-interface TableCellTitleProps extends ComponentPropsWithoutRef<'div'> {
-  subtitle?: ReactNode;
-}
-declare const TableCellTitle: ({
-  children,
-  subtitle,
-  ...elemProps
-}: TableCellTitleProps) => _$react_jsx_runtime0.JSX.Element;
-declare const TableTD: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps & {
-  unclickable?: boolean;
-}, "role">;
-declare const TableIconTD: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps & {
-  unclickable?: boolean;
-}, "role">;
-declare const TableActionTD: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps & {
-  unclickable?: boolean;
-}, "role">;
-declare const StickyTD: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps & {
-  unclickable?: boolean;
-} & {
-  left?: number;
-  hasRightBorder?: boolean;
-}, "role">;
-declare const StickyTH: _$styled_components0.StyledComponent<_$react.ForwardRefExoticComponent<TableTHProps & _$react.RefAttributes<HTMLTableCellElement>>, any, {
-  left?: number;
-  hasRightBorder?: boolean;
-  size?: "sm" | "md";
-}, never>;
-declare const TableTR: _$styled_components0.StyledComponent<"tr", any, {
-  role: "row";
-} & TableRowProps & {
-  disableHoverBackground?: boolean;
-  $isActive?: boolean;
-}, "role">;
-//#endregion
-export { TableCellProps as a, TableTD as c, TableTHProps as d, TableCell as i, TableTR as l, StickyTH as n, TableCellTitle as o, TableActionTD as r, TableIconTD as s, StickyTD as t, TableTH as u };
-//# sourceMappingURL=index-Bw8QVu_o.d.cts.map

package/dist/index-C0NRIDsj2.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-C1ihAKnV.d.cts

@@ -1 +0,0 @@
-export { };