@persona/design-system 0.5.1 → 0.7.0

package/dist/lib/message.d.mts

@@ -1,2 +1,2 @@
-import { t as MessageType } from "../message-DfEpU8lV.mjs";
+import { t as MessageType } from "../message-CjIHdhX1.mjs";
 export { MessageType };

package/dist/lib/methodChain.d.mts

@@ -1,5 +1,5 @@
 import { ASTNodeType } from "../components/SmartTextInput/parser/method-chain/types.mjs";
-import { n as JsonSchema } from "../jsonSchema-B1VonQij.mjs";
+import { n as JsonSchema } from "../jsonSchema-c_EfAj8y.mjs";
 import { ArrayNode, Chain, CustomFunctionNode, FunctionNode, FunctionParamType, IdentifierNode, MethodChainNode, NumberNode, StringNode } from "./methodChainTypes.mjs";
 
 //#region components/SmartTextInput/parser/method-chain/parser.d.ts

package/dist/lib/objectSchemaTypes.d.mts

@@ -1,2 +1,2 @@
-import { $ as FunctionConvertedTypeSchema, Q as CollectionMetaJsonSchema, at as ObjectSchemaMap, et as FunctionGenericParameterSchema, it as GenericType, nt as FunctionParameterJsonSchema, rt as FunctionReturnTypeJsonSchema, tt as FunctionJsonSchema } from "../jsonSchema-B1VonQij.mjs";
+import { $ as FunctionConvertedTypeSchema, Q as CollectionMetaJsonSchema, at as ObjectSchemaMap, et as FunctionGenericParameterSchema, it as GenericType, nt as FunctionParameterJsonSchema, rt as FunctionReturnTypeJsonSchema, tt as FunctionJsonSchema } from "../jsonSchema-c_EfAj8y.mjs";
 export { CollectionMetaJsonSchema, FunctionConvertedTypeSchema, FunctionGenericParameterSchema, FunctionJsonSchema, FunctionParameterJsonSchema, FunctionReturnTypeJsonSchema, GenericType, ObjectSchemaMap };

package/dist/lib/pseudoClass.d.mts

