@persona/design-system 0.8.2 → 0.9.1

package/dist/patterns/CardGrouping/index.mjs

@@ -0,0 +1,280 @@
+import { a as styled } from "../../styledComponentsInterop-NxwFjeA4.mjs";
+import { semanticColor } from "../../lib/semanticColor.mjs";
+import { focusStyle } from "../../mixins/focus.mjs";
+import "../../variables/transitions.mjs";
+import { HeadlessAriaButton } from "../../lib/HeadlessAriaButton.mjs";
+import { n as RouterLink } from "../../router-COrZcVkf.mjs";
+import { TruncatedText } from "../../lib/TruncatedText.mjs";
+import { i as Paragraph, n as Heading$1 } from "../../Text-CSwFifQF.mjs";
+import { a as Tooltip } from "../../Tooltip-DogEteGl.mjs";
+import { n as Stack, t as HStack } from "../../Stack-BkC7FCdF.mjs";
+import { n as Button$1, t as IconButton } from "../../IconButton-D4awF770.mjs";
+import { n as DropdownMenu_default } from "../../DropdownMenu-CPE8Q56k.mjs";
+import { t as DropdownButton } from "../../DropdownButton-C9wWnB5w.mjs";
+import { n as SingleColumnLayout } from "../../PageLayout-C7ZC7GBA.mjs";
+import { Color, Spacing } from "@persona/design-tokens";
+import { cloneElement } from "react";
+import { Disclosure, DisclosurePanel } from "react-aria-components";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, MoreIcon } from "@persona/icons";
+//#region patterns/CardGrouping/CardGrouping.tsx
+const isIconAction = (action) => "icon" in action;
+const splitGroupActions = (actions) => {
+	if (actions.length <= 1) return {
+		inlineActions: actions,
+		overflowActions: []
+	};
+	const primaryIndex = actions.findIndex((action) => !isIconAction(action) && action.variant === "primary");
+	const inlineIndex = primaryIndex === -1 ? 0 : primaryIndex;
+	return {
+		inlineActions: [actions[inlineIndex]],
+		overflowActions: actions.filter((_, index) => index !== inlineIndex)
+	};
+};
+const actionKey = (action, index) => isIconAction(action) ? action.id ?? action.ariaLabel ?? `action-${index}` : action.id ?? action.label ?? `action-${index}`;
+const actionLabel = (action) => isIconAction(action) ? action.ariaLabel : action.label;
+const overflowLinkProps = (action) => {
+	if (action.disabled || action.to == null) return {};
+	if (typeof action.to === "string" && action.to.startsWith("https://")) return {
+		as: "a",
+		href: action.to,
+		target: "_blank",
+		rel: "noreferrer"
+	};
+	return {
+		as: RouterLink,
+		to: action.to
+	};
+};
+const TitleBlock = styled(Stack)`
+  min-width: 0;
+  flex: 1;
+
+  > * {
+    min-width: 0;
+  }
+`;
+const TitleHeading = styled(Heading$1)`
+  display: flex;
+  align-items: center;
+  gap: ${Spacing[2]};
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+`;
+const TitleText = styled.span`
+  min-width: 0;
+`;
+const Actions = styled(HStack)`
+  flex-shrink: 0;
+`;
+const Adornment = styled.span`
+  display: flex;
+  flex-shrink: 0;
+  max-width: 180px;
+`;
+const ActionRow = ({ actions, size, collapseToPrimary = false }) => {
+	const visibleActions = actions.filter((action) => !action.hidden);
+	const { inlineActions, overflowActions } = collapseToPrimary ? splitGroupActions(visibleActions) : {
+		inlineActions: visibleActions,
+		overflowActions: []
+	};
+	const buttons = inlineActions.map((action, i) => {
+		const key = actionKey(action, i);
+		const button = isIconAction(action) ? /* @__PURE__ */ jsx(IconButton, {
+			id: action.id,
+			to: action.to,
+			size,
+			disabled: action.disabled,
+			"aria-label": action.ariaLabel,
+			onClick: (event) => {
+				event.stopPropagation();
+				return action.onClick?.(event);
+			},
+			children: action.icon
+		}, key) : /* @__PURE__ */ jsx(Button$1, {
+			id: action.id,
+			to: action.to,
+			"aria-label": action.ariaLabel,
+			disabled: action.disabled,
+			variant: action.variant ?? "basic",
+			size,
+			width: "auto",
+			onSecondaryBackground: (action.variant ?? "basic") === "basic",
+			prefixIcon: action.prefixIcon,
+			suffixIcon: action.suffixIcon,
+			onClick: (event) => {
+				event.stopPropagation();
+				return action.onClick?.(event);
+			},
+			children: action.label
+		}, key);
+		return action.tooltip ? /* @__PURE__ */ jsx(Tooltip, {
+			...action.tooltipProps,
+			trigger: button,
+			children: action.tooltip
+		}, key) : button;
+	});
+	return /* @__PURE__ */ jsxs(Actions, {
+		spacing: Spacing[2],
+		children: [buttons, overflowActions.length > 0 && /* @__PURE__ */ jsx(DropdownButton, {
+			variant: "basic",
+			size,
+			width: "icon",
+			onSecondaryBackground: true,
+			suffixIcon: void 0,
+			"aria-label": "More actions",
+			menuProps: { portal: true },
+			menuItems: overflowActions.map((action, index) => /* @__PURE__ */ jsx(DropdownMenu_default.Item, {
+				id: action.id ?? actionLabel(action),
+				disabled: action.disabled,
+				variant: !isIconAction(action) && action.variant === "danger" ? "danger" : void 0,
+				...overflowLinkProps(action),
+				onClick: (event) => {
+					event.stopPropagation();
+					return action.onClick?.(event);
+				},
+				children: actionLabel(action)
+			}, actionKey(action, index))),
+			children: /* @__PURE__ */ jsx(MoreIcon, {})
+		})]
+	});
+};
+const onSecondarySurface = (node) => cloneElement(node, { onSecondaryBackground: true });
+const Controls = styled.div`
+  margin-top: ${Spacing[2]};
+
+  > * {
+    margin-bottom: 0;
+  }
+`;
+const ListHeader = ({ title, description, sticker, status, actions, controls }) => /* @__PURE__ */ jsxs(HStack, {
+	align: "flex-start",
+	justify: "space-between",
+	spacing: Spacing[4],
+	fullWidth: true,
+	children: [/* @__PURE__ */ jsxs(TitleBlock, {
+		spacing: Spacing[1],
+		children: [
+			/* @__PURE__ */ jsxs(TitleHeading, {
+				forwardedAs: "h2",
+				size: "xsm",
+				children: [
+					/* @__PURE__ */ jsx(TitleText, { children: /* @__PURE__ */ jsx(TruncatedText, { children: title }) }),
+					sticker && /* @__PURE__ */ jsx(Adornment, { children: onSecondarySurface(sticker) }),
+					status && /* @__PURE__ */ jsx(Adornment, { children: status })
+				]
+			}),
+			description && /* @__PURE__ */ jsx(Paragraph, {
+				size: "md",
+				children: description
+			}),
+			controls && /* @__PURE__ */ jsx(Controls, { children: controls })
+		]
+	}), actions && actions.length > 0 && /* @__PURE__ */ jsx(ActionRow, {
+		actions,
+		size: "md"
+	})]
+});
+const GroupDisclosure = styled(Disclosure)`
+  display: flex;
+  flex-direction: column;
+`;
+const GroupHeader = styled(HStack)`
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  height: ${Spacing[9]};
+`;
+const Trigger = styled(HeadlessAriaButton)`
+  min-width: 0;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: ${Spacing[2]};
+  text-align: left;
+
+  &:focus-visible {
+    ${focusStyle}
+  }
+`;
+const Chevron = styled.span`
+  display: flex;
+  flex-shrink: 0;
+  color: ${({ theme }) => semanticColor(theme, "FgSecondary", theme.color.text.secondary)};
+
+  svg {
+    transition: transform ${"150ms"} ease-out;
+    transform: rotate(${({ $expanded }) => $expanded ? "0deg" : "-90deg"});
+  }
+`;
+const GroupList = styled(Stack)`
+  && {
+    gap: 0;
+  }
+
+  > *:not(:last-child) {
+    border-bottom: 1px solid
+      ${({ theme }) => semanticColor(theme, "BorderSubtle", Color.BorderDivider)};
+  }
+`;
+const GroupCards = styled(Stack)`
+  padding-top: ${Spacing[4]};
+  padding-bottom: ${Spacing[4]};
+`;
+const GroupRow = ({ title, sticker, actions, defaultExpanded = false, children }) => /* @__PURE__ */ jsx(GroupDisclosure, {
+	defaultExpanded,
+	children: ({ isExpanded }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(GroupHeader, {
+		align: "center",
+		justify: "space-between",
+		spacing: Spacing[2],
+		children: [/* @__PURE__ */ jsxs(Trigger, {
+			slot: "trigger",
+			"aria-label": title,
+			children: [/* @__PURE__ */ jsx(Chevron, {
+				$expanded: isExpanded,
+				"aria-hidden": true,
+				children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+			}), /* @__PURE__ */ jsx(TitleBlock, {
+				spacing: Spacing[1],
+				children: /* @__PURE__ */ jsxs(TitleHeading, {
+					forwardedAs: "h3",
+					size: "xsm",
+					children: [/* @__PURE__ */ jsx(TitleText, { children: /* @__PURE__ */ jsx(TruncatedText, { children: title }) }), sticker && /* @__PURE__ */ jsx(Adornment, { children: onSecondarySurface(sticker) })]
+				})
+			})]
+		}), actions && actions.length > 0 && /* @__PURE__ */ jsx(ActionRow, {
+			actions,
+			size: "sm",
+			collapseToPrimary: true
+		})]
+	}), /* @__PURE__ */ jsx(DisclosurePanel, { children: /* @__PURE__ */ jsx(GroupCards, {
+		spacing: Spacing[4],
+		children
+	}) })] })
+});
+const CardGrouping = ({ title, description, sticker, status, actions, controls, groups, ...chrome }) => /* @__PURE__ */ jsx(SingleColumnLayout, {
+	...chrome,
+	main: /* @__PURE__ */ jsxs(Stack, {
+		spacing: Spacing[4],
+		fullWidth: true,
+		children: [title ? /* @__PURE__ */ jsx(ListHeader, {
+			title,
+			description,
+			sticker,
+			status,
+			actions,
+			controls
+		}) : description && /* @__PURE__ */ jsx(Paragraph, {
+			size: "md",
+			children: description
+		}), /* @__PURE__ */ jsx(GroupList, {
+			fullWidth: true,
+			children: groups.map((group, index) => /* @__PURE__ */ jsx(GroupRow, { ...group }, `${group.title}-${index}`))
+		})]
+	})
+});
+//#endregion
+export { CardGrouping };
+
+//# sourceMappingURL=index.mjs.map

