@persona/design-system 0.1.9 → 0.2.1

package/dist/components/TechnicalSticker/index.mjs

@@ -1,232 +1,2 @@
-import { isHovered } from "../../lib/pseudoClass.mjs";
-import { t as MiddleTruncatedText } from "../../MiddleTruncatedText-GXI-CPvs.mjs";
-import { t as useToggle } from "../../useToggle-Bo3yd14Y.mjs";
-import { a as Tooltip } from "../../Tooltip-BvDbmXak.mjs";
-import copyTextToClipboard from "../../lib/copyTextToClipboard.mjs";
-import { BorderRadius, Color, Spacing, Typography } from "@persona/design-tokens";
-import styled, { css } from "styled-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { CopyIcon } from "@persona/icons/12px";
-//#region components/TechnicalSticker/TechnicalSticker.tsx
-const COPY_CONFIRMATION_TEXT = "Copied!";
-const COPY_CONFIRMATION_DURATION_MS = 1200;
-const DEFAULT_COPY_TOOLTIP_LABEL = "Copy ID";
-const HREF_VALIDATION_BASE_URL = "https://withpersona.com";
-const TECHNICAL_TEXT_FONT = `${Typography.TextMono.fontWeight} ${Typography.TextExtraSmall.fontSize} ${Typography.TextMono.fontFamily}`;
-const technicalStickerBackgrounds = {
-	grey: Color.BackgroundLabelGrey,
-	white: Color.BackgroundLabelWhite
-};
-const technicalStickerHoverBackgrounds = {
-	grey: Color.BackgroundLabelGreyHover,
-	white: Color.BackgroundButtonInverseHover
-};
-const isSafeTechnicalStickerHref = (href) => {
-	try {
-		const url = new URL(href, HREF_VALIDATION_BASE_URL);
-		return url.protocol === "http:" || url.protocol === "https:";
-	} catch {
-		return false;
-	}
-};
-const TechnicalStickerShell = styled.div`
-  display: inline-flex;
-  align-items: center;
-  white-space: nowrap;
-
-  border-radius: ${BorderRadius.Sm};
-  height: 1rem;
-  width: ${({ $width }) => typeof $width === "number" ? `${$width}px` : $width ?? "auto"};
-  max-width: 100%;
-  box-sizing: border-box;
-
-  color: ${({ theme, disabled }) => disabled ? theme.color.text.disabled : theme.color.text.primary};
-  background: ${({ variant }) => technicalStickerBackgrounds[variant]};
-
-  position: relative;
-  overflow: hidden;
-  border: 1px solid ${Color.BorderInputDefault};
-
-  ${({ variant, disabled }) => !disabled && css`
-      &:hover {
-        background: ${technicalStickerHoverBackgrounds[variant]};
-      }
-    `}
-`;
-const labelContainerStyles = css`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1 1 auto;
-  min-width: 0;
-  padding: 0 ${Spacing[1]};
-`;
-const LabelContainer = styled.div`
-  ${labelContainerStyles}
-`;
-const LabelLink = styled.a`
-  ${labelContainerStyles}
-  color: inherit;
-  text-decoration: none;
-`;
-const TechnicalText = styled(MiddleTruncatedText)`
-  ${Typography.TextMono};
-  font-size: ${Typography.TextExtraSmall.fontSize};
-  line-height: ${Typography.TextExtraSmall.lineHeight};
-  text-align: center;
-
-  ${({ $isLinkEnabled, $isTruncated }) => $isTruncated && css`
-      cursor: ${$isLinkEnabled ? "pointer" : "default"};
-      user-select: none;
-
-      & > span {
-        user-select: none;
-      }
-    `}
-`;
-const CopyActions = styled.div`
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  height: 16px;
-  opacity: ${({ $visible }) => $visible ? 1 : 0};
-  pointer-events: ${({ $visible }) => $visible ? "auto" : "none"};
-  transition: opacity 120ms ease-in-out;
-
-  &:focus-within {
-    opacity: 1;
-    pointer-events: auto;
-  }
-`;
-const CopyGradient = styled.div`
-  width: 8px;
-  height: 16px;
-  background: linear-gradient(to left, ${({ $background }) => $background}, transparent);
-`;
-const CopyButton = styled.button`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  padding: 0 2px 0 0;
-  border: none;
-  background: ${({ $background }) => $background};
-  color: ${Color.BorderIconPrimary};
-  cursor: pointer;
-
-  &:disabled {
-    cursor: not-allowed;
-  }
-
-  &${isHovered}:not(:disabled) {
-    color: ${Color.TextPrimary};
-  }
-`;
-const TechnicalSticker = ({ variant = "grey", href, tooltipLabel: tooltipLabelProp, copyTooltipLabel = DEFAULT_COPY_TOOLTIP_LABEL, copyable = true, copyValue, width, maxWidth = "96px", children, disabled, onMouseEnter, onMouseLeave, ...stickerProps }) => {
-	const [isHoveredState, setIsHoveredState] = useState(false);
-	const [isCopyButtonFocused, setIsCopyButtonFocused] = useState(false);
-	const [isTruncated, setIsTruncated] = useState(false);
-	const [isCopyTooltipOpen, setIsCopyTooltipOpen] = useState(false);
-	const [copyConfirmationOpen, { enable: showCopyConfirmation, disable: hideCopyConfirmation }] = useToggle(false);
-	const copyConfirmationTimerRef = useRef(null);
-	const tooltipLabel = tooltipLabelProp ?? children;
-	const hasCustomTooltipLabel = tooltipLabelProp != null;
-	const hoverBackground = technicalStickerHoverBackgrounds[variant];
-	const copyActionBackground = isHoveredState ? hoverBackground : technicalStickerBackgrounds[variant];
-	const showCopyActions = copyable && !disabled && (isHoveredState || isCopyButtonFocused || copyConfirmationOpen);
-	const showStickerTooltip = tooltipLabel.length > 0 && (isTruncated || hasCustomTooltipLabel);
-	const isCopyTooltipVisible = isCopyTooltipOpen || copyConfirmationOpen;
-	const isLinkEnabled = href != null && !disabled && isSafeTechnicalStickerHref(href);
-	const handleCopyTooltipOpenChange = useCallback((open) => {
-		if (copyConfirmationOpen) return;
-		setIsCopyTooltipOpen(open);
-	}, [copyConfirmationOpen]);
-	const handleCopy = useCallback(async (event) => {
-		event.preventDefault();
-		event.stopPropagation();
-		if (disabled) return;
-		if (!await copyTextToClipboard(copyValue ?? children)) return;
-		setIsCopyTooltipOpen(true);
-		showCopyConfirmation();
-		if (copyConfirmationTimerRef.current) clearTimeout(copyConfirmationTimerRef.current);
-		copyConfirmationTimerRef.current = setTimeout(() => {
-			setIsCopyTooltipOpen(false);
-			hideCopyConfirmation();
-			copyConfirmationTimerRef.current = null;
-		}, COPY_CONFIRMATION_DURATION_MS);
-	}, [
-		children,
-		copyValue,
-		disabled,
-		hideCopyConfirmation,
-		showCopyConfirmation
-	]);
-	useEffect(() => () => {
-		if (copyConfirmationTimerRef.current) clearTimeout(copyConfirmationTimerRef.current);
-	}, []);
-	const technicalText = /* @__PURE__ */ jsx(TechnicalText, {
-		value: children,
-		maxWidth: width ?? maxWidth,
-		font: TECHNICAL_TEXT_FONT,
-		onTruncatedChange: setIsTruncated,
-		titleBehavior: "never",
-		$isLinkEnabled: isLinkEnabled,
-		$isTruncated: isTruncated
-	});
-	const labelContent = isLinkEnabled ? /* @__PURE__ */ jsx(LabelLink, {
-		href,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		children: technicalText
-	}) : /* @__PURE__ */ jsx(LabelContainer, { children: technicalText });
-	const labelWithTooltip = showStickerTooltip ? /* @__PURE__ */ jsx(Tooltip, {
-		trigger: labelContent,
-		interactive: true,
-		side: "top",
-		maxWidth: "400px",
-		children: tooltipLabel
-	}) : labelContent;
-	return /* @__PURE__ */ jsxs(TechnicalStickerShell, {
-		...stickerProps,
-		variant,
-		disabled,
-		$width: width,
-		onMouseEnter: (event) => {
-			onMouseEnter?.(event);
-			setIsHoveredState(true);
-		},
-		onMouseLeave: (event) => {
-			onMouseLeave?.(event);
-			setIsHoveredState(false);
-		},
-		children: [labelWithTooltip, copyable && /* @__PURE__ */ jsxs(CopyActions, {
-			$visible: showCopyActions,
-			children: [/* @__PURE__ */ jsx(CopyGradient, { $background: copyActionBackground }), /* @__PURE__ */ jsx(Tooltip, {
-				open: isCopyTooltipVisible,
-				onOpenChange: handleCopyTooltipOpenChange,
-				trigger: /* @__PURE__ */ jsx(CopyButton, {
-					type: "button",
-					"aria-label": "Copy",
-					disabled,
-					$background: copyActionBackground,
-					onClick: handleCopy,
-					onBlur: () => setIsCopyButtonFocused(false),
-					onFocus: () => setIsCopyButtonFocused(true),
-					children: /* @__PURE__ */ jsx(CopyIcon, {})
-				}),
-				interactive: false,
-				side: "top",
-				children: copyConfirmationOpen ? COPY_CONFIRMATION_TEXT : copyTooltipLabel
-			})]
-		})]
-	});
-};
-//#endregion
+import { t as TechnicalSticker } from "../../TechnicalSticker-BrvR0zhC.mjs";
 export { TechnicalSticker, TechnicalSticker as default };