@@ -1,4 +1,4 @@
-import { t as PseudoClassProps } from "../PseudoClassProps-DnlHhW5u.mjs";
+import { t as PseudoClassProps } from "../PseudoClassProps-CdRF3QNn.mjs";
 
 //#region lib/pseudoClass.d.ts
 declare const isDisabled: ({

package/dist/lib/router/adapters/reactRouter.d.mts

@@ -0,0 +1,9 @@
+import { n as RouterAdapter } from "../../../types-CuQSgl1F.mjs";
+import { FC, PropsWithChildren } from "react";
+
+//#region lib/router/adapters/reactRouter.d.ts
+declare const useReactRouterAdapter: () => RouterAdapter;
+declare const ReactRouterAdapter: FC<PropsWithChildren>;
+//#endregion
+export { ReactRouterAdapter as default, useReactRouterAdapter };
+//# sourceMappingURL=reactRouter.d.mts.map

package/dist/lib/router/adapters/reactRouter.mjs

@@ -0,0 +1,26 @@
+import { n as RouterProvider$1 } from "../../../RouterContext-CsPnkNdI.mjs";
+import { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useHref, useLocation, useNavigate } from "react-router-dom";
+//#region lib/router/adapters/reactRouter.tsx
+const useReactRouterHref = (to) => useHref(to);
+const useReactRouterLocation = () => ({ pathname: useLocation().pathname });
+const useReactRouterAdapter = () => {
+	const routerNavigate = useNavigate();
+	const navigate = useCallback((to, options) => routerNavigate(to, options), [routerNavigate]);
+	return useMemo(() => ({
+		navigate,
+		useHref: useReactRouterHref,
+		useLocation: useReactRouterLocation
+	}), [navigate]);
+};
+const ReactRouterAdapter = ({ children }) => {
+	return /* @__PURE__ */ jsx(RouterProvider$1, {
+		...useReactRouterAdapter(),
+		children
+	});
+};
+//#endregion
+export { ReactRouterAdapter as default, useReactRouterAdapter };
+
+//# sourceMappingURL=reactRouter.mjs.map

package/dist/lib/router/adapters/reactRouter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactRouter.mjs","names":["RouterProvider"],"sources":["../../../../lib/router/adapters/reactRouter.tsx"],"sourcesContent":["import { useCallback, useMemo, type FC, type PropsWithChildren } from 'react';\nimport { useHref, useLocation, useNavigate } from 'react-router-dom';\n\nimport { RouterProvider } from '../RouterContext';\nimport type { NavigateOptions, RouterAdapter, To } from '../types';\n\nconst useReactRouterHref = (to: To) => useHref(to);\n\nconst useReactRouterLocation = () => ({ pathname: useLocation().pathname });\n\nexport const useReactRouterAdapter = (): RouterAdapter => {\n  const routerNavigate = useNavigate();\n  const navigate = useCallback(\n    (to: To, options?: NavigateOptions) => routerNavigate(to, options),\n    [routerNavigate],\n  );\n  return useMemo(\n    () => ({\n      navigate,\n      useHref: useReactRouterHref,\n      useLocation: useReactRouterLocation,\n    }),\n    [navigate],\n  );\n};\n\nconst ReactRouterAdapter: FC<PropsWithChildren> = ({ children }) => {\n  const adapter = useReactRouterAdapter();\n  return <RouterProvider {...adapter}>{children}</RouterProvider>;\n};\n\nexport default ReactRouterAdapter;\n"],"mappings":";;;;;AAMA,MAAM,sBAAsB,OAAW,QAAQ,GAAG;AAElD,MAAM,gCAAgC,EAAE,UAAU,aAAa,CAAC,UAAU;AAE1E,MAAa,8BAA6C;CACxD,MAAM,iBAAiB,aAAa;CACpC,MAAM,WAAW,aACd,IAAQ,YAA8B,eAAe,IAAI,QAAQ,EAClE,CAAC,eAAe,CACjB;AACD,QAAO,eACE;EACL;EACA,SAAS;EACT,aAAa;EACd,GACD,CAAC,SAAS,CACX;;AAGH,MAAM,sBAA6C,EAAE,eAAe;AAElE,QAAO,oBAACA,kBAAD;EAAgB,GADP,uBACkB;EAAG;EAA0B,CAAA"}

package/dist/lib/router/adapters/tanstack.d.mts

@@ -0,0 +1,9 @@
+import { n as RouterAdapter } from "../../../types-CuQSgl1F.mjs";
+import { FC, PropsWithChildren } from "react";
+
+//#region lib/router/adapters/tanstack.d.ts
+declare const useTanStackRouterAdapter: () => RouterAdapter;
+declare const TanStackRouterAdapter: FC<PropsWithChildren>;
+//#endregion
+export { TanStackRouterAdapter as default, useTanStackRouterAdapter };
+//# sourceMappingURL=tanstack.d.mts.map

package/dist/lib/router/adapters/tanstack.mjs

@@ -0,0 +1,65 @@
+import { n as RouterProvider } from "../../../RouterContext-CsPnkNdI.mjs";
+import { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useLocation, useRouter, useRouterState } from "@tanstack/react-router";
+//#region lib/router/adapters/tanstack.tsx
+const isExternalTo = (to) => /^[a-z][a-z0-9+.-]*:/i.test(to);
+const splitToString = (to) => {
+	const hashIndex = to.indexOf("#");
+	const searchIndex = to.indexOf("?");
+	const pathnameEnd = hashIndex > -1 ? searchIndex > -1 ? Math.min(hashIndex, searchIndex) : hashIndex : searchIndex > -1 ? searchIndex : to.length;
+	return {
+		pathname: to.substring(0, pathnameEnd),
+		search: searchIndex > -1 ? to.slice(searchIndex, hashIndex === -1 ? void 0 : hashIndex) : void 0,
+		hash: hashIndex > -1 ? to.substring(hashIndex) : void 0
+	};
+};
+const toTanStackDestination = (to, parseSearch) => {
+	if (typeof to === "string") {
+		if (isExternalTo(to)) return { href: to };
+		if (!to.includes("?") && !to.includes("#")) return { to };
+		const { pathname, search, hash } = splitToString(to);
+		return {
+			to: pathname || ".",
+			...search ? { search: parseSearch(search) } : {},
+			...hash ? { hash: hash.slice(1) } : {}
+		};
+	}
+	const { pathname, search, hash } = to;
+	return {
+		to: pathname ?? ".",
+		...search ? { search: parseSearch(search.startsWith("?") ? search : `?${search}`) } : {},
+		...hash ? { hash: hash.startsWith("#") ? hash.slice(1) : hash } : {}
+	};
+};
+const useTanStackHref = (to) => {
+	const router = useRouter();
+	useRouterState({ select: (state) => state.location.href });
+	return router.buildLocation(toTanStackDestination(to, router.options.parseSearch)).href;
+};
+const useTanStackLocation = () => ({ pathname: useLocation({ select: (location) => location.pathname }) });
+const useTanStackRouterAdapter = () => {
+	const router = useRouter();
+	const navigate = useCallback((to, { replace, state } = {}) => {
+		router.navigate({
+			...toTanStackDestination(to, router.options.parseSearch),
+			replace,
+			state
+		});
+	}, [router]);
+	return useMemo(() => ({
+		navigate,
+		useHref: useTanStackHref,
+		useLocation: useTanStackLocation
+	}), [navigate]);
+};
+const TanStackRouterAdapter = ({ children }) => {
+	return /* @__PURE__ */ jsx(RouterProvider, {
+		...useTanStackRouterAdapter(),
+		children
+	});
+};
+//#endregion
+export { TanStackRouterAdapter as default, useTanStackRouterAdapter };
+
+//# sourceMappingURL=tanstack.mjs.map

package/dist/lib/router/adapters/tanstack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tanstack.mjs","names":[],"sources":["../../../../lib/router/adapters/tanstack.tsx"],"sourcesContent":["import { useCallback, useMemo, type FC, type PropsWithChildren } from 'react';\nimport { useLocation, useRouter, useRouterState } from '@tanstack/react-router';\n\nimport { RouterProvider } from '../RouterContext';\nimport type { NavigateOptions, RouterAdapter, To } from '../types';\n\nconst isExternalTo = (to: string) => /^[a-z][a-z0-9+.-]*:/i.test(to);\n\nconst splitToString = (to: string) => {\n  const hashIndex = to.indexOf('#');\n  const searchIndex = to.indexOf('?');\n  const pathnameEnd =\n    hashIndex > -1\n      ? searchIndex > -1\n        ? Math.min(hashIndex, searchIndex)\n        : hashIndex\n      : searchIndex > -1\n        ? searchIndex\n        : to.length;\n\n  return {\n    pathname: to.substring(0, pathnameEnd),\n    search:\n      searchIndex > -1\n        ? to.slice(searchIndex, hashIndex === -1 ? undefined : hashIndex)\n        : undefined,\n    hash: hashIndex > -1 ? to.substring(hashIndex) : undefined,\n  };\n};\n\nconst toTanStackDestination = (\n  to: To,\n  parseSearch: (search: string) => Record<string, unknown>,\n) => {\n  if (typeof to === 'string') {\n    if (isExternalTo(to)) {\n      return { href: to };\n    }\n\n    if (!to.includes('?') && !to.includes('#')) {\n      return { to };\n    }\n\n    const { pathname, search, hash } = splitToString(to);\n    return {\n      to: pathname || '.',\n      ...(search ? { search: parseSearch(search) } : {}),\n      ...(hash ? { hash: hash.slice(1) } : {}),\n    };\n  }\n\n  const { pathname, search, hash } = to;\n  return {\n    to: pathname ?? '.',\n    ...(search\n      ? {\n          search: parseSearch(search.startsWith('?') ? search : `?${search}`),\n        }\n      : {}),\n    ...(hash ? { hash: hash.startsWith('#') ? hash.slice(1) : hash } : {}),\n  };\n};\n\nconst useTanStackHref = (to: To) => {\n  const router = useRouter();\n  // Subscribe so relative hrefs re-resolve when the current location changes.\n  useRouterState({ select: (state) => state.location.href });\n  return router.buildLocation(\n    toTanStackDestination(to, router.options.parseSearch) as never,\n  ).href;\n};\n\nconst useTanStackLocation = () => ({\n  pathname: useLocation({ select: (location) => location.pathname }),\n});\n\nexport const useTanStackRouterAdapter = (): RouterAdapter => {\n  const router = useRouter();\n  const navigate = useCallback(\n    (to: To, { replace, state }: NavigateOptions = {}) => {\n      void router.navigate({\n        ...toTanStackDestination(to, router.options.parseSearch),\n        replace,\n        state,\n      } as never);\n    },\n    [router],\n  );\n  return useMemo(\n    () => ({\n      navigate,\n      useHref: useTanStackHref,\n      useLocation: useTanStackLocation,\n    }),\n    [navigate],\n  );\n};\n\nconst TanStackRouterAdapter: FC<PropsWithChildren> = ({ children }) => {\n  const adapter = useTanStackRouterAdapter();\n  return <RouterProvider {...adapter}>{children}</RouterProvider>;\n};\n\nexport default TanStackRouterAdapter;\n"],"mappings":";;;;;AAMA,MAAM,gBAAgB,OAAe,uBAAuB,KAAK,GAAG;AAEpE,MAAM,iBAAiB,OAAe;CACpC,MAAM,YAAY,GAAG,QAAQ,IAAI;CACjC,MAAM,cAAc,GAAG,QAAQ,IAAI;CACnC,MAAM,cACJ,YAAY,KACR,cAAc,KACZ,KAAK,IAAI,WAAW,YAAY,GAChC,YACF,cAAc,KACZ,cACA,GAAG;AAEX,QAAO;EACL,UAAU,GAAG,UAAU,GAAG,YAAY;EACtC,QACE,cAAc,KACV,GAAG,MAAM,aAAa,cAAc,KAAK,KAAA,IAAY,UAAU,GAC/D,KAAA;EACN,MAAM,YAAY,KAAK,GAAG,UAAU,UAAU,GAAG,KAAA;EAClD;;AAGH,MAAM,yBACJ,IACA,gBACG;AACH,KAAI,OAAO,OAAO,UAAU;AAC1B,MAAI,aAAa,GAAG,CAClB,QAAO,EAAE,MAAM,IAAI;AAGrB,MAAI,CAAC,GAAG,SAAS,IAAI,IAAI,CAAC,GAAG,SAAS,IAAI,CACxC,QAAO,EAAE,IAAI;EAGf,MAAM,EAAE,UAAU,QAAQ,SAAS,cAAc,GAAG;AACpD,SAAO;GACL,IAAI,YAAY;GAChB,GAAI,SAAS,EAAE,QAAQ,YAAY,OAAO,EAAE,GAAG,EAAE;GACjD,GAAI,OAAO,EAAE,MAAM,KAAK,MAAM,EAAE,EAAE,GAAG,EAAE;GACxC;;CAGH,MAAM,EAAE,UAAU,QAAQ,SAAS;AACnC,QAAO;EACL,IAAI,YAAY;EAChB,GAAI,SACA,EACE,QAAQ,YAAY,OAAO,WAAW,IAAI,GAAG,SAAS,IAAI,SAAS,EACpE,GACD,EAAE;EACN,GAAI,OAAO,EAAE,MAAM,KAAK,WAAW,IAAI,GAAG,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,EAAE;EACtE;;AAGH,MAAM,mBAAmB,OAAW;CAClC,MAAM,SAAS,WAAW;AAE1B,gBAAe,EAAE,SAAS,UAAU,MAAM,SAAS,MAAM,CAAC;AAC1D,QAAO,OAAO,cACZ,sBAAsB,IAAI,OAAO,QAAQ,YAAY,CACtD,CAAC;;AAGJ,MAAM,6BAA6B,EACjC,UAAU,YAAY,EAAE,SAAS,aAAa,SAAS,UAAU,CAAC,EACnE;AAED,MAAa,iCAAgD;CAC3D,MAAM,SAAS,WAAW;CAC1B,MAAM,WAAW,aACd,IAAQ,EAAE,SAAS,UAA2B,EAAE,KAAK;AAC/C,SAAO,SAAS;GACnB,GAAG,sBAAsB,IAAI,OAAO,QAAQ,YAAY;GACxD;GACA;GACD,CAAU;IAEb,CAAC,OAAO,CACT;AACD,QAAO,eACE;EACL;EACA,SAAS;EACT,aAAa;EACd,GACD,CAAC,SAAS,CACX;;AAGH,MAAM,yBAAgD,EAAE,eAAe;AAErE,QAAO,oBAAC,gBAAD;EAAgB,GADP,0BACkB;EAAG;EAA0B,CAAA"}

package/dist/lib/router/index.d.mts

@@ -0,0 +1,6 @@
+import { i as To, n as RouterAdapter, r as RouterLinkComponentProps, t as NavigateOptions } from "../../types-CuQSgl1F.mjs";
+import { n as RouterProvider, r as useRouter, t as RouterContext } from "../../RouterContext-B7N12wkK.mjs";
+import { t as createPath } from "../../createPath-BDYRvl57.mjs";
+import { t as RouterLink } from "../../RouterLink-Bq36EGjc.mjs";
+import { t as usePathname } from "../../useLocationPathname-K2N4fw8j.mjs";
+export { NavigateOptions, RouterAdapter, RouterContext, RouterLink, RouterLinkComponentProps, RouterProvider, To, createPath, usePathname, useRouter };

package/dist/lib/router/index.mjs

@@ -0,0 +1,3 @@
+import { n as RouterProvider, r as useRouter, t as RouterContext } from "../../RouterContext-CsPnkNdI.mjs";
+import { n as RouterLink, r as createPath, t as usePathname } from "../../router-7FYDW80v.mjs";
+export { RouterContext, RouterLink, RouterProvider, createPath, usePathname, useRouter };

package/dist/lib/semanticColor.d.mts

@@ -1,2 +1,2 @@
-import { a as semanticTokens, i as semanticOnly, n as SemanticFallback, r as semanticColor, t as MaybeSemanticTheme } from "../semanticColor-DkVQjcbc.mjs";
+import { a as semanticTokens, i as semanticOnly, n as SemanticFallback, r as semanticColor, t as MaybeSemanticTheme } from "../semanticColor-IAhXS17y.mjs";
 export { MaybeSemanticTheme, SemanticFallback, semanticColor, semanticOnly, semanticTokens };

package/dist/lib/useModalInsetRight.mjs

@@ -0,0 +1,69 @@
+import { useEffect, useRef, useState } from "react";
+//#region lib/useModalInsetRight.ts
+const CSS_VAR = "--modal-inset-right";
+const SIDEBAR_OPEN_TRANSITION_MS = 425;
+const SIDEBAR_CLOSE_TRANSITION_MS = 200;
+const getModalInsetRight = () => getComputedStyle(document.documentElement).getPropertyValue(CSS_VAR).trim() || "0px";
+const prefersReducedMotion = () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+/**
+* Returns the current value of --modal-inset-right from :root, reactively updating
+* as the agents side panel animates open/closed or is resized. Also tracks whether
+* the panel is opening, open, closing, or closed.
+*
+* panelState stays 'opening'/'closing' for the full transition duration so that
+* CSS transitions on consumers have time to animate.
+*/
+const useModalInsetRight = () => {
+	const [insetRight, setInsetRight] = useState(getModalInsetRight);
+	const [panelState, setPanelState] = useState(() => getModalInsetRight() !== "0px" ? "open" : "closed");
+	const prevInsetRight = useRef(getModalInsetRight());
+	const transitionTimerRef = useRef(null);
+	const rafRef = useRef(null);
+	useEffect(() => {
+		const observer = new MutationObserver(() => {
+			const prev = prevInsetRight.current;
+			const next = getModalInsetRight();
+			prevInsetRight.current = next;
+			if (prev === "0px" && next !== "0px") if (prefersReducedMotion()) {
+				setInsetRight(next);
+				setPanelState("open");
+			} else {
+				if (rafRef.current) cancelAnimationFrame(rafRef.current);
+				if (transitionTimerRef.current) clearTimeout(transitionTimerRef.current);
+				setInsetRight("0px");
+				setPanelState("opening");
+				rafRef.current = requestAnimationFrame(() => setInsetRight(next));
+				transitionTimerRef.current = setTimeout(() => setPanelState("open"), 425);
+			}
+			else if (prev !== "0px" && next === "0px") if (prefersReducedMotion()) {
+				setInsetRight("0px");
+				setPanelState("closed");
+			} else {
+				if (rafRef.current) cancelAnimationFrame(rafRef.current);
+				if (transitionTimerRef.current) clearTimeout(transitionTimerRef.current);
+				setInsetRight(prev);
+				setPanelState("closing");
+				rafRef.current = requestAnimationFrame(() => setInsetRight("0px"));
+				transitionTimerRef.current = setTimeout(() => setPanelState("closed"), 200);
+			}
+			else setInsetRight(next);
+		});
+		observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: ["style"]
+		});
+		return () => {
+			observer.disconnect();
+			if (transitionTimerRef.current) clearTimeout(transitionTimerRef.current);
+			if (rafRef.current) cancelAnimationFrame(rafRef.current);
+		};
+	}, []);
+	return {
+		insetRight,
+		panelState
+	};
+};
+//#endregion
+export { SIDEBAR_CLOSE_TRANSITION_MS, SIDEBAR_OPEN_TRANSITION_MS, useModalInsetRight as default };
+
+//# sourceMappingURL=useModalInsetRight.mjs.map

package/dist/lib/useModalInsetRight.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalInsetRight.mjs","names":[],"sources":["../../lib/useModalInsetRight.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nconst CSS_VAR = '--modal-inset-right';\n\n// Match AgentsPanel sidebar transition durations\nexport const SIDEBAR_OPEN_TRANSITION_MS = 425;\nexport const SIDEBAR_CLOSE_TRANSITION_MS = 200;\n\nconst getModalInsetRight = () =>\n  getComputedStyle(document.documentElement).getPropertyValue(CSS_VAR).trim() || '0px';\n\nconst prefersReducedMotion = () =>\n  typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\nexport type PanelInsetState = 'closed' | 'opening' | 'open' | 'closing';\n\nexport interface ModalInsetRight {\n  /** Animated inset value — starts at 0px on panel open so CSS transition fires */\n  insetRight: string;\n  panelState: PanelInsetState;\n}\n\n/**\n * Returns the current value of --modal-inset-right from :root, reactively updating\n * as the agents side panel animates open/closed or is resized. Also tracks whether\n * the panel is opening, open, closing, or closed.\n *\n * panelState stays 'opening'/'closing' for the full transition duration so that\n * CSS transitions on consumers have time to animate.\n */\nconst useModalInsetRight = (): ModalInsetRight => {\n  const [insetRight, setInsetRight] = useState(getModalInsetRight);\n  const [panelState, setPanelState] = useState<PanelInsetState>(() =>\n    getModalInsetRight() !== '0px' ? 'open' : 'closed',\n  );\n  const prevInsetRight = useRef(getModalInsetRight());\n  const transitionTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const rafRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      const prev = prevInsetRight.current;\n      const next = getModalInsetRight();\n      prevInsetRight.current = next;\n\n      if (prev === '0px' && next !== '0px') {\n        if (prefersReducedMotion()) {\n          setInsetRight(next);\n          setPanelState('open');\n        } else {\n          if (rafRef.current) {\n            cancelAnimationFrame(rafRef.current);\n          }\n          if (transitionTimerRef.current) {\n            clearTimeout(transitionTimerRef.current);\n          }\n          setInsetRight('0px');\n          setPanelState('opening');\n          rafRef.current = requestAnimationFrame(() => setInsetRight(next));\n          transitionTimerRef.current = setTimeout(\n            () => setPanelState('open'),\n            SIDEBAR_OPEN_TRANSITION_MS,\n          );\n        }\n      } else if (prev !== '0px' && next === '0px') {\n        if (prefersReducedMotion()) {\n          setInsetRight('0px');\n          setPanelState('closed');\n        } else {\n          if (rafRef.current) {\n            cancelAnimationFrame(rafRef.current);\n          }\n          if (transitionTimerRef.current) {\n            clearTimeout(transitionTimerRef.current);\n          }\n          setInsetRight(prev);\n          setPanelState('closing');\n          rafRef.current = requestAnimationFrame(() => setInsetRight('0px'));\n          transitionTimerRef.current = setTimeout(\n            () => setPanelState('closed'),\n            SIDEBAR_CLOSE_TRANSITION_MS,\n          );\n        }\n      } else {\n        setInsetRight(next);\n      }\n    });\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['style'],\n    });\n\n    return () => {\n      observer.disconnect();\n      if (transitionTimerRef.current) {\n        clearTimeout(transitionTimerRef.current);\n      }\n      if (rafRef.current) {\n        cancelAnimationFrame(rafRef.current);\n      }\n    };\n  }, []);\n\n  return { insetRight, panelState };\n};\n\nexport default useModalInsetRight;\n"],"mappings":";;AAEA,MAAM,UAAU;AAGhB,MAAa,6BAA6B;AAC1C,MAAa,8BAA8B;AAE3C,MAAM,2BACJ,iBAAiB,SAAS,gBAAgB,CAAC,iBAAiB,QAAQ,CAAC,MAAM,IAAI;AAEjF,MAAM,6BACJ,OAAO,WAAW,eAAe,OAAO,WAAW,mCAAmC,CAAC;;;;;;;;;AAkBzF,MAAM,2BAA4C;CAChD,MAAM,CAAC,YAAY,iBAAiB,SAAS,mBAAmB;CAChE,MAAM,CAAC,YAAY,iBAAiB,eAClC,oBAAoB,KAAK,QAAQ,SAAS,SAC3C;CACD,MAAM,iBAAiB,OAAO,oBAAoB,CAAC;CACnD,MAAM,qBAAqB,OAA6C,KAAK;CAC7E,MAAM,SAAS,OAAsB,KAAK;AAE1C,iBAAgB;EACd,MAAM,WAAW,IAAI,uBAAuB;GAC1C,MAAM,OAAO,eAAe;GAC5B,MAAM,OAAO,oBAAoB;AACjC,kBAAe,UAAU;AAEzB,OAAI,SAAS,SAAS,SAAS,MAC7B,KAAI,sBAAsB,EAAE;AAC1B,kBAAc,KAAK;AACnB,kBAAc,OAAO;UAChB;AACL,QAAI,OAAO,QACT,sBAAqB,OAAO,QAAQ;AAEtC,QAAI,mBAAmB,QACrB,cAAa,mBAAmB,QAAQ;AAE1C,kBAAc,MAAM;AACpB,kBAAc,UAAU;AACxB,WAAO,UAAU,4BAA4B,cAAc,KAAK,CAAC;AACjE,uBAAmB,UAAU,iBACrB,cAAc,OAAO,EAAA,IAE5B;;YAEM,SAAS,SAAS,SAAS,MACpC,KAAI,sBAAsB,EAAE;AAC1B,kBAAc,MAAM;AACpB,kBAAc,SAAS;UAClB;AACL,QAAI,OAAO,QACT,sBAAqB,OAAO,QAAQ;AAEtC,QAAI,mBAAmB,QACrB,cAAa,mBAAmB,QAAQ;AAE1C,kBAAc,KAAK;AACnB,kBAAc,UAAU;AACxB,WAAO,UAAU,4BAA4B,cAAc,MAAM,CAAC;AAClE,uBAAmB,UAAU,iBACrB,cAAc,SAAS,EAAA,IAE9B;;OAGH,eAAc,KAAK;IAErB;AAEF,WAAS,QAAQ,SAAS,iBAAiB;GACzC,YAAY;GACZ,iBAAiB,CAAC,QAAQ;GAC3B,CAAC;AAEF,eAAa;AACX,YAAS,YAAY;AACrB,OAAI,mBAAmB,QACrB,cAAa,mBAAmB,QAAQ;AAE1C,OAAI,OAAO,QACT,sBAAqB,OAAO,QAAQ;;IAGvC,EAAE,CAAC;AAEN,QAAO;EAAE;EAAY;EAAY"}

package/dist/{message-DfEpU8lV.d.mts → message-CjIHdhX1.d.mts}

@@ -6,4 +6,4 @@ declare enum MessageType {
 }
 //#endregion
 export { MessageType as t };
-//# sourceMappingURL=message-DfEpU8lV.d.mts.map
+//# sourceMappingURL=message-CjIHdhX1.d.mts.map

package/dist/mixins/focus.d.mts

@@ -1,4 +1,4 @@
-import { t as PseudoClassProps } from "../PseudoClassProps-DnlHhW5u.mjs";
+import { t as PseudoClassProps } from "../PseudoClassProps-CdRF3QNn.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region mixins/focus.d.ts

package/dist/mixins/hoverable.d.mts

@@ -1,5 +1,5 @@
-import { o as Variant } from "../theme-D02MOaH6.mjs";
-import { t as PseudoClassProps } from "../PseudoClassProps-DnlHhW5u.mjs";
+import { o as Variant } from "../theme-DKiszVRN.mjs";
+import { t as PseudoClassProps } from "../PseudoClassProps-CdRF3QNn.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region mixins/hoverable.d.ts

package/dist/mixins/input.d.mts

@@ -1,2 +1,2 @@
-import { n as InputSizes, r as inputMixin, t as InputMixinProps } from "../input-DN_8iHVD.mjs";
+import { n as InputSizes, r as inputMixin, t as InputMixinProps } from "../input-DCJivcWf.mjs";
 export { InputMixinProps, InputSizes, inputMixin as default };

package/dist/mixins/menuItem.d.mts

@@ -1,5 +1,5 @@
-import { o as Variant } from "../theme-D02MOaH6.mjs";
-import { t as PseudoClassProps } from "../PseudoClassProps-DnlHhW5u.mjs";
+import { o as Variant } from "../theme-DKiszVRN.mjs";
+import { t as PseudoClassProps } from "../PseudoClassProps-CdRF3QNn.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region mixins/menuItem.d.ts

package/dist/mixins/text.d.mts

@@ -1,2 +1,2 @@
-import { a as displayMixins, c as paragraphMixins, i as ParagraphSize, n as HeadingSize, o as fontFamilyMixin, r as ParagraphMixinSize, s as headingMixins, t as DisplaySize } from "../text-BaQdW8qa.mjs";
+import { a as displayMixins, c as paragraphMixins, i as ParagraphSize, n as HeadingSize, o as fontFamilyMixin, r as ParagraphMixinSize, s as headingMixins, t as DisplaySize } from "../text-DjTGRUM1.mjs";
 export { DisplaySize, HeadingSize, ParagraphMixinSize, ParagraphSize, displayMixins, fontFamilyMixin, headingMixins, paragraphMixins };

package/dist/navigationEvents.d.mts

@@ -0,0 +1,6 @@
+//#region lib/router/navigationEvents.d.ts
+declare const subscribeNavigation: (listener: () => void) => (() => void);
+declare const emitNavigation: () => void;
+//#endregion
+export { emitNavigation, subscribeNavigation };
+//# sourceMappingURL=navigationEvents.d.mts.map

package/dist/{operators-F8X0hyQB.d.mts → operators-C4yL6qbl.d.mts}

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator, l as FilterRule, r as DateRangeFilterValue, s as FilterFieldType, u as FilterRuleValue } from "./types-1_JSe9Wr.mjs";
+import { a as FilterField, c as FilterOperator, l as FilterRule, r as DateRangeFilterValue, s as FilterFieldType, u as FilterRuleValue } from "./types-I9z-0m7q.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/operators.d.ts
 declare function getOperatorsForType(type: FilterFieldType): ReadonlyArray<FilterOperator>;