package/dist/patterns/CardGrouping/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Heading","Button","DropdownMenu"],"sources":["../../../patterns/CardGrouping/CardGrouping.tsx"],"sourcesContent":["import { cloneElement, type ReactElement, type ReactNode } from 'react';\nimport { Disclosure, DisclosurePanel } from 'react-aria-components';\nimport styled from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { ChevronDownIcon, MoreIcon } from '@persona/icons';\nimport Button, { IconButton } from 'design-system/components/Button';\nimport DropdownButton from 'design-system/components/DropdownButton';\nimport DropdownMenu from 'design-system/components/DropdownMenu';\nimport { HStack, Stack } from 'design-system/components/Stack';\nimport { Heading, Paragraph } from 'design-system/components/Text';\nimport Tooltip from 'design-system/components/Tooltip';\nimport { HeadlessAriaButton } from 'design-system/lib/HeadlessAriaButton';\nimport { RouterLink } from 'design-system/lib/router';\nimport { semanticColor } from 'design-system/lib/semanticColor';\nimport { TruncatedText } from 'design-system/lib/TruncatedText';\nimport { focusStyle } from 'design-system/mixins/focus';\nimport type { IconAction, TextAction } from 'design-system/types/Action';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\nimport { SingleColumnLayout, type SingleColumnLayoutProps } from '../PageLayout';\n\ntype HeaderAction = IconAction | TextAction;\n\nconst isIconAction = (action: HeaderAction): action is IconAction => 'icon' in action;\n\nconst splitGroupActions = (actions: HeaderAction[]) => {\n  if (actions.length <= 1) {\n    return { inlineActions: actions, overflowActions: [] as HeaderAction[] };\n  }\n\n  const primaryIndex = actions.findIndex(\n    (action) => !isIconAction(action) && action.variant === 'primary',\n  );\n  const inlineIndex = primaryIndex === -1 ? 0 : primaryIndex;\n\n  return {\n    inlineActions: [actions[inlineIndex]],\n    overflowActions: actions.filter((_, index) => index !== inlineIndex),\n  };\n};\n\nconst actionKey = (action: HeaderAction, index: number) =>\n  isIconAction(action)\n    ? (action.id ?? action.ariaLabel ?? `action-${index}`)\n    : (action.id ?? action.label ?? `action-${index}`);\n\nconst actionLabel = (action: HeaderAction) =>\n  isIconAction(action) ? action.ariaLabel : action.label;\n\nconst overflowLinkProps = (action: HeaderAction) => {\n  if (action.disabled || action.to == null) {\n    return {};\n  }\n\n  if (typeof action.to === 'string' && action.to.startsWith('https://')) {\n    return {\n      as: 'a' as const,\n      href: action.to,\n      target: '_blank' as const,\n      rel: 'noreferrer',\n    };\n  }\n\n  return { as: RouterLink, to: action.to };\n};\n\nconst TitleBlock = styled(Stack)`\n  min-width: 0;\n  flex: 1;\n\n  > * {\n    min-width: 0;\n  }\n`;\n\nconst TitleHeading = styled(Heading)`\n  display: flex;\n  align-items: center;\n  gap: ${Spacing[2]};\n  min-width: 0;\n  max-width: 100%;\n  overflow: hidden;\n`;\n\nconst TitleText = styled.span`\n  min-width: 0;\n`;\n\nconst Actions = styled(HStack)`\n  flex-shrink: 0;\n`;\n\nconst Adornment = styled.span`\n  display: flex;\n  flex-shrink: 0;\n  max-width: 180px;\n`;\n\nconst ActionRow = ({\n  actions,\n  size,\n  collapseToPrimary = false,\n}: {\n  actions: HeaderAction[];\n  size: 'sm' | 'md';\n  collapseToPrimary?: boolean;\n}) => {\n  const visibleActions = actions.filter((action) => !action.hidden);\n  const { inlineActions, overflowActions } = collapseToPrimary\n    ? splitGroupActions(visibleActions)\n    : { inlineActions: visibleActions, overflowActions: [] as HeaderAction[] };\n\n  const buttons = inlineActions.map((action, i) => {\n    const key = actionKey(action, i);\n\n    const button = isIconAction(action) ? (\n      <IconButton\n        id={action.id}\n        key={key}\n        to={action.to}\n        size={size}\n        disabled={action.disabled}\n        aria-label={action.ariaLabel}\n        onClick={(event) => {\n          event.stopPropagation();\n          return action.onClick?.(event);\n        }}\n      >\n        {action.icon}\n      </IconButton>\n    ) : (\n      <Button\n        id={action.id}\n        key={key}\n        to={action.to}\n        aria-label={action.ariaLabel}\n        disabled={action.disabled}\n        variant={action.variant ?? 'basic'}\n        size={size}\n        width='auto'\n        onSecondaryBackground={(action.variant ?? 'basic') === 'basic'}\n        prefixIcon={action.prefixIcon}\n        suffixIcon={action.suffixIcon}\n        onClick={(event) => {\n          event.stopPropagation();\n          return action.onClick?.(event);\n        }}\n      >\n        {action.label}\n      </Button>\n    );\n\n    return action.tooltip ? (\n      <Tooltip key={key} {...action.tooltipProps} trigger={button}>\n        {action.tooltip}\n      </Tooltip>\n    ) : (\n      button\n    );\n  });\n\n  return (\n    <Actions spacing={Spacing[2]}>\n      {buttons}\n      {overflowActions.length > 0 && (\n        <DropdownButton\n          variant='basic'\n          size={size}\n          width='icon'\n          onSecondaryBackground\n          suffixIcon={undefined}\n          aria-label='More actions'\n          menuProps={{ portal: true }}\n          menuItems={overflowActions.map((action, index) => (\n            <DropdownMenu.Item\n              id={action.id ?? actionLabel(action)}\n              key={actionKey(action, index)}\n              disabled={action.disabled}\n              variant={!isIconAction(action) && action.variant === 'danger' ? 'danger' : undefined}\n              {...overflowLinkProps(action)}\n              onClick={(event) => {\n                event.stopPropagation();\n                return action.onClick?.(event);\n              }}\n            >\n              {actionLabel(action)}\n            </DropdownMenu.Item>\n          ))}\n        >\n          <MoreIcon />\n        </DropdownButton>\n      )}\n    </Actions>\n  );\n};\n\nconst onSecondarySurface = (node: ReactElement) =>\n  cloneElement(node as ReactElement<{ onSecondaryBackground?: boolean }>, {\n    onSecondaryBackground: true,\n  });\n\nconst Controls = styled.div`\n  margin-top: ${Spacing[2]};\n\n  > * {\n    margin-bottom: 0;\n  }\n`;\n\nconst ListHeader = ({\n  title,\n  description,\n  sticker,\n  status,\n  actions,\n  controls,\n}: {\n  title: string;\n  description?: string;\n  sticker?: ReactElement;\n  status?: ReactElement;\n  actions?: HeaderAction[];\n  controls?: ReactNode;\n}) => (\n  <HStack align='flex-start' justify='space-between' spacing={Spacing[4]} fullWidth>\n    <TitleBlock spacing={Spacing[1]}>\n      <TitleHeading forwardedAs='h2' size='xsm'>\n        <TitleText>\n          <TruncatedText>{title}</TruncatedText>\n        </TitleText>\n        {sticker && <Adornment>{onSecondarySurface(sticker)}</Adornment>}\n        {status && <Adornment>{status}</Adornment>}\n      </TitleHeading>\n      {description && <Paragraph size='md'>{description}</Paragraph>}\n      {controls && <Controls>{controls}</Controls>}\n    </TitleBlock>\n    {actions && actions.length > 0 && <ActionRow actions={actions} size='md' />}\n  </HStack>\n);\n\nconst GroupDisclosure = styled(Disclosure)`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst GroupHeader = styled(HStack)`\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n  height: ${Spacing[9]};\n`;\n\nconst Trigger = styled(HeadlessAriaButton)`\n  min-width: 0;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: ${Spacing[2]};\n  text-align: left;\n\n  &:focus-visible {\n    ${focusStyle}\n  }\n`;\n\nconst Chevron = styled.span<{ $expanded: boolean }>`\n  display: flex;\n  flex-shrink: 0;\n  color: ${({ theme }) => semanticColor(theme, 'FgSecondary', theme.color.text.secondary)};\n\n  svg {\n    transition: transform ${TransitionDuration.Faster} ease-out;\n    transform: rotate(${({ $expanded }) => ($expanded ? '0deg' : '-90deg')});\n  }\n`;\n\nconst GroupList = styled(Stack)`\n  && {\n    gap: 0;\n  }\n\n  > *:not(:last-child) {\n    border-bottom: 1px solid\n      ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n  }\n`;\n\nconst GroupCards = styled(Stack)`\n  padding-top: ${Spacing[4]};\n  padding-bottom: ${Spacing[4]};\n`;\n\nexport type CardGroupingGroup = {\n  title: string;\n  sticker?: ReactElement;\n  actions?: HeaderAction[];\n  /** @defaultValue false */\n  defaultExpanded?: boolean;\n  children: ReactNode;\n};\n\ntype CardGroupingHeaderProps = Omit<SingleColumnLayoutProps, 'main'> & {\n  title?: string;\n  description?: string;\n  sticker?: ReactElement;\n  status?: ReactElement;\n  actions?: HeaderAction[];\n  /** Extra controls under the description, inside the list title group. */\n  controls?: ReactNode;\n};\n\nexport type CardGroupingProps = CardGroupingHeaderProps & {\n  groups: CardGroupingGroup[];\n};\n\nconst GroupRow = ({\n  title,\n  sticker,\n  actions,\n  defaultExpanded = false,\n  children,\n}: CardGroupingGroup) => (\n  <GroupDisclosure defaultExpanded={defaultExpanded}>\n    {({ isExpanded }) => (\n      <>\n        <GroupHeader align='center' justify='space-between' spacing={Spacing[2]}>\n          <Trigger slot='trigger' aria-label={title}>\n            <Chevron $expanded={isExpanded} aria-hidden>\n              <ChevronDownIcon />\n            </Chevron>\n            <TitleBlock spacing={Spacing[1]}>\n              <TitleHeading forwardedAs='h3' size='xsm'>\n                <TitleText>\n                  <TruncatedText>{title}</TruncatedText>\n                </TitleText>\n                {sticker && <Adornment>{onSecondarySurface(sticker)}</Adornment>}\n              </TitleHeading>\n            </TitleBlock>\n          </Trigger>\n          {actions && actions.length > 0 && (\n            <ActionRow actions={actions} size='sm' collapseToPrimary />\n          )}\n        </GroupHeader>\n        <DisclosurePanel>\n          <GroupCards spacing={Spacing[4]}>{children}</GroupCards>\n        </DisclosurePanel>\n      </>\n    )}\n  </GroupDisclosure>\n);\n\nexport const CardGrouping = ({\n  title,\n  description,\n  sticker,\n  status,\n  actions,\n  controls,\n  groups,\n  ...chrome\n}: CardGroupingProps) => (\n  <SingleColumnLayout\n    {...chrome}\n    main={\n      <Stack spacing={Spacing[4]} fullWidth>\n        {title ? (\n          <ListHeader\n            title={title}\n            description={description}\n            sticker={sticker}\n            status={status}\n            actions={actions}\n            controls={controls}\n          />\n        ) : (\n          description && <Paragraph size='md'>{description}</Paragraph>\n        )}\n        <GroupList fullWidth>\n          {groups.map((group, index) => (\n            <GroupRow key={`${group.title}-${index}`} {...group} />\n          ))}\n        </GroupList>\n      </Stack>\n    }\n  />\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,gBAAgB,WAA+C,UAAU;AAE/E,MAAM,qBAAqB,YAA4B;AACrD,KAAI,QAAQ,UAAU,EACpB,QAAO;EAAE,eAAe;EAAS,iBAAiB,EAAE;EAAoB;CAG1E,MAAM,eAAe,QAAQ,WAC1B,WAAW,CAAC,aAAa,OAAO,IAAI,OAAO,YAAY,UACzD;CACD,MAAM,cAAc,iBAAiB,KAAK,IAAI;AAE9C,QAAO;EACL,eAAe,CAAC,QAAQ,aAAa;EACrC,iBAAiB,QAAQ,QAAQ,GAAG,UAAU,UAAU,YAAY;EACrE;;AAGH,MAAM,aAAa,QAAsB,UACvC,aAAa,OAAO,GACf,OAAO,MAAM,OAAO,aAAa,UAAU,UAC3C,OAAO,MAAM,OAAO,SAAS,UAAU;AAE9C,MAAM,eAAe,WACnB,aAAa,OAAO,GAAG,OAAO,YAAY,OAAO;AAEnD,MAAM,qBAAqB,WAAyB;AAClD,KAAI,OAAO,YAAY,OAAO,MAAM,KAClC,QAAO,EAAE;AAGX,KAAI,OAAO,OAAO,OAAO,YAAY,OAAO,GAAG,WAAW,WAAW,CACnE,QAAO;EACL,IAAI;EACJ,MAAM,OAAO;EACb,QAAQ;EACR,KAAK;EACN;AAGH,QAAO;EAAE,IAAI;EAAY,IAAI,OAAO;EAAI;;AAG1C,MAAM,aAAa,OAAO,MAAM;;;;;;;;AAShC,MAAM,eAAe,OAAOA,UAAQ;;;SAG3B,QAAQ,GAAG;;;;;AAMpB,MAAM,YAAY,OAAO,IAAI;;;AAI7B,MAAM,UAAU,OAAO,OAAO;;;AAI9B,MAAM,YAAY,OAAO,IAAI;;;;;AAM7B,MAAM,aAAa,EACjB,SACA,MACA,oBAAoB,YAKhB;CACJ,MAAM,iBAAiB,QAAQ,QAAQ,WAAW,CAAC,OAAO,OAAO;CACjE,MAAM,EAAE,eAAe,oBAAoB,oBACvC,kBAAkB,eAAe,GACjC;EAAE,eAAe;EAAgB,iBAAiB,EAAE;EAAoB;CAE5E,MAAM,UAAU,cAAc,KAAK,QAAQ,MAAM;EAC/C,MAAM,MAAM,UAAU,QAAQ,EAAE;EAEhC,MAAM,SAAS,aAAa,OAAO,GACjC,oBAAC,YAAD;GACE,IAAI,OAAO;GAEX,IAAI,OAAO;GACL;GACN,UAAU,OAAO;GACjB,cAAY,OAAO;GACnB,UAAU,UAAU;AAClB,UAAM,iBAAiB;AACvB,WAAO,OAAO,UAAU,MAAM;;aAG/B,OAAO;GACG,EAXN,IAWM,GAEb,oBAACC,UAAD;GACE,IAAI,OAAO;GAEX,IAAI,OAAO;GACX,cAAY,OAAO;GACnB,UAAU,OAAO;GACjB,SAAS,OAAO,WAAW;GACrB;GACN,OAAM;GACN,wBAAwB,OAAO,WAAW,aAAa;GACvD,YAAY,OAAO;GACnB,YAAY,OAAO;GACnB,UAAU,UAAU;AAClB,UAAM,iBAAiB;AACvB,WAAO,OAAO,UAAU,MAAM;;aAG/B,OAAO;GACD,EAhBF,IAgBE;AAGX,SAAO,OAAO,UACZ,oBAAC,SAAD;GAAmB,GAAI,OAAO;GAAc,SAAS;aAClD,OAAO;GACA,EAFI,IAEJ,GAEV;GAEF;AAEF,QACE,qBAAC,SAAD;EAAS,SAAS,QAAQ;YAA1B,CACG,SACA,gBAAgB,SAAS,KACxB,oBAAC,gBAAD;GACE,SAAQ;GACF;GACN,OAAM;GACN,uBAAA;GACA,YAAY,KAAA;GACZ,cAAW;GACX,WAAW,EAAE,QAAQ,MAAM;GAC3B,WAAW,gBAAgB,KAAK,QAAQ,UACtC,oBAACC,qBAAa,MAAd;IACE,IAAI,OAAO,MAAM,YAAY,OAAO;IAEpC,UAAU,OAAO;IACjB,SAAS,CAAC,aAAa,OAAO,IAAI,OAAO,YAAY,WAAW,WAAW,KAAA;IAC3E,GAAI,kBAAkB,OAAO;IAC7B,UAAU,UAAU;AAClB,WAAM,iBAAiB;AACvB,YAAO,OAAO,UAAU,MAAM;;cAG/B,YAAY,OAAO;IACF,EAVb,UAAU,QAAQ,MAAM,CAUX,CACpB;aAEF,oBAAC,UAAD,EAAY,CAAA;GACG,CAAA,CAEX;;;AAId,MAAM,sBAAsB,SAC1B,aAAa,MAA2D,EACtE,uBAAuB,MACxB,CAAC;AAEJ,MAAM,WAAW,OAAO,GAAG;gBACX,QAAQ,GAAG;;;;;;AAO3B,MAAM,cAAc,EAClB,OACA,aACA,SACA,QACA,SACA,eASA,qBAAC,QAAD;CAAQ,OAAM;CAAa,SAAQ;CAAgB,SAAS,QAAQ;CAAI,WAAA;WAAxE,CACE,qBAAC,YAAD;EAAY,SAAS,QAAQ;YAA7B;GACE,qBAAC,cAAD;IAAc,aAAY;IAAK,MAAK;cAApC;KACE,oBAAC,WAAD,EAAA,UACE,oBAAC,eAAD,EAAA,UAAgB,OAAsB,CAAA,EAC5B,CAAA;KACX,WAAW,oBAAC,WAAD,EAAA,UAAY,mBAAmB,QAAQ,EAAa,CAAA;KAC/D,UAAU,oBAAC,WAAD,EAAA,UAAY,QAAmB,CAAA;KAC7B;;GACd,eAAe,oBAAC,WAAD;IAAW,MAAK;cAAM;IAAwB,CAAA;GAC7D,YAAY,oBAAC,UAAD,EAAA,UAAW,UAAoB,CAAA;GACjC;KACZ,WAAW,QAAQ,SAAS,KAAK,oBAAC,WAAD;EAAoB;EAAS,MAAK;EAAO,CAAA,CACpE;;AAGX,MAAM,kBAAkB,OAAO,WAAW;;;;AAK1C,MAAM,cAAc,OAAO,OAAO;;;;YAItB,QAAQ,GAAG;;AAGvB,MAAM,UAAU,OAAO,mBAAmB;;;;;SAKjC,QAAQ,GAAG;;;;MAId,WAAW;;;AAIjB,MAAM,UAAU,OAAO,IAA4B;;;YAGvC,EAAE,YAAY,cAAc,OAAO,eAAe,MAAM,MAAM,KAAK,UAAU,CAAC;;;oCAGpC;yBAC7B,EAAE,gBAAiB,YAAY,SAAS,SAAU;;;AAI3E,MAAM,YAAY,OAAO,MAAM;;;;;;;SAOtB,EAAE,YAAY,cAAc,OAAO,gBAAgB,MAAM,cAAc,CAAC;;;AAIjF,MAAM,aAAa,OAAO,MAAM;iBACf,QAAQ,GAAG;oBACR,QAAQ,GAAG;;AA0B/B,MAAM,YAAY,EAChB,OACA,SACA,SACA,kBAAkB,OAClB,eAEA,oBAAC,iBAAD;CAAkC;YAC9B,EAAE,iBACF,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,aAAD;EAAa,OAAM;EAAS,SAAQ;EAAgB,SAAS,QAAQ;YAArE,CACE,qBAAC,SAAD;GAAS,MAAK;GAAU,cAAY;aAApC,CACE,oBAAC,SAAD;IAAS,WAAW;IAAY,eAAA;cAC9B,oBAAC,iBAAD,EAAmB,CAAA;IACX,CAAA,EACV,oBAAC,YAAD;IAAY,SAAS,QAAQ;cAC3B,qBAAC,cAAD;KAAc,aAAY;KAAK,MAAK;eAApC,CACE,oBAAC,WAAD,EAAA,UACE,oBAAC,eAAD,EAAA,UAAgB,OAAsB,CAAA,EAC5B,CAAA,EACX,WAAW,oBAAC,WAAD,EAAA,UAAY,mBAAmB,QAAQ,EAAa,CAAA,CACnD;;IACJ,CAAA,CACL;MACT,WAAW,QAAQ,SAAS,KAC3B,oBAAC,WAAD;GAAoB;GAAS,MAAK;GAAK,mBAAA;GAAoB,CAAA,CAEjD;KACd,oBAAC,iBAAD,EAAA,UACE,oBAAC,YAAD;EAAY,SAAS,QAAQ;EAAK;EAAsB,CAAA,EACxC,CAAA,CACjB,EAAA,CAAA;CAEW,CAAA;AAGpB,MAAa,gBAAgB,EAC3B,OACA,aACA,SACA,QACA,SACA,UACA,QACA,GAAG,aAEH,oBAAC,oBAAD;CACE,GAAI;CACJ,MACE,qBAAC,OAAD;EAAO,SAAS,QAAQ;EAAI,WAAA;YAA5B,CACG,QACC,oBAAC,YAAD;GACS;GACM;GACJ;GACD;GACC;GACC;GACV,CAAA,GAEF,eAAe,oBAAC,WAAD;GAAW,MAAK;aAAM;GAAwB,CAAA,EAE/D,oBAAC,WAAD;GAAW,WAAA;aACR,OAAO,KAAK,OAAO,UAClB,oBAAC,UAAD,EAA0C,GAAI,OAAS,EAAxC,GAAG,MAAM,MAAM,GAAG,QAAsB,CACvD;GACQ,CAAA,CACN;;CAEV,CAAA"}

package/dist/patterns/LayoutLoadingShimmer/index.mjs

@@ -1,9 +1,9 @@
 import { a as styled } from "../../styledComponentsInterop-NxwFjeA4.mjs";
 import { n as Stack, t as HStack } from "../../Stack-BkC7FCdF.mjs";
 import { t as LoadingShimmer } from "../../LoadingShimmer-Bqjdut7i.mjs";
-import { t as Card_default } from "../../CardV2-Ds6e577k.mjs";
-import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "../../Table--o4ZLRbb.mjs";
-import { n as PageHeaderContainer } from "../../PageHeader-CLO8SMXV.mjs";
+import { t as Card_default } from "../../CardV2-Cq4QODeE.mjs";
+import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "../../Table-PbYGf3PG.mjs";
+import { n as PageHeaderContainer } from "../../PageHeader-CCoAJUwJ.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region patterns/containers.tsx

package/dist/patterns/PageLayout/index.d.mts

@@ -1,5 +1,5 @@
-import { Backdrop, Container, Section } from "../../PageLayout.mjs";
-import { PageLayoutWidth } from "../../PageLayoutFrame.mjs";
-import { SingleColumnLayout, SingleColumnLayoutProps } from "../../SingleColumnLayout.mjs";
-import { SplitColumnLayout, SplitColumnLayoutProps } from "../../SplitColumnLayout.mjs";
-export { Backdrop, Container, type PageLayoutWidth, Section, SingleColumnLayout, type SingleColumnLayoutProps, SplitColumnLayout, type SplitColumnLayoutProps };
+import { n as Container, r as Section, t as Backdrop } from "../../PageLayout-BlCo4hN4.mjs";
+import { r as PageLayoutWidth } from "../../PageLayoutFrame--HlvI4Pp.mjs";
+import { n as SingleColumnLayoutProps, t as SingleColumnLayout } from "../../SingleColumnLayout-ByWxiD7d.mjs";
+import { n as SplitColumnLayoutProps, t as SplitColumnLayout } from "../../SplitColumnLayout-DYyJabQ3.mjs";
+export { Backdrop, Container, PageLayoutWidth, Section, SingleColumnLayout, SingleColumnLayoutProps, SplitColumnLayout, SplitColumnLayoutProps };

package/dist/patterns/PageLayout/index.mjs

@@ -1,132 +1,2 @@
-import { a as styled } from "../../styledComponentsInterop-NxwFjeA4.mjs";
-import { n as Stack } from "../../Stack-BkC7FCdF.mjs";
-import { i as useGridBreakpoint, n as GRID_BREAKPOINTS, r as Grid, t as GridItem } from "../../Grid-D0mlxk8_.mjs";
-import { Spacing } from "@persona/design-tokens";
-import { useLayoutEffect, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region patterns/PageLayout/PageLayout.tsx
-const Backdrop = styled.div`
-  position: relative;
-  width: 100%;
-  padding: ${Spacing[7]} ${Spacing[5]};
-
-  display: flex;
-  flex-direction: column;
-`;
-const StyledContainer = styled("div")`
-  position: relative;
-  width: 100%;
-  padding: 0;
-
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;
-const Container = ({ children, ...rest }) => {
-	return /* @__PURE__ */ jsx(StyledContainer, {
-		...rest,
-		children
-	});
-};
-const Section = styled("div")`
-  width: 100%;
-  padding: ${Spacing[7]};
-`;
-//#endregion
-//#region patterns/PageLayout/PageLayoutFrame.tsx
-const topPadding = (condensed) => condensed ? Spacing[5] : Spacing[6];
-const Root = styled.div`
-  width: 100%;
-  min-width: ${GRID_BREAKPOINTS.sm - 1}px;
-  padding-top: ${({ $condensed, $tabs }) => $tabs ? Spacing[5] : topPadding($condensed)};
-  padding-bottom: ${({ $condensed }) => topPadding($condensed)};
-`;
-const gridMode = (width) => width === "wide" ? "fluid" : "fixed";
-const FullWidthBand = ({ mode, children }) => /* @__PURE__ */ jsx(Grid, {
-	mode,
-	children: /* @__PURE__ */ jsx(GridItem, {
-		span: 12,
-		children
-	})
-});
-const PageLayoutFrame = ({ width = "standard", tabs, pageNotice, children }) => {
-	const mode = gridMode(width);
-	const ref = useRef(null);
-	const [condensed, setCondensed] = useState(false);
-	useLayoutEffect(() => {
-		const node = ref.current;
-		if (!node) return;
-		const update = () => setCondensed(node.offsetWidth < GRID_BREAKPOINTS.md);
-		update();
-		const observer = new ResizeObserver(update);
-		observer.observe(node);
-		return () => observer.disconnect();
-	}, []);
-	return /* @__PURE__ */ jsx(Root, {
-		ref,
-		$condensed: condensed,
-		$tabs: Boolean(tabs),
-		children: /* @__PURE__ */ jsxs(Stack, {
-			spacing: Spacing[5],
-			children: [
-				tabs && /* @__PURE__ */ jsx(FullWidthBand, {
-					mode,
-					children: tabs
-				}),
-				pageNotice && /* @__PURE__ */ jsx(FullWidthBand, {
-					mode,
-					children: pageNotice
-				}),
-				/* @__PURE__ */ jsx(Grid, {
-					mode,
-					children
-				})
-			]
-		})
-	});
-};
-//#endregion
-//#region patterns/PageLayout/SingleColumnLayout.tsx
-const SingleColumnLayout = ({ main, ...chrome }) => /* @__PURE__ */ jsx(PageLayoutFrame, {
-	...chrome,
-	children: /* @__PURE__ */ jsx(GridItem, {
-		span: 12,
-		children: /* @__PURE__ */ jsx(Stack, {
-			spacing: Spacing[4],
-			children: main
-		})
-	})
-});
-//#endregion
-//#region patterns/PageLayout/SplitColumnLayout.tsx
-const SPLIT_COLUMN_SPANS = {
-	main: 8,
-	aside: 4
-};
-const Region = ({ children }) => /* @__PURE__ */ jsx(Stack, {
-	spacing: Spacing[4],
-	children
-});
-const SplitBody = ({ main, aside }) => {
-	const stacked = useGridBreakpoint() === "xs";
-	const mainSpan = stacked ? 12 : SPLIT_COLUMN_SPANS.main;
-	const asideSpan = stacked ? 12 : SPLIT_COLUMN_SPANS.aside;
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(GridItem, {
-		span: mainSpan,
-		children: /* @__PURE__ */ jsx(Region, { children: main })
-	}), /* @__PURE__ */ jsx(GridItem, {
-		span: asideSpan,
-		children: /* @__PURE__ */ jsx("aside", { children: /* @__PURE__ */ jsx(Region, { children: aside }) })
-	})] });
-};
-const SplitColumnLayout = ({ main, aside, ...chrome }) => /* @__PURE__ */ jsx(PageLayoutFrame, {
-	...chrome,
-	children: /* @__PURE__ */ jsx(SplitBody, {
-		main,
-		aside
-	})
-});
-//#endregion
+import { a as Section, i as Container, n as SingleColumnLayout, r as Backdrop, t as SplitColumnLayout } from "../../PageLayout-C7ZC7GBA.mjs";
 export { Backdrop, Container, Section, SingleColumnLayout, SplitColumnLayout };