-
-//# sourceMappingURL=index.mjs.map

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-DNPbAuUG.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-CfIFUyHt.mjs";
 export { Display, DisplayProps, Heading, HeadingProps, Label, LabelProps, Paragraph, ParagraphProps, Span, SpanProps, TabularNumber };

package/dist/components/Text/index.mjs

@@ -1,2 +1,2 @@
-import { a as Span, i as Paragraph, n as Heading, o as TabularNumber, r as Label, t as Display } from "../../Text-RcEfNFLx.mjs";
+import { a as Span, i as Paragraph, n as Heading, o as TabularNumber, r as Label, t as Display } from "../../Text-hEoPeOc9.mjs";
 export { Display, Heading, Label, Paragraph, Span, TabularNumber };

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

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

package/dist/components/TextArea/index.mjs

@@ -1,2 +1,2 @@
-import { t as TextAreaWithStyle } from "../../TextArea-NCLsW-03.mjs";
+import { t as TextAreaWithStyle } from "../../TextArea-BFsXUkuj.mjs";
 export { TextAreaWithStyle as TextArea, TextAreaWithStyle as default };

package/dist/components/Tile/index.mjs

@@ -1,7 +1,7 @@
-import { n as Stack, t as HStack } from "../../Stack-Bl54WmhY.mjs";
-import { i as Paragraph, n as Heading } from "../../Text-RcEfNFLx.mjs";
-import { t as TextUnderlineTooltip } from "../../Tooltip-BvDbmXak.mjs";
-import { n as Sticker } from "../../Sticker-CyGb9dEu.mjs";
+import { i as Paragraph, n as Heading } from "../../Text-hEoPeOc9.mjs";
+import { t as TextUnderlineTooltip } from "../../Tooltip-CDvOu1UN.mjs";
+import { n as Stack, t as HStack } from "../../Stack-ckRN7LrP.mjs";
+import { n as Sticker } from "../../Sticker-B0TbkV4o.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import styled from "styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Toast/index.mjs