@@ -68,4 +68,4 @@ declare function emptyValueForRule(field: Pick<FilterField, 'type'>, operator: F
 declare function reconcileValueForOperator(field: Pick<FilterField, 'type'>, nextOperator: FilterOperator, previousOperator: FilterOperator, value: FilterRuleValue): FilterRuleValue;
 //#endregion
 export { getDefaultOperatorForType as a, getOperatorsForType as c, isValuelessOperator as d, reconcileValueForOperator as f, fieldHasMultipleOperators as i, isCompleteDateRange as l, emptyValueForFieldType as n, getOperatorLabel as o, withValue as p, emptyValueForRule as r, getOperatorsForField as s, carriesDateRange as t, isRangeOperator as u };
-//# sourceMappingURL=operators-F8X0hyQB.d.mts.map
+//# sourceMappingURL=operators-C4yL6qbl.d.mts.map

package/dist/operators.d.mts

@@ -1,2 +1,2 @@
-import { a as getDefaultOperatorForType, c as getOperatorsForType, d as isValuelessOperator, f as reconcileValueForOperator, i as fieldHasMultipleOperators, l as isCompleteDateRange, n as emptyValueForFieldType, o as getOperatorLabel, p as withValue, r as emptyValueForRule, s as getOperatorsForField, t as carriesDateRange, u as isRangeOperator } from "./operators-F8X0hyQB.mjs";
+import { a as getDefaultOperatorForType, c as getOperatorsForType, d as isValuelessOperator, f as reconcileValueForOperator, i as fieldHasMultipleOperators, l as isCompleteDateRange, n as emptyValueForFieldType, o as getOperatorLabel, p as withValue, r as emptyValueForRule, s as getOperatorsForField, t as carriesDateRange, u as isRangeOperator } from "./operators-C4yL6qbl.mjs";
 export { carriesDateRange, emptyValueForFieldType, emptyValueForRule, fieldHasMultipleOperators, getDefaultOperatorForType, getOperatorLabel, getOperatorsForField, getOperatorsForType, isCompleteDateRange, isRangeOperator, isValuelessOperator, reconcileValueForOperator, withValue };

package/dist/{palette-BANY1Xfs.d.mts → palette-qgPRWgUN.d.mts}

@@ -1,5 +1,5 @@
-import { n as PdsColor } from "./color-fQTsW4gq.mjs";
-import { i as PersonaTheme } from "./theme-D02MOaH6.mjs";
+import { n as PdsColor } from "./color-Bt0Lv1e3.mjs";
+import { i as PersonaTheme } from "./theme-DKiszVRN.mjs";
 import { Color } from "@persona/design-tokens";
 
 //#region components/Button/palette.d.ts
@@ -18,4 +18,4 @@ interface ButtonPalette {
 declare const buttonPalette: (theme: PersonaTheme, variant: ButtonVariant) => ButtonPalette;
 //#endregion
 export { ButtonVariant as n, buttonPalette as r, ButtonPalette as t };
-//# sourceMappingURL=palette-BANY1Xfs.d.mts.map
+//# sourceMappingURL=palette-qgPRWgUN.d.mts.map

package/dist/palette.d.mts

@@ -1,2 +1,2 @@
-import { n as ButtonVariant, r as buttonPalette, t as ButtonPalette } from "./palette-BANY1Xfs.mjs";
+import { n as ButtonVariant, r as buttonPalette, t as ButtonPalette } from "./palette-qgPRWgUN.mjs";
 export { ButtonPalette, ButtonVariant, buttonPalette };

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-BqQndGI9.mjs";
-import { t as LoadingShimmer } from "../../LoadingShimmer-DeVCDCjT.mjs";
-import { t as Card_default } from "../../CardV2-CFTjYWoO.mjs";
-import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "../../Table-CqIi5mVF.mjs";
-import { n as PageHeaderContainer } from "../../PageHeader-wpvRRTaa.mjs";
+import { n as Stack, t as HStack } from "../../Stack-ChsImaEY.mjs";
+import { t as LoadingShimmer } from "../../LoadingShimmer-JyGh7M7V.mjs";
+import { t as Card_default } from "../../CardV2-Y_kRfd-R.mjs";
+import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "../../Table-DaxiIS96.mjs";
+import { n as PageHeaderContainer } from "../../PageHeader-7GBfUjU_.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region patterns/containers.tsx

package/dist/reactRouterFallback.d.mts

@@ -0,0 +1,11 @@
+import { r as RouterLinkComponentProps } from "./types-CuQSgl1F.mjs";
+import * as _$react from "react";
+import { useInRouterContext } from "react-router-dom";
+
+//#region lib/router/reactRouterFallback.d.ts
+declare const useInReactRouterContext: typeof useInRouterContext;
+declare const useReactRouterPathname: () => string;
+declare const ReactRouterFallbackLink: _$react.ForwardRefExoticComponent<Omit<RouterLinkComponentProps, "ref"> & _$react.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { ReactRouterFallbackLink, useInReactRouterContext, useReactRouterPathname };
+//# sourceMappingURL=reactRouterFallback.d.mts.map

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

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

package/dist/router-7FYDW80v.mjs

@@ -0,0 +1,112 @@
+import { r as useRouter } from "./RouterContext-CsPnkNdI.mjs";
+import { forwardRef, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Link, useInRouterContext, useLocation } from "react-router-dom";
+//#region lib/router/createPath.ts
+function createPath(to) {
+	if (typeof to === "string") return to;
+	const { pathname = "", search = "", hash = "" } = to;
+	let path = pathname;
+	if (search) path += search.startsWith("?") ? search : `?${search}`;
+	if (hash) path += hash.startsWith("#") ? hash : `#${hash}`;
+	return path;
+}
+//#endregion
+//#region lib/router/navigationEvents.ts
+const navigationListeners = /* @__PURE__ */ new Set();
+const subscribeNavigation = (listener) => {
+	navigationListeners.add(listener);
+	return () => navigationListeners.delete(listener);
+};
+const emitNavigation = () => {
+	navigationListeners.forEach((listener) => listener());
+};
+//#endregion
+//#region lib/router/reactRouterFallback.tsx
+const useInReactRouterContext = useInRouterContext;
+const useReactRouterPathname = () => useLocation().pathname;
+const ReactRouterFallbackLink = forwardRef(function ReactRouterFallbackLink({ to, replace, state, reloadDocument, ...rest }, ref) {
+	return /* @__PURE__ */ jsx(Link, {
+		to,
+		replace,
+		state,
+		reloadDocument,
+		...rest,
+		ref
+	});
+});
+//#endregion
+//#region lib/router/RouterLink.tsx
+const AdapterLink = forwardRef(function AdapterLink({ router, to, replace, state, target, onClick, reloadDocument, ...rest }, ref) {
+	const href = (router.useHref ?? (() => createPath(to)))(to);
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented && !reloadDocument && event.button === 0 && (!target || target === "_self") && !(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey)) {
+			event.preventDefault();
+			router.navigate(to, {
+				replace,
+				state
+			});
+			queueMicrotask(emitNavigation);
+		}
+	};
+	return /* @__PURE__ */ jsx("a", {
+		href,
+		target,
+		onClick: handleClick,
+		...rest,
+		ref
+	});
+});
+const RouterLink = forwardRef(function RouterLink(props, ref) {
+	const router = useRouter();
+	const inReactRouter = useInReactRouterContext();
+	if (router?.linkComponent) {
+		const LinkComponent = router.linkComponent;
+		return /* @__PURE__ */ jsx(LinkComponent, {
+			...props,
+			ref
+		});
+	}
+	if (router) return /* @__PURE__ */ jsx(AdapterLink, {
+		...props,
+		router,
+		ref
+	}, router.useHref ? "href" : "path");
+	if (inReactRouter) return /* @__PURE__ */ jsx(ReactRouterFallbackLink, {
+		...props,
+		ref
+	});
+	const { to, replace, state, reloadDocument, ...rest } = props;
+	return /* @__PURE__ */ jsx("a", {
+		href: createPath(to),
+		...rest,
+		ref
+	});
+});
+//#endregion
+//#region lib/router/useLocationPathname.ts
+const useWindowPathname = () => {
+	const [pathname, setPathname] = useState(() => typeof window === "undefined" ? "" : window.location.pathname);
+	useEffect(() => {
+		if (typeof window === "undefined") return;
+		const onNavigation = () => setPathname(window.location.pathname);
+		window.addEventListener("popstate", onNavigation);
+		const unsubscribe = subscribeNavigation(onNavigation);
+		return () => {
+			window.removeEventListener("popstate", onNavigation);
+			unsubscribe();
+		};
+	}, []);
+	return pathname;
+};
+const usePathname = () => {
+	const router = useRouter();
+	const inReactRouter = useInReactRouterContext();
+	const useAdapterPathname = () => router?.useLocation?.().pathname ?? "";
+	return (router?.useLocation ? useAdapterPathname : inReactRouter ? useReactRouterPathname : useWindowPathname)();
+};
+//#endregion
+export { RouterLink as n, createPath as r, usePathname as t };
+
+//# sourceMappingURL=router-7FYDW80v.mjs.map