-
-//# sourceMappingURL=index.mjs.map

package/dist/patterns/WizardModal/index.mjs

@@ -1,9 +1,9 @@
 import { a as styled } from "../../styledComponentsInterop-NxwFjeA4.mjs";
 import { semanticColor } from "../../lib/semanticColor.mjs";
 import { t as HStack } from "../../Stack-BkC7FCdF.mjs";
-import { n as Button } from "../../IconButton-H5vDZOdo.mjs";
-import { i as Modal_default } from "../../Modal-dpBu2MKp.mjs";
-import { t as ProgressIndicator } from "../../ProgressIndicator-STyTM0Hq.mjs";
+import { n as Button } from "../../IconButton-D4awF770.mjs";
+import { i as Modal_default } from "../../Modal-Cs5cZpEr.mjs";
+import { t as ProgressIndicator } from "../../ProgressIndicator-xV5Cl2Bw.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/reactRouterFallback.d.mts

@@ -1,4 +1,4 @@
-import { r as RouterLinkComponentProps } from "./types-ClbV4wNp.mjs";
+import { r as RouterLinkComponentProps } from "./types-CgKSEQyB.mjs";
 import * as _$react from "react";
 import { useInRouterContext } from "react-router-dom";
 

package/dist/relative-date-label.d.mts

