@persona/design-system 0.10.5 → 0.10.7

package/dist/components/SmartTextInput/parser/method-chain/types.d.mts

@@ -1,2 +1,2 @@
-import { _ as isASTMethodChainNode, a as ASTErrorNode, c as ASTIdentifierNode, d as ASTNumberNode, f as ASTParenCloseNode, g as isASTCustomFunctionNode, h as ErrorKind, i as ASTDotNode, l as ASTMethodChainNode, m as ASTStringNode, n as ASTChain, o as ASTFunctionNode, p as ASTParenOpenNode, r as ASTCustomFunctionNode, s as ASTFunctionParamType, t as ASTArrayNode, u as ASTNodeType, v as isAnyASTFunctionNode, y as isRealASTFunctionParamType } from "../../../../types-C2RhHxbE.mjs";
+import { _ as isASTMethodChainNode, a as ASTErrorNode, c as ASTIdentifierNode, d as ASTNumberNode, f as ASTParenCloseNode, g as isASTCustomFunctionNode, h as ErrorKind, i as ASTDotNode, l as ASTMethodChainNode, m as ASTStringNode, n as ASTChain, o as ASTFunctionNode, p as ASTParenOpenNode, r as ASTCustomFunctionNode, s as ASTFunctionParamType, t as ASTArrayNode, u as ASTNodeType, v as isAnyASTFunctionNode, y as isRealASTFunctionParamType } from "../../../../types-Bu5rhBdH.mjs";
 export { ASTArrayNode, ASTChain, ASTCustomFunctionNode, ASTDotNode, ASTErrorNode, ASTFunctionNode, ASTFunctionParamType, ASTIdentifierNode, ASTMethodChainNode, ASTNodeType, ASTNumberNode, ASTParenCloseNode, ASTParenOpenNode, ASTStringNode, ErrorKind, isASTCustomFunctionNode, isASTMethodChainNode, isAnyASTFunctionNode, isRealASTFunctionParamType };

package/dist/components/SmartTextInput/parser/smart-text/types.d.mts

@@ -1,3 +1,3 @@
-import { f as ASTParenCloseNode, p as ASTParenOpenNode } from "../../../../types-C2RhHxbE.mjs";
-import { a as NodeType, c as isMethodChainNode, i as ErrorNode, n as ErrorKind, o as isASTChainNode, r as ErrorMessageByKind, s as isASTContainerNode, t as ASTNode } from "../../../../types-dmItSshr.mjs";
+import { f as ASTParenCloseNode, p as ASTParenOpenNode } from "../../../../types-Bu5rhBdH.mjs";
+import { a as NodeType, c as isMethodChainNode, i as ErrorNode, n as ErrorKind, o as isASTChainNode, r as ErrorMessageByKind, s as isASTContainerNode, t as ASTNode } from "../../../../types-Bg_sfqXE.mjs";
 export { ASTNode, ASTParenCloseNode, ASTParenOpenNode, ErrorKind, ErrorMessageByKind, ErrorNode, NodeType, isASTChainNode, isASTContainerNode, isMethodChainNode };

package/dist/components/Stack/index.d.mts

@@ -1,2 +1,2 @@
-import { i as StackProps, n as HStackProps, r as Stack, t as HStack } from "../../Stack-DrYxBkiF.mjs";
+import { i as StackProps, n as HStackProps, r as Stack, t as HStack } from "../../Stack-BqRcxDQM.mjs";
 export { HStack, HStackProps, Stack, Stack as default, StackProps };

package/dist/components/StatusIndicator/index.mjs

@@ -1,2 +1,2 @@
-import { n as StatusIndicator, t as STATUSES } from "../../StatusIndicator-pWl1-FLb.mjs";
+import { n as StatusIndicator, t as STATUSES } from "../../StatusIndicator-Zf75KK3O.mjs";
 export { STATUSES, StatusIndicator, StatusIndicator as default };

package/dist/components/Sticker/index.d.mts

@@ -1,2 +1,2 @@
-import { a as StickerContentContainer, i as StickerContainer, n as STICKER_COLOR_CONFIG, o as StickerProps, r as Sticker, s as StyledTruncatedText, t as LabelBackgrounds } from "../../Sticker-sIBnBbHD.mjs";
+import { a as StickerContentContainer, i as StickerContainer, n as STICKER_COLOR_CONFIG, o as StickerProps, r as Sticker, s as StyledTruncatedText, t as LabelBackgrounds } from "../../Sticker-C2zp47FB.mjs";
 export { LabelBackgrounds, STICKER_COLOR_CONFIG, Sticker, Sticker as default, StickerContainer, StickerContentContainer, StickerProps, StyledTruncatedText };