package/dist/router-7FYDW80v.mjs.map

@@ -0,0 +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"}

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

package/dist/{semanticColor-DkVQjcbc.d.mts → semanticColor-IAhXS17y.d.mts}

@@ -1,5 +1,5 @@
-import { n as SemanticTokens, t as CssPercentage } from "./semantic-Dy7mTyBP.mjs";
-import { t as CssColor } from "./color-fQTsW4gq.mjs";
+import { n as SemanticTokens, t as CssPercentage } from "./semantic-DUctmpu_.mjs";
+import { t as CssColor } from "./color-Bt0Lv1e3.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-DkVQjcbc.d.mts.map
+//# sourceMappingURL=semanticColor-IAhXS17y.d.mts.map

package/dist/{text-BaQdW8qa.d.mts → text-DjTGRUM1.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-BaQdW8qa.d.mts.map
+//# sourceMappingURL=text-DjTGRUM1.d.mts.map

package/dist/{theme-D02MOaH6.d.mts → theme-DKiszVRN.d.mts}

@@ -1,5 +1,5 @@
-import { n as SemanticTokens } from "./semantic-Dy7mTyBP.mjs";
-import { n as PdsColor } from "./color-fQTsW4gq.mjs";
+import { n as SemanticTokens } from "./semantic-DUctmpu_.mjs";
+import { n as PdsColor } from "./color-Bt0Lv1e3.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-D02MOaH6.d.mts.map
+//# sourceMappingURL=theme-DKiszVRN.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-D02MOaH6.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-DKiszVRN.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-Dy7mTyBP.mjs";
-import { n as PdsColor } from "./color-fQTsW4gq.mjs";
-import { o as StickerProps } from "./Sticker-qvWkqEMw.mjs";
+import { n as SemanticTokens } from "./semantic-DUctmpu_.mjs";
+import { n as PdsColor } from "./color-Bt0Lv1e3.mjs";
+import { o as StickerProps } from "./Sticker-Bf9rhSkv.mjs";
 import { Color } from "@persona/design-tokens";
 
 //#region components/Sticker/tone.d.ts

package/dist/{types-C2s9yhgO.d.mts → types-B8aAvU2a2.d.mts}

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-1_JSe9Wr.mjs";
+import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-I9z-0m7q.mjs";
 import { ReactElement } from "react";
 
 //#region components/DataTable/TableControls/FiltersV2/value-controls/types.d.ts
@@ -44,4 +44,4 @@ interface ValueControlProps {
 }
 //#endregion
 export { ValueControlProps as t };
-//# sourceMappingURL=types-C2s9yhgO.d.mts.map
+//# sourceMappingURL=types-B8aAvU2a2.d.mts.map

package/dist/{types-Ok2lRZeu.d.mts → types-CcZbBH0e.d.mts}

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