@@ -1,4 +1,4 @@
-import { l as FilterRule, u as FilterRuleValue } from "./types-Rj-C3LGL.mjs";
+import { d as FilterRuleValue, u as FilterRule } from "./types-DEzlAdZW.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/relative-date-label.d.ts
 /**

package/dist/safe-parse.d.mts

@@ -1,4 +1,4 @@
-import { t as ASTNode } from "./types-BB5WwerD.mjs";
+import { t as ASTNode } from "./types-VgGkS4JB.mjs";
 
 //#region components/SmartTextInput/parser/smart-text/parser.d.ts
 type ParseOptions = {

package/dist/{schemaOptions-DTeNBwir.d.mts → schemaOptions-DBOUChxi.d.mts}

@@ -1,5 +1,5 @@
-import { T as JsonSchemaTypes, b as JsonSchemaObjectKey, c as JsonSchemaBasicTypes, dt as ObjectSchemaMap, f as JsonSchemaCustomTypes, n as JsonSchema, st as FunctionJsonSchema, y as JsonSchemaObject } from "./jsonSchema-BMPLdT4p.mjs";
-import { n as Chain, s as MethodChainNode } from "./methodChainTypes-BtSMV5OZ.mjs";
+import { T as JsonSchemaTypes, b as JsonSchemaObjectKey, c as JsonSchemaBasicTypes, dt as ObjectSchemaMap, f as JsonSchemaCustomTypes, n as JsonSchema, st as FunctionJsonSchema, y as JsonSchemaObject } from "./jsonSchema-6mcLrVG3.mjs";
+import { n as Chain, s as MethodChainNode } from "./methodChainTypes-BuwpPC73.mjs";
 
 //#region lib/schemaOptions.d.ts
 type VariableSchemaObject = {
@@ -170,4 +170,4 @@ declare const validatePath: ({
 declare const splitAtNearestParentObject: (chain: Chain, currentSchema: JsonSchemaObject, platformSchemaMap: ObjectSchemaMap, primitiveUtilities: ObjectSchemaMap) => [leftChain: Chain, rightChain: Chain];
 //#endregion
 export { getFunctionSchemaForNode as a, getSchemaForFieldPath as c, hasRequiredPropertyShape as d, isTypeMatch as f, validatePath as g, splitAtNearestParentObject as h, formatDisplayValue as i, getSchemaForVariablePath as l, nextLinkSchema as m, OptionFilters as n, getOptionForValue as o, isValidOption as p, extractPlatformObjectKey as r, getSchemaByPath as s, Option as t, getSchemaOptions as u };
-//# sourceMappingURL=schemaOptions-DTeNBwir.d.mts.map
+//# sourceMappingURL=schemaOptions-DBOUChxi.d.mts.map

package/dist/{semantic-CfiNA4Yy.d.mts → semantic-Duoh2Pxp.d.mts}

@@ -130,4 +130,4 @@ declare const semanticLight: SemanticTokens;
 declare const semanticDark: SemanticTokens;
 //#endregion
 export { semanticLight as i, SemanticTokens as n, semanticDark as r, CssPercentage as t };
-//# sourceMappingURL=semantic-CfiNA4Yy.d.mts.map
+//# sourceMappingURL=semantic-Duoh2Pxp.d.mts.map

package/dist/{semanticColor-BCPOKF9L.d.mts → semanticColor-BuG977_M.d.mts}

@@ -1,5 +1,5 @@
-import { n as SemanticTokens, t as CssPercentage } from "./semantic-CfiNA4Yy.mjs";
-import { t as CssColor } from "./color-DuKiTH5t.mjs";
+import { n as SemanticTokens, t as CssPercentage } from "./semantic-Duoh2Pxp.mjs";
+import { t as CssColor } from "./color-BOm5A1Si.mjs";
 
 //#region lib/semanticColor.d.ts
 /** PDS components also render under foreign themes (Relay, darkTheme), so `semantic` is optional. */
