@persona/design-system 0.8.1 → 0.9.0

package/dist/patterns/CardGrouping/index.mjs

@@ -0,0 +1,280 @@
+import { a as styled } from "../../styledComponentsInterop-NxwFjeA4.mjs";
+import { HeadlessAriaButton } from "../../lib/HeadlessAriaButton.mjs";
+import { n as RouterLink } from "../../router-COrZcVkf.mjs";
+import { TruncatedText } from "../../lib/TruncatedText.mjs";
+import { semanticColor } from "../../lib/semanticColor.mjs";
+import { i as Paragraph, n as Heading$1 } from "../../Text-CSwFifQF.mjs";
+import "../../variables/transitions.mjs";
+import { a as Tooltip } from "../../Tooltip-B-0VRuKT.mjs";
+import { focusStyle } from "../../mixins/focus.mjs";
+import { n as Stack, t as HStack } from "../../Stack-BkC7FCdF.mjs";
+import { n as Button$1, t as IconButton } from "../../IconButton-Cqxfmrea.mjs";
+import { n as DropdownMenu_default } from "../../DropdownMenu-C2BHv8Lc.mjs";
+import { t as DropdownButton } from "../../DropdownButton-CRJDAGjJ.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":"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"}

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-CEPzs4Pb.mjs";
-import { t as LoadingShimmer } from "../../LoadingShimmer-Ds7rvIUN.mjs";
-import { t as Card_default } from "../../CardV2-DEW6mw_o.mjs";
-import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "../../Table-msXj0glu.mjs";
-import { n as PageHeaderContainer } from "../../PageHeader-eI4RM_uL.mjs";
+import { n as Stack, t as HStack } from "../../Stack-BkC7FCdF.mjs";
+import { t as LoadingShimmer } from "../../LoadingShimmer-C73hJqaW.mjs";
+import { t as Card_default } from "../../CardV2-JPGFAqui.mjs";
+import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "../../Table-CV8nogHu.mjs";
+import { n as PageHeaderContainer } from "../../PageHeader-5GyfuGLe.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-C7hDmoy_.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-CEPzs4Pb.mjs";
-import { i as useGridBreakpoint, n as GRID_BREAKPOINTS, r as Grid, t as GridItem } from "../../Grid-CeH9E5Ai.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-CEPzs4Pb.mjs";
-import { n as Button } from "../../IconButton-BHFCjvzs.mjs";
-import { i as Modal_default } from "../../Modal-DHLPK65-.mjs";
-import { t as ProgressIndicator } from "../../ProgressIndicator-BpF3XLn3.mjs";
+import { t as HStack } from "../../Stack-BkC7FCdF.mjs";
+import { n as Button } from "../../IconButton-Cqxfmrea.mjs";
+import { i as Modal_default } from "../../Modal-BBIJVhv2.mjs";
+import { t as ProgressIndicator } from "../../ProgressIndicator-STyTM0Hq.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-D1DijcJv.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-Dy3lZv9z.mjs";
+import { d as FilterRuleValue, u as FilterRule } from "./types-CM8L7-ij.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/relative-date-label.d.ts
 /**

package/dist/{router-7FYDW80v.mjs → router-COrZcVkf.mjs}

@@ -1,4 +1,4 @@
-import { r as useRouter } from "./RouterContext-CsPnkNdI.mjs";
+import { r as useRouter } from "./RouterContext-nPSb55p9.mjs";
 import { forwardRef, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Link, useInRouterContext, useLocation } from "react-router-dom";
@@ -109,4 +109,4 @@ const usePathname = () => {
 //#endregion
 export { RouterLink as n, createPath as r, usePathname as t };
 
-//# sourceMappingURL=router-7FYDW80v.mjs.map
+//# sourceMappingURL=router-COrZcVkf.mjs.map

package/dist/{router-7FYDW80v.mjs.map → router-COrZcVkf.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"router-7FYDW80v.mjs","names":[],"sources":["../lib/router/createPath.ts","../lib/router/navigationEvents.ts","../lib/router/reactRouterFallback.tsx","../lib/router/RouterLink.tsx","../lib/router/useLocationPathname.ts"],"sourcesContent":["import type { To } from './types';\n\nexport function createPath(to: To): string {\n  if (typeof to === 'string') {\n    return to;\n  }\n\n  const { pathname = '', search = '', hash = '' } = to;\n  let path = pathname;\n\n  if (search) {\n    path += search.startsWith('?') ? search : `?${search}`;\n  }\n  if (hash) {\n    path += hash.startsWith('#') ? hash : `#${hash}`;\n  }\n\n  return path;\n}\n","const navigationListeners = new Set<() => void>();\n\nexport const subscribeNavigation = (listener: () => void): (() => void) => {\n  navigationListeners.add(listener);\n  return () => navigationListeners.delete(listener);\n};\n\nexport const emitNavigation = (): void => {\n  navigationListeners.forEach((listener) => listener());\n};\n","import { forwardRef } from 'react';\nimport {\n  Link,\n  useInRouterContext,\n  useLocation,\n} from 'react-router-dom';\n\nimport type { RouterLinkComponentProps } from './types';\n\nexport const useInReactRouterContext = useInRouterContext;\n\nexport const useReactRouterPathname = () => useLocation().pathname;\n\nexport const ReactRouterFallbackLink = forwardRef<\n  HTMLAnchorElement,\n  RouterLinkComponentProps\n>(function ReactRouterFallbackLink({ to, replace, state, reloadDocument, ...rest }, ref) {\n  return (\n    <Link\n      to={to}\n      replace={replace}\n      state={state}\n      reloadDocument={reloadDocument}\n      {...rest}\n      ref={ref}\n    />\n  );\n});\n","import { forwardRef, type MouseEvent } from 'react';\n\nimport { createPath } from './createPath';\nimport { emitNavigation } from './navigationEvents';\nimport {\n  ReactRouterFallbackLink,\n  useInReactRouterContext,\n} from './reactRouterFallback';\nimport { useRouter } from './RouterContext';\nimport type { RouterAdapter, RouterLinkComponentProps } from './types';\n\nconst AdapterLink = forwardRef<\n  HTMLAnchorElement,\n  RouterLinkComponentProps & { router: RouterAdapter }\n>(function AdapterLink(\n  { router, to, replace, state, target, onClick, reloadDocument, ...rest },\n  ref,\n) {\n  const useHref = router.useHref ?? (() => createPath(to));\n  const href = useHref(to);\n\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n    if (\n      !event.defaultPrevented &&\n      !reloadDocument &&\n      event.button === 0 &&\n      (!target || target === '_self') &&\n      !(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey)\n    ) {\n      event.preventDefault();\n      router.navigate(to, { replace, state });\n      queueMicrotask(emitNavigation);\n    }\n  };\n\n  return <a href={href} target={target} onClick={handleClick} {...rest} ref={ref} />;\n});\n\nconst RouterLink = forwardRef<HTMLAnchorElement, RouterLinkComponentProps>(\n  function RouterLink(props, ref) {\n    const router = useRouter();\n    const inReactRouter = useInReactRouterContext();\n\n    if (router?.linkComponent) {\n      const LinkComponent = router.linkComponent;\n      return <LinkComponent {...props} ref={ref} />;\n    }\n\n    if (router) {\n      return (\n        <AdapterLink\n          key={router.useHref ? 'href' : 'path'}\n          {...props}\n          router={router}\n          ref={ref}\n        />\n      );\n    }\n\n    if (inReactRouter) {\n      return <ReactRouterFallbackLink {...props} ref={ref} />;\n    }\n\n    const { to, replace, state, reloadDocument, ...rest } = props;\n    return <a href={createPath(to)} {...rest} ref={ref} />;\n  },\n);\n\nexport default RouterLink;\n","import { useEffect, useState } from 'react';\n\nimport { subscribeNavigation } from './navigationEvents';\nimport { useInReactRouterContext, useReactRouterPathname } from './reactRouterFallback';\nimport { useRouter } from './RouterContext';\n\nconst useWindowPathname = (): string => {\n  const [pathname, setPathname] = useState(() =>\n    typeof window === 'undefined' ? '' : window.location.pathname,\n  );\n\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n    const onNavigation = () => setPathname(window.location.pathname);\n    window.addEventListener('popstate', onNavigation);\n    const unsubscribe = subscribeNavigation(onNavigation);\n    return () => {\n      window.removeEventListener('popstate', onNavigation);\n      unsubscribe();\n    };\n  }, []);\n\n  return pathname;\n};\n\nexport const usePathname = (): string => {\n  const router = useRouter();\n  const inReactRouter = useInReactRouterContext();\n\n  // The router mode (adapter / react-router / none) must stay fixed for the lifetime of the tree.\n  const useAdapterPathname = () => router?.useLocation?.().pathname ?? '';\n  const useSelectedPathname = router?.useLocation\n    ? useAdapterPathname\n    : inReactRouter\n      ? useReactRouterPathname\n      : useWindowPathname;\n\n  return useSelectedPathname();\n};\n"],"mappings":";;;;;AAEA,SAAgB,WAAW,IAAgB;AACzC,KAAI,OAAO,OAAO,SAChB,QAAO;CAGT,MAAM,EAAE,WAAW,IAAI,SAAS,IAAI,OAAO,OAAO;CAClD,IAAI,OAAO;AAEX,KAAI,OACF,SAAQ,OAAO,WAAW,IAAI,GAAG,SAAS,IAAI;AAEhD,KAAI,KACF,SAAQ,KAAK,WAAW,IAAI,GAAG,OAAO,IAAI;AAG5C,QAAO;;;;ACjBT,MAAM,sCAAsB,IAAI,KAAiB;AAEjD,MAAa,uBAAuB,aAAuC;AACzE,qBAAoB,IAAI,SAAS;AACjC,cAAa,oBAAoB,OAAO,SAAS;;AAGnD,MAAa,uBAA6B;AACxC,qBAAoB,SAAS,aAAa,UAAU,CAAC;;;;ACCvD,MAAa,0BAA0B;AAEvC,MAAa,+BAA+B,aAAa,CAAC;AAE1D,MAAa,0BAA0B,WAGrC,SAAS,wBAAwB,EAAE,IAAI,SAAS,OAAO,gBAAgB,GAAG,QAAQ,KAAK;AACvF,QACE,oBAAC,MAAD;EACM;EACK;EACF;EACS;EAChB,GAAI;EACC;EACL,CAAA;EAEJ;;;AChBF,MAAM,cAAc,WAGlB,SAAS,YACT,EAAE,QAAQ,IAAI,SAAS,OAAO,QAAQ,SAAS,gBAAgB,GAAG,QAClE,KACA;CAEA,MAAM,QADU,OAAO,kBAAkB,WAAW,GAAG,GAClC,GAAG;CAExB,MAAM,eAAe,UAAyC;AAC5D,YAAU,MAAM;AAChB,MACE,CAAC,MAAM,oBACP,CAAC,kBACD,MAAM,WAAW,MAChB,CAAC,UAAU,WAAW,YACvB,EAAE,MAAM,WAAW,MAAM,UAAU,MAAM,WAAW,MAAM,WAC1D;AACA,SAAM,gBAAgB;AACtB,UAAO,SAAS,IAAI;IAAE;IAAS;IAAO,CAAC;AACvC,kBAAe,eAAe;;;AAIlC,QAAO,oBAAC,KAAD;EAAS;EAAc;EAAQ,SAAS;EAAa,GAAI;EAAW;EAAO,CAAA;EAClF;AAEF,MAAM,aAAa,WACjB,SAAS,WAAW,OAAO,KAAK;CAC9B,MAAM,SAAS,WAAW;CAC1B,MAAM,gBAAgB,yBAAyB;AAE/C,KAAI,QAAQ,eAAe;EACzB,MAAM,gBAAgB,OAAO;AAC7B,SAAO,oBAAC,eAAD;GAAe,GAAI;GAAY;GAAO,CAAA;;AAG/C,KAAI,OACF,QACE,oBAAC,aAAD;EAEE,GAAI;EACI;EACH;EACL,EAJK,OAAO,UAAU,SAAS,OAI/B;AAIN,KAAI,cACF,QAAO,oBAAC,yBAAD;EAAyB,GAAI;EAAY;EAAO,CAAA;CAGzD,MAAM,EAAE,IAAI,SAAS,OAAO,gBAAgB,GAAG,SAAS;AACxD,QAAO,oBAAC,KAAD;EAAG,MAAM,WAAW,GAAG;EAAE,GAAI;EAAW;EAAO,CAAA;EAEzD;;;AC7DD,MAAM,0BAAkC;CACtC,MAAM,CAAC,UAAU,eAAe,eAC9B,OAAO,WAAW,cAAc,KAAK,OAAO,SAAS,SACtD;AAED,iBAAgB;AACd,MAAI,OAAO,WAAW,YACpB;EAEF,MAAM,qBAAqB,YAAY,OAAO,SAAS,SAAS;AAChE,SAAO,iBAAiB,YAAY,aAAa;EACjD,MAAM,cAAc,oBAAoB,aAAa;AACrD,eAAa;AACX,UAAO,oBAAoB,YAAY,aAAa;AACpD,gBAAa;;IAEd,EAAE,CAAC;AAEN,QAAO;;AAGT,MAAa,oBAA4B;CACvC,MAAM,SAAS,WAAW;CAC1B,MAAM,gBAAgB,yBAAyB;CAG/C,MAAM,2BAA2B,QAAQ,eAAe,CAAC,YAAY;AAOrE,SAN4B,QAAQ,cAChC,qBACA,gBACE,yBACA,oBAEsB"}
+{"version":3,"file":"router-COrZcVkf.mjs","names":[],"sources":["../lib/router/createPath.ts","../lib/router/navigationEvents.ts","../lib/router/reactRouterFallback.tsx","../lib/router/RouterLink.tsx","../lib/router/useLocationPathname.ts"],"sourcesContent":["import type { To } from './types';\n\nexport function createPath(to: To): string {\n  if (typeof to === 'string') {\n    return to;\n  }\n\n  const { pathname = '', search = '', hash = '' } = to;\n  let path = pathname;\n\n  if (search) {\n    path += search.startsWith('?') ? search : `?${search}`;\n  }\n  if (hash) {\n    path += hash.startsWith('#') ? hash : `#${hash}`;\n  }\n\n  return path;\n}\n","const navigationListeners = new Set<() => void>();\n\nexport const subscribeNavigation = (listener: () => void): (() => void) => {\n  navigationListeners.add(listener);\n  return () => navigationListeners.delete(listener);\n};\n\nexport const emitNavigation = (): void => {\n  navigationListeners.forEach((listener) => listener());\n};\n","import { forwardRef } from 'react';\nimport {\n  Link,\n  useInRouterContext,\n  useLocation,\n} from 'react-router-dom';\n\nimport type { RouterLinkComponentProps } from './types';\n\nexport const useInReactRouterContext = useInRouterContext;\n\nexport const useReactRouterPathname = () => useLocation().pathname;\n\nexport const ReactRouterFallbackLink = forwardRef<\n  HTMLAnchorElement,\n  RouterLinkComponentProps\n>(function ReactRouterFallbackLink({ to, replace, state, reloadDocument, ...rest }, ref) {\n  return (\n    <Link\n      to={to}\n      replace={replace}\n      state={state}\n      reloadDocument={reloadDocument}\n      {...rest}\n      ref={ref}\n    />\n  );\n});\n","import { forwardRef, type MouseEvent } from 'react';\n\nimport { createPath } from './createPath';\nimport { emitNavigation } from './navigationEvents';\nimport {\n  ReactRouterFallbackLink,\n  useInReactRouterContext,\n} from './reactRouterFallback';\nimport { useRouter } from './RouterContext';\nimport type { RouterAdapter, RouterLinkComponentProps } from './types';\n\nconst AdapterLink = forwardRef<\n  HTMLAnchorElement,\n  RouterLinkComponentProps & { router: RouterAdapter }\n>(function AdapterLink(\n  { router, to, replace, state, target, onClick, reloadDocument, ...rest },\n  ref,\n) {\n  const useHref = router.useHref ?? (() => createPath(to));\n  const href = useHref(to);\n\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n    if (\n      !event.defaultPrevented &&\n      !reloadDocument &&\n      event.button === 0 &&\n      (!target || target === '_self') &&\n      !(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey)\n    ) {\n      event.preventDefault();\n      router.navigate(to, { replace, state });\n      queueMicrotask(emitNavigation);\n    }\n  };\n\n  return <a href={href} target={target} onClick={handleClick} {...rest} ref={ref} />;\n});\n\nconst RouterLink = forwardRef<HTMLAnchorElement, RouterLinkComponentProps>(\n  function RouterLink(props, ref) {\n    const router = useRouter();\n    const inReactRouter = useInReactRouterContext();\n\n    if (router?.linkComponent) {\n      const LinkComponent = router.linkComponent;\n      return <LinkComponent {...props} ref={ref} />;\n    }\n\n    if (router) {\n      return (\n        <AdapterLink\n          key={router.useHref ? 'href' : 'path'}\n          {...props}\n          router={router}\n          ref={ref}\n        />\n      );\n    }\n\n    if (inReactRouter) {\n      return <ReactRouterFallbackLink {...props} ref={ref} />;\n    }\n\n    const { to, replace, state, reloadDocument, ...rest } = props;\n    return <a href={createPath(to)} {...rest} ref={ref} />;\n  },\n);\n\nexport default RouterLink;\n","import { useEffect, useState } from 'react';\n\nimport { subscribeNavigation } from './navigationEvents';\nimport { useInReactRouterContext, useReactRouterPathname } from './reactRouterFallback';\nimport { useRouter } from './RouterContext';\n\nconst useWindowPathname = (): string => {\n  const [pathname, setPathname] = useState(() =>\n    typeof window === 'undefined' ? '' : window.location.pathname,\n  );\n\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n    const onNavigation = () => setPathname(window.location.pathname);\n    window.addEventListener('popstate', onNavigation);\n    const unsubscribe = subscribeNavigation(onNavigation);\n    return () => {\n      window.removeEventListener('popstate', onNavigation);\n      unsubscribe();\n    };\n  }, []);\n\n  return pathname;\n};\n\nexport const usePathname = (): string => {\n  const router = useRouter();\n  const inReactRouter = useInReactRouterContext();\n\n  // The router mode (adapter / react-router / none) must stay fixed for the lifetime of the tree.\n  const useAdapterPathname = () => router?.useLocation?.().pathname ?? '';\n  const useSelectedPathname = router?.useLocation\n    ? useAdapterPathname\n    : inReactRouter\n      ? useReactRouterPathname\n      : useWindowPathname;\n\n  return useSelectedPathname();\n};\n"],"mappings":";;;;;AAEA,SAAgB,WAAW,IAAgB;AACzC,KAAI,OAAO,OAAO,SAChB,QAAO;CAGT,MAAM,EAAE,WAAW,IAAI,SAAS,IAAI,OAAO,OAAO;CAClD,IAAI,OAAO;AAEX,KAAI,OACF,SAAQ,OAAO,WAAW,IAAI,GAAG,SAAS,IAAI;AAEhD,KAAI,KACF,SAAQ,KAAK,WAAW,IAAI,GAAG,OAAO,IAAI;AAG5C,QAAO;;;;ACjBT,MAAM,sCAAsB,IAAI,KAAiB;AAEjD,MAAa,uBAAuB,aAAuC;AACzE,qBAAoB,IAAI,SAAS;AACjC,cAAa,oBAAoB,OAAO,SAAS;;AAGnD,MAAa,uBAA6B;AACxC,qBAAoB,SAAS,aAAa,UAAU,CAAC;;;;ACCvD,MAAa,0BAA0B;AAEvC,MAAa,+BAA+B,aAAa,CAAC;AAE1D,MAAa,0BAA0B,WAGrC,SAAS,wBAAwB,EAAE,IAAI,SAAS,OAAO,gBAAgB,GAAG,QAAQ,KAAK;AACvF,QACE,oBAAC,MAAD;EACM;EACK;EACF;EACS;EAChB,GAAI;EACC;EACL,CAAA;EAEJ;;;AChBF,MAAM,cAAc,WAGlB,SAAS,YACT,EAAE,QAAQ,IAAI,SAAS,OAAO,QAAQ,SAAS,gBAAgB,GAAG,QAClE,KACA;CAEA,MAAM,QADU,OAAO,kBAAkB,WAAW,GAAG,GAClC,GAAG;CAExB,MAAM,eAAe,UAAyC;AAC5D,YAAU,MAAM;AAChB,MACE,CAAC,MAAM,oBACP,CAAC,kBACD,MAAM,WAAW,MAChB,CAAC,UAAU,WAAW,YACvB,EAAE,MAAM,WAAW,MAAM,UAAU,MAAM,WAAW,MAAM,WAC1D;AACA,SAAM,gBAAgB;AACtB,UAAO,SAAS,IAAI;IAAE;IAAS;IAAO,CAAC;AACvC,kBAAe,eAAe;;;AAIlC,QAAO,oBAAC,KAAD;EAAS;EAAc;EAAQ,SAAS;EAAa,GAAI;EAAW;EAAO,CAAA;EAClF;AAEF,MAAM,aAAa,WACjB,SAAS,WAAW,OAAO,KAAK;CAC9B,MAAM,SAAS,WAAW;CAC1B,MAAM,gBAAgB,yBAAyB;AAE/C,KAAI,QAAQ,eAAe;EACzB,MAAM,gBAAgB,OAAO;AAC7B,SAAO,oBAAC,eAAD;GAAe,GAAI;GAAY;GAAO,CAAA;;AAG/C,KAAI,OACF,QACE,oBAAC,aAAD;EAEE,GAAI;EACI;EACH;EACL,EAJK,OAAO,UAAU,SAAS,OAI/B;AAIN,KAAI,cACF,QAAO,oBAAC,yBAAD;EAAyB,GAAI;EAAY;EAAO,CAAA;CAGzD,MAAM,EAAE,IAAI,SAAS,OAAO,gBAAgB,GAAG,SAAS;AACxD,QAAO,oBAAC,KAAD;EAAG,MAAM,WAAW,GAAG;EAAE,GAAI;EAAW;EAAO,CAAA;EAEzD;;;AC7DD,MAAM,0BAAkC;CACtC,MAAM,CAAC,UAAU,eAAe,eAC9B,OAAO,WAAW,cAAc,KAAK,OAAO,SAAS,SACtD;AAED,iBAAgB;AACd,MAAI,OAAO,WAAW,YACpB;EAEF,MAAM,qBAAqB,YAAY,OAAO,SAAS,SAAS;AAChE,SAAO,iBAAiB,YAAY,aAAa;EACjD,MAAM,cAAc,oBAAoB,aAAa;AACrD,eAAa;AACX,UAAO,oBAAoB,YAAY,aAAa;AACpD,gBAAa;;IAEd,EAAE,CAAC;AAEN,QAAO;;AAGT,MAAa,oBAA4B;CACvC,MAAM,SAAS,WAAW;CAC1B,MAAM,gBAAgB,yBAAyB;CAG/C,MAAM,2BAA2B,QAAQ,eAAe,CAAC,YAAY;AAOrE,SAN4B,QAAQ,cAChC,qBACA,gBACE,yBACA,oBAEsB"}

package/dist/safe-parse.d.mts

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

package/dist/{schemaOptions-DGca6x7E.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-Bl-qzgrr.mjs";
-import { n as Chain, s as MethodChainNode } from "./methodChainTypes-BVkTI8MX.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-DGca6x7E.d.mts.map
+//# sourceMappingURL=schemaOptions-DBOUChxi.d.mts.map

package/dist/{semantic-D1661f_6.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-D1661f_6.d.mts.map
+//# sourceMappingURL=semantic-Duoh2Pxp.d.mts.map

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

@@ -1,5 +1,5 @@
-import { n as SemanticTokens, t as CssPercentage } from "./semantic-D1661f_6.mjs";
-import { t as CssColor } from "./color-CrlF3pba.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-Bg0H3RUL.d.mts.map
+//# sourceMappingURL=semanticColor-BuG977_M.d.mts.map