@@ -3,7 +3,7 @@ import "../../variables/effect.mjs";
 import "../../variables/transitions.mjs";
 import { paragraphMixins } from "../../mixins/text.mjs";
 import "../../lib/message.mjs";
-import { t as IconButton } from "../../IconButton-P8w0JDI5.mjs";
+import { t as IconButton } from "../../IconButton-DC4rh6ow.mjs";
 import { BorderRadius, Color, Spacing } from "@persona/design-tokens";
 import styled, { css } from "styled-components";
 import { jsx, jsxs } from "react/jsx-runtime";

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

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

package/dist/components/Toggle/index.mjs

@@ -1,2 +1,2 @@
-import { t as Toggle } from "../../Toggle-Bie9zCem.mjs";
+import { t as Toggle } from "../../Toggle-CC2FTAKS.mjs";
 export { Toggle, Toggle as default };

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-CUC-JuRL.mjs";
-import { t as HelperTooltip } from "../../HelperTooltip-B7Ysh8B3.mjs";
-import { n as TextWithDashedUnderline, t as TextUnderlineTooltip } from "../../TextUnderlineTooltip-5-0D8s4z.mjs";
+import { i as TooltipWithIconProps, n as Tooltip, r as TooltipStandardProps, t as FloatingTooltip } from "../../Tooltip-0iXDCV2O.mjs";
+import { t as HelperTooltip } from "../../HelperTooltip-CJDG7Ugp.mjs";
+import { n as TextWithDashedUnderline, t as TextUnderlineTooltip } from "../../TextUnderlineTooltip-Bs6Jn5yr.mjs";
 export { FloatingTooltip, HelperTooltip, TextUnderlineTooltip, TextWithDashedUnderline, Tooltip, Tooltip as default, TooltipStandardProps, TooltipWithIconProps };