@@ -26,4 +26,4 @@ declare const semanticOnly: <T>(build: (tokens: SemanticTokens) => T) => ({
 }) => T | undefined;
 //#endregion
 export { semanticTokens as a, semanticOnly as i, SemanticFallback as n, semanticColor as r, MaybeSemanticTheme as t };
-//# sourceMappingURL=semanticColor-BCPOKF9L.d.mts.map
+//# sourceMappingURL=semanticColor-BuG977_M.d.mts.map

package/dist/{strings-BaQZhOjo.d.mts → strings-CUZrwL-Q.d.mts}

@@ -85,6 +85,7 @@ interface CommonStrings {
   booleanFalse: string;
   booleanValue: string;
   fieldValue: (fieldLabel: Arg) => string;
+  applyFilter: string;
   selectAnOptionPlaceholder: string;
   enterAValue: string;
   enterANumber: string;
@@ -105,6 +106,7 @@ interface CommonStrings {
   noRulesYet: string;
   rulesInGroup: (groupNumber: Arg) => string;
   orGroup: string;
+  field: string;
   value: string;
   selectField: string;
   fieldForRule: (ruleNumber: Arg, groupNumber: Arg) => string;
@@ -122,6 +124,14 @@ interface CommonStrings {
   operatorBetween: string;
   operatorIsAnyOf: string;
   operatorIsNoneOf: string;
+  operatorGreaterThan: string;
+  operatorGreaterThanOrEqual: string;
+  operatorLessThan: string;
+  operatorLessThanOrEqual: string;
+  /** Numeric (`integer` / `float`) field operators, e.g. "Members is equal to 5". */
+  operatorIsEqualTo: string;
+  operatorIsGreaterThan: string;
+  operatorIsLessThan: string;
 }
 type CommonStringKey = keyof CommonStrings;
 /** A single override value: plain copy, or a formatter for keys that interpolate. */
@@ -140,4 +150,4 @@ declare const DEFAULT_COMMON_STRINGS: Readonly<CommonStrings>;
 declare function resolveCommonStrings(overrides: CommonStringOverrides | undefined, base?: Readonly<CommonStrings>): CommonStrings;
 //#endregion
 export { DEFAULT_COMMON_STRINGS as a, CommonStrings as i, CommonStringOverrides as n, resolveCommonStrings as o, CommonStringValue as r, CommonStringKey as t };
-//# sourceMappingURL=strings-BaQZhOjo.d.mts.map
+//# sourceMappingURL=strings-CUZrwL-Q.d.mts.map

package/dist/strings.d.mts

@@ -1,2 +1,2 @@
-import { a as DEFAULT_COMMON_STRINGS, i as CommonStrings, n as CommonStringOverrides, o as resolveCommonStrings, r as CommonStringValue, t as CommonStringKey } from "./strings-BaQZhOjo.mjs";
+import { a as DEFAULT_COMMON_STRINGS, i as CommonStrings, n as CommonStringOverrides, o as resolveCommonStrings, r as CommonStringValue, t as CommonStringKey } from "./strings-CUZrwL-Q.mjs";
 export { CommonStringKey, CommonStringOverrides, CommonStringValue, CommonStrings, DEFAULT_COMMON_STRINGS, resolveCommonStrings };

package/dist/{text-ucZmPNyH.d.mts → text-B7hx6G99.d.mts}

@@ -11,4 +11,4 @@ type ParagraphSize = 'lg' | 'md' | 'sm' | 'xs';
 declare const paragraphMixins: Record<ParagraphMixinSize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
 //#endregion
 export { displayMixins as a, paragraphMixins as c, ParagraphSize as i, HeadingSize as n, fontFamilyMixin as o, ParagraphMixinSize as r, headingMixins as s, DisplaySize as t };
-//# sourceMappingURL=text-ucZmPNyH.d.mts.map
+//# sourceMappingURL=text-B7hx6G99.d.mts.map

package/dist/{theme-CAPmp1it.d.mts → theme-BKg55Zk1.d.mts}

@@ -1,5 +1,5 @@
-import { n as SemanticTokens } from "./semantic-CfiNA4Yy.mjs";
-import { n as PdsColor } from "./color-DuKiTH5t.mjs";
+import { n as SemanticTokens } from "./semantic-Duoh2Pxp.mjs";
+import { n as PdsColor } from "./color-BOm5A1Si.mjs";
 import { Color, PDSTypeStyle } from "@persona/design-tokens";
 
 //#region theme.d.ts
@@ -168,4 +168,4 @@ type PdsThemed<T extends PersonaTheme, M extends PdsThemingMode> = Omit<T, 'colo
 declare function withPdsTheming<T extends PersonaTheme, M extends PdsThemingMode>(theme: T, mode: M): PdsThemed<T, M>;
 //#endregion
 export { TextColors as a, defaultTheme as c, PersonaTheme as i, marketingFontTheme as l, PdsThemed as n, Variant as o, PdsThemingMode as r, darkTheme as s, BackgroundColors as t, withPdsTheming as u };
-//# sourceMappingURL=theme-CAPmp1it.d.mts.map
+//# sourceMappingURL=theme-BKg55Zk1.d.mts.map

package/dist/theme.d.mts

@@ -1,2 +1,2 @@
-import { a as TextColors, c as defaultTheme, i as PersonaTheme, l as marketingFontTheme, n as PdsThemed, o as Variant, r as PdsThemingMode, s as darkTheme, t as BackgroundColors, u as withPdsTheming } from "./theme-CAPmp1it.mjs";
+import { a as TextColors, c as defaultTheme, i as PersonaTheme, l as marketingFontTheme, n as PdsThemed, o as Variant, r as PdsThemingMode, s as darkTheme, t as BackgroundColors, u as withPdsTheming } from "./theme-BKg55Zk1.mjs";
 export { BackgroundColors, PdsThemed, PdsThemingMode, PersonaTheme, TextColors, Variant, darkTheme, defaultTheme as default, marketingFontTheme, withPdsTheming };

package/dist/tone.d.mts

@@ -1,6 +1,6 @@
-import { n as SemanticTokens } from "./semantic-CfiNA4Yy.mjs";
-import { n as PdsColor } from "./color-DuKiTH5t.mjs";
-import { o as StickerProps } from "./Sticker-rxBNVYlX.mjs";
+import { n as SemanticTokens } from "./semantic-Duoh2Pxp.mjs";
+import { n as PdsColor } from "./color-BOm5A1Si.mjs";
+import { o as StickerProps } from "./Sticker-C260e6kl.mjs";
 import { Color } from "@persona/design-tokens";
 
 //#region components/Sticker/tone.d.ts

package/dist/tree.d.mts

@@ -1,4 +1,4 @@
-import { t as ASTNode } from "./types-BB5WwerD.mjs";
+import { t as ASTNode } from "./types-VgGkS4JB.mjs";
 
 //#region components/SmartTextInput/parser/tree.d.ts
 declare function findAll(node: ASTNode, type: string, acc?: ASTNode[]): ASTNode[];

package/dist/{types-l-arEBLb.d.mts → types-4wnr5R9P.d.mts}

@@ -102,4 +102,4 @@ interface ASTCustomFunctionNode {
 }
 //#endregion
 export { isASTMethodChainNode as _, ASTErrorNode as a, ASTIdentifierNode as c, ASTNumberNode as d, ASTParenCloseNode as f, isASTCustomFunctionNode as g, ErrorKind as h, ASTDotNode as i, ASTMethodChainNode as l, ASTStringNode as m, ASTChain as n, ASTFunctionNode as o, ASTParenOpenNode as p, ASTCustomFunctionNode as r, ASTFunctionParamType as s, ASTArrayNode as t, ASTNodeType as u, isAnyASTFunctionNode as v, isRealASTFunctionParamType as y };
-//# sourceMappingURL=types-l-arEBLb.d.mts.map
+//# sourceMappingURL=types-4wnr5R9P.d.mts.map

package/dist/{types-CBfgdnuB.d.mts → types-6QeQmbFm.d.mts}

@@ -7,4 +7,4 @@ interface PaginationParams {
 }
 //#endregion
 export { PaginationParams as t };
-//# sourceMappingURL=types-CBfgdnuB.d.mts.map
+//# sourceMappingURL=types-6QeQmbFm.d.mts.map