package/dist/components/SwatchPicker/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/SwatchPicker/SwatchPicker.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport styled from 'styled-components';\n\nimport { BorderRadius, Color, Spacing } from '@persona/design-tokens';\nimport { semanticColor } from 'design-system/lib/semanticColor';\nimport { Elevation } from 'design-system/variables/effect';\n\nconst SwatchGrid = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  gap: ${Spacing[1]};\n`;\n\nexport interface SwatchPickerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {\n  value: string;\n  onChange: (color: string) => void;\n  colors: string[];\n}\n\nexport const SwatchPicker = ({ value, onChange, colors, ...restProps }: SwatchPickerProps) => {\n  return (\n    <SwatchGrid {...restProps}>\n      {colors.map((color) => (\n        <Swatch key={color} color={color} selected={color === value} onSelect={onChange} />\n      ))}\n    </SwatchGrid>\n  );\n};\n\nconst ColorSwatch = styled.button<{ selected: boolean; $color?: string }>`\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  background-color: ${({ $color }) => $color ?? 'transparent'};\n  border-radius: ${BorderRadius.Circle};\n  border: 2px solid ${({ theme }) => semanticColor(theme, 'InputSurfaceDefault', Color.PrimaryWhite)};\n  transition: all 100ms ease-out;\n  cursor: pointer;\n  ${({ selected, theme }) =>\n    selected\n      ? `outline: 2px solid ${semanticColor(theme, 'BorderAccent', Color.BorderIconActive)}`\n      : ''};\n\n  &:hover {\n    box-shadow: ${Elevation.Low};\n  }\n`;\n\nconst WhiteSwatch = styled(ColorSwatch)`\n  border-color: ${({ theme }) => semanticColor(theme, 'BorderDivider', Color.BorderHairline)};\n`;\n\ninterface SwatchProps {\n  color: string;\n  selected: boolean;\n  onSelect: (color: string) => void;\n}\n\nconst Swatch = ({ color, selected, onSelect }: SwatchProps) => {\n  // NOTE: This is a hack to get the white color to show up. In theory we may want to do this\n  // for all colors close to white, but this gets the job done for now.\n  return color.toUpperCase() === '#FFFFFF' ? (\n    <WhiteSwatch selected={selected} title='#FFFFFF' onClick={() => onSelect(color)} />\n  ) : (\n    <ColorSwatch $color={color} selected={selected} title={color} onClick={() => onSelect(color)} />\n  );\n};\n\nexport default SwatchPicker;\n"],"mappings":";;;;;;AAOA,MAAM,aAAa,OAAO,GAAG;;;;SAIpB,QAAQ,GAAG;;AASpB,MAAa,gBAAgB,EAAE,OAAO,UAAU,QAAQ,GAAG,gBAAmC;AAC5F,QACE,oBAAC,YAAD;EAAY,GAAI;YACb,OAAO,KAAK,UACX,oBAAC,QAAD;GAA2B;GAAO,UAAU,UAAU;GAAO,UAAU;GAAY,EAAtE,MAAsE,CACnF;EACS,CAAA;;AAIjB,MAAM,cAAc,OAAO,MAA8C;;;;;uBAKlD,EAAE,aAAa,UAAU,cAAc;mBAC3C,aAAa,OAAO;uBAChB,EAAE,YAAY,cAAc,OAAO,uBAAuB,MAAM,aAAa,CAAC;;;KAGhG,EAAE,UAAU,YACb,WACI,sBAAsB,cAAc,OAAO,gBAAgB,MAAM,iBAAiB,KAClF,GAAG;;;oIAGqB;;;AAIhC,MAAM,cAAc,OAAO,YAAY;mBACpB,EAAE,YAAY,cAAc,OAAO,iBAAiB,MAAM,eAAe,CAAC;;AAS7F,MAAM,UAAU,EAAE,OAAO,UAAU,eAA4B;AAG7D,QAAO,MAAM,aAAa,KAAK,YAC7B,oBAAC,aAAD;EAAuB;EAAU,OAAM;EAAU,eAAe,SAAS,MAAM;EAAI,CAAA,GAEnF,oBAAC,aAAD;EAAa,QAAQ;EAAiB;EAAU,OAAO;EAAO,eAAe,SAAS,MAAM;EAAI,CAAA"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/SwatchPicker/SwatchPicker.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport styled from 'styled-components';\n\nimport { BorderRadius, Color, Spacing } from '@persona/design-tokens';\n\nimport { semanticColor } from '#src/lib/semanticColor';\nimport { Elevation } from '#src/variables/effect';\n\nconst SwatchGrid = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  gap: ${Spacing[1]};\n`;\n\nexport interface SwatchPickerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {\n  value: string;\n  onChange: (color: string) => void;\n  colors: string[];\n}\n\nexport const SwatchPicker = ({ value, onChange, colors, ...restProps }: SwatchPickerProps) => {\n  return (\n    <SwatchGrid {...restProps}>\n      {colors.map((color) => (\n        <Swatch key={color} color={color} selected={color === value} onSelect={onChange} />\n      ))}\n    </SwatchGrid>\n  );\n};\n\nconst ColorSwatch = styled.button<{ selected: boolean; $color?: string }>`\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  background-color: ${({ $color }) => $color ?? 'transparent'};\n  border-radius: ${BorderRadius.Circle};\n  border: 2px solid ${({ theme }) => semanticColor(theme, 'InputSurfaceDefault', Color.PrimaryWhite)};\n  transition: all 100ms ease-out;\n  cursor: pointer;\n  ${({ selected, theme }) =>\n    selected\n      ? `outline: 2px solid ${semanticColor(theme, 'BorderAccent', Color.BorderIconActive)}`\n      : ''};\n\n  &:hover {\n    box-shadow: ${Elevation.Low};\n  }\n`;\n\nconst WhiteSwatch = styled(ColorSwatch)`\n  border-color: ${({ theme }) => semanticColor(theme, 'BorderDivider', Color.BorderHairline)};\n`;\n\ninterface SwatchProps {\n  color: string;\n  selected: boolean;\n  onSelect: (color: string) => void;\n}\n\nconst Swatch = ({ color, selected, onSelect }: SwatchProps) => {\n  // NOTE: This is a hack to get the white color to show up. In theory we may want to do this\n  // for all colors close to white, but this gets the job done for now.\n  return color.toUpperCase() === '#FFFFFF' ? (\n    <WhiteSwatch selected={selected} title='#FFFFFF' onClick={() => onSelect(color)} />\n  ) : (\n    <ColorSwatch $color={color} selected={selected} title={color} onClick={() => onSelect(color)} />\n  );\n};\n\nexport default SwatchPicker;\n"],"mappings":";;;;;;AAQA,MAAM,aAAa,OAAO,GAAG;;;;SAIpB,QAAQ,GAAG;;AASpB,MAAa,gBAAgB,EAAE,OAAO,UAAU,QAAQ,GAAG,gBAAmC;AAC5F,QACE,oBAAC,YAAD;EAAY,GAAI;YACb,OAAO,KAAK,UACX,oBAAC,QAAD;GAA2B;GAAO,UAAU,UAAU;GAAO,UAAU;GAAY,EAAtE,MAAsE,CACnF;EACS,CAAA;;AAIjB,MAAM,cAAc,OAAO,MAA8C;;;;;uBAKlD,EAAE,aAAa,UAAU,cAAc;mBAC3C,aAAa,OAAO;uBAChB,EAAE,YAAY,cAAc,OAAO,uBAAuB,MAAM,aAAa,CAAC;;;KAGhG,EAAE,UAAU,YACb,WACI,sBAAsB,cAAc,OAAO,gBAAgB,MAAM,iBAAiB,KAClF,GAAG;;;oIAGqB;;;AAIhC,MAAM,cAAc,OAAO,YAAY;mBACpB,EAAE,YAAY,cAAc,OAAO,iBAAiB,MAAM,eAAe,CAAC;;AAS7F,MAAM,UAAU,EAAE,OAAO,UAAU,eAA4B;AAG7D,QAAO,MAAM,aAAa,KAAK,YAC7B,oBAAC,aAAD;EAAuB;EAAU,OAAM;EAAU,eAAe,SAAS,MAAM;EAAI,CAAA,GAEnF,oBAAC,aAAD;EAAa,QAAQ;EAAiB;EAAU,OAAO;EAAO,eAAe,SAAS,MAAM;EAAI,CAAA"}

package/dist/components/Table/index.d.mts

@@ -1,9 +1,9 @@
-import { t as Table } from "../../Table-BJfcRpMX.mjs";
-import { t as TableHeaderCell } from "../../TableHeaderCell-BXgnxPpX.mjs";
-import { t as TableRow } from "../../TableRow-C1iGbNjZ.mjs";
-import { a as TableCellProps, c as TableTD, i as TableCell, l as TableTR, n as StickyTH, o as TableCellTitle, r as TableActionTD, s as TableIconTD, t as StickyTD } from "../../TableCell-KHx5JlqZ.mjs";
-import { t as TableHead } from "../../TableHead-D5A3bOwt.mjs";
-import { t as TableBody } from "../../TableBody-CBz2PjA-.mjs";
-import { t as TableTH } from "../../index-D2YFHdsf.mjs";
-import { t as TableLayout } from "../../TableLayout-Dy5ht8KO.mjs";
+import { t as Table } from "../../Table-DGl3mDwc.mjs";
+import { t as TableHeaderCell } from "../../TableHeaderCell-wKcp8rZj.mjs";
+import { t as TableRow } from "../../TableRow-C011thJ3.mjs";
+import { a as TableCellProps, c as TableTD, i as TableCell, l as TableTR, n as StickyTH, o as TableCellTitle, r as TableActionTD, s as TableIconTD, t as StickyTD } from "../../TableCell-Do9W49SJ.mjs";
+import { t as TableHead } from "../../TableHead-CIXIrZGE.mjs";
+import { t as TableBody } from "../../TableBody-BbC-H2qj.mjs";
+import { t as TableTH } from "../../index-DntqThoS.mjs";
+import { t as TableLayout } from "../../TableLayout-0-9FnNvt.mjs";
 export { StickyTD, StickyTH, Table, Table as default, TableActionTD, TableBody, TableCell, TableCellProps, TableCellTitle, TableHead, TableHeaderCell, TableIconTD, TableLayout, TableRow, TableTD, TableTH, TableTR };

package/dist/components/TableBox/index.d.mts

@@ -1,3 +1,3 @@
-import { t as DragDirection } from "../../useTableBoxDragAndDrop-8NS4JBuI.mjs";
-import { a as TableBox, o as TableBoxContext, r as InlineEditConfig, s as TableBoxProps } from "../../TableBoxCell-CwroLAWy.mjs";
+import { t as DragDirection } from "../../useTableBoxDragAndDrop-CCMADt-F.mjs";
+import { a as TableBox, o as TableBoxContext, r as InlineEditConfig, s as TableBoxProps } from "../../TableBoxCell-DuvWTwOm.mjs";
 export { DragDirection, InlineEditConfig, TableBoxContext, TableBoxProps, TableBox as default };

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

@@ -1,2 +1,2 @@
-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-SaoRBdB6.mjs";
+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-BgSW0yDb.mjs";
 export { Display, DisplayProps, Heading, HeadingProps, Label, LabelProps, Paragraph, ParagraphProps, Span, SpanProps, TabularNumber };

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

@@ -1,2 +1,2 @@
-import { n as TextAreaWithStyle, t as TextAreaProps } from "../../TextArea-gtSlghjy.mjs";
+import { n as TextAreaWithStyle, t as TextAreaProps } from "../../TextArea-CyWv8jaV.mjs";
 export { TextAreaWithStyle as TextArea, TextAreaWithStyle as default, TextAreaProps };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ArrowRightIcon12","ArrowRightIcon16"],"sources":["../../../src/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';\nimport { semanticColor } from 'design-system/lib/semanticColor';\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 }) => semanticColor(theme, 'SurfacePrimary', 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 }) => semanticColor(theme, 'BorderDivider', 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: ${({ theme }) => semanticColor(theme, 'FgSecondary', 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":";;;;;;;;;;;AAqEA,MAAM,kBAA4C;CAChD,IAAI,QAAQ;CACZ,IAAI,QAAQ;CACb;AAID,MAAM,gBAAgB,OAAO,MAAM;uBACZ,EAAE,YAAY,cAAc,OAAO,kBAAkB,MAAM,MAAM,WAAW,QAAQ,CAAC;;;eAG7F,QAAkB;cACnB,EAAE,YAAY,gBAAgB,OAAO;uBAC5B,EAAE,YAAY,cAAc,OAAO,iBAAiB,MAAM,MAAM,OAAO,QAAQ,CAAC;oBACnF,EAAE,YAAY,MAAM,KAAK,aAAa;;AAG1D,MAAM,kBAAkB,OAAO,IAAI;;;YAGvB,EAAE,YAAY,cAAc,OAAO,eAAe,MAAM,oBAAoB,CAAC;;;AAIzF,MAAa,QAAQ,EACnB,OAAO,MACP,OACA,cACA,OACA,SACA,UACA,iBACA,GAAG,YACY;CACf,MAAM,YAAY,eAChB,oBAAC,sBAAD;EAAsB,SAAS;EAAc,MAAK;YAC/C;EACoB,CAAA,GAEvB;CAGF,MAAM,eACJ,YAAY,QAAQ,kBAClB,oBAAC,sBAAD;EAAsB,SAAS;YAAkB;EAAgC,CAAA,GAEjF;CAGJ,MAAM,EAAE,MAAM,aAAa,GAAG,gBAAgB,WAAW,EAAE,MAAM,IAAI;AAErE,QACE,qBAAC,eAAD;EAAe,OAAO;EAAM,SAAS,QAAQ;EAAI,GAAI;YAArD;GACE,oBAAC,WAAD;IAAiB;IAAM,OAAM;IAAY,IAAG;cACzC;IACS,CAAA;GACZ,qBAAC,QAAD;IAAQ,SAAS,QAAQ;IAAI,OAAM;cAAnC,CACG,MAAM,QAAQ,MAAM,GACnB,qBAAA,UAAA,EAAA,UAAA;KACE,oBAAC,SAAD;MAAe;MAAM,OAAM;MAAU,IAAG;gBACrC,MAAM;MACC,CAAA;KACV,oBAAC,iBAAD;MAAiB,aAAU;MAAwB,eAAY;gBAC5D,SAAS,OAAO,oBAACA,gBAAD,EAAoB,CAAA,GAAG,oBAACC,kBAAD,EAAoB,CAAA;MAC5C,CAAA;KAClB,oBAAC,SAAD;MAAe;MAAM,OAAM;MAAU,IAAG;gBACrC,MAAM;MACC,CAAA;KACT,EAAA,CAAA,GAEH,oBAAC,SAAD;KAAe;KAAM,OAAM;KAAU,IAAG;eACrC;KACO,CAAA,EAEX,WAAW,QAAQ,oBAAC,SAAD;KAAS,GAAI;eAAc;KAAsB,CAAA,CAC9D;;GACR,YAAY,QACX,oBAAC,WAAD;IAAW,MAAK;IAAK,OAAM;IAAY,IAAG;cACvC;IACS,CAAA;GAEA"}
+{"version":3,"file":"index.mjs","names":["ArrowRightIcon12","ArrowRightIcon16"],"sources":["../../../src/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\nimport { semanticColor } from '#src/lib/semanticColor';\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 }) => semanticColor(theme, 'SurfacePrimary', 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 }) => semanticColor(theme, 'BorderDivider', 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: ${({ theme }) => semanticColor(theme, 'FgSecondary', 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":";;;;;;;;;;;AAsEA,MAAM,kBAA4C;CAChD,IAAI,QAAQ;CACZ,IAAI,QAAQ;CACb;AAID,MAAM,gBAAgB,OAAO,MAAM;uBACZ,EAAE,YAAY,cAAc,OAAO,kBAAkB,MAAM,MAAM,WAAW,QAAQ,CAAC;;;eAG7F,QAAkB;cACnB,EAAE,YAAY,gBAAgB,OAAO;uBAC5B,EAAE,YAAY,cAAc,OAAO,iBAAiB,MAAM,MAAM,OAAO,QAAQ,CAAC;oBACnF,EAAE,YAAY,MAAM,KAAK,aAAa;;AAG1D,MAAM,kBAAkB,OAAO,IAAI;;;YAGvB,EAAE,YAAY,cAAc,OAAO,eAAe,MAAM,oBAAoB,CAAC;;;AAIzF,MAAa,QAAQ,EACnB,OAAO,MACP,OACA,cACA,OACA,SACA,UACA,iBACA,GAAG,YACY;CACf,MAAM,YAAY,eAChB,oBAAC,sBAAD;EAAsB,SAAS;EAAc,MAAK;YAC/C;EACoB,CAAA,GAEvB;CAGF,MAAM,eACJ,YAAY,QAAQ,kBAClB,oBAAC,sBAAD;EAAsB,SAAS;YAAkB;EAAgC,CAAA,GAEjF;CAGJ,MAAM,EAAE,MAAM,aAAa,GAAG,gBAAgB,WAAW,EAAE,MAAM,IAAI;AAErE,QACE,qBAAC,eAAD;EAAe,OAAO;EAAM,SAAS,QAAQ;EAAI,GAAI;YAArD;GACE,oBAAC,WAAD;IAAiB;IAAM,OAAM;IAAY,IAAG;cACzC;IACS,CAAA;GACZ,qBAAC,QAAD;IAAQ,SAAS,QAAQ;IAAI,OAAM;cAAnC,CACG,MAAM,QAAQ,MAAM,GACnB,qBAAA,UAAA,EAAA,UAAA;KACE,oBAAC,SAAD;MAAe;MAAM,OAAM;MAAU,IAAG;gBACrC,MAAM;MACC,CAAA;KACV,oBAAC,iBAAD;MAAiB,aAAU;MAAwB,eAAY;gBAC5D,SAAS,OAAO,oBAACA,gBAAD,EAAoB,CAAA,GAAG,oBAACC,kBAAD,EAAoB,CAAA;MAC5C,CAAA;KAClB,oBAAC,SAAD;MAAe;MAAM,OAAM;MAAU,IAAG;gBACrC,MAAM;MACC,CAAA;KACT,EAAA,CAAA,GAEH,oBAAC,SAAD;KAAe;KAAM,OAAM;KAAU,IAAG;eACrC;KACO,CAAA,EAEX,WAAW,QAAQ,oBAAC,SAAD;KAAS,GAAI;eAAc;KAAsB,CAAA,CAC9D;;GACR,YAAY,QACX,oBAAC,WAAD;IAAW,MAAK;IAAK,OAAM;IAAY,IAAG;cACvC;IACS,CAAA;GAEA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["XIcon"],"sources":["../../../src/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 { withAlpha } from 'design-system/lib/color';\nimport { MessageType } from 'design-system/lib/message';\nimport { semanticColor, semanticOnly, semanticTokens } from 'design-system/lib/semanticColor';\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 }) => semanticColor(theme, 'FgPrimaryStatic', 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: ${({ theme }) => semanticColor(theme, 'FgPrimaryStatic', 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: ${({ theme }) => semanticColor(theme, 'FgPrimaryStatic', Color.BorderIconPrimary)};\n\n  &${isActive}${isNotDisabled}, &${isHovered}${isNotDisabled} {\n    background-color: ${({ theme }) => {\n      const tokens = semanticTokens(theme);\n      return tokens\n        ? withAlpha(tokens.ActionNeutralHover, tokens.Opacity25)\n        : 'rgba(0, 0, 0, 0.05)';\n    }};\n    ${semanticOnly((tokens) => `color: ${tokens.FgPrimaryStatic};`)}\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: ${({ theme }) => semanticColor(theme, 'StatusInfo1', Color.CorePurple200)};\n`;\n\nconst SuccessToast = styled(BaseToast)`\n  background: ${({ theme }) => semanticColor(theme, 'StatusSuccess1', Color.CoreGreen200)};\n`;\n\nconst FailureToast = styled(BaseToast)`\n  background: ${({ theme }) => semanticColor(theme, 'StatusDanger2', 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":";;;;;;;;;;;;;;;AA8BA,MAAa,cAAc;AAE3B,MAAM,YAAY,OAAO,OAAO,IAAI;mBACjB,aAAa,GAAG;kIACL;YAClB,EAAE,YAAY,cAAc,OAAO,mBAAmB,MAAM,MAAM,KAAK,QAAQ,CAAC;IACxF,gBAAgB,GAAG;;;SAGd,QAAQ,GAAG;;aAEP,QAAQ,GAAG,GAAG,QAAQ,GAAG;;;AAItC,MAAM,YAAY,OAAO,GAAG;;;;YAIhB,EAAE,YAAY,cAAc,OAAO,mBAAmB,MAAM,kBAAkB,CAAC;;AAG3F,MAAM,eAAe,OAAO,GAAwB;;;KAG/C,EAAE,YACH,SACA,GAAG;;;;MAID;;AAGN,MAAM,cAAc,OAAO,WAAW;;;YAG1B,EAAE,YAAY,cAAc,OAAO,mBAAmB,MAAM,kBAAkB,CAAC;;KAEtF,WAAW,cAAc,KAAK,YAAY,cAAc;yBACpC,EAAE,YAAY;CACjC,MAAM,SAAS,eAAe,MAAM;AACpC,QAAO,SACH,UAAU,OAAO,oBAAoB,OAAO,UAAU,GACtD;EACJ;MACA,cAAc,WAAW,UAAU,OAAO,gBAAgB,GAAG,CAAC;;;KAG/D,EAAE,qBACH,CAAC,kBACD,GAAG;SACE,YAAY,YAAY,cAAc;;;SAGtC,YAAY,cAAc;;;MAG7B;;AAGN,MAAM,cAAc,OAAO,UAAU;iBACpB,EAAE,YAAY,cAAc,OAAO,eAAe,MAAM,cAAc,CAAC;;AAGxF,MAAM,eAAe,OAAO,UAAU;iBACrB,EAAE,YAAY,cAAc,OAAO,kBAAkB,MAAM,aAAa,CAAC;;AAG1F,MAAM,eAAe,OAAO,UAAU;iBACrB,EAAE,YAAY,cAAc,OAAO,iBAAiB,MAAM,WAAW,CAAC;;AAGvF,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,oBAAC,iBAAD,EAAmB,CAAA;EAC5B,KAAA,UACE,QAAO,oBAAC,iBAAD,EAAmB,CAAA;EAE5B,QACE,QAAO,oBAAC,gBAAD,EAAkB,CAAA;;;AAI/B,MAAa,SAAS,EACpB,SACA,aACA,WACA,oBACA,GAAG,gBACa;AAGhB,QACE,qBAHkB,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,oBAAC,WAAD,EAAA,UAAY,QAAQ,YAAY,EAAa,CAAA;GAC7C,oBAAC,cAAD;IAAc,OAAO;cAAqB;IAAuB,CAAA;GAChE,aACC,oBAAC,aAAD;IAAa,MAAK;IAAK,cAAW;IAAQ,OAAM;IAAQ,SAAS;cAC/D,oBAACA,SAAD,EAAS,CAAA;IACG,CAAA;GAEJ"}
+{"version":3,"file":"index.mjs","names":["XIcon"],"sources":["../../../src/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';\n\nimport { withAlpha } from '#src/lib/color';\nimport { MessageType } from '#src/lib/message';\nimport { semanticColor, semanticOnly, semanticTokens } from '#src/lib/semanticColor';\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 }) => semanticColor(theme, 'FgPrimaryStatic', 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: ${({ theme }) => semanticColor(theme, 'FgPrimaryStatic', 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: ${({ theme }) => semanticColor(theme, 'FgPrimaryStatic', Color.BorderIconPrimary)};\n\n  &${isActive}${isNotDisabled}, &${isHovered}${isNotDisabled} {\n    background-color: ${({ theme }) => {\n      const tokens = semanticTokens(theme);\n      return tokens\n        ? withAlpha(tokens.ActionNeutralHover, tokens.Opacity25)\n        : 'rgba(0, 0, 0, 0.05)';\n    }};\n    ${semanticOnly((tokens) => `color: ${tokens.FgPrimaryStatic};`)}\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: ${({ theme }) => semanticColor(theme, 'StatusInfo1', Color.CorePurple200)};\n`;\n\nconst SuccessToast = styled(BaseToast)`\n  background: ${({ theme }) => semanticColor(theme, 'StatusSuccess1', Color.CoreGreen200)};\n`;\n\nconst FailureToast = styled(BaseToast)`\n  background: ${({ theme }) => semanticColor(theme, 'StatusDanger2', 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":";;;;;;;;;;;;;;;AA+BA,MAAa,cAAc;AAE3B,MAAM,YAAY,OAAO,OAAO,IAAI;mBACjB,aAAa,GAAG;kIACL;YAClB,EAAE,YAAY,cAAc,OAAO,mBAAmB,MAAM,MAAM,KAAK,QAAQ,CAAC;IACxF,gBAAgB,GAAG;;;SAGd,QAAQ,GAAG;;aAEP,QAAQ,GAAG,GAAG,QAAQ,GAAG;;;AAItC,MAAM,YAAY,OAAO,GAAG;;;;YAIhB,EAAE,YAAY,cAAc,OAAO,mBAAmB,MAAM,kBAAkB,CAAC;;AAG3F,MAAM,eAAe,OAAO,GAAwB;;;KAG/C,EAAE,YACH,SACA,GAAG;;;;MAID;;AAGN,MAAM,cAAc,OAAO,WAAW;;;YAG1B,EAAE,YAAY,cAAc,OAAO,mBAAmB,MAAM,kBAAkB,CAAC;;KAEtF,WAAW,cAAc,KAAK,YAAY,cAAc;yBACpC,EAAE,YAAY;CACjC,MAAM,SAAS,eAAe,MAAM;AACpC,QAAO,SACH,UAAU,OAAO,oBAAoB,OAAO,UAAU,GACtD;EACJ;MACA,cAAc,WAAW,UAAU,OAAO,gBAAgB,GAAG,CAAC;;;KAG/D,EAAE,qBACH,CAAC,kBACD,GAAG;SACE,YAAY,YAAY,cAAc;;;SAGtC,YAAY,cAAc;;;MAG7B;;AAGN,MAAM,cAAc,OAAO,UAAU;iBACpB,EAAE,YAAY,cAAc,OAAO,eAAe,MAAM,cAAc,CAAC;;AAGxF,MAAM,eAAe,OAAO,UAAU;iBACrB,EAAE,YAAY,cAAc,OAAO,kBAAkB,MAAM,aAAa,CAAC;;AAG1F,MAAM,eAAe,OAAO,UAAU;iBACrB,EAAE,YAAY,cAAc,OAAO,iBAAiB,MAAM,WAAW,CAAC;;AAGvF,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,oBAAC,iBAAD,EAAmB,CAAA;EAC5B,KAAA,UACE,QAAO,oBAAC,iBAAD,EAAmB,CAAA;EAE5B,QACE,QAAO,oBAAC,gBAAD,EAAkB,CAAA;;;AAI/B,MAAa,SAAS,EACpB,SACA,aACA,WACA,oBACA,GAAG,gBACa;AAGhB,QACE,qBAHkB,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,oBAAC,WAAD,EAAA,UAAY,QAAQ,YAAY,EAAa,CAAA;GAC7C,oBAAC,cAAD;IAAc,OAAO;cAAqB;IAAuB,CAAA;GAChE,aACC,oBAAC,aAAD;IAAa,MAAK;IAAK,cAAW;IAAQ,OAAM;IAAQ,SAAS;cAC/D,oBAACA,SAAD,EAAS,CAAA;IACG,CAAA;GAEJ"}

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

@@ -1,2 +1,2 @@
-import { n as ToggleProps, t as Toggle } from "../../Toggle-BlvrM-Cw.mjs";
+import { n as ToggleProps, t as Toggle } from "../../Toggle-BIJoB1AA.mjs";
 export { Toggle, Toggle as default, ToggleProps };

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

@@ -1,4 +1,4 @@
-import { i as TooltipWithIconProps, n as Tooltip, r as TooltipStandardProps, t as FloatingTooltip } from "../../Tooltip-CysnLwST.mjs";
-import { t as HelperTooltip } from "../../HelperTooltip-BLfPfJRN.mjs";
-import { n as TextWithDashedUnderline, t as TextUnderlineTooltip } from "../../TextUnderlineTooltip-DV61avLv.mjs";
+import { i as TooltipWithIconProps, n as Tooltip, r as TooltipStandardProps, t as FloatingTooltip } from "../../Tooltip-CrpfAAfA.mjs";
+import { t as HelperTooltip } from "../../HelperTooltip-jHTdkLQq.mjs";
+import { n as TextWithDashedUnderline, t as TextUnderlineTooltip } from "../../TextUnderlineTooltip-CcyG4VkJ.mjs";
 export { FloatingTooltip, HelperTooltip, TextUnderlineTooltip, TextWithDashedUnderline, Tooltip, Tooltip as default, TooltipStandardProps, TooltipWithIconProps };

package/dist/components/VersionHistory/index.d.mts

@@ -1,3 +1,3 @@
-import { n as VersionHistoryItemProps, r as VersionHistoryStatus } from "../../VersionHistoryItem-Px3ylMMq.mjs";
+import { n as VersionHistoryItemProps, r as VersionHistoryStatus } from "../../VersionHistoryItem-Bo78T7y7.mjs";
 import { VersionHistory, VersionHistoryProps } from "../../VersionHistory.mjs";
 export { VersionHistory, VersionHistory as default, type VersionHistoryItemProps, type VersionHistoryProps, type VersionHistoryStatus };

package/dist/components/VersionHistory/index.mjs

@@ -7,9 +7,9 @@ import { n as Stack, t as HStack } from "../../Stack-Bzom2BTR.mjs";
 import { n as Button, t as IconButton } from "../../IconButton-DftINsp7.mjs";
 import { n as DropdownMenu_default } from "../../DropdownMenu-Q8S-9rXm.mjs";
 import { t as Spinner } from "../../Spinner-CXb-KUs1.mjs";
-import { i as Modal_default } from "../../Modal-92O_uW8H.mjs";
+import { i as Modal_default } from "../../Modal-BBlilB-B.mjs";
 import { t as TextAreaWithStyle } from "../../TextArea-Dro-HH8O.mjs";
-import { n as StatusIndicator } from "../../StatusIndicator-pWl1-FLb.mjs";
+import { n as StatusIndicator } from "../../StatusIndicator-Zf75KK3O.mjs";
 import { useCallback, useMemo, useState } from "react";
 import { Color, Spacing } from "@persona/design-tokens";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/VersionHistory/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Modal","TextArea","DropdownMenu"],"sources":["../../../src/components/VersionHistory/VersionHistoryItem.tsx","../../../src/components/VersionHistory/VersionHistory.tsx"],"sourcesContent":["import { type MouseEvent, useMemo, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { MoreIcon } from '@persona/icons';\nimport Button, { IconButton } from 'design-system/components/Button';\nimport DropdownMenu from 'design-system/components/DropdownMenu';\nimport Modal from 'design-system/components/Modal';\nimport Spinner from 'design-system/components/Spinner';\nimport { HStack, Stack } from 'design-system/components/Stack';\nimport StatusIndicator from 'design-system/components/StatusIndicator';\nimport { Paragraph } from 'design-system/components/Text';\nimport TextArea from 'design-system/components/TextArea';\nimport { semanticColor } from 'design-system/lib/semanticColor';\nimport { focusOutline } from 'design-system/mixins/focus';\n\nexport type VersionHistoryStatus = 'live' | 'saved' | 'unsaved' | 'published';\n\nexport type VersionHistoryItemProps = {\n  id: string;\n  title: string;\n  status: VersionHistoryStatus;\n  timestamp: string;\n  lastUpdater?: string;\n  description?: string;\n  compareLabel?: string;\n  restoreLabel?: string;\n  discardLabel?: string;\n  editDescriptionLabel?: string;\n  onRestore?: () => void;\n  onDiscard?: () => void | Promise<void>;\n  onCompare?: () => void;\n  onEditDescription?: (description: string) => void;\n};\n\nconst DEFAULT_COMPARE_LABEL = 'Compare to latest version';\nconst DEFAULT_RESTORE_LABEL = 'Restore';\nconst DEFAULT_DISCARD_LABEL = 'Discard';\nconst DEFAULT_EDIT_DESCRIPTION_LABEL = 'Edit description';\n\nexport const hasVersionHistoryItemActions = (item: VersionHistoryItemProps) =>\n  item.onCompare != null ||\n  item.onRestore != null ||\n  item.onDiscard != null ||\n  item.onEditDescription != null;\n\ntype VersionHistoryItemViewProps = VersionHistoryItemProps & {\n  isFirst: boolean;\n  isLast: boolean;\n  isSelected: boolean;\n  isLoadingVersion: boolean;\n  onSelect: () => void;\n  showActionSlot: boolean;\n};\n\n/** Timeline stroke; 3px is the rail weight from the source panel. */\nconst RAIL_THICKNESS = '3px';\n\nconst ACTION_SLOT_WIDTH = `calc(${Spacing[8]} + ${Spacing[4]})`;\n\nconst Row = styled.div<{ $withActionSlot: boolean }>`\n  display: grid;\n  grid-template-columns: ${({ $withActionSlot }) =>\n    $withActionSlot\n      ? `${Spacing[7]} minmax(0, 1fr) ${ACTION_SLOT_WIDTH}`\n      : `${Spacing[7]} minmax(0, 1fr)`};\n  cursor: pointer;\n  background-color: ${({ theme }) =>\n    semanticColor(theme, 'SurfacePrimary', Color.BackgroundPrimary)};\n  ${focusOutline}\n\n  &:hover:not([aria-current='true']) {\n    background-color: ${({ theme }) =>\n      semanticColor(theme, 'SurfaceHover', Color.BackgroundSecondary)};\n  }\n\n  &[aria-current='true'] {\n    background-color: ${({ theme }) =>\n      semanticColor(theme, 'SurfaceAccent', theme.color.background.highlight)};\n  }\n`;\n\nconst RailColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst RailSegment = styled.div<{ $selected: boolean }>`\n  width: 0;\n  border-left: ${RAIL_THICKNESS} solid\n    ${({ theme, $selected }) =>\n      $selected\n        ? semanticColor(theme, 'FgAccent', Color.TextActive)\n        : semanticColor(theme, 'BorderDefault', Color.BorderDivider)};\n  flex: 1;\n`;\n\nconst RailStart = styled.div`\n  height: ${Spacing[5]};\n  flex-shrink: 0;\n`;\n\nconst TimelineDot = styled.span<{ $selected: boolean }>`\n  width: ${Spacing[2]};\n  height: ${Spacing[2]};\n  border-radius: 50%;\n  flex-shrink: 0;\n  background-color: ${({ theme, $selected }) =>\n    $selected\n      ? semanticColor(theme, 'FgAccent', Color.TextActive)\n      : semanticColor(theme, 'BorderDefault', Color.BorderDivider)};\n`;\n\nconst BodyColumn = styled.div`\n  min-width: 0;\n  padding: ${Spacing[4]} 0;\n`;\n\nconst ActionsColumn = styled.div<{ $revealed: boolean }>`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  width: ${ACTION_SLOT_WIDTH};\n  padding: ${Spacing[4]} ${Spacing[4]} ${Spacing[4]} ${Spacing[2]};\n  box-sizing: border-box;\n\n  > * {\n    visibility: ${({ $revealed }) => ($revealed ? 'visible' : 'hidden')};\n  }\n\n  ${Row}:hover &,\n  ${Row}:focus-within & {\n    > * {\n      visibility: visible;\n    }\n  }\n`;\n\nconst StatusChip = ({ status }: { status: VersionHistoryStatus }) => {\n  const chip = useMemo(() => {\n    switch (status) {\n      case 'live':\n        return { label: 'Deployed', type: 'success' as const };\n      case 'unsaved':\n        return { label: 'Unsaved', type: 'critical' as const };\n      case 'saved':\n        return { label: 'Saved', type: 'feature' as const };\n      default:\n        return null;\n    }\n  }, [status]);\n\n  if (chip == null) {\n    return null;\n  }\n\n  return (\n    <StatusIndicator type={chip.type} showIcon={false}>\n      {chip.label}\n    </StatusIndicator>\n  );\n};\n\nconst VersionHistoryItem = ({\n  id,\n  title,\n  status,\n  timestamp,\n  lastUpdater,\n  description,\n  compareLabel = DEFAULT_COMPARE_LABEL,\n  restoreLabel = DEFAULT_RESTORE_LABEL,\n  discardLabel = DEFAULT_DISCARD_LABEL,\n  editDescriptionLabel = DEFAULT_EDIT_DESCRIPTION_LABEL,\n  onRestore,\n  onDiscard,\n  onCompare,\n  onEditDescription,\n  isFirst,\n  isLast,\n  isSelected,\n  isLoadingVersion,\n  onSelect,\n  showActionSlot,\n}: VersionHistoryItemViewProps) => {\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [isDiscardOpen, setIsDiscardOpen] = useState(false);\n  const [isDiscarding, setIsDiscarding] = useState(false);\n  const [isEditOpen, setIsEditOpen] = useState(false);\n  const [draftDescription, setDraftDescription] = useState(description ?? '');\n\n  const menuItems = [\n    onCompare != null && {\n      id: `${id}__compare`,\n      label: compareLabel,\n      variant: 'basic' as const,\n      onClick: onCompare,\n    },\n    onRestore != null && {\n      id: `${id}__restore`,\n      label: restoreLabel,\n      variant: 'basic' as const,\n      onClick: onRestore,\n    },\n    onDiscard != null && {\n      id: `${id}__discard`,\n      label: discardLabel,\n      variant: 'basic' as const,\n      onClick: () => setIsDiscardOpen(true),\n    },\n    onEditDescription != null && {\n      id: `${id}__edit-description`,\n      label: editDescriptionLabel,\n      variant: 'basic' as const,\n      onClick: () => {\n        setDraftDescription(description ?? '');\n        setIsEditOpen(true);\n      },\n    },\n  ].filter((item): item is Exclude<typeof item, false> => Boolean(item));\n\n  const stopRowClick = (event: MouseEvent) => {\n    event.stopPropagation();\n  };\n\n  const confirmDiscard = async () => {\n    setIsDiscarding(true);\n    try {\n      await onDiscard?.();\n      setIsDiscardOpen(false);\n    } catch {\n      // Keep the dialog open so the user can retry.\n    } finally {\n      setIsDiscarding(false);\n    }\n  };\n\n  const confirmEdit = () => {\n    onEditDescription?.(draftDescription);\n    setIsEditOpen(false);\n  };\n\n  return (\n    <>\n      <Modal\n        open={isDiscardOpen}\n        onOpenChange={setIsDiscardOpen}\n        isKeyboardDismissDisabled={isDiscarding}\n        contentProps={isDiscarding ? { showCloseButton: false } : undefined}\n        title='Discard draft?'\n        footer={\n          <>\n            <Button\n              variant='basic'\n              width='auto'\n              disabled={isDiscarding}\n              onClick={() => setIsDiscardOpen(false)}\n            >\n              Cancel\n            </Button>\n            <Button variant='danger' width='auto' isPending={isDiscarding} onClick={confirmDiscard}>\n              Discard\n            </Button>\n          </>\n        }\n      >\n        <Paragraph color='primary'>\n          All unpublished changes in this draft will be discarded. This action is permanent and\n          cannot be undone.\n        </Paragraph>\n      </Modal>\n      <Modal\n        open={isEditOpen}\n        onOpenChange={(open) => {\n          setIsEditOpen(open);\n          if (open) {\n            setDraftDescription(description ?? '');\n          }\n        }}\n        title='Edit description'\n        footer={\n          <>\n            <Button variant='basic' width='auto' onClick={() => setIsEditOpen(false)}>\n              Cancel\n            </Button>\n            <Button variant='primary' width='auto' onClick={confirmEdit}>\n              Confirm\n            </Button>\n          </>\n        }\n      >\n        <TextArea\n          autoFocus\n          value={draftDescription}\n          onChange={(event) => setDraftDescription(event.target.value)}\n          placeholder='No description'\n        />\n      </Modal>\n      <Row\n        role='listitem'\n        $withActionSlot={showActionSlot}\n        aria-current={isSelected || undefined}\n        aria-busy={isLoadingVersion || undefined}\n        tabIndex={0}\n        onClick={() => {\n          if (!isSelected) {\n            onSelect();\n          }\n        }}\n        onKeyDown={(event) => {\n          if (isSelected) {\n            return;\n          }\n          if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            onSelect();\n          }\n        }}\n      >\n        <RailColumn>\n          {isFirst ? <RailStart /> : <RailSegment $selected={isSelected} />}\n          <TimelineDot $selected={isSelected} />\n          {!isLast && <RailSegment $selected={isSelected} />}\n        </RailColumn>\n        <BodyColumn>\n          <Stack spacing={Spacing[1]}>\n            <HStack spacing={Spacing[2]} align='center'>\n              <Paragraph color='primary' as='span'>\n                {timestamp}\n              </Paragraph>\n              <StatusChip status={status} />\n              {isLoadingVersion && !showActionSlot && <Spinner srText='Version loading' />}\n            </HStack>\n            <HStack spacing={Spacing[1]} align='center'>\n              <Paragraph color='secondary' size='sm'>\n                {title}\n              </Paragraph>\n              {lastUpdater && (\n                <>\n                  <Paragraph color='secondary' size='sm'>\n                    &middot;\n                  </Paragraph>\n                  <Paragraph color='secondary' size='sm'>\n                    {lastUpdater}\n                  </Paragraph>\n                </>\n              )}\n            </HStack>\n            {description != null && description !== '' && (\n              <Paragraph color='secondary' size='sm'>\n                {description}\n              </Paragraph>\n            )}\n          </Stack>\n        </BodyColumn>\n        {showActionSlot && (\n          <ActionsColumn\n            $revealed={isLoadingVersion || isMenuOpen}\n            onClick={isLoadingVersion ? undefined : stopRowClick}\n          >\n            {isLoadingVersion ? (\n              <Spinner srText='Version loading' />\n            ) : (\n              menuItems.length > 0 && (\n                <DropdownMenu\n                  portal\n                  onOpenChange={setIsMenuOpen}\n                  trigger={\n                    <IconButton size='md' aria-label='More'>\n                      <MoreIcon />\n                    </IconButton>\n                  }\n                >\n                  {menuItems.map((item) => (\n                    <DropdownMenu.Item\n                      key={item.id}\n                      variant={item.variant}\n                      onClick={(event) => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        item.onClick?.();\n                      }}\n                    >\n                      {item.label}\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu>\n              )\n            )}\n          </ActionsColumn>\n        )}\n      </Row>\n    </>\n  );\n};\n\nexport default VersionHistoryItem;\n","import { useCallback, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { XIcon } from '@persona/icons';\nimport { IconButton } from 'design-system/components/Button';\nimport Spinner from 'design-system/components/Spinner';\nimport { HStack, Stack } from 'design-system/components/Stack';\nimport { Paragraph } from 'design-system/components/Text';\nimport { semanticColor } from 'design-system/lib/semanticColor';\nimport { semanticScrollbar } from 'design-system/mixins/scrollbar';\n\nimport VersionHistoryItem, {\n  hasVersionHistoryItemActions,\n  type VersionHistoryItemProps,\n} from './VersionHistoryItem';\n\nexport type { VersionHistoryItemProps, VersionHistoryStatus } from './VersionHistoryItem';\n\n/** Matches the redesigned dashboard panel width. */\nconst PANEL_WIDTH = '600px';\n\nexport type VersionHistoryProps = {\n  items: VersionHistoryItemProps[];\n  selectedVersionId: string;\n  onSelectVersion: (id: string) => void | Promise<void>;\n  onClose?: () => void;\n  loading?: boolean;\n  emptyText?: string;\n};\n\nconst Panel = styled.nav`\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  width: ${PANEL_WIDTH};\n  height: 100%;\n  overflow: hidden;\n  background-color: ${({ theme }) =>\n    semanticColor(theme, 'SurfacePrimary', Color.BackgroundPrimary)};\n  border-left: 1px solid\n    ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n`;\n\nconst Header = styled.div`\n  flex-shrink: 0;\n  padding: ${Spacing[3]} ${Spacing[5]};\n  border-bottom: 1px solid\n    ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n`;\n\nconst List = styled.div`\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ${semanticScrollbar}\n`;\n\nconst LoadingBody = styled.div`\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst VersionHistory = ({\n  items,\n  selectedVersionId,\n  onSelectVersion,\n  onClose,\n  loading = false,\n  emptyText = 'No versions yet. Save or publish your changes to create one.',\n}: VersionHistoryProps) => {\n  const [pendingVersionId, setPendingVersionId] = useState<string | null>(null);\n\n  const selectVersion = useCallback(\n    (versionId: string) => {\n      if (pendingVersionId != null) {\n        return;\n      }\n      const result = onSelectVersion(versionId);\n      if (result instanceof Promise) {\n        setPendingVersionId(versionId);\n        const clearPending = () => setPendingVersionId(null);\n        result.then(clearPending, clearPending);\n      }\n    },\n    [onSelectVersion, pendingVersionId],\n  );\n\n  const showActionSlot = items.some(hasVersionHistoryItemActions);\n\n  return (\n    <Panel aria-label='Version History'>\n      <Header>\n        <HStack justify='space-between' align='center' spacing={Spacing[2]}>\n          <Paragraph as='h3' size='lg' weight='bold' color='primary'>\n            Version History\n          </Paragraph>\n          {onClose != null && (\n            <IconButton size='md' aria-label='Close' onClick={onClose}>\n              <XIcon />\n            </IconButton>\n          )}\n        </HStack>\n      </Header>\n      {loading ? (\n        <LoadingBody>\n          <Spinner size='md' srText='Loading versions...' />\n        </LoadingBody>\n      ) : items.length === 0 ? (\n        <Stack spacing={Spacing[3]} style={{ padding: Spacing[5] }}>\n          <Paragraph color='secondary'>{emptyText}</Paragraph>\n        </Stack>\n      ) : (\n        <List role='list' aria-label='Version history'>\n          {items.map((item, index) => (\n            <VersionHistoryItem\n              key={item.id}\n              {...item}\n              isFirst={index === 0}\n              isLast={index === items.length - 1}\n              isSelected={item.id === (pendingVersionId ?? selectedVersionId)}\n              isLoadingVersion={item.id === pendingVersionId}\n              showActionSlot={showActionSlot}\n              onSelect={() => selectVersion(item.id)}\n            />\n          ))}\n        </List>\n      )}\n    </Panel>\n  );\n};\n\nexport { VersionHistory };\nexport default VersionHistory;\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["Modal","TextArea","DropdownMenu"],"sources":["../../../src/components/VersionHistory/VersionHistoryItem.tsx","../../../src/components/VersionHistory/VersionHistory.tsx"],"sourcesContent":["import { type MouseEvent, useMemo, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { MoreIcon } from '@persona/icons';\n\nimport Button, { IconButton } from '#src/components/Button';\nimport DropdownMenu from '#src/components/DropdownMenu';\nimport Modal from '#src/components/Modal';\nimport Spinner from '#src/components/Spinner';\nimport { HStack, Stack } from '#src/components/Stack';\nimport StatusIndicator from '#src/components/StatusIndicator';\nimport { Paragraph } from '#src/components/Text';\nimport TextArea from '#src/components/TextArea';\nimport { semanticColor } from '#src/lib/semanticColor';\nimport { focusOutline } from '#src/mixins/focus';\n\nexport type VersionHistoryStatus = 'live' | 'saved' | 'unsaved' | 'published';\n\nexport type VersionHistoryItemProps = {\n  id: string;\n  title: string;\n  status: VersionHistoryStatus;\n  timestamp: string;\n  lastUpdater?: string;\n  description?: string;\n  compareLabel?: string;\n  restoreLabel?: string;\n  discardLabel?: string;\n  editDescriptionLabel?: string;\n  onRestore?: () => void;\n  onDiscard?: () => void | Promise<void>;\n  onCompare?: () => void;\n  onEditDescription?: (description: string) => void;\n};\n\nconst DEFAULT_COMPARE_LABEL = 'Compare to latest version';\nconst DEFAULT_RESTORE_LABEL = 'Restore';\nconst DEFAULT_DISCARD_LABEL = 'Discard';\nconst DEFAULT_EDIT_DESCRIPTION_LABEL = 'Edit description';\n\nexport const hasVersionHistoryItemActions = (item: VersionHistoryItemProps) =>\n  item.onCompare != null ||\n  item.onRestore != null ||\n  item.onDiscard != null ||\n  item.onEditDescription != null;\n\ntype VersionHistoryItemViewProps = VersionHistoryItemProps & {\n  isFirst: boolean;\n  isLast: boolean;\n  isSelected: boolean;\n  isLoadingVersion: boolean;\n  onSelect: () => void;\n  showActionSlot: boolean;\n};\n\n/** Timeline stroke; 3px is the rail weight from the source panel. */\nconst RAIL_THICKNESS = '3px';\n\nconst ACTION_SLOT_WIDTH = `calc(${Spacing[8]} + ${Spacing[4]})`;\n\nconst Row = styled.div<{ $withActionSlot: boolean }>`\n  display: grid;\n  grid-template-columns: ${({ $withActionSlot }) =>\n    $withActionSlot\n      ? `${Spacing[7]} minmax(0, 1fr) ${ACTION_SLOT_WIDTH}`\n      : `${Spacing[7]} minmax(0, 1fr)`};\n  cursor: pointer;\n  background-color: ${({ theme }) =>\n    semanticColor(theme, 'SurfacePrimary', Color.BackgroundPrimary)};\n  ${focusOutline}\n\n  &:hover:not([aria-current='true']) {\n    background-color: ${({ theme }) =>\n      semanticColor(theme, 'SurfaceHover', Color.BackgroundSecondary)};\n  }\n\n  &[aria-current='true'] {\n    background-color: ${({ theme }) =>\n      semanticColor(theme, 'SurfaceAccent', theme.color.background.highlight)};\n  }\n`;\n\nconst RailColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst RailSegment = styled.div<{ $selected: boolean }>`\n  width: 0;\n  border-left: ${RAIL_THICKNESS} solid\n    ${({ theme, $selected }) =>\n      $selected\n        ? semanticColor(theme, 'FgAccent', Color.TextActive)\n        : semanticColor(theme, 'BorderDefault', Color.BorderDivider)};\n  flex: 1;\n`;\n\nconst RailStart = styled.div`\n  height: ${Spacing[5]};\n  flex-shrink: 0;\n`;\n\nconst TimelineDot = styled.span<{ $selected: boolean }>`\n  width: ${Spacing[2]};\n  height: ${Spacing[2]};\n  border-radius: 50%;\n  flex-shrink: 0;\n  background-color: ${({ theme, $selected }) =>\n    $selected\n      ? semanticColor(theme, 'FgAccent', Color.TextActive)\n      : semanticColor(theme, 'BorderDefault', Color.BorderDivider)};\n`;\n\nconst BodyColumn = styled.div`\n  min-width: 0;\n  padding: ${Spacing[4]} 0;\n`;\n\nconst ActionsColumn = styled.div<{ $revealed: boolean }>`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  width: ${ACTION_SLOT_WIDTH};\n  padding: ${Spacing[4]} ${Spacing[4]} ${Spacing[4]} ${Spacing[2]};\n  box-sizing: border-box;\n\n  > * {\n    visibility: ${({ $revealed }) => ($revealed ? 'visible' : 'hidden')};\n  }\n\n  ${Row}:hover &,\n  ${Row}:focus-within & {\n    > * {\n      visibility: visible;\n    }\n  }\n`;\n\nconst StatusChip = ({ status }: { status: VersionHistoryStatus }) => {\n  const chip = useMemo(() => {\n    switch (status) {\n      case 'live':\n        return { label: 'Deployed', type: 'success' as const };\n      case 'unsaved':\n        return { label: 'Unsaved', type: 'critical' as const };\n      case 'saved':\n        return { label: 'Saved', type: 'feature' as const };\n      default:\n        return null;\n    }\n  }, [status]);\n\n  if (chip == null) {\n    return null;\n  }\n\n  return (\n    <StatusIndicator type={chip.type} showIcon={false}>\n      {chip.label}\n    </StatusIndicator>\n  );\n};\n\nconst VersionHistoryItem = ({\n  id,\n  title,\n  status,\n  timestamp,\n  lastUpdater,\n  description,\n  compareLabel = DEFAULT_COMPARE_LABEL,\n  restoreLabel = DEFAULT_RESTORE_LABEL,\n  discardLabel = DEFAULT_DISCARD_LABEL,\n  editDescriptionLabel = DEFAULT_EDIT_DESCRIPTION_LABEL,\n  onRestore,\n  onDiscard,\n  onCompare,\n  onEditDescription,\n  isFirst,\n  isLast,\n  isSelected,\n  isLoadingVersion,\n  onSelect,\n  showActionSlot,\n}: VersionHistoryItemViewProps) => {\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [isDiscardOpen, setIsDiscardOpen] = useState(false);\n  const [isDiscarding, setIsDiscarding] = useState(false);\n  const [isEditOpen, setIsEditOpen] = useState(false);\n  const [draftDescription, setDraftDescription] = useState(description ?? '');\n\n  const menuItems = [\n    onCompare != null && {\n      id: `${id}__compare`,\n      label: compareLabel,\n      variant: 'basic' as const,\n      onClick: onCompare,\n    },\n    onRestore != null && {\n      id: `${id}__restore`,\n      label: restoreLabel,\n      variant: 'basic' as const,\n      onClick: onRestore,\n    },\n    onDiscard != null && {\n      id: `${id}__discard`,\n      label: discardLabel,\n      variant: 'basic' as const,\n      onClick: () => setIsDiscardOpen(true),\n    },\n    onEditDescription != null && {\n      id: `${id}__edit-description`,\n      label: editDescriptionLabel,\n      variant: 'basic' as const,\n      onClick: () => {\n        setDraftDescription(description ?? '');\n        setIsEditOpen(true);\n      },\n    },\n  ].filter((item): item is Exclude<typeof item, false> => Boolean(item));\n\n  const stopRowClick = (event: MouseEvent) => {\n    event.stopPropagation();\n  };\n\n  const confirmDiscard = async () => {\n    setIsDiscarding(true);\n    try {\n      await onDiscard?.();\n      setIsDiscardOpen(false);\n    } catch {\n      // Keep the dialog open so the user can retry.\n    } finally {\n      setIsDiscarding(false);\n    }\n  };\n\n  const confirmEdit = () => {\n    onEditDescription?.(draftDescription);\n    setIsEditOpen(false);\n  };\n\n  return (\n    <>\n      <Modal\n        open={isDiscardOpen}\n        onOpenChange={setIsDiscardOpen}\n        isKeyboardDismissDisabled={isDiscarding}\n        contentProps={isDiscarding ? { showCloseButton: false } : undefined}\n        title='Discard draft?'\n        footer={\n          <>\n            <Button\n              variant='basic'\n              width='auto'\n              disabled={isDiscarding}\n              onClick={() => setIsDiscardOpen(false)}\n            >\n              Cancel\n            </Button>\n            <Button variant='danger' width='auto' isPending={isDiscarding} onClick={confirmDiscard}>\n              Discard\n            </Button>\n          </>\n        }\n      >\n        <Paragraph color='primary'>\n          All unpublished changes in this draft will be discarded. This action is permanent and\n          cannot be undone.\n        </Paragraph>\n      </Modal>\n      <Modal\n        open={isEditOpen}\n        onOpenChange={(open) => {\n          setIsEditOpen(open);\n          if (open) {\n            setDraftDescription(description ?? '');\n          }\n        }}\n        title='Edit description'\n        footer={\n          <>\n            <Button variant='basic' width='auto' onClick={() => setIsEditOpen(false)}>\n              Cancel\n            </Button>\n            <Button variant='primary' width='auto' onClick={confirmEdit}>\n              Confirm\n            </Button>\n          </>\n        }\n      >\n        <TextArea\n          autoFocus\n          value={draftDescription}\n          onChange={(event) => setDraftDescription(event.target.value)}\n          placeholder='No description'\n        />\n      </Modal>\n      <Row\n        role='listitem'\n        $withActionSlot={showActionSlot}\n        aria-current={isSelected || undefined}\n        aria-busy={isLoadingVersion || undefined}\n        tabIndex={0}\n        onClick={() => {\n          if (!isSelected) {\n            onSelect();\n          }\n        }}\n        onKeyDown={(event) => {\n          if (isSelected) {\n            return;\n          }\n          if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            onSelect();\n          }\n        }}\n      >\n        <RailColumn>\n          {isFirst ? <RailStart /> : <RailSegment $selected={isSelected} />}\n          <TimelineDot $selected={isSelected} />\n          {!isLast && <RailSegment $selected={isSelected} />}\n        </RailColumn>\n        <BodyColumn>\n          <Stack spacing={Spacing[1]}>\n            <HStack spacing={Spacing[2]} align='center'>\n              <Paragraph color='primary' as='span'>\n                {timestamp}\n              </Paragraph>\n              <StatusChip status={status} />\n              {isLoadingVersion && !showActionSlot && <Spinner srText='Version loading' />}\n            </HStack>\n            <HStack spacing={Spacing[1]} align='center'>\n              <Paragraph color='secondary' size='sm'>\n                {title}\n              </Paragraph>\n              {lastUpdater && (\n                <>\n                  <Paragraph color='secondary' size='sm'>\n                    &middot;\n                  </Paragraph>\n                  <Paragraph color='secondary' size='sm'>\n                    {lastUpdater}\n                  </Paragraph>\n                </>\n              )}\n            </HStack>\n            {description != null && description !== '' && (\n              <Paragraph color='secondary' size='sm'>\n                {description}\n              </Paragraph>\n            )}\n          </Stack>\n        </BodyColumn>\n        {showActionSlot && (\n          <ActionsColumn\n            $revealed={isLoadingVersion || isMenuOpen}\n            onClick={isLoadingVersion ? undefined : stopRowClick}\n          >\n            {isLoadingVersion ? (\n              <Spinner srText='Version loading' />\n            ) : (\n              menuItems.length > 0 && (\n                <DropdownMenu\n                  portal\n                  onOpenChange={setIsMenuOpen}\n                  trigger={\n                    <IconButton size='md' aria-label='More'>\n                      <MoreIcon />\n                    </IconButton>\n                  }\n                >\n                  {menuItems.map((item) => (\n                    <DropdownMenu.Item\n                      key={item.id}\n                      variant={item.variant}\n                      onClick={(event) => {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        item.onClick?.();\n                      }}\n                    >\n                      {item.label}\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu>\n              )\n            )}\n          </ActionsColumn>\n        )}\n      </Row>\n    </>\n  );\n};\n\nexport default VersionHistoryItem;\n","import { useCallback, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { XIcon } from '@persona/icons';\n\nimport { IconButton } from '#src/components/Button';\nimport Spinner from '#src/components/Spinner';\nimport { HStack, Stack } from '#src/components/Stack';\nimport { Paragraph } from '#src/components/Text';\nimport { semanticColor } from '#src/lib/semanticColor';\nimport { semanticScrollbar } from '#src/mixins/scrollbar';\n\nimport VersionHistoryItem, {\n  hasVersionHistoryItemActions,\n  type VersionHistoryItemProps,\n} from './VersionHistoryItem';\n\nexport type { VersionHistoryItemProps, VersionHistoryStatus } from './VersionHistoryItem';\n\n/** Matches the redesigned dashboard panel width. */\nconst PANEL_WIDTH = '600px';\n\nexport type VersionHistoryProps = {\n  items: VersionHistoryItemProps[];\n  selectedVersionId: string;\n  onSelectVersion: (id: string) => void | Promise<void>;\n  onClose?: () => void;\n  loading?: boolean;\n  emptyText?: string;\n};\n\nconst Panel = styled.nav`\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  width: ${PANEL_WIDTH};\n  height: 100%;\n  overflow: hidden;\n  background-color: ${({ theme }) =>\n    semanticColor(theme, 'SurfacePrimary', Color.BackgroundPrimary)};\n  border-left: 1px solid\n    ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n`;\n\nconst Header = styled.div`\n  flex-shrink: 0;\n  padding: ${Spacing[3]} ${Spacing[5]};\n  border-bottom: 1px solid\n    ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n`;\n\nconst List = styled.div`\n  flex: 1;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ${semanticScrollbar}\n`;\n\nconst LoadingBody = styled.div`\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst VersionHistory = ({\n  items,\n  selectedVersionId,\n  onSelectVersion,\n  onClose,\n  loading = false,\n  emptyText = 'No versions yet. Save or publish your changes to create one.',\n}: VersionHistoryProps) => {\n  const [pendingVersionId, setPendingVersionId] = useState<string | null>(null);\n\n  const selectVersion = useCallback(\n    (versionId: string) => {\n      if (pendingVersionId != null) {\n        return;\n      }\n      const result = onSelectVersion(versionId);\n      if (result instanceof Promise) {\n        setPendingVersionId(versionId);\n        const clearPending = () => setPendingVersionId(null);\n        result.then(clearPending, clearPending);\n      }\n    },\n    [onSelectVersion, pendingVersionId],\n  );\n\n  const showActionSlot = items.some(hasVersionHistoryItemActions);\n\n  return (\n    <Panel aria-label='Version History'>\n      <Header>\n        <HStack justify='space-between' align='center' spacing={Spacing[2]}>\n          <Paragraph as='h3' size='lg' weight='bold' color='primary'>\n            Version History\n          </Paragraph>\n          {onClose != null && (\n            <IconButton size='md' aria-label='Close' onClick={onClose}>\n              <XIcon />\n            </IconButton>\n          )}\n        </HStack>\n      </Header>\n      {loading ? (\n        <LoadingBody>\n          <Spinner size='md' srText='Loading versions...' />\n        </LoadingBody>\n      ) : items.length === 0 ? (\n        <Stack spacing={Spacing[3]} style={{ padding: Spacing[5] }}>\n          <Paragraph color='secondary'>{emptyText}</Paragraph>\n        </Stack>\n      ) : (\n        <List role='list' aria-label='Version history'>\n          {items.map((item, index) => (\n            <VersionHistoryItem\n              key={item.id}\n              {...item}\n              isFirst={index === 0}\n              isLast={index === items.length - 1}\n              isSelected={item.id === (pendingVersionId ?? selectedVersionId)}\n              isLoadingVersion={item.id === pendingVersionId}\n              showActionSlot={showActionSlot}\n              onSelect={() => selectVersion(item.id)}\n            />\n          ))}\n        </List>\n      )}\n    </Panel>\n  );\n};\n\nexport { VersionHistory };\nexport default VersionHistory;\n"],"mappings":"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"}

package/dist/compound-expression.d.mts

@@ -1,4 +1,4 @@
-import { n as CompoundExpression, u as FilterRule } from "./types-DbOD5vE_.mjs";
+import { n as CompoundExpression, u as FilterRule } from "./types-K57NVM0M.mjs";
 
 //#region src/components/DataTable/TableControls/FiltersV2/AdvancedFilterRulesPopover/compound-expression.d.ts
 declare function addRuleToGroup(compound: CompoundExpression, groupIndex: number, rule: FilterRule): CompoundExpression;

package/dist/{constants-CW1DRgwi.d.mts → constants-B2NIZBD6.d.mts}

@@ -3,4 +3,4 @@ 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-CW1DRgwi.d.mts.map
+//# sourceMappingURL=constants-B2NIZBD6.d.mts.map

package/dist/{constants-D1hoZ5LO.d.mts → constants-ChVceduh.d.mts}

@@ -7,4 +7,4 @@ declare function getColumnWidths(compact?: boolean): {
 };
 //#endregion
 export { getColumnWidths as t };
-//# sourceMappingURL=constants-D1hoZ5LO.d.mts.map
+//# sourceMappingURL=constants-ChVceduh.d.mts.map

package/dist/constants.d.mts

@@ -1,2 +1,2 @@
-import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "./constants-CW1DRgwi.mjs";
+import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "./constants-B2NIZBD6.mjs";
 export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE };

package/dist/constants2.d.mts

@@ -1,2 +1,2 @@
-import { t as getColumnWidths } from "./constants-D1hoZ5LO.mjs";
+import { t as getColumnWidths } from "./constants-ChVceduh.mjs";
 export { getColumnWidths };

package/dist/{createPath-C4ZFkt93.d.mts → createPath-D_opTH9A.d.mts}

@@ -1,7 +1,7 @@
-import { i as To } from "./types-Dhz6VMKx.mjs";
+import { i as To } from "./types-B5RbKp2V.mjs";
 
 //#region src/lib/router/createPath.d.ts
 declare function createPath(to: To): string;
 //#endregion
 export { createPath as t };
-//# sourceMappingURL=createPath-C4ZFkt93.d.mts.map
+//# sourceMappingURL=createPath-D_opTH9A.d.mts.map

package/dist/createPath.d.mts

@@ -1,2 +1,2 @@
-import { t as createPath } from "./createPath-C4ZFkt93.mjs";
+import { t as createPath } from "./createPath-D_opTH9A.mjs";
 export { createPath };

package/dist/{date-range-rule-value-CrVBpQcf.d.mts → date-range-rule-value-3izEoXmi.d.mts}

@@ -1,4 +1,4 @@
-import { c as FilterFieldType, r as DateRangeFilterValue, u as FilterRule } from "./types-DbOD5vE_.mjs";
+import { c as FilterFieldType, r as DateRangeFilterValue, u as FilterRule } from "./types-K57NVM0M.mjs";
 
 //#region src/components/DataTable/TableControls/FiltersV2/date-range-rule-value.d.ts
 /**
@@ -14,4 +14,4 @@ import { c as FilterFieldType, r as DateRangeFilterValue, u as FilterRule } from
 declare function resolveDateRangeRuleValue(rule: Pick<FilterRule, 'operator' | 'relativeDate' | 'value'>, fieldType?: FilterFieldType): DateRangeFilterValue | null;
 //#endregion
 export { resolveDateRangeRuleValue as t };
-//# sourceMappingURL=date-range-rule-value-CrVBpQcf.d.mts.map
+//# sourceMappingURL=date-range-rule-value-3izEoXmi.d.mts.map

package/dist/date-range-rule-value.d.mts

@@ -1,2 +1,2 @@
-import { t as resolveDateRangeRuleValue } from "./date-range-rule-value-CrVBpQcf.mjs";
+import { t as resolveDateRangeRuleValue } from "./date-range-rule-value-3izEoXmi.mjs";
 export { resolveDateRangeRuleValue };

package/dist/{date-rule-intent-C1aptAoX.d.mts → date-rule-intent-DjYIGcGO.d.mts}

@@ -1,5 +1,5 @@
-import { a as DateFilterPreset } from "./types-rDQg74j-.mjs";
-import { t as DateFilterChange } from "./DateRangePicker-Nv4uNuIW.mjs";
+import { a as DateFilterPreset } from "./types-FG-jOit9.mjs";
+import { t as DateFilterChange } from "./DateRangePicker-fq-_pFpg.mjs";
 import { DateValue } from "@internationalized/date";
 import { RangeValue } from "@react-types/shared";
 
@@ -17,4 +17,4 @@ type DateRuleIntent = {
 declare function dateRuleIntent(change: DateFilterChange, writesEnabled: boolean): DateRuleIntent;
 //#endregion
 export { dateRuleIntent as t };
-//# sourceMappingURL=date-rule-intent-C1aptAoX.d.mts.map
+//# sourceMappingURL=date-rule-intent-DjYIGcGO.d.mts.map

package/dist/date-rule-intent.d.mts

@@ -1,2 +1,2 @@
-import { t as dateRuleIntent } from "./date-rule-intent-C1aptAoX.mjs";
+import { t as dateRuleIntent } from "./date-rule-intent-DjYIGcGO.mjs";
 export { dateRuleIntent };

package/dist/display.d.mts

@@ -1,5 +1,5 @@
-import { c as FilterFieldType, d as FilterRuleValue, l as FilterOperator, o as FilterField, u as FilterRule } from "./types-DbOD5vE_.mjs";
-import { i as CommonStrings } from "./strings-CK9n6b65.mjs";
+import { c as FilterFieldType, d as FilterRuleValue, l as FilterOperator, o as FilterField, u as FilterRule } from "./types-K57NVM0M.mjs";
+import { i as CommonStrings } from "./strings-T-gsdqiJ.mjs";
 //#region src/components/DataTable/TableControls/FiltersV2/AdvancedFilterRulesPopover/display.d.ts
 interface ValueDisplayOptions {
   /** `PDSProvider` locale for date values; English format when omitted. */

package/dist/fieldPickerOptions.d.mts

@@ -1,5 +1,5 @@
-import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-D2rDQHYZ.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-a44G08fS.mjs";
+import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-1Xy4pnRV.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-CPr7YoG5.mjs";
 
 //#region src/components/DataTable/TableControls/FiltersV2/fieldPickerOptions.d.ts
 declare const FIELDS_SUBMENU_LABEL = "Fields";

package/dist/{filter-size-context-CbT4pi3S.d.mts → filter-size-context-BcpjykVw.d.mts}

@@ -1,4 +1,4 @@
-import { p as FilterSize } from "./types-DbOD5vE_.mjs";
+import { p as FilterSize } from "./types-K57NVM0M.mjs";
 import * as _$react from "react";
 
 //#region src/components/DataTable/TableControls/FiltersV2/filter-size-context.d.ts
@@ -49,4 +49,4 @@ declare const FILTER_SIZE_TOKENS: Record<FilterSize, FilterSizeTokens>;
 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-CbT4pi3S.d.mts.map
+//# sourceMappingURL=filter-size-context-BcpjykVw.d.mts.map

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

@@ -1,2 +1,2 @@
-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-CbT4pi3S.mjs";
+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-BcpjykVw.mjs";
 export { FILTER_SIZE_TOKENS, FilterBarContext, FilterBarContextValue, FilterSizeTokens, useFilterBarSize, useFilterSizeTokens };

package/dist/{filters-DjXkx8GJ.d.mts → filters-DUI7TLSn.d.mts}

@@ -1,4 +1,4 @@
-import { i as BaseFilterConfig, l as FilterTypeDefinition, t as ActiveFilter, u as FilterTypeResolver } from "./types-CayYd8EX.mjs";
+import { i as BaseFilterConfig, l as FilterTypeDefinition, t as ActiveFilter, u as FilterTypeResolver } from "./types-BiRayNak.mjs";
 import { ComponentProps } from "react";
 import * as _$styled_components0 from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
@@ -19,4 +19,4 @@ declare const Filters: <TFilter extends BaseFilterConfig>({
 }) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { resolveFilterTypeDefinition as a, isFilterActive as i, FiltersContainer as n, synchronizeActiveFilters as o, getActiveFilters as r, Filters as t };
-//# sourceMappingURL=filters-DjXkx8GJ.d.mts.map
+//# sourceMappingURL=filters-DUI7TLSn.d.mts.map

package/dist/filters.d.mts

@@ -1,2 +1,2 @@
-import { a as resolveFilterTypeDefinition, i as isFilterActive, n as FiltersContainer, o as synchronizeActiveFilters, r as getActiveFilters, t as Filters } from "./filters-DjXkx8GJ.mjs";
+import { a as resolveFilterTypeDefinition, i as isFilterActive, n as FiltersContainer, o as synchronizeActiveFilters, r as getActiveFilters, t as Filters } from "./filters-DUI7TLSn.mjs";
 export { Filters, FiltersContainer, getActiveFilters, isFilterActive, resolveFilterTypeDefinition, synchronizeActiveFilters };

package/dist/{formatDateTime-BikGGrvq.d.mts → formatDateTime-CgQvW3A5.d.mts}

@@ -27,4 +27,4 @@ declare function formatDateTime(dateTime: DateTime, options?: FormatDateTimeOpti
 declare function formatTimeZoneName(dateTime: DateTime, locale?: string): string;
 //#endregion
 export { formatDateTime as a, formatDate as i, LEGACY_DATETIME_FORMAT as n, formatTimeZoneName as o, LEGACY_DATE_FORMAT as r, usesLegacyDateFormat as s, FormatDateTimeOptions as t };
-//# sourceMappingURL=formatDateTime-BikGGrvq.d.mts.map
+//# sourceMappingURL=formatDateTime-CgQvW3A5.d.mts.map

package/dist/formatDateTime.d.mts

@@ -1,2 +1,2 @@
-import { a as formatDateTime, i as formatDate, n as LEGACY_DATETIME_FORMAT, o as formatTimeZoneName, r as LEGACY_DATE_FORMAT, s as usesLegacyDateFormat, t as FormatDateTimeOptions } from "./formatDateTime-BikGGrvq.mjs";
+import { a as formatDateTime, i as formatDate, n as LEGACY_DATETIME_FORMAT, o as formatTimeZoneName, r as LEGACY_DATE_FORMAT, s as usesLegacyDateFormat, t as FormatDateTimeOptions } from "./formatDateTime-CgQvW3A5.mjs";
 export { FormatDateTimeOptions, LEGACY_DATETIME_FORMAT, LEGACY_DATE_FORMAT, formatDate, formatDateTime, formatTimeZoneName, usesLegacyDateFormat };

package/dist/{helpers-CdxEL7ri.d.mts → helpers-CDZ7Zk9G.d.mts}

@@ -1,6 +1,6 @@
-import { n as CheckboxProps } from "./Checkbox-ZywrdT_h.mjs";
-import { i as CommonStrings } from "./strings-CK9n6b65.mjs";
-import { S as RenderValueStickerFormatConfig, b as DatetimeConfig, d as DataTableColumnImageFormat, h as DataTableColumnStringFormat, l as DataTableColumnFormat, p as DataTableColumnPiiFormat, y as DateConfig } from "./types-DJobO07d.mjs";
+import { n as CheckboxProps } from "./Checkbox-EgYclGfH.mjs";
+import { i as CommonStrings } from "./strings-T-gsdqiJ.mjs";
+import { S as RenderValueStickerFormatConfig, b as DatetimeConfig, d as DataTableColumnImageFormat, h as DataTableColumnStringFormat, l as DataTableColumnFormat, p as DataTableColumnPiiFormat, y as DateConfig } from "./types-C31ecr0j.mjs";
 import { ReactNode } from "react";
 
 //#region src/components/DataTable/helpers.d.ts
@@ -87,4 +87,4 @@ declare const renderAsLightweightImage: (value: unknown, config?: DataTableColum
 declare const renderAsPDSFormat: <TData = unknown>(value: unknown, format?: DataTableColumnFormat<TData>, row?: TData, options?: PDSFormatOptions) => string | ReactNode;
 //#endregion
 export { renderAsDate as a, renderAsNumber as c, renderAsSticker as d, renderAsString as f, renderAsCopyableString as i, renderAsPDSFormat as l, renderAsCheckbox as n, renderAsDatetime as o, renderAsURL as p, renderAsCheckboxHeader as r, renderAsLightweightImage as s, PDSFormatOptions as t, renderAsPii as u };
-//# sourceMappingURL=helpers-CdxEL7ri.d.mts.map
+//# sourceMappingURL=helpers-CDZ7Zk9G.d.mts.map

package/dist/helpers.d.mts

@@ -1,2 +1,2 @@
-import { a as renderAsDate, c as renderAsNumber, d as renderAsSticker, f as renderAsString, i as renderAsCopyableString, l as renderAsPDSFormat, n as renderAsCheckbox, o as renderAsDatetime, p as renderAsURL, r as renderAsCheckboxHeader, s as renderAsLightweightImage, t as PDSFormatOptions, u as renderAsPii } from "./helpers-CdxEL7ri.mjs";
+import { a as renderAsDate, c as renderAsNumber, d as renderAsSticker, f as renderAsString, i as renderAsCopyableString, l as renderAsPDSFormat, n as renderAsCheckbox, o as renderAsDatetime, p as renderAsURL, r as renderAsCheckboxHeader, s as renderAsLightweightImage, t as PDSFormatOptions, u as renderAsPii } from "./helpers-CDZ7Zk9G.mjs";
 export { PDSFormatOptions, renderAsCheckbox, renderAsCheckboxHeader, renderAsCopyableString, renderAsDate, renderAsDatetime, renderAsLightweightImage, renderAsNumber, renderAsPDSFormat, renderAsPii, renderAsSticker, renderAsString, renderAsURL };

package/dist/{i18n-BLyCaSdJ.mjs → i18n-DaOKaFc2.mjs}

@@ -20,6 +20,7 @@ const DEFAULT_COMMON_STRINGS = {
 	showingItems: (firstItem, lastItem, totalItems) => `Showing ${firstItem}-${lastItem} of ${totalItems} items`,
 	pageCount: (_currentPage, totalPages) => `of ${totalPages} pages`,
 	many: "many",
+	atLeast: (count) => `${count}+`,
 	goToPageNumber: "Go to page number",
 	previousPage: "Previous page",
 	nextPage: "Next page",
@@ -126,7 +127,8 @@ const DEFAULT_COMMON_STRINGS = {
 	operatorLessThanOrEqual: "≤",
 	operatorIsEqualTo: "is equal to",
 	operatorIsGreaterThan: "is greater than",
-	operatorIsLessThan: "is less than"
+	operatorIsLessThan: "is less than",
+	errorCount: (count) => `${count} error${Number(count) === 1 ? "" : "s"}`
 };
 /**
 * Layer `overrides` on top of `base`. A value only replaces the base entry when it has the same
@@ -221,4 +223,4 @@ function formatTimeZoneName(dateTime, locale) {
 //#endregion
 export { formatTimeZoneName as a, usePDSLocale as c, resolveCommonStrings as d, formatDateTime as i, usePDSStrings as l, LEGACY_DATE_FORMAT as n, usesLegacyDateFormat as o, formatDate as r, PDSI18nProvider as s, LEGACY_DATETIME_FORMAT as t, DEFAULT_COMMON_STRINGS as u };
 
-//# sourceMappingURL=i18n-BLyCaSdJ.mjs.map
+//# sourceMappingURL=i18n-DaOKaFc2.mjs.map

package/dist/i18n-DaOKaFc2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n-DaOKaFc2.mjs","names":[],"sources":["../src/lib/i18n/strings.ts","../src/lib/i18n/I18nContext.tsx","../src/lib/i18n/formatDateTime.ts"],"sourcesContent":["/**\n * Built-in, user-visible copy rendered by PDS components.\n *\n * Every key has an English default in `DEFAULT_COMMON_STRINGS`. Hosts translate by passing\n * overrides to `PDSProvider`'s `strings` prop; any key they omit keeps its English default.\n * Function-valued keys take the interpolated values (counts, names, labels) as arguments.\n *\n * Key names line up with the `CommonStringOverrides` tables that\n * `@persona-id/persona-dashboard-app` ships (`useCommonStrings()`), so a dashboard can pass\n * those tables straight through.\n */\ntype Arg = string | number;\n\nexport interface CommonStrings {\n  // --- Modal ------------------------------------------------------------------------------\n  closeModal: string;\n\n  // --- DataTable --------------------------------------------------------------------------\n  noResults: string;\n  noResultsTryFilters: string;\n  noColumnsConfigured: string;\n  selectAll: string;\n  selectAllOf: (header: Arg) => string;\n  selectRow: (rowId: Arg) => string;\n  selectRowForColumn: (columnHeader: Arg, rowId: Arg) => string;\n  clearSelection: string;\n  selectedItems: (count: Arg) => string;\n  noImage: string;\n  viewRowActions: (rowNumber: Arg) => string;\n\n  // --- Pagination -------------------------------------------------------------------------\n  pagination: string;\n  itemsPerPage: string;\n  showingItems: (firstItem: Arg, lastItem: Arg, totalItems: Arg) => string;\n  /**\n   * Totals phrase rendered right after the current page (the go-to-page input, or the page number\n   * as text), e.g. `of 3 pages` in `[1] of 3 pages`. Return only that phrase: the current page is\n   * already on screen, so do not interpolate `currentPage` into the result. It is passed only for\n   * languages whose wording depends on it. `totalPages` is `many` when the total is unknown.\n   */\n  pageCount: (currentPage: Arg, totalPages: Arg) => string;\n  /** Stands in for an unknown total (\"of many pages\") when the server only knows a lower bound. */\n  many: string;\n  /**\n   * A total known only as a minimum, e.g. `13+` in `of 13+ pages` or `650+` in `of 650+ items`.\n   * Rendered in place of `totalPages` and `totalItems` when the pager's total is a lower bound.\n   */\n  atLeast: (count: Arg) => string;\n  goToPageNumber: string;\n  previousPage: string;\n  nextPage: string;\n  previousShort: string;\n  next: string;\n\n  // --- Column configuration (table properties gear) --------------------------------------\n  tableProperties: string;\n  configureViewPermissionDenied: string;\n  configureColumns: string;\n  searchColumns: string;\n  shownColumns: string;\n  hiddenColumns: string;\n  noMatchingColumns: string;\n  showColumn: (label: Arg) => string;\n  hideColumn: (label: Arg) => string;\n\n  // --- Saved views (control bar tabs) -----------------------------------------------------\n  defaultView: string;\n  saveView: string;\n  saveCurrentView: string;\n  addNewView: string;\n  searchViews: string;\n  moreViews: (count: Arg) => string;\n  duplicateView: string;\n  resetView: string;\n  saveViewMenuItem: string;\n  setAsDefaultView: string;\n  unsetDefaultView: string;\n  setDefaultViewTitle: string;\n  setDefaultViewConfirmation: (viewName: Arg) => string;\n  unsetDefaultViewTitle: string;\n  unsetDefaultViewConfirmation: (viewName: Arg) => string;\n  showView: string;\n  hideView: string;\n  hideViewTitle: string;\n  hideViewNamed: (viewName: Arg) => string;\n  delete: string;\n  cancel: string;\n  deleteViewTitle: string;\n  deleteViewConfirmation: (viewName: Arg) => string;\n  showFilters: string;\n  hideFilters: string;\n  showSearchBar: string;\n\n  // --- Config-driven TableControls filters -----------------------------------------------\n  filterType: string;\n  filterActions: string;\n  selectFilterOption: string;\n  selectFilterType: string;\n  deleteFilter: string;\n  addFilter: string;\n  filterGroupLabel: (filterName: Arg) => string;\n\n  // --- Filters V2: bar, pills and field picker -------------------------------------------\n  filterBar: string;\n  filter: string;\n  filterFieldPicker: string;\n  fields: string;\n  editFilter: (description: Arg) => string;\n  removeFilter: (description: Arg) => string;\n  editFilterFor: (fieldLabel: Arg) => string;\n  additionalValues: string;\n  operator: string;\n  groupCount: (count: Arg) => string;\n  booleanTrue: string;\n  booleanFalse: string;\n  booleanValue: string;\n  fieldValue: (fieldLabel: Arg) => string;\n  applyFilter: string;\n  selectAnOptionPlaceholder: string;\n  enterAValue: string;\n  enterANumber: string;\n  searchPlaceholder: string;\n  noMatches: string;\n\n  // --- Filters V2: advanced rules builder -------------------------------------------------\n  rules: string;\n  rulesWithCount: (count: Arg) => string;\n  advancedFilterRules: string;\n  conditionIf: string;\n  conditionAnd: string;\n  conditionOr: string;\n  editStatement: (condition: Arg) => string;\n  clearAll: string;\n  deleteGroup: string;\n  filterGroup: (groupNumber: Arg) => string;\n  moreActionsForFilterGroup: (groupNumber: Arg) => string;\n  addRuleToFilterGroup: (groupNumber: Arg) => string;\n  noRulesYet: string;\n  rulesInGroup: (groupNumber: Arg) => string;\n  orGroup: string;\n  field: string;\n  value: string;\n  selectField: string;\n  fieldForRule: (ruleNumber: Arg, groupNumber: Arg) => string;\n  operatorForRule: (ruleNumber: Arg, groupNumber: Arg) => string;\n\n  // --- Filters V2: operator labels --------------------------------------------------------\n  operatorIs: string;\n  operatorIsNot: string;\n  operatorContains: string;\n  operatorDoesNotContain: string;\n  operatorIsEmpty: string;\n  operatorIsNotEmpty: string;\n  operatorIsTrue: string;\n  operatorIsFalse: string;\n  operatorBefore: string;\n  operatorAfter: string;\n  operatorBetween: string;\n  operatorIsAnyOf: string;\n  operatorIsNoneOf: string;\n  operatorGreaterThan: string;\n  operatorGreaterThanOrEqual: string;\n  operatorLessThan: string;\n  operatorLessThanOrEqual: string;\n  /** Numeric (`integer` / `float`) field operators, e.g. \"Members is equal to 5\". */\n  operatorIsEqualTo: string;\n  operatorIsGreaterThan: string;\n  operatorIsLessThan: string;\n\n  // --- BottomPanel -------------------------------------------------------------------------\n  /** aria-label for the header error indicator, e.g. \"3 errors\" / \"1 error\". */\n  errorCount: (count: Arg) => string;\n}\n\nexport type CommonStringKey = keyof CommonStrings;\n\n/** A single override value: plain copy, or a formatter for keys that interpolate. */\nexport type CommonStringValue = string | ((...args: Arg[]) => string);\n\n/**\n * What `PDSProvider` accepts. Deliberately loose (any string key, string or formatter value) so a\n * host's translation table can be passed through untyped; values whose kind does not match the\n * default (a string where a formatter is expected, or vice versa) are ignored.\n */\nexport type CommonStringOverrides = Readonly<Record<string, CommonStringValue | undefined>>;\n\nexport const DEFAULT_COMMON_STRINGS: Readonly<CommonStrings> = {\n  closeModal: 'Close',\n\n  noResults: 'No results found.',\n  noResultsTryFilters: 'No results found. Try changing your filters.',\n  noColumnsConfigured: 'No columns configured',\n  selectAll: 'Select all',\n  selectAllOf: (header) => `Select all ${header}`,\n  selectRow: (rowId) => `Select row ${rowId}`,\n  selectRowForColumn: (columnHeader, rowId) => `${columnHeader} for row ${rowId}`,\n  clearSelection: 'Clear selection',\n  selectedItems: (count) => `${count} selected`,\n  noImage: 'No image',\n  viewRowActions: (rowNumber) => `View actions for row ${rowNumber}`,\n\n  pagination: 'pagination',\n  itemsPerPage: 'Items per page:',\n  showingItems: (firstItem, lastItem, totalItems) =>\n    `Showing ${firstItem}-${lastItem} of ${totalItems} items`,\n  pageCount: (_currentPage, totalPages) => `of ${totalPages} pages`,\n  many: 'many',\n  atLeast: (count) => `${count}+`,\n  goToPageNumber: 'Go to page number',\n  previousPage: 'Previous page',\n  nextPage: 'Next page',\n  previousShort: 'Prev',\n  next: 'Next',\n\n  tableProperties: 'Table Properties',\n  configureViewPermissionDenied: 'Your role does not have permission to configure the view.',\n  configureColumns: 'Configure columns',\n  searchColumns: 'Search by item...',\n  shownColumns: 'Shown attributes',\n  hiddenColumns: 'Hidden attributes',\n  noMatchingColumns: 'No matching attributes',\n  showColumn: (label) => `Show ${label}`,\n  hideColumn: (label) => `Hide ${label}`,\n\n  defaultView: 'Default view',\n  saveView: 'Save view',\n  saveCurrentView: 'Save current view',\n  addNewView: 'Add new view',\n  searchViews: 'Search for a view...',\n  moreViews: (count) => `${count} more\\u2026`,\n  duplicateView: 'Duplicate',\n  resetView: 'Reset',\n  saveViewMenuItem: 'Save',\n  setAsDefaultView: 'Set as default',\n  unsetDefaultView: 'Unset default',\n  setDefaultViewTitle: 'Set as default view?',\n  setDefaultViewConfirmation: (viewName) =>\n    `This will change the default view for your entire organization. Everyone will see \\u201c${viewName}\\u201d when they open this table without a view selected.`,\n  unsetDefaultViewTitle: 'Unset default view?',\n  unsetDefaultViewConfirmation: (viewName) =>\n    `This will change the default view for your entire organization. Everyone will see the built-in default view instead of \\u201c${viewName}\\u201d.`,\n  showView: 'Show',\n  hideView: 'Hide',\n  hideViewTitle: 'Hide view',\n  hideViewNamed: (viewName) => `Hide ${viewName}`,\n  delete: 'Delete',\n  cancel: 'Cancel',\n  deleteViewTitle: 'Delete view?',\n  deleteViewConfirmation: (viewName) =>\n    `This will permanently delete \\u201c${viewName}\\u201d. This action cannot be undone.`,\n  showFilters: 'Show filters',\n  hideFilters: 'Hide filters',\n  showSearchBar: 'Show search bar',\n\n  filterType: 'Filter type',\n  filterActions: 'Filter actions',\n  selectFilterOption: 'Select...',\n  selectFilterType: 'Select filter type',\n  deleteFilter: 'Delete filter',\n  addFilter: 'Add filter',\n  filterGroupLabel: (filterName) => `${filterName} filter`,\n\n  filterBar: 'Filter bar',\n  filter: 'Filter',\n  filterFieldPicker: 'Filter field picker',\n  fields: 'Fields',\n  editFilter: (description) => `Edit filter: ${description}`,\n  removeFilter: (description) => `Remove filter: ${description}`,\n  editFilterFor: (fieldLabel) => `Edit filter for ${fieldLabel}`,\n  additionalValues: 'Additional values',\n  operator: 'Operator',\n  groupCount: (count) => `${count} group${Number(count) === 1 ? '' : 's'}`,\n  booleanTrue: 'True',\n  booleanFalse: 'False',\n  booleanValue: 'Boolean value',\n  fieldValue: (fieldLabel) => `${fieldLabel} value`,\n  applyFilter: 'Apply filter',\n  selectAnOptionPlaceholder: 'Select an option',\n  enterAValue: 'Enter a value',\n  enterANumber: 'Enter a number',\n  searchPlaceholder: 'Search',\n  noMatches: 'No matches',\n\n  rules: 'Rules',\n  rulesWithCount: (count) => `Rules ${count}`,\n  advancedFilterRules: 'Advanced filter rules',\n  conditionIf: 'If',\n  conditionAnd: 'And',\n  conditionOr: 'Or',\n  editStatement: (condition) => `Edit \\u2018${condition}\\u2019 statement`,\n  clearAll: 'Clear all',\n  deleteGroup: 'Delete group',\n  filterGroup: (groupNumber) => `Filter group ${groupNumber}`,\n  moreActionsForFilterGroup: (groupNumber) => `More actions for filter group ${groupNumber}`,\n  addRuleToFilterGroup: (groupNumber) => `Add rule to filter group ${groupNumber}`,\n  noRulesYet: 'No rules yet',\n  rulesInGroup: (groupNumber) => `Rules in group ${groupNumber}`,\n  orGroup: 'Or group',\n  field: 'Field',\n  value: 'Value',\n  selectField: 'Select field',\n  fieldForRule: (ruleNumber, groupNumber) => `Field for rule ${ruleNumber} in group ${groupNumber}`,\n  operatorForRule: (ruleNumber, groupNumber) =>\n    `Operator for rule ${ruleNumber} in group ${groupNumber}`,\n\n  operatorIs: 'is',\n  operatorIsNot: 'is not',\n  operatorContains: 'contains',\n  operatorDoesNotContain: 'does not contain',\n  operatorIsEmpty: 'is empty',\n  operatorIsNotEmpty: 'is not empty',\n  operatorIsTrue: 'is true',\n  operatorIsFalse: 'is false',\n  operatorBefore: 'before',\n  operatorAfter: 'after',\n  operatorBetween: 'is between',\n  operatorIsAnyOf: 'is any of',\n  operatorIsNoneOf: 'is none of',\n  operatorGreaterThan: '>',\n  operatorGreaterThanOrEqual: '≥',\n  operatorLessThan: '<',\n  operatorLessThanOrEqual: '≤',\n  operatorIsEqualTo: 'is equal to',\n  operatorIsGreaterThan: 'is greater than',\n  operatorIsLessThan: 'is less than',\n\n  errorCount: (count) => `${count} error${Number(count) === 1 ? '' : 's'}`,\n};\n\n/**\n * Layer `overrides` on top of `base`. A value only replaces the base entry when it has the same\n * kind (string vs. formatter), so a mistyped override can never crash a render.\n */\nexport function resolveCommonStrings(\n  overrides: CommonStringOverrides | undefined,\n  base: Readonly<CommonStrings> = DEFAULT_COMMON_STRINGS,\n): CommonStrings {\n  const resolved = { ...base } as Record<CommonStringKey, CommonStringValue>;\n  if (!overrides) {\n    return resolved as unknown as CommonStrings;\n  }\n  (Object.keys(base) as CommonStringKey[]).forEach((key) => {\n    const override = Object.prototype.hasOwnProperty.call(overrides, key)\n      ? overrides[key]\n      : undefined;\n    if (override != null && typeof override === typeof base[key]) {\n      resolved[key] = override;\n    }\n  });\n  return resolved as unknown as CommonStrings;\n}\n","import { createContext, useContext, useMemo, type FC, type PropsWithChildren } from 'react';\n\nimport {\n  DEFAULT_COMMON_STRINGS,\n  resolveCommonStrings,\n  type CommonStringOverrides,\n  type CommonStrings,\n} from './strings';\n\ninterface PDSI18nContextValue {\n  strings: CommonStrings;\n  locale: string | undefined;\n}\n\nconst PDSI18nContext = createContext<PDSI18nContextValue>({\n  strings: DEFAULT_COMMON_STRINGS,\n  locale: undefined,\n});\n\nexport interface PDSI18nProviderProps {\n  /** Overrides for built-in copy; omitted keys inherit from an outer provider, then English. */\n  strings?: CommonStringOverrides;\n  /** BCP 47 locale for date/time formatting; inherits from an outer provider when omitted. */\n  locale?: string;\n}\n\n/**\n * Supplies translated built-in copy and the active locale to PDS components. `PDSProvider`\n * always renders this; use it directly only to override a subtree.\n */\nexport const PDSI18nProvider: FC<PropsWithChildren<PDSI18nProviderProps>> = ({\n  strings,\n  locale,\n  children,\n}) => {\n  const parent = useContext(PDSI18nContext);\n  const value = useMemo(\n    () => ({\n      strings: strings ? resolveCommonStrings(strings, parent.strings) : parent.strings,\n      locale: locale ?? parent.locale,\n    }),\n    [parent, strings, locale],\n  );\n  return <PDSI18nContext.Provider value={value}>{children}</PDSI18nContext.Provider>;\n};\n\n/** Built-in copy for the current locale (English unless a provider supplied overrides). */\nexport function usePDSStrings(): CommonStrings {\n  return useContext(PDSI18nContext).strings;\n}\n\n/** The locale supplied to `PDSProvider`, or `undefined` when the host has not set one. */\nexport function usePDSLocale(): string | undefined {\n  return useContext(PDSI18nContext).locale;\n}\n","import { DateTime, type DateTimeFormatOptions } from 'luxon';\n\n/** Luxon medium date, e.g. \"Oct 5, 2011\". */\nexport const LEGACY_DATE_FORMAT = 'DD';\n/** e.g. \"Oct 5, 2011 2:48 PM\". */\nexport const LEGACY_DATETIME_FORMAT = 'MMM d, yyyy h:mm a';\n/** Short time zone name, e.g. \"EDT\" (en-US) or \"HAE\" (fr-CA). */\nconst TIME_ZONE_TOKEN = 'ZZZZ';\n\n/**\n * Whether `locale` keeps PDS's historical English token formats. No locale (a host that has not\n * opted in) and US English render exactly as before; every other locale gets `Intl` presets so\n * the day/month order, month names, 24-hour clock and separators follow the locale.\n */\nexport function usesLegacyDateFormat(locale: string | undefined): boolean {\n  if (!locale) {\n    return true;\n  }\n  const normalized = locale.toLowerCase().replace('_', '-');\n  return normalized === 'en' || normalized === 'en-us';\n}\n\nexport interface FormatDateTimeOptions {\n  /** BCP 47 locale, usually from `usePDSLocale()`. */\n  locale?: string;\n  /** Explicit Luxon `toFormat` tokens; month/day names still localize when a locale is set. */\n  format?: string;\n  /** Append the short time zone name, localized (\"EDT\" in en-US, \"HAE\" in fr-CA). */\n  showTimeZone?: boolean;\n}\n\nfunction withLocale(dateTime: DateTime, locale: string | undefined): DateTime {\n  return locale ? dateTime.setLocale(locale) : dateTime;\n}\n\nfunction format(\n  dateTime: DateTime,\n  legacyFormat: string,\n  preset: DateTimeFormatOptions,\n  { locale, format: explicitFormat, showTimeZone }: FormatDateTimeOptions,\n): string {\n  const localized = withLocale(dateTime, locale);\n  if (explicitFormat || usesLegacyDateFormat(locale)) {\n    const formatted = localized.toFormat(explicitFormat ?? legacyFormat);\n    return showTimeZone ? `${formatted} ${localized.toFormat(TIME_ZONE_TOKEN)}` : formatted;\n  }\n  return localized.toLocaleString(showTimeZone ? { ...preset, timeZoneName: 'short' } : preset);\n}\n\n/** Format a calendar date for display (\"Oct 5, 2011\" / \"5 oct. 2011\"). */\nexport function formatDate(dateTime: DateTime, options: FormatDateTimeOptions = {}): string {\n  return format(dateTime, LEGACY_DATE_FORMAT, DateTime.DATE_MED, options);\n}\n\n/** Format a date and time for display (\"Oct 5, 2011 2:48 PM\" / \"5 oct. 2011, 14 h 48\"). */\nexport function formatDateTime(dateTime: DateTime, options: FormatDateTimeOptions = {}): string {\n  return format(dateTime, LEGACY_DATETIME_FORMAT, DateTime.DATETIME_MED, options);\n}\n\n/** The short time zone name for `dateTime`'s zone in `locale` (\"EDT\" / \"HAE\"). */\nexport function formatTimeZoneName(dateTime: DateTime, locale?: string): string {\n  return withLocale(dateTime, locale).toFormat(TIME_ZONE_TOKEN);\n}\n"],"mappings":"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"}