package/dist/components/Tooltip/index.mjs

@@ -1,2 +1,2 @@
-import { a as Tooltip, i as FloatingTooltip, n as TextWithDashedUnderline, r as HelperTooltip, t as TextUnderlineTooltip } from "../../Tooltip-BvDbmXak.mjs";
+import { a as Tooltip, i as FloatingTooltip, n as TextWithDashedUnderline, r as HelperTooltip, t as TextUnderlineTooltip } from "../../Tooltip-CDvOu1UN.mjs";
 export { FloatingTooltip, HelperTooltip, TextUnderlineTooltip, TextWithDashedUnderline, Tooltip, Tooltip as default };

package/dist/compound-expression.d.mts

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

package/dist/{constants-BASogfT_.d.mts → constants-bA9kCzRQ.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-BASogfT_.d.mts.map
+//# sourceMappingURL=constants-bA9kCzRQ.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-BASogfT_.mjs";
+import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "./constants-bA9kCzRQ.mjs";
 export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE };

package/dist/containers.d.mts

@@ -1,6 +1,6 @@
 import * as _$styled_components0 from "styled-components";
 
-//#region layouts/containers.d.ts
+//#region patterns/containers.d.ts
 declare const Layout: _$styled_components0.StyledComponent<"div", any, {}, never>;
 declare const DetailLayout: _$styled_components0.StyledComponent<"div", any, {}, never>;
 //#endregion

package/dist/display.d.mts

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator, u as FilterRuleValue } from "./types-D58IoRx6.mjs";
+import { a as FilterField, c as FilterOperator, u as FilterRuleValue } from "./types-mb3woqzE.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/AdvancedFilterRulesPopover/display.d.ts
 declare function valueDisplayString(value: FilterRuleValue, optionLabels?: Record<string, string>): string | undefined;

package/dist/fieldPickerOptions.d.mts

@@ -1,5 +1,5 @@
-import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-BsPf8BZh.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-rqSkjchY.mjs";
+import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-Dmzn8a53.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-COyIA4VU.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/fieldPickerOptions.d.ts
 declare const FIELDS_SUBMENU_LABEL = "Fields";

package/dist/{filter-size-context-Blw6Sd69.d.mts → filter-size-context-C1TvrE_O.d.mts}

@@ -1,4 +1,4 @@
-import { d as FilterSize } from "./types-D58IoRx6.mjs";
+import { d as FilterSize } from "./types-mb3woqzE.mjs";
 import * as _$react from "react";
 
 //#region 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-Blw6Sd69.d.mts.map
+//# sourceMappingURL=filter-size-context-C1TvrE_O.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-Blw6Sd69.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-C1TvrE_O.mjs";
 export { FILTER_SIZE_TOKENS, FilterBarContext, FilterBarContextValue, FilterSizeTokens, useFilterBarSize, useFilterSizeTokens };

package/dist/helpers.d.mts

@@ -1,4 +1,4 @@
-import { n as CheckboxProps } from "./Checkbox-Bm8exUfH.mjs";
+import { n as CheckboxProps } from "./Checkbox-Bmm-r5ei.mjs";
 import { DataTableColumnFormat, DataTableColumnImageFormat, DataTableColumnPiiFormat, DataTableColumnStringFormat, DateConfig, DatetimeConfig, RenderValueStickerFormatConfig } from "./components/DataTable/types.mjs";
 import { ReactNode } from "react";
 

package/dist/{index-4_B2yRzD.d.mts → index-BC4edEsD.d.mts}

@@ -1,7 +1,7 @@
-import { n as FilterBarProps$1 } from "./FilterBar-D3LiIy1-.mjs";
+import { n as FilterBarProps$1 } from "./FilterBar-CS2YjiTr.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/FilterBar/index.d.ts
 type FilterBarProps = FilterBarProps$1;
 //#endregion
 export { FilterBarProps as t };
-//# sourceMappingURL=index-4_B2yRzD.d.mts.map
+//# sourceMappingURL=index-BC4edEsD.d.mts.map

package/dist/{index-BxXTpeUb2.d.mts → index-CdaoOvFH.d.mts}

@@ -1,8 +1,8 @@
-import { n as ListBoxItemProps, r as ListBoxProps } from "./ListBox-D09N1a5D.mjs";
-import { n as LogicRowProps } from "./LogicRow-BcuiSTHN.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as _$react_aria_components0 from "react-aria-components";
+import { n as ListBoxItemProps, r as ListBoxProps } from "./ListBox-Nl9aOBeh.mjs";
+import { n as LogicRowProps } from "./LogicRow-BAREMenx.mjs";
 import * as _$react from "react";
+import * as _$react_aria_components0 from "react-aria-components";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/ListBox/index.d.ts
 declare const ListBox: {
@@ -52,4 +52,4 @@ declare const ListBox: {
 };
 //#endregion
 export { ListBox as t };
-//# sourceMappingURL=index-BxXTpeUb2.d.mts.map
+//# sourceMappingURL=index-CdaoOvFH.d.mts.map

package/dist/{index-DDbjWdk0.d.mts → index-DJn4AeE4.d.mts}

@@ -1,9 +1,9 @@
-import { t as TableHeaderCell } from "./TableHeaderCell-Br8ZE3Xe.mjs";
-import { n as TableRowProps } from "./TableRow-BvS4yjo6.mjs";
+import { t as TableHeaderCell } from "./TableHeaderCell-CWTMf2Fe.mjs";
+import { n as TableRowProps } from "./TableRow-lvjbVccA.mjs";
 import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as _$react from "react";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/Table/TableTH.d.ts
 interface TableTHProps extends ComponentPropsWithoutRef<typeof TableHeaderCell> {
@@ -72,4 +72,4 @@ declare const TableTR: _$styled_components0.StyledComponent<"tr", any, {
 }, "role">;
 //#endregion
 export { TableCellProps as a, TableTD as c, TableTHProps as d, TableCell as i, TableTR as l, StickyTH as n, TableCellTitle as o, TableActionTD as r, TableIconTD as s, StickyTD as t, TableTH as u };
-//# sourceMappingURL=index-DDbjWdk0.d.mts.map
+//# sourceMappingURL=index-DJn4AeE4.d.mts.map

package/dist/index.d.mts

@@ -1,2 +1,2 @@
-import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "./Header-CDTYK1XJ.mjs";
+import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "./Header-OLZuv8fF.mjs";
 export { ActionsContainer, HeaderContainer, HeaderProps, Root, Title, TitleContainer, Header as default };

package/dist/index2.d.mts

@@ -1,2 +1,2 @@
-import { n as SearchInput, t as OmniSearchProps } from "./SearchInput-Bp2yjaE1.mjs";
+import { n as SearchInput, t as OmniSearchProps } from "./SearchInput-Try11aJD.mjs";
 export { OmniSearchProps, SearchInput as default };

package/dist/index3.d.mts

@@ -1,4 +1,4 @@
-import { r as resolveValueControl } from "./value-control-resolver-CE-bqdAl.mjs";
-import { t as FilterBar } from "./FilterBar-D3LiIy1-.mjs";
-import { t as FilterBarProps } from "./index-4_B2yRzD.mjs";
+import { r as resolveValueControl } from "./value-control-resolver-CiGEHQAc.mjs";
+import { t as FilterBar } from "./FilterBar-CS2YjiTr.mjs";
+import { t as FilterBarProps } from "./index-BC4edEsD.mjs";
 export { FilterBarProps, FilterBar as default, resolveValueControl };

package/dist/index4.d.mts

@@ -1,11 +1,11 @@
-import { a as FilterField, c as FilterOperator, d as FilterSize, f as FilterStateV2, i as EMPTY_FILTER_STATE, l as FilterRule, n as CompoundExpression, o as FilterFieldSource, p as TopLevelFilterRule, r as DateRangeFilterValue, s as FilterFieldType, t as AndGroup, u as FilterRuleValue } from "./types-D58IoRx6.mjs";
-import { n as RawFieldInfo, r as buildFieldRegistry, t as FieldRegistry } from "./FieldRegistry-rqSkjchY.mjs";
-import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "./value-control-resolver-CE-bqdAl.mjs";
-import { t as FilterBar } from "./FilterBar-D3LiIy1-.mjs";
-import { t as FilterBarProps } from "./index-4_B2yRzD.mjs";
-import { a as useFilterBarSize } from "./filter-size-context-Blw6Sd69.mjs";
-import { a as getOperatorsForField, o as getOperatorsForType, r as getDefaultOperatorForType, s as isValuelessOperator } from "./operators-Bo31xlc2.mjs";
-import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "./useFilterStateV2-DCQghouq.mjs";
-import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-vLh3t2dk.mjs";
-import { t as ValueControlProps } from "./types-D7ppqnNj.mjs";
+import { a as FilterField, c as FilterOperator, d as FilterSize, f as FilterStateV2, i as EMPTY_FILTER_STATE, l as FilterRule, n as CompoundExpression, o as FilterFieldSource, p as TopLevelFilterRule, r as DateRangeFilterValue, s as FilterFieldType, t as AndGroup, u as FilterRuleValue } from "./types-mb3woqzE.mjs";
+import { n as RawFieldInfo, r as buildFieldRegistry, t as FieldRegistry } from "./FieldRegistry-COyIA4VU.mjs";
+import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "./value-control-resolver-CiGEHQAc.mjs";
+import { t as FilterBar } from "./FilterBar-CS2YjiTr.mjs";
+import { t as FilterBarProps } from "./index-BC4edEsD.mjs";
+import { a as useFilterBarSize } from "./filter-size-context-C1TvrE_O.mjs";
+import { a as getOperatorsForField, o as getOperatorsForType, r as getDefaultOperatorForType, s as isValuelessOperator } from "./operators-C_xPzItk.mjs";
+import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "./useFilterStateV2-CGzRyv0i.mjs";
+import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-BdP2vajF.mjs";
+import { t as ValueControlProps } from "./types-BKEwt0uq.mjs";
 export { AndGroup, CompoundExpression, DateRangeFilterValue, EMPTY_FILTER_STATE, FieldRegistry, FilterBar, FilterBarProps, FilterField, FilterFieldSource, FilterFieldType, FilterOperator, FilterRule, FilterRuleValue, FilterSize, FilterStateV2, RawFieldInfo, ResolveValueControlOptions, TopLevelFilterRule, UseFilterStateV2Options, UseFilterStateV2Result, ValueControlProps, ValueControlResolver, buildFieldRegistry, getDefaultOperatorForType, getOperatorsForField, getOperatorsForType, hasCompleteValue, isFilterStateV2, isValuelessOperator, pruneToRegistry, resolveValueControl, useFilterBarSize, useFilterStateV2 };

package/dist/{input-Bv5fKt5J.d.mts → input-D3Qd6dI8.d.mts}

@@ -1,5 +1,5 @@
-import { t as PseudoClassProps } from "./PseudoClassProps-DLxPxo7T.mjs";
-import { t as ErrorProps } from "./ErrorProps-CN2XjaOX.mjs";
+import { t as PseudoClassProps } from "./PseudoClassProps-CcSlKNev.mjs";
+import { t as ErrorProps } from "./ErrorProps-DX50vo-U.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region mixins/input.d.ts
@@ -14,4 +14,4 @@ interface InputMixinProps extends ErrorProps, PseudoClassProps {
 declare const inputMixin: _$styled_components0.FlattenInterpolation<_$styled_components0.ThemedStyledProps<InputMixinProps, any>>;
 //#endregion
 export { InputSizes as n, inputMixin as r, InputMixinProps as t };
-//# sourceMappingURL=input-Bv5fKt5J.d.mts.map
+//# sourceMappingURL=input-D3Qd6dI8.d.mts.map

package/dist/inputFields.d.mts

@@ -1,15 +1,15 @@
-import { n as CheckboxProps } from "./Checkbox-Bm8exUfH.mjs";
-import { a as InputProps } from "./Input-DMgVyZyq.mjs";
-import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-DhLzCWbz.mjs";
-import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-P0r5rs_u.mjs";
-import { n as FormFieldBaseProps } from "./FormField-BugkBvN4.mjs";
-import { n as RadioGroupProps } from "./RadioGroup-DKqbSfju.mjs";
-import { i as SegmentedControlProps } from "./SegmentedControl-DrjdUOU9.mjs";
-import { i as SelectProps } from "./Select-Bk27TgN8.mjs";
-import { t as TextAreaProps } from "./TextArea-B89wtTsF.mjs";
-import { n as ToggleProps } from "./Toggle-DzYLgxGk.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { n as CheckboxProps } from "./Checkbox-Bmm-r5ei.mjs";
+import { a as InputProps } from "./Input-DsS4J78T.mjs";
+import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-BLKUKNEW.mjs";
+import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-Kpl-iOok.mjs";
+import { n as FormFieldBaseProps } from "./FormField-8rlT8pm0.mjs";
+import { n as RadioGroupProps } from "./RadioGroup-Xn46ovrV.mjs";
+import { i as SegmentedControlProps } from "./SegmentedControl-DckAdhcD.mjs";
+import { i as SelectProps } from "./Select-BmJ1OjXA.mjs";
+import { t as TextAreaProps } from "./TextArea-DiKEhpfD.mjs";
+import { n as ToggleProps } from "./Toggle-oukvAn6V.mjs";
 import * as _$react from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/FormField/inputFields.d.ts
 type ImplementsFormField = Omit<FormFieldBaseProps, 'children'>;

package/dist/{intersperse-vOYvFOfF.mjs → intersperse-yd3oMrQl.mjs}

@@ -18,4 +18,4 @@ function intersperse(arr, separator) {
 //#endregion
 export { intersperse as t };
 
-//# sourceMappingURL=intersperse-vOYvFOfF.mjs.map
+//# sourceMappingURL=intersperse-yd3oMrQl.mjs.map

package/dist/{intersperse-vOYvFOfF.mjs.map → intersperse-yd3oMrQl.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"intersperse-vOYvFOfF.mjs","names":[],"sources":["../lib/intersperse.ts"],"sourcesContent":["/**\n * @name intersperse\n *\n * Inserts an element between array items using a separator function. The\n * separator function is passed the previous index, the previous element, and\n * the next element.\n *\n * ```typescript\n * const nodeList: React.ReactNode[] = [...]\n * const commaSeparatedList = intersperse(nodeList, () => ', ')\n * const advancedSeparatedList = intersperse(nodeList, i => <Separator key={i}/>)\n * ```\n */\nexport function intersperse<T>(arr: T[], separator: (n: number, prev: T, curr: T) => T): T[] {\n  return arr.flatMap((a, i) => (i > 0 ? [separator(i - 1, arr[i - 1], a), a] : [a]));\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAgB,YAAe,KAAU,WAAoD;AAC3F,QAAO,IAAI,SAAS,GAAG,MAAO,IAAI,IAAI,CAAC,UAAU,IAAI,GAAG,IAAI,IAAI,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,CAAE"}
+{"version":3,"file":"intersperse-yd3oMrQl.mjs","names":[],"sources":["../lib/intersperse.ts"],"sourcesContent":["/**\n * @name intersperse\n *\n * Inserts an element between array items using a separator function. The\n * separator function is passed the previous index, the previous element, and\n * the next element.\n *\n * ```typescript\n * const nodeList: React.ReactNode[] = [...]\n * const commaSeparatedList = intersperse(nodeList, () => ', ')\n * const advancedSeparatedList = intersperse(nodeList, i => <Separator key={i}/>)\n * ```\n */\nexport function intersperse<T>(arr: T[], separator: (n: number, prev: T, curr: T) => T): T[] {\n  return arr.flatMap((a, i) => (i > 0 ? [separator(i - 1, arr[i - 1], a), a] : [a]));\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAgB,YAAe,KAAU,WAAoD;AAC3F,QAAO,IAAI,SAAS,GAAG,MAAO,IAAI,IAAI,CAAC,UAAU,IAAI,GAAG,IAAI,IAAI,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,CAAE"}

package/dist/lib/MiddleTruncatedText.mjs

@@ -1,2 +1,2 @@
-import { t as MiddleTruncatedText } from "../MiddleTruncatedText-GXI-CPvs.mjs";
+import { t as MiddleTruncatedText } from "../MiddleTruncatedText-Bzpg3zAU.mjs";
 export { MiddleTruncatedText, MiddleTruncatedText as default };

package/dist/lib/PDSProvider.d.mts

@@ -1,4 +1,4 @@
-import { n as PersonaTheme } from "../theme-BzBpJXhO.mjs";
+import { n as PersonaTheme } from "../theme-D9Y6NOzb.mjs";
 import { FC, PropsWithChildren } from "react";
 
 //#region lib/PDSProvider.d.ts

package/dist/lib/TruncatedText.d.mts

@@ -1,2 +1,2 @@
-import { n as TruncatedText, r as TruncatedTextProps, t as OverflowEllipsisSpan } from "../TruncatedText-BJnowVTx.mjs";
+import { n as TruncatedText, r as TruncatedTextProps, t as OverflowEllipsisSpan } from "../TruncatedText-CdeU19Ev.mjs";
 export { OverflowEllipsisSpan, TruncatedText, TruncatedText as default, TruncatedTextProps };

package/dist/lib/TruncatedText.mjs

@@ -1,7 +1,7 @@
 import { useIsOverflow } from "./useIsOverflow.mjs";
 import styled from "styled-components";
-import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region lib/TruncatedText.tsx
 const OverflowEllipsisSpan = styled.span`
   display: block;

package/dist/lib/TruncatedTextWithTooltip.d.mts

@@ -1,4 +1,4 @@
-import { n as Tooltip } from "../Tooltip-CUC-JuRL.mjs";
+import { n as Tooltip } from "../Tooltip-0iXDCV2O.mjs";
 import { ComponentProps, ComponentPropsWithoutRef, FC } from "react";
 
 //#region lib/TruncatedTextWithTooltip.d.ts

package/dist/lib/TruncatedTextWithTooltip.mjs

@@ -1,8 +1,8 @@
 import { useIsOverflow } from "./useIsOverflow.mjs";
 import { OverflowEllipsisSpan } from "./TruncatedText.mjs";
-import { a as Tooltip } from "../Tooltip-BvDbmXak.mjs";
-import { jsx } from "react/jsx-runtime";
+import { a as Tooltip } from "../Tooltip-CDvOu1UN.mjs";
 import { useRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region lib/TruncatedTextWithTooltip.tsx
 /**
 * Truncates the text if it is too long to fit in the container and shows a tooltip if the text

package/dist/lib/embeddedSurfaceProtocol.d.mts

@@ -0,0 +1,29 @@
+//#region lib/embeddedSurfaceProtocol.d.ts
+declare const EMBEDDED_SURFACE_CHANNEL = "persona-embedded-surface";
+declare const EMBEDDED_SURFACE_PROTOCOL_VERSION = 1;
+type EmbeddedSurfaceKind = 'hello' | 'surfaceSnapshot' | 'welcome';
+type EmbeddedSurfacePayloads = {
+  hello: Record<string, never>;
+  surfaceSnapshot: {
+    epoch: string;
+    surfaces: Array<{
+      surfaceId: string;
+    }>;
+  };
+  welcome: {
+    epoch: string;
+  };
+};
+interface EmbeddedSurfaceEnvelope<K extends EmbeddedSurfaceKind = EmbeddedSurfaceKind> {
+  channel: typeof EMBEDDED_SURFACE_CHANNEL;
+  version: typeof EMBEDDED_SURFACE_PROTOCOL_VERSION;
+  connectionId: string;
+  kind: K;
+  payload: EmbeddedSurfacePayloads[K];
+}
+type EmbeddedSurfaceEnvelopeUnion = { [K in EmbeddedSurfaceKind]: EmbeddedSurfaceEnvelope<K> }[EmbeddedSurfaceKind];
+declare const coerceHostboundEnvelope: (value: unknown) => EmbeddedSurfaceEnvelopeUnion | undefined;
+declare const coerceChildboundEnvelope: (value: unknown) => EmbeddedSurfaceEnvelopeUnion | undefined;
+//#endregion
+export { EMBEDDED_SURFACE_CHANNEL, EMBEDDED_SURFACE_PROTOCOL_VERSION, EmbeddedSurfaceEnvelope, EmbeddedSurfaceEnvelopeUnion, EmbeddedSurfaceKind, EmbeddedSurfacePayloads, coerceChildboundEnvelope, coerceHostboundEnvelope };
+//# sourceMappingURL=embeddedSurfaceProtocol.d.mts.map