@persona/design-system 0.10.4 → 0.10.5

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Modal"],"sources":["../../../patterns/WizardModal/WizardModal.tsx"],"sourcesContent":["import { type ComponentProps, type ReactNode, useState } from 'react';\nimport styled from 'styled-components';\n\nimport Button from '@persona/design-system/components/Button';\nimport Modal, { type ModalRenderProps } from '@persona/design-system/components/Modal';\nimport ProgressIndicator, {\n  type ProgressIndicatorStep,\n  type StepStatus,\n} from '@persona/design-system/components/ProgressIndicator';\nimport { HStack } from '@persona/design-system/components/Stack';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { semanticColor } from 'design-system/lib/semanticColor';\n\ntype ModalChromeProps = Pick<\n  ComponentProps<typeof Modal>,\n  | 'title'\n  | 'open'\n  | 'defaultOpen'\n  | 'onOpenChange'\n  | 'size'\n  | 'trigger'\n  | 'isDismissable'\n  | 'isKeyboardDismissDisabled'\n>;\n\nexport type WizardProceedResult = 'valid' | Extract<StepStatus, 'warning' | 'error'>;\n\nexport const statusFromProceed = (result: WizardProceedResult): StepStatus =>\n  result === 'valid' ? 'completed' : result;\n\nexport type WizardModalSteps = [\n  ProgressIndicatorStep,\n  ProgressIndicatorStep,\n  ...ProgressIndicatorStep[],\n];\n\nexport interface WizardModalProps extends ModalChromeProps {\n  steps: WizardModalSteps;\n  activeStepId: string;\n  onActiveStepChange: (stepId: string) => void;\n  onProceed?: () => WizardProceedResult;\n  onComplete: () => void | Promise<void>;\n  confirmLabel?: string;\n  layout?: 'vertical' | 'horizontal';\n  children: ReactNode | ((props: ModalRenderProps) => ReactNode);\n}\n\nconst VERTICAL_STEPPER_RAIL_WIDTH = '240px';\n\nconst BodyShell = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  height: 100%;\n  overflow: hidden;\n`;\n\nconst VerticalBody = styled(HStack)`\n  flex: 1;\n  min-height: 0;\n  align-items: stretch;\n  width: 100%;\n`;\n\nconst VerticalRail = styled.div`\n  flex: 0 0 ${VERTICAL_STEPPER_RAIL_WIDTH};\n  width: ${VERTICAL_STEPPER_RAIL_WIDTH};\n  padding: ${Spacing[4]};\n  overflow-y: auto;\n  border-right: 1px solid\n    ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n`;\n\nconst HorizontalProgress = styled.div`\n  flex: 0 0 auto;\n  padding: ${Spacing[4]} ${Spacing[4]} 0;\n`;\n\nconst StepBody = styled.div`\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  padding: ${Spacing[5]} ${Spacing[4]};\n`;\n\nexport const WizardModal = ({\n  steps,\n  activeStepId,\n  onActiveStepChange,\n  onProceed,\n  onComplete,\n  confirmLabel = 'Confirm',\n  layout = 'vertical',\n  children,\n  title,\n  open,\n  defaultOpen,\n  onOpenChange,\n  size = 'lg',\n  trigger,\n  isDismissable,\n  isKeyboardDismissDisabled,\n}: WizardModalProps) => {\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const foundIndex = steps.findIndex((step) => step.id === activeStepId);\n  const activeIndex = foundIndex === -1 ? 0 : foundIndex;\n  const activeId = steps[activeIndex]?.id;\n  const previousStepId = activeIndex > 0 ? steps[activeIndex - 1]?.id : undefined;\n  const nextStepId = activeIndex < steps.length - 1 ? steps[activeIndex + 1]?.id : undefined;\n\n  const handlePrimary = () => {\n    if (steps.length < 2) {\n      return;\n    }\n    const result = onProceed?.() ?? 'valid';\n    if (result === 'error') {\n      return;\n    }\n    if (nextStepId) {\n      onActiveStepChange(nextStepId);\n      return;\n    }\n    setIsSubmitting(true);\n    return Promise.resolve()\n      .then(() => onComplete())\n      .catch(() => undefined)\n      .finally(() => setIsSubmitting(false));\n  };\n\n  const progress = (\n    <ProgressIndicator\n      steps={steps}\n      activeStepId={activeId}\n      layout={layout}\n      onStepClick={isSubmitting ? undefined : onActiveStepChange}\n    />\n  );\n\n  const renderBody = (renderProps: ModalRenderProps) => {\n    const stepBody = (\n      <StepBody>{typeof children === 'function' ? children(renderProps) : children}</StepBody>\n    );\n\n    return (\n      <BodyShell>\n        {layout === 'horizontal' ? (\n          <>\n            <HorizontalProgress>{progress}</HorizontalProgress>\n            {stepBody}\n          </>\n        ) : (\n          <VerticalBody spacing={Spacing[0]}>\n            <VerticalRail>{progress}</VerticalRail>\n            {stepBody}\n          </VerticalBody>\n        )}\n      </BodyShell>\n    );\n  };\n\n  return (\n    <Modal\n      title={title}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      size={size}\n      trigger={trigger}\n      isDismissable={isSubmitting ? false : isDismissable}\n      isKeyboardDismissDisabled={isSubmitting || isKeyboardDismissDisabled}\n      contentProps={isSubmitting ? { showCloseButton: false } : undefined}\n      noBodyPadding\n      footer={\n        <>\n          <Button\n            width='auto'\n            variant='basic'\n            disabled={!previousStepId || isSubmitting}\n            onClick={() => previousStepId && onActiveStepChange(previousStepId)}\n          >\n            Previous\n          </Button>\n          <Button width='auto' variant='primary' isPending={isSubmitting} onClick={handlePrimary}>\n            {nextStepId ? 'Next' : confirmLabel}\n          </Button>\n        </>\n      }\n    >\n      {renderBody}\n    </Modal>\n  );\n};\n\nexport default WizardModal;\n"],"mappings":";;;;;;;;;;AA2BA,MAAa,qBAAqB,WAChC,WAAW,UAAU,cAAc;AAmBrC,MAAM,8BAA8B;AAEpC,MAAM,YAAY,OAAO,GAAG;;;;;;;;AAS5B,MAAM,eAAe,OAAO,OAAO;;;;;;AAOnC,MAAM,eAAe,OAAO,GAAG;cACjB,4BAA4B;WAC/B,4BAA4B;aAC1B,QAAQ,GAAG;;;OAGjB,EAAE,YAAY,cAAc,OAAO,gBAAgB,MAAM,cAAc,CAAC;;AAG/E,MAAM,qBAAqB,OAAO,GAAG;;aAExB,QAAQ,GAAG,GAAG,QAAQ,GAAG;;AAGtC,MAAM,WAAW,OAAO,GAAG;;;;;aAKd,QAAQ,GAAG,GAAG,QAAQ,GAAG;;AAGtC,MAAa,eAAe,EAC1B,OACA,cACA,oBACA,WACA,YACA,eAAe,WACf,SAAS,YACT,UACA,OACA,MACA,aACA,cACA,OAAO,MACP,SACA,eACA,gCACsB;CACtB,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,aAAa,MAAM,WAAW,SAAS,KAAK,OAAO,aAAa;CACtE,MAAM,cAAc,eAAe,KAAK,IAAI;CAC5C,MAAM,WAAW,MAAM,cAAc;CACrC,MAAM,iBAAiB,cAAc,IAAI,MAAM,cAAc,IAAI,KAAK,KAAA;CACtE,MAAM,aAAa,cAAc,MAAM,SAAS,IAAI,MAAM,cAAc,IAAI,KAAK,KAAA;CAEjF,MAAM,sBAAsB;AAC1B,MAAI,MAAM,SAAS,EACjB;AAGF,OADe,aAAa,IAAI,aACjB,QACb;AAEF,MAAI,YAAY;AACd,sBAAmB,WAAW;AAC9B;;AAEF,kBAAgB,KAAK;AACrB,SAAO,QAAQ,SAAS,CACrB,WAAW,YAAY,CAAC,CACxB,YAAY,KAAA,EAAU,CACtB,cAAc,gBAAgB,MAAM,CAAC;;CAG1C,MAAM,WACJ,oBAAC,mBAAD;EACS;EACP,cAAc;EACN;EACR,aAAa,eAAe,KAAA,IAAY;EACxC,CAAA;CAGJ,MAAM,cAAc,gBAAkC;EACpD,MAAM,WACJ,oBAAC,UAAD,EAAA,UAAW,OAAO,aAAa,aAAa,SAAS,YAAY,GAAG,UAAoB,CAAA;AAG1F,SACE,oBAAC,WAAD,EAAA,UACG,WAAW,eACV,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,oBAAD,EAAA,UAAqB,UAA8B,CAAA,EAClD,SACA,EAAA,CAAA,GAEH,qBAAC,cAAD;GAAc,SAAS,QAAQ;aAA/B,CACE,oBAAC,cAAD,EAAA,UAAe,UAAwB,CAAA,EACtC,SACY;MAEP,CAAA;;AAIhB,QACE,oBAACA,eAAD;EACS;EACD;EACO;EACC;EACR;EACG;EACT,eAAe,eAAe,QAAQ;EACtC,2BAA2B,gBAAgB;EAC3C,cAAc,eAAe,EAAE,iBAAiB,OAAO,GAAG,KAAA;EAC1D,eAAA;EACA,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;GACE,OAAM;GACN,SAAQ;GACR,UAAU,CAAC,kBAAkB;GAC7B,eAAe,kBAAkB,mBAAmB,eAAe;aACpE;GAEQ,CAAA,EACT,oBAAC,QAAD;GAAQ,OAAM;GAAO,SAAQ;GAAU,WAAW;GAAc,SAAS;aACtE,aAAa,SAAS;GAChB,CAAA,CACR,EAAA,CAAA;YAGJ;EACK,CAAA"}
+{"version":3,"file":"index.mjs","names":["Modal"],"sources":["../../../src/patterns/WizardModal/WizardModal.tsx"],"sourcesContent":["import { type ComponentProps, type ReactNode, useState } from 'react';\nimport styled from 'styled-components';\n\nimport Button from '@persona/design-system/components/Button';\nimport Modal, { type ModalRenderProps } from '@persona/design-system/components/Modal';\nimport ProgressIndicator, {\n  type ProgressIndicatorStep,\n  type StepStatus,\n} from '@persona/design-system/components/ProgressIndicator';\nimport { HStack } from '@persona/design-system/components/Stack';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { semanticColor } from 'design-system/lib/semanticColor';\n\ntype ModalChromeProps = Pick<\n  ComponentProps<typeof Modal>,\n  | 'title'\n  | 'open'\n  | 'defaultOpen'\n  | 'onOpenChange'\n  | 'size'\n  | 'trigger'\n  | 'isDismissable'\n  | 'isKeyboardDismissDisabled'\n>;\n\nexport type WizardProceedResult = 'valid' | Extract<StepStatus, 'warning' | 'error'>;\n\nexport const statusFromProceed = (result: WizardProceedResult): StepStatus =>\n  result === 'valid' ? 'completed' : result;\n\nexport type WizardModalSteps = [\n  ProgressIndicatorStep,\n  ProgressIndicatorStep,\n  ...ProgressIndicatorStep[],\n];\n\nexport interface WizardModalProps extends ModalChromeProps {\n  steps: WizardModalSteps;\n  activeStepId: string;\n  onActiveStepChange: (stepId: string) => void;\n  onProceed?: () => WizardProceedResult;\n  onComplete: () => void | Promise<void>;\n  confirmLabel?: string;\n  layout?: 'vertical' | 'horizontal';\n  children: ReactNode | ((props: ModalRenderProps) => ReactNode);\n}\n\nconst VERTICAL_STEPPER_RAIL_WIDTH = '240px';\n\nconst BodyShell = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  height: 100%;\n  overflow: hidden;\n`;\n\nconst VerticalBody = styled(HStack)`\n  flex: 1;\n  min-height: 0;\n  align-items: stretch;\n  width: 100%;\n`;\n\nconst VerticalRail = styled.div`\n  flex: 0 0 ${VERTICAL_STEPPER_RAIL_WIDTH};\n  width: ${VERTICAL_STEPPER_RAIL_WIDTH};\n  padding: ${Spacing[4]};\n  overflow-y: auto;\n  border-right: 1px solid\n    ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n`;\n\nconst HorizontalProgress = styled.div`\n  flex: 0 0 auto;\n  padding: ${Spacing[4]} ${Spacing[4]} 0;\n`;\n\nconst StepBody = styled.div`\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  padding: ${Spacing[5]} ${Spacing[4]};\n`;\n\nexport const WizardModal = ({\n  steps,\n  activeStepId,\n  onActiveStepChange,\n  onProceed,\n  onComplete,\n  confirmLabel = 'Confirm',\n  layout = 'vertical',\n  children,\n  title,\n  open,\n  defaultOpen,\n  onOpenChange,\n  size = 'lg',\n  trigger,\n  isDismissable,\n  isKeyboardDismissDisabled,\n}: WizardModalProps) => {\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const foundIndex = steps.findIndex((step) => step.id === activeStepId);\n  const activeIndex = foundIndex === -1 ? 0 : foundIndex;\n  const activeId = steps[activeIndex]?.id;\n  const previousStepId = activeIndex > 0 ? steps[activeIndex - 1]?.id : undefined;\n  const nextStepId = activeIndex < steps.length - 1 ? steps[activeIndex + 1]?.id : undefined;\n\n  const handlePrimary = () => {\n    if (steps.length < 2) {\n      return;\n    }\n    const result = onProceed?.() ?? 'valid';\n    if (result === 'error') {\n      return;\n    }\n    if (nextStepId) {\n      onActiveStepChange(nextStepId);\n      return;\n    }\n    setIsSubmitting(true);\n    return Promise.resolve()\n      .then(() => onComplete())\n      .catch(() => undefined)\n      .finally(() => setIsSubmitting(false));\n  };\n\n  const progress = (\n    <ProgressIndicator\n      steps={steps}\n      activeStepId={activeId}\n      layout={layout}\n      onStepClick={isSubmitting ? undefined : onActiveStepChange}\n    />\n  );\n\n  const renderBody = (renderProps: ModalRenderProps) => {\n    const stepBody = (\n      <StepBody>{typeof children === 'function' ? children(renderProps) : children}</StepBody>\n    );\n\n    return (\n      <BodyShell>\n        {layout === 'horizontal' ? (\n          <>\n            <HorizontalProgress>{progress}</HorizontalProgress>\n            {stepBody}\n          </>\n        ) : (\n          <VerticalBody spacing={Spacing[0]}>\n            <VerticalRail>{progress}</VerticalRail>\n            {stepBody}\n          </VerticalBody>\n        )}\n      </BodyShell>\n    );\n  };\n\n  return (\n    <Modal\n      title={title}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      size={size}\n      trigger={trigger}\n      isDismissable={isSubmitting ? false : isDismissable}\n      isKeyboardDismissDisabled={isSubmitting || isKeyboardDismissDisabled}\n      contentProps={isSubmitting ? { showCloseButton: false } : undefined}\n      noBodyPadding\n      footer={\n        <>\n          <Button\n            width='auto'\n            variant='basic'\n            disabled={!previousStepId || isSubmitting}\n            onClick={() => previousStepId && onActiveStepChange(previousStepId)}\n          >\n            Previous\n          </Button>\n          <Button width='auto' variant='primary' isPending={isSubmitting} onClick={handlePrimary}>\n            {nextStepId ? 'Next' : confirmLabel}\n          </Button>\n        </>\n      }\n    >\n      {renderBody}\n    </Modal>\n  );\n};\n\nexport default WizardModal;\n"],"mappings":";;;;;;;;;;AA2BA,MAAa,qBAAqB,WAChC,WAAW,UAAU,cAAc;AAmBrC,MAAM,8BAA8B;AAEpC,MAAM,YAAY,OAAO,GAAG;;;;;;;;AAS5B,MAAM,eAAe,OAAO,OAAO;;;;;;AAOnC,MAAM,eAAe,OAAO,GAAG;cACjB,4BAA4B;WAC/B,4BAA4B;aAC1B,QAAQ,GAAG;;;OAGjB,EAAE,YAAY,cAAc,OAAO,gBAAgB,MAAM,cAAc,CAAC;;AAG/E,MAAM,qBAAqB,OAAO,GAAG;;aAExB,QAAQ,GAAG,GAAG,QAAQ,GAAG;;AAGtC,MAAM,WAAW,OAAO,GAAG;;;;;aAKd,QAAQ,GAAG,GAAG,QAAQ,GAAG;;AAGtC,MAAa,eAAe,EAC1B,OACA,cACA,oBACA,WACA,YACA,eAAe,WACf,SAAS,YACT,UACA,OACA,MACA,aACA,cACA,OAAO,MACP,SACA,eACA,gCACsB;CACtB,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,aAAa,MAAM,WAAW,SAAS,KAAK,OAAO,aAAa;CACtE,MAAM,cAAc,eAAe,KAAK,IAAI;CAC5C,MAAM,WAAW,MAAM,cAAc;CACrC,MAAM,iBAAiB,cAAc,IAAI,MAAM,cAAc,IAAI,KAAK,KAAA;CACtE,MAAM,aAAa,cAAc,MAAM,SAAS,IAAI,MAAM,cAAc,IAAI,KAAK,KAAA;CAEjF,MAAM,sBAAsB;AAC1B,MAAI,MAAM,SAAS,EACjB;AAGF,OADe,aAAa,IAAI,aACjB,QACb;AAEF,MAAI,YAAY;AACd,sBAAmB,WAAW;AAC9B;;AAEF,kBAAgB,KAAK;AACrB,SAAO,QAAQ,SAAS,CACrB,WAAW,YAAY,CAAC,CACxB,YAAY,KAAA,EAAU,CACtB,cAAc,gBAAgB,MAAM,CAAC;;CAG1C,MAAM,WACJ,oBAAC,mBAAD;EACS;EACP,cAAc;EACN;EACR,aAAa,eAAe,KAAA,IAAY;EACxC,CAAA;CAGJ,MAAM,cAAc,gBAAkC;EACpD,MAAM,WACJ,oBAAC,UAAD,EAAA,UAAW,OAAO,aAAa,aAAa,SAAS,YAAY,GAAG,UAAoB,CAAA;AAG1F,SACE,oBAAC,WAAD,EAAA,UACG,WAAW,eACV,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,oBAAD,EAAA,UAAqB,UAA8B,CAAA,EAClD,SACA,EAAA,CAAA,GAEH,qBAAC,cAAD;GAAc,SAAS,QAAQ;aAA/B,CACE,oBAAC,cAAD,EAAA,UAAe,UAAwB,CAAA,EACtC,SACY;MAEP,CAAA;;AAIhB,QACE,oBAACA,eAAD;EACS;EACD;EACO;EACC;EACR;EACG;EACT,eAAe,eAAe,QAAQ;EACtC,2BAA2B,gBAAgB;EAC3C,cAAc,eAAe,EAAE,iBAAiB,OAAO,GAAG,KAAA;EAC1D,eAAA;EACA,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;GACE,OAAM;GACN,SAAQ;GACR,UAAU,CAAC,kBAAkB;GAC7B,eAAe,kBAAkB,mBAAmB,eAAe;aACpE;GAEQ,CAAA,EACT,oBAAC,QAAD;GAAQ,OAAM;GAAO,SAAQ;GAAU,WAAW;GAAc,SAAS;aACtE,aAAa,SAAS;GAChB,CAAA,CACR,EAAA,CAAA;YAGJ;EACK,CAAA"}

package/dist/positioning.d.mts

@@ -1,4 +1,4 @@
-//#region components/DataTable/TableControls/utils/positioning.d.ts
+//#region src/components/DataTable/TableControls/utils/positioning.d.ts
 /**
  * Check if a child rect is contained within a parent rect.
  * @param parent - The parent rect.

package/dist/reactRouterFallback.d.mts

@@ -1,8 +1,8 @@
-import { r as RouterLinkComponentProps } from "./types-HxiGiwQN.mjs";
+import { r as RouterLinkComponentProps } from "./types-Dhz6VMKx.mjs";
 import * as _$react from "react";
 import { useInRouterContext } from "react-router-dom";
 
-//#region lib/router/reactRouterFallback.d.ts
+//#region src/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>>;

package/dist/reduced-motion.d.mts

@@ -0,0 +1,7 @@
+import { r as Rule } from "./index-BWAycP6L.mjs";
+
+//#region src/lint/rules/reduced-motion.d.ts
+declare const reducedMotion: Rule;
+//#endregion
+export { reducedMotion };
+//# sourceMappingURL=reduced-motion.d.mts.map

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

@@ -1,6 +1,6 @@
-import { d as FilterRuleValue, u as FilterRule } from "./types-EodOhsjw.mjs";
+import { d as FilterRuleValue, u as FilterRule } from "./types-DbOD5vE_.mjs";
 
-//#region components/DataTable/TableControls/FiltersV2/relative-date-label.d.ts
+//#region src/components/DataTable/TableControls/FiltersV2/relative-date-label.d.ts
 /**
  * The preset name a rule should display instead of its dates, or `undefined`
  * when it has none and the caller should fall back to rendering the value.

package/dist/{router-COrZcVkf.mjs → router-BxmA940v.mjs}

@@ -1,8 +1,8 @@
-import { r as useRouter } from "./RouterContext-nPSb55p9.mjs";
+import { r as useRouter } from "./RouterContext-DAQHKOv6.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
+//#region src/lib/router/createPath.ts
 function createPath(to) {
 	if (typeof to === "string") return to;
 	const { pathname = "", search = "", hash = "" } = to;
@@ -12,7 +12,7 @@ function createPath(to) {
 	return path;
 }
 //#endregion
-//#region lib/router/navigationEvents.ts
+//#region src/lib/router/navigationEvents.ts
 const navigationListeners = /* @__PURE__ */ new Set();
 const subscribeNavigation = (listener) => {
 	navigationListeners.add(listener);
@@ -22,7 +22,7 @@ const emitNavigation = () => {
 	navigationListeners.forEach((listener) => listener());
 };
 //#endregion
-//#region lib/router/reactRouterFallback.tsx
+//#region src/lib/router/reactRouterFallback.tsx
 const useInReactRouterContext = useInRouterContext;
 const useReactRouterPathname = () => useLocation().pathname;
 const ReactRouterFallbackLink = forwardRef(function ReactRouterFallbackLink({ to, replace, state, reloadDocument, ...rest }, ref) {
@@ -36,7 +36,7 @@ const ReactRouterFallbackLink = forwardRef(function ReactRouterFallbackLink({ to
 	});
 });
 //#endregion
-//#region lib/router/RouterLink.tsx
+//#region src/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) => {
@@ -85,7 +85,7 @@ const RouterLink = forwardRef(function RouterLink(props, ref) {
 	});
 });
 //#endregion
-//#region lib/router/useLocationPathname.ts
+//#region src/lib/router/useLocationPathname.ts
 const useWindowPathname = () => {
 	const [pathname, setPathname] = useState(() => typeof window === "undefined" ? "" : window.location.pathname);
 	useEffect(() => {
@@ -109,4 +109,4 @@ const usePathname = () => {
 //#endregion
 export { RouterLink as n, createPath as r, usePathname as t };
 
-//# sourceMappingURL=router-COrZcVkf.mjs.map
+//# sourceMappingURL=router-BxmA940v.mjs.map

package/dist/router-BxmA940v.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-BxmA940v.mjs","names":[],"sources":["../src/lib/router/createPath.ts","../src/lib/router/navigationEvents.ts","../src/lib/router/reactRouterFallback.tsx","../src/lib/router/RouterLink.tsx","../src/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 { Link, useInRouterContext, useLocation } 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<HTMLAnchorElement, 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);\n","import { forwardRef, type MouseEvent } from 'react';\n\nimport { createPath } from './createPath';\nimport { emitNavigation } from './navigationEvents';\nimport { ReactRouterFallbackLink, useInReactRouterContext } 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 key={router.useHref ? 'href' : 'path'} {...props} router={router} ref={ref} />\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;;;;ACHvD,MAAa,0BAA0B;AAEvC,MAAa,+BAA+B,aAAa,CAAC;AAE1D,MAAa,0BAA0B,WACrC,SAAS,wBAAwB,EAAE,IAAI,SAAS,OAAO,gBAAgB,GAAG,QAAQ,KAAK;AACrF,QACE,oBAAC,MAAD;EACM;EACK;EACF;EACS;EAChB,GAAI;EACC;EACL,CAAA;EAGP;;;ACdD,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;EAAoD,GAAI;EAAe;EAAa;EAAO,EAAzE,OAAO,UAAU,SAAS,OAA+C;AAI/F,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;;;ACrDD,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,6 +1,6 @@
-import { t as ASTNode } from "./types-DfpVVjso.mjs";
+import { t as ASTNode } from "./types-dmItSshr.mjs";
 
-//#region components/SmartTextInput/parser/smart-text/parser.d.ts
+//#region src/components/SmartTextInput/parser/smart-text/parser.d.ts
 type ParseOptions = {
   startRule?: 'Root' | 'ChainRoot'; /** Whether to parse {{...}} as handlebars expressions. Defaults to false. */
   allowHandlebars?: boolean; /** Whether to parse ${...} as code expressions. Defaults to false. */
@@ -13,7 +13,7 @@ type ParseOptions = {
   strict?: boolean;
 };
 //#endregion
-//#region components/SmartTextInput/parser/safe-parse.d.ts
+//#region src/components/SmartTextInput/parser/safe-parse.d.ts
 /**
  * Parses the input string into an ASTNode tree.
  */

package/dist/{schemaOptions-BQgLOgtD.d.mts → schemaOptions-C_JM2-sg.d.mts}

@@ -1,7 +1,7 @@
-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-DmOA0Lnu.mjs";
-import { n as Chain, s as MethodChainNode } from "./methodChainTypes-a7kHYhs7.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-DUkfAip_.mjs";
+import { n as Chain, s as MethodChainNode } from "./methodChainTypes-BtbYWrdP.mjs";
 
-//#region lib/schemaOptions.d.ts
+//#region src/lib/schemaOptions.d.ts
 type VariableSchemaObject = {
   value: string;
   schema?: JsonSchema | null;
@@ -175,4 +175,4 @@ declare const validatePath: ({
 declare const splitAtNearestParentObject: (chain: Chain, currentSchema: JsonSchemaObject, platformSchemaMap: ObjectSchemaMap, primitiveUtilities: ObjectSchemaMap) => [leftChain: Chain, rightChain: Chain];
 //#endregion
 export { validatePath as _, formatDisplayValue as a, getSchemaByPath as c, getSchemaOptions as d, hasRequiredPropertyShape as f, splitAtNearestParentObject as g, nextLinkSchema as h, extractPlatformObjectKey as i, getSchemaForFieldPath as l, isValidOption as m, OptionFilters as n, getFunctionSchemaForNode as o, isTypeMatch as p, UNTYPED_ADDITIONAL_PROPERTY_SCHEMA as r, getOptionForValue as s, Option as t, getSchemaForVariablePath as u };
-//# sourceMappingURL=schemaOptions-BQgLOgtD.d.mts.map
+//# sourceMappingURL=schemaOptions-C_JM2-sg.d.mts.map

package/dist/scrollExpandedItemIntoView.d.mts

@@ -1,4 +1,4 @@
-//#region components/Accordion/scrollExpandedItemIntoView.d.ts
+//#region src/components/Accordion/scrollExpandedItemIntoView.d.ts
 type ScrollExpandedItemTarget = {
   itemElement: HTMLElement;
   triggerElement: HTMLElement;

package/dist/{semantic-DjKvtUi8.d.mts → semantic-BLaQSW1r.d.mts}

@@ -1,6 +1,6 @@
 import { Color } from "@persona/design-tokens";
 
-//#region variables/semantic.d.ts
+//#region src/variables/semantic.d.ts
 /** A CSS percentage. Opacity tokens are percentages, not colours. */
 type CssPercentage = `${number}%`;
 /**
@@ -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-DjKvtUi8.d.mts.map
+//# sourceMappingURL=semantic-BLaQSW1r.d.mts.map

package/dist/semantic-color.d.mts

@@ -0,0 +1,7 @@
+import { r as Rule } from "./index-BWAycP6L.mjs";
+
+//#region src/lint/rules/semantic-color.d.ts
+declare const semanticColor: Rule;
+//#endregion
+export { semanticColor };
+//# sourceMappingURL=semantic-color.d.mts.map

package/dist/{semanticColor-CmGmGRj8.d.mts → semanticColor-Bxufk3ZO.d.mts}

@@ -1,7 +1,7 @@
-import { n as SemanticTokens, t as CssPercentage } from "./semantic-DjKvtUi8.mjs";
-import { t as CssColor } from "./color-C5B1pN1D.mjs";
+import { n as SemanticTokens, t as CssPercentage } from "./semantic-BLaQSW1r.mjs";
+import { t as CssColor } from "./color-Cy_0z4IY.mjs";
 
-//#region lib/semanticColor.d.ts
+//#region src/lib/semanticColor.d.ts
 /** PDS components also render under foreign themes (Relay, darkTheme), so `semantic` is optional. */
 interface MaybeSemanticTheme {
   semantic?: SemanticTokens;
@@ -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-CmGmGRj8.d.mts.map
+//# sourceMappingURL=semanticColor-Bxufk3ZO.d.mts.map

package/dist/shared.d.mts

@@ -0,0 +1,30 @@
+import { a as types_d_exports, i as RuleDocs, t as Context } from "./index-BWAycP6L.mjs";
+
+//#region src/lint/shared.d.ts
+declare const docs: (description: string) => RuleDocs;
+/** The identifier a chain of member accesses and calls starts from: `styled` in `styled(Box).attrs({})`. */
+declare function rootIdentifier(node: types_d_exports.Expression): string | null;
+declare const isCssTemplate: (node: types_d_exports.TaggedTemplateExpression) => boolean;
+/** The name of a non-computed identifier key or a string-literal key, else null. */
+declare function propertyName(property: types_d_exports.ObjectProperty): string | null;
+/** The name of `node.<name>`, or null for a computed or private access. */
+declare const staticMemberName: (node: types_d_exports.MemberExpression) => string | null;
+/** The rightmost name of `a.b.c` or `c`: `c`. */
+declare function lastName(node: types_d_exports.Expression): string | null;
+/**
+ * Blank CSS comments (`/* *\/`, and `//` at the start of a line or after whitespace, so `https://` in a
+ * url is kept), leaving line breaks so that offsets and line numbers stay the same.
+ */
+declare const blankCssComments: (text: string) => string;
+/** The source text of `node`; for the text of a CSS template, with its comments blanked. */
+declare function sourceText(context: Context, node: types_d_exports.Node): string;
+/** Report each match of `pattern` in the source of `node`, at the match rather than the node. */
+declare function reportMatches(context: Context, node: types_d_exports.Node, pattern: RegExp, message: (match: RegExpExecArray) => string, accept?: (match: RegExpExecArray) => boolean): void;
+declare const toPx: (value: number, unit: string | undefined, rootFontPx: number) => number;
+/** A bare number under 1 is a unitless multiplier, not a size. */
+declare const isSmallSize: (size: number, unit: string | undefined, minPx: number) => boolean;
+/** A JSX attribute's value when it is a string, written either way: `"x"` or `{"x"}`. */
+declare function jsxStringValue(attribute: types_d_exports.JSXAttribute): string | null;
+//#endregion
+export { blankCssComments, docs, isCssTemplate, isSmallSize, jsxStringValue, lastName, propertyName, reportMatches, rootIdentifier, sourceText, staticMemberName, toPx };
+//# sourceMappingURL=shared.d.mts.map

package/dist/{strings-FWNWdSn1.d.mts → strings-CK9n6b65.d.mts}

@@ -1,4 +1,4 @@
-//#region lib/i18n/strings.d.ts
+//#region src/lib/i18n/strings.d.ts
 /**
  * Built-in, user-visible copy rendered by PDS components.
  *
@@ -162,4 +162,4 @@ declare const DEFAULT_COMMON_STRINGS: Readonly<CommonStrings>;
 declare function resolveCommonStrings(overrides: CommonStringOverrides | undefined, base?: Readonly<CommonStrings>): CommonStrings;
 //#endregion
 export { DEFAULT_COMMON_STRINGS as a, CommonStrings as i, CommonStringOverrides as n, resolveCommonStrings as o, CommonStringValue as r, CommonStringKey as t };
-//# sourceMappingURL=strings-FWNWdSn1.d.mts.map
+//# sourceMappingURL=strings-CK9n6b65.d.mts.map

package/dist/strings.d.mts

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

package/dist/{styledComponentsInterop-NxwFjeA4.mjs → styledComponentsInterop-Cs5CCPRy.mjs}

@@ -1,5 +1,5 @@
 import * as namespace from "styled-components";
-//#region lib/styledComponentsInterop.ts
+//#region src/lib/styledComponentsInterop.ts
 /**
 * `styled-components` with its default export normalized across module systems.
 *
@@ -30,4 +30,4 @@ const { ServerStyleSheet, StyleSheetManager, ThemeConsumer, ThemeContext, ThemeP
 //#endregion
 export { styled as a, keyframes as i, createGlobalStyle as n, useTheme as o, css as r, ThemeProvider as t };
 
-//# sourceMappingURL=styledComponentsInterop-NxwFjeA4.mjs.map
+//# sourceMappingURL=styledComponentsInterop-Cs5CCPRy.mjs.map

package/dist/styledComponentsInterop-Cs5CCPRy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledComponentsInterop-Cs5CCPRy.mjs","names":[],"sources":["../src/lib/styledComponentsInterop.ts"],"sourcesContent":["/**\n * `styled-components` with its default export normalized across module systems.\n *\n * styled-components@5 ships no `exports` map, so a bundler (Vite/rollup) resolves the bare\n * specifier to the ESM build while Node resolves it to the CJS build. Under Node's CJS→ESM interop\n * the ESM `default` binding is the whole `module.exports` object, so `import styled from\n * 'styled-components'` yields the namespace and `styled.button` is undefined. That is what happens\n * when a consumer's Vitest run loads `@persona/design-system/dist/**` from `node_modules` without\n * inlining it. The tsdown build (see `tsdown.config.ts`) redirects every `styled-components`\n * import in the emitted bundle to this module; source files keep importing `styled-components`\n * directly so `babel-plugin-styled-components` still sees them in the monolith.\n */\nimport * as namespace from 'styled-components';\n\ntype StyledComponents = typeof import('styled-components');\ntype StyledDefault = StyledComponents['default'];\n\ntype CjsModuleExports = StyledComponents & { default?: StyledDefault };\n\ninterface InteropNamespace {\n  default?: StyledDefault | CjsModuleExports;\n}\n\nconst isCjsModuleExports = (value: InteropNamespace['default']): value is CjsModuleExports =>\n  typeof value === 'object' && value != null && 'default' in value;\n\n/**\n * Returns the module with `default` pointing at the real `styled` factory, whichever build Node or\n * the bundler resolved. Exported for the spec; runtime callers use the re-exports below.\n */\nexport const normalizeStyledComponents = (mod: InteropNamespace): StyledComponents => {\n  if (mod.default != null && isCjsModuleExports(mod.default)) {\n    return {\n      ...mod.default,\n      default: mod.default.default ?? (mod.default as unknown as StyledDefault),\n    };\n  }\n  return mod as unknown as StyledComponents;\n};\n\nconst resolved = normalizeStyledComponents(namespace as unknown as InteropNamespace);\n\nconst styled: StyledDefault = resolved.default;\n\nexport default styled;\nexport const {\n  ServerStyleSheet,\n  StyleSheetManager,\n  ThemeConsumer,\n  ThemeContext,\n  ThemeProvider,\n  createGlobalStyle,\n  css,\n  isStyledComponent,\n  keyframes,\n  useTheme,\n  withTheme,\n} = resolved;\n"],"mappings":";;;;;;;;;;;;;;AAuBA,MAAM,sBAAsB,UAC1B,OAAO,UAAU,YAAY,SAAS,QAAQ,aAAa;;;;;AAM7D,MAAa,6BAA6B,QAA4C;AACpF,KAAI,IAAI,WAAW,QAAQ,mBAAmB,IAAI,QAAQ,CACxD,QAAO;EACL,GAAG,IAAI;EACP,SAAS,IAAI,QAAQ,WAAY,IAAI;EACtC;AAEH,QAAO;;AAGT,MAAM,WAAW,0BAA0B,UAAyC;AAEpF,MAAM,SAAwB,SAAS;AAGvC,MAAa,EACX,kBACA,mBACA,eACA,cACA,eACA,mBACA,KACA,mBACA,WACA,UACA,cACE"}

package/dist/styles.d.mts

@@ -0,0 +1,8 @@
+import * as _$styled_components0 from "styled-components";
+import { DefaultTheme } from "styled-components";
+
+//#region src/components/RichTextEditor/styles.d.ts
+declare const _default: _$styled_components0.GlobalStyleComponent<{}, DefaultTheme>;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=styles.d.mts.map

package/dist/tableBoxKeyboardNavigation.d.mts

@@ -1,4 +1,4 @@
-//#region components/TableBox/tableBoxKeyboardNavigation.d.ts
+//#region src/components/TableBox/tableBoxKeyboardNavigation.d.ts
 type TableBoxNavigationDirection = 'up' | 'down' | 'left' | 'right';
 type HorizontalTableBoxNavigationDirection = Extract<TableBoxNavigationDirection, 'left' | 'right'>;
 declare const isCaretAtNavigationBoundary: (input: HTMLInputElement, direction: HorizontalTableBoxNavigationDirection) => boolean;

package/dist/{text-BNfECpa5.d.mts → text-Csytfclh.d.mts}

@@ -1,14 +1,14 @@
 import { DefaultTheme, FlattenInterpolation, ThemeProps } from "styled-components";
 
-//#region mixins/text.d.ts
+//#region src/mixins/text.d.ts
 type DisplaySize = 'lg' | 'md' | 'sm';
 declare const fontFamilyMixin: FlattenInterpolation<ThemeProps<any>>;
 declare const displayMixins: Record<DisplaySize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
 type HeadingSize = 'lg' | 'md' | 'sm' | 'xsm';
 declare const headingMixins: Record<HeadingSize, FlattenInterpolation<ThemeProps<DefaultTheme>>>;
-type ParagraphMixinSize = 'lg' | 'lgBold' | 'lgLight' | 'md' | 'mdBold' | 'mdLight' | 'mdLink' | 'sm' | 'smBold' | 'smLink' | 'xs';
+type ParagraphMixinSize = 'lg' | 'lgBold' | 'lgLight' | 'md' | 'mdBold' | 'mdLight' | 'mdLink' | 'sm' | 'smBold' | 'smLink' | 'smMono' | 'xs';
 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-BNfECpa5.d.mts.map
+//# sourceMappingURL=text-Csytfclh.d.mts.map

package/dist/{theme-VNhXxAF3.d.mts → theme-mQ4WkH90.d.mts}

@@ -1,8 +1,8 @@
-import { n as SemanticTokens } from "./semantic-DjKvtUi8.mjs";
-import { n as PdsColor } from "./color-C5B1pN1D.mjs";
+import { n as SemanticTokens } from "./semantic-BLaQSW1r.mjs";
+import { n as PdsColor } from "./color-Cy_0z4IY.mjs";
 import { Color, PDSTypeStyle } from "@persona/design-tokens";
 
-//#region theme.d.ts
+//#region src/theme.d.ts
 interface PrimaryColors {
   black: Color;
   white: Color;
@@ -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-VNhXxAF3.d.mts.map
+//# sourceMappingURL=theme-mQ4WkH90.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-VNhXxAF3.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-mQ4WkH90.mjs";
 export { BackgroundColors, PdsThemed, PdsThemingMode, PersonaTheme, TextColors, Variant, darkTheme, defaultTheme as default, marketingFontTheme, withPdsTheming };

package/dist/theme.mjs

@@ -1,6 +1,6 @@
 import { semanticDark, semanticLight } from "./variables/semantic.mjs";
 import { Color, FontFamilies, Typography } from "@persona/design-tokens";
-//#region theme.ts
+//#region src/theme.ts
 const primary = {
 	black: Color.PrimaryBlack,
 	white: Color.PrimaryWhite,

package/dist/theme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.mjs","names":[],"sources":["../theme.ts"],"sourcesContent":["import { Color, FontFamilies, type PDSTypeStyle, Typography } from '@persona/design-tokens';\nimport type { PdsColor } from 'design-system/lib/color';\nimport { semanticDark, semanticLight, type SemanticTokens } from 'design-system/variables/semantic';\n\ninterface PrimaryColors {\n  black: Color;\n  white: Color;\n  brand: Color;\n  brand800: Color;\n  brand700: Color;\n  brand600: Color;\n  brand500: Color;\n  brand400: Color;\n  brand300: Color;\n  brand200: Color;\n  brand100: Color;\n}\n\nexport interface TextColors {\n  primary: Color;\n  secondary: Color;\n  tertiary: Color;\n  brand: Color;\n  inverse: Color;\n  disabled: Color;\n}\n\nexport interface BackgroundColors {\n  primary: Color;\n  secondary: Color;\n  active: Color;\n  highlight: Color;\n  disabled: Color;\n}\n\nexport type Variant =\n  | 'basic'\n  | 'caution'\n  | 'danger'\n  | 'inverse'\n  | 'outline'\n  | 'primary'\n  | 'success'\n  | 'text';\n\ninterface VariantPalette {\n  /**\n   * Activated color. Mousedowns for buttons, hover for dropdowns, etc.\n   */\n  active: Color;\n  /**\n   * Passive color when not interacted.\n   */\n  default: PdsColor;\n  /**\n   * Focus state, borders, etc. Generally lighter than the default color.\n   */\n  highlight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightLight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightDark: Color;\n\n  /**\n   * Disabled background\n   */\n  disabled: PdsColor;\n\n  text: Color;\n  textDisabled: PdsColor;\n\n  hover: Color;\n}\n\ninterface ColorPalette {\n  primary: PrimaryColors;\n  text: TextColors;\n  variants: Record<Variant, VariantPalette>;\n  background: BackgroundColors;\n  border: {\n    primary: Color;\n    secondary: Color;\n    active: Color;\n    input: Color;\n    inputHover: Color;\n    disabled: Color;\n  };\n}\n\ninterface TextSettings {\n  fontFamily: {\n    base: string;\n    mono: string;\n    semiMono: string;\n  };\n  display: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n  };\n  heading: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    xsm: PDSTypeStyle;\n  };\n  paragraph: {\n    lg: PDSTypeStyle;\n    lgBold: PDSTypeStyle;\n    lgLight: PDSTypeStyle;\n    md: PDSTypeStyle;\n    mdBold: PDSTypeStyle;\n    mdLight: PDSTypeStyle;\n    mdLink: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    smLink: PDSTypeStyle;\n    xs: PDSTypeStyle;\n  };\n}\n\n// SHARED ELEMENT VARIABLES\n// For inputs, selects, and input-like components\ninterface ElementSettings {\n  borderRadius: string;\n  height: {\n    xl: string;\n    lg: string;\n    md: string;\n    sm: string;\n    xs: string;\n  };\n  width: {\n    md: string;\n  };\n}\n\n// COMPONENT SPECIFIC VARIABLES\ninterface ButtonSettings {\n  borderRadius: string;\n  height: {\n    md: string;\n    sm: string;\n  };\n}\n\ninterface CardSettings {\n  borderRadius: string;\n}\n\ninterface ModalSettings {\n  borderRadius: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n  width: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n}\n\nexport interface PersonaTheme {\n  color: ColorPalette;\n  /** Absent under foreign themes (Relay, darkTheme); read via `semanticColor()`, never directly. */\n  semantic?: SemanticTokens;\n  text: TextSettings;\n  element: ElementSettings;\n  card: CardSettings;\n  button: ButtonSettings;\n  modal: ModalSettings;\n}\n\nconst primary: PrimaryColors = {\n  black: Color.PrimaryBlack,\n  white: Color.PrimaryWhite,\n  brand: Color.PrimaryPurple,\n  brand800: Color.CorePurple800,\n  brand700: Color.CorePurple700,\n  brand600: Color.CorePurple600,\n  brand500: Color.CorePurple500,\n  brand400: Color.CorePurple400,\n  brand300: Color.CorePurple300,\n  brand200: Color.CorePurple200,\n  brand100: Color.CorePurple100,\n};\n\n// for active state, use variant!\nconst lightText: TextColors = {\n  primary: Color.TextPrimary,\n  secondary: Color.TextSecondary,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextInverse,\n  disabled: Color.TextDisabled,\n};\n\n// for active state, use variant!\nconst darkText: TextColors = {\n  primary: Color.TextInverse,\n  secondary: Color.CoreSlate500,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextPrimary,\n  disabled: Color.TextDisabled,\n};\n\nconst lightColorPalette: ColorPalette = {\n  primary,\n  text: lightText,\n  background: {\n    primary: Color.BackgroundPrimary,\n    secondary: Color.BackgroundSecondary,\n    active: primary.brand,\n    highlight: primary.brand100,\n    disabled: Color.BackgroundInputDisabled,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.CoreSlate100,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.BackgroundButtonPrimaryActive,\n      default: Color.BackgroundButtonPrimary,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed200,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed200,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.secondary,\n    },\n  },\n  border: {\n    primary: Color.BorderHairline,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst darkColorPalette: ColorPalette = {\n  primary,\n  text: darkText,\n  background: {\n    primary: Color.CoreSlate1000,\n    secondary: Color.CoreSlate50,\n    active: primary.brand,\n    highlight: Color.PrimaryWhite,\n    disabled: Color.CoreSlate300,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.CoreSlate100,\n      text: darkText.primary,\n      textDisabled: darkText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.CoreSlate900,\n      default: Color.CoreSlate1000,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: primary.white,\n      textDisabled: darkText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: darkText.inverse,\n      textDisabled: darkText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed300,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed300,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: darkText.primary,\n      textDisabled: darkText.secondary,\n    },\n  },\n  border: {\n    primary: Color.CoreSlate900,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst defaultTextSettings: TextSettings = {\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n  display: {\n    lg: Typography.DisplayLarge,\n    md: Typography.DisplayMedium,\n    sm: Typography.DisplaySmall,\n  },\n  heading: {\n    lg: Typography.HeadingLarge,\n    md: Typography.HeadingMedium,\n    sm: Typography.HeadingSmall,\n    xsm: Typography.HeadingExtraSmall,\n  },\n  paragraph: {\n    lg: Typography.TextLarge,\n    lgBold: Typography.TextLargeBold,\n    lgLight: Typography.TextLargeLight,\n    md: Typography.TextMedium,\n    mdBold: Typography.TextMediumBold,\n    mdLight: Typography.TextMediumLight,\n    mdLink: Typography.TextMediumLink,\n    sm: Typography.TextSmall,\n    smLink: Typography.TextSmallLink,\n    xs: Typography.TextExtraSmall,\n  },\n};\n\nconst textSettingsWithMarketingFont: TextSettings = {\n  ...defaultTextSettings,\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n};\n\nconst defaultElementSettings: ElementSettings = {\n  borderRadius: '4px',\n  height: {\n    xl: '128px',\n    lg: '56px',\n    md: '48px',\n    sm: '40px',\n    xs: '32px',\n  },\n  width: {\n    md: '228px',\n  },\n};\n\nconst defaultButtonSettings: ButtonSettings = {\n  borderRadius: '4px',\n  height: {\n    md: '32px',\n    sm: '24px',\n  },\n};\n\nconst defaultCardSettings: CardSettings = {\n  borderRadius: '8px',\n};\n\nconst defaultModalSettings: ModalSettings = {\n  borderRadius: {\n    xl: '8px',\n    lg: '4px',\n    md: '4px',\n  },\n  width: {\n    xl: '1020px',\n    lg: '720px',\n    md: '520px',\n  },\n};\n\nconst defaultTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const darkTheme: PersonaTheme = {\n  color: darkColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const marketingFontTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: textSettingsWithMarketingFont,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport default defaultTheme;\n\n/**\n * `'light'`/`'dark'` install the semantic map and the matching primitive palette as a pair.\n * `'off'` removes the semantic namespace so every `semanticColor()` call takes its legacy fallback.\n */\nexport type PdsThemingMode = 'off' | 'light' | 'dark';\n\nexport type PdsThemed<T extends PersonaTheme, M extends PdsThemingMode> = Omit<\n  T,\n  'color' | 'semantic'\n> &\n  (M extends 'off'\n    ? { color: T['color']; semantic?: undefined }\n    : { color: PersonaTheme['color']; semantic: SemanticTokens });\n\nconst semanticPalettes: Record<\n  Exclude<PdsThemingMode, 'off'>,\n  { color: ColorPalette; semantic: SemanticTokens }\n> = {\n  light: { color: lightColorPalette, semantic: semanticLight },\n  dark: { color: darkColorPalette, semantic: semanticDark },\n};\n\nexport function withPdsTheming<T extends PersonaTheme, M extends PdsThemingMode>(\n  theme: T,\n  mode: M,\n): PdsThemed<T, M>;\nexport function withPdsTheming(theme: PersonaTheme, mode: PdsThemingMode): PersonaTheme {\n  if (mode === 'off') {\n    return { ...theme, semantic: undefined };\n  }\n\n  return { ...theme, ...semanticPalettes[mode] };\n}\n"],"mappings":"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"}
+{"version":3,"file":"theme.mjs","names":[],"sources":["../src/theme.ts"],"sourcesContent":["import { Color, FontFamilies, type PDSTypeStyle, Typography } from '@persona/design-tokens';\nimport type { PdsColor } from 'design-system/lib/color';\nimport { semanticDark, semanticLight, type SemanticTokens } from 'design-system/variables/semantic';\n\ninterface PrimaryColors {\n  black: Color;\n  white: Color;\n  brand: Color;\n  brand800: Color;\n  brand700: Color;\n  brand600: Color;\n  brand500: Color;\n  brand400: Color;\n  brand300: Color;\n  brand200: Color;\n  brand100: Color;\n}\n\nexport interface TextColors {\n  primary: Color;\n  secondary: Color;\n  tertiary: Color;\n  brand: Color;\n  inverse: Color;\n  disabled: Color;\n}\n\nexport interface BackgroundColors {\n  primary: Color;\n  secondary: Color;\n  active: Color;\n  highlight: Color;\n  disabled: Color;\n}\n\nexport type Variant =\n  | 'basic'\n  | 'caution'\n  | 'danger'\n  | 'inverse'\n  | 'outline'\n  | 'primary'\n  | 'success'\n  | 'text';\n\ninterface VariantPalette {\n  /**\n   * Activated color. Mousedowns for buttons, hover for dropdowns, etc.\n   */\n  active: Color;\n  /**\n   * Passive color when not interacted.\n   */\n  default: PdsColor;\n  /**\n   * Focus state, borders, etc. Generally lighter than the default color.\n   */\n  highlight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightLight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightDark: Color;\n\n  /**\n   * Disabled background\n   */\n  disabled: PdsColor;\n\n  text: Color;\n  textDisabled: PdsColor;\n\n  hover: Color;\n}\n\ninterface ColorPalette {\n  primary: PrimaryColors;\n  text: TextColors;\n  variants: Record<Variant, VariantPalette>;\n  background: BackgroundColors;\n  border: {\n    primary: Color;\n    secondary: Color;\n    active: Color;\n    input: Color;\n    inputHover: Color;\n    disabled: Color;\n  };\n}\n\ninterface TextSettings {\n  fontFamily: {\n    base: string;\n    mono: string;\n    semiMono: string;\n  };\n  display: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n  };\n  heading: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    xsm: PDSTypeStyle;\n  };\n  paragraph: {\n    lg: PDSTypeStyle;\n    lgBold: PDSTypeStyle;\n    lgLight: PDSTypeStyle;\n    md: PDSTypeStyle;\n    mdBold: PDSTypeStyle;\n    mdLight: PDSTypeStyle;\n    mdLink: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    smLink: PDSTypeStyle;\n    xs: PDSTypeStyle;\n  };\n}\n\n// SHARED ELEMENT VARIABLES\n// For inputs, selects, and input-like components\ninterface ElementSettings {\n  borderRadius: string;\n  height: {\n    xl: string;\n    lg: string;\n    md: string;\n    sm: string;\n    xs: string;\n  };\n  width: {\n    md: string;\n  };\n}\n\n// COMPONENT SPECIFIC VARIABLES\ninterface ButtonSettings {\n  borderRadius: string;\n  height: {\n    md: string;\n    sm: string;\n  };\n}\n\ninterface CardSettings {\n  borderRadius: string;\n}\n\ninterface ModalSettings {\n  borderRadius: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n  width: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n}\n\nexport interface PersonaTheme {\n  color: ColorPalette;\n  /** Absent under foreign themes (Relay, darkTheme); read via `semanticColor()`, never directly. */\n  semantic?: SemanticTokens;\n  text: TextSettings;\n  element: ElementSettings;\n  card: CardSettings;\n  button: ButtonSettings;\n  modal: ModalSettings;\n}\n\nconst primary: PrimaryColors = {\n  black: Color.PrimaryBlack,\n  white: Color.PrimaryWhite,\n  brand: Color.PrimaryPurple,\n  brand800: Color.CorePurple800,\n  brand700: Color.CorePurple700,\n  brand600: Color.CorePurple600,\n  brand500: Color.CorePurple500,\n  brand400: Color.CorePurple400,\n  brand300: Color.CorePurple300,\n  brand200: Color.CorePurple200,\n  brand100: Color.CorePurple100,\n};\n\n// for active state, use variant!\nconst lightText: TextColors = {\n  primary: Color.TextPrimary,\n  secondary: Color.TextSecondary,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextInverse,\n  disabled: Color.TextDisabled,\n};\n\n// for active state, use variant!\nconst darkText: TextColors = {\n  primary: Color.TextInverse,\n  secondary: Color.CoreSlate500,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextPrimary,\n  disabled: Color.TextDisabled,\n};\n\nconst lightColorPalette: ColorPalette = {\n  primary,\n  text: lightText,\n  background: {\n    primary: Color.BackgroundPrimary,\n    secondary: Color.BackgroundSecondary,\n    active: primary.brand,\n    highlight: primary.brand100,\n    disabled: Color.BackgroundInputDisabled,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.CoreSlate100,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.BackgroundButtonPrimaryActive,\n      default: Color.BackgroundButtonPrimary,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed200,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed200,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.secondary,\n    },\n  },\n  border: {\n    primary: Color.BorderHairline,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst darkColorPalette: ColorPalette = {\n  primary,\n  text: darkText,\n  background: {\n    primary: Color.CoreSlate1000,\n    secondary: Color.CoreSlate50,\n    active: primary.brand,\n    highlight: Color.PrimaryWhite,\n    disabled: Color.CoreSlate300,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.CoreSlate100,\n      text: darkText.primary,\n      textDisabled: darkText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.CoreSlate900,\n      default: Color.CoreSlate1000,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: primary.white,\n      textDisabled: darkText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: darkText.inverse,\n      textDisabled: darkText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed300,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed300,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: darkText.primary,\n      textDisabled: darkText.secondary,\n    },\n  },\n  border: {\n    primary: Color.CoreSlate900,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst defaultTextSettings: TextSettings = {\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n  display: {\n    lg: Typography.DisplayLarge,\n    md: Typography.DisplayMedium,\n    sm: Typography.DisplaySmall,\n  },\n  heading: {\n    lg: Typography.HeadingLarge,\n    md: Typography.HeadingMedium,\n    sm: Typography.HeadingSmall,\n    xsm: Typography.HeadingExtraSmall,\n  },\n  paragraph: {\n    lg: Typography.TextLarge,\n    lgBold: Typography.TextLargeBold,\n    lgLight: Typography.TextLargeLight,\n    md: Typography.TextMedium,\n    mdBold: Typography.TextMediumBold,\n    mdLight: Typography.TextMediumLight,\n    mdLink: Typography.TextMediumLink,\n    sm: Typography.TextSmall,\n    smLink: Typography.TextSmallLink,\n    xs: Typography.TextExtraSmall,\n  },\n};\n\nconst textSettingsWithMarketingFont: TextSettings = {\n  ...defaultTextSettings,\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n};\n\nconst defaultElementSettings: ElementSettings = {\n  borderRadius: '4px',\n  height: {\n    xl: '128px',\n    lg: '56px',\n    md: '48px',\n    sm: '40px',\n    xs: '32px',\n  },\n  width: {\n    md: '228px',\n  },\n};\n\nconst defaultButtonSettings: ButtonSettings = {\n  borderRadius: '4px',\n  height: {\n    md: '32px',\n    sm: '24px',\n  },\n};\n\nconst defaultCardSettings: CardSettings = {\n  borderRadius: '8px',\n};\n\nconst defaultModalSettings: ModalSettings = {\n  borderRadius: {\n    xl: '8px',\n    lg: '4px',\n    md: '4px',\n  },\n  width: {\n    xl: '1020px',\n    lg: '720px',\n    md: '520px',\n  },\n};\n\nconst defaultTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const darkTheme: PersonaTheme = {\n  color: darkColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const marketingFontTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: textSettingsWithMarketingFont,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport default defaultTheme;\n\n/**\n * `'light'`/`'dark'` install the semantic map and the matching primitive palette as a pair.\n * `'off'` removes the semantic namespace so every `semanticColor()` call takes its legacy fallback.\n */\nexport type PdsThemingMode = 'off' | 'light' | 'dark';\n\nexport type PdsThemed<T extends PersonaTheme, M extends PdsThemingMode> = Omit<\n  T,\n  'color' | 'semantic'\n> &\n  (M extends 'off'\n    ? { color: T['color']; semantic?: undefined }\n    : { color: PersonaTheme['color']; semantic: SemanticTokens });\n\nconst semanticPalettes: Record<\n  Exclude<PdsThemingMode, 'off'>,\n  { color: ColorPalette; semantic: SemanticTokens }\n> = {\n  light: { color: lightColorPalette, semantic: semanticLight },\n  dark: { color: darkColorPalette, semantic: semanticDark },\n};\n\nexport function withPdsTheming<T extends PersonaTheme, M extends PdsThemingMode>(\n  theme: T,\n  mode: M,\n): PdsThemed<T, M>;\nexport function withPdsTheming(theme: PersonaTheme, mode: PdsThemingMode): PersonaTheme {\n  if (mode === 'off') {\n    return { ...theme, semantic: undefined };\n  }\n\n  return { ...theme, ...semanticPalettes[mode] };\n}\n"],"mappings":"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"}

package/dist/time-range.d.mts

@@ -1,6 +1,6 @@
 import { CalendarDateTime } from "@internationalized/date";
 
-//#region components/DatePicker/time-range.d.ts
+//#region src/components/DatePicker/time-range.d.ts
 declare const presetEnd: (end: CalendarDateTime) => CalendarDateTime;
 //#endregion
 export { presetEnd };

package/dist/tone.d.mts

@@ -1,9 +1,9 @@
-import { n as SemanticTokens } from "./semantic-DjKvtUi8.mjs";
-import { n as PdsColor } from "./color-C5B1pN1D.mjs";
-import { o as StickerProps } from "./Sticker-CsUSNIH-.mjs";
+import { n as SemanticTokens } from "./semantic-BLaQSW1r.mjs";
+import { n as PdsColor } from "./color-Cy_0z4IY.mjs";
+import { o as StickerProps } from "./Sticker-sIBnBbHD.mjs";
 import { Color } from "@persona/design-tokens";
 
-//#region components/Sticker/tone.d.ts
+//#region src/components/Sticker/tone.d.ts
 interface StickerTone {
   background: Color;
   backgroundHover: Color;

package/dist/tree.d.mts

@@ -1,6 +1,6 @@
-import { t as ASTNode } from "./types-DfpVVjso.mjs";
+import { t as ASTNode } from "./types-dmItSshr.mjs";
 
-//#region components/SmartTextInput/parser/tree.d.ts
+//#region src/components/SmartTextInput/parser/tree.d.ts
 declare function findAll(node: ASTNode, type: string, acc?: ASTNode[]): ASTNode[];
 declare function resolve(node: ASTNode, charIdx: number): ASTNode | null;
 declare function enclosingExpr(root: ASTNode, node: ASTNode): ASTNode | null;

package/dist/{types-CFe4tA8Q.d.mts → types-6L0ptM6-.d.mts}

@@ -1,4 +1,4 @@
-//#region components/Pagination/types.d.ts
+//#region src/components/Pagination/types.d.ts
 interface PaginationParams {
   'current-page': number;
   'total-count': number;
@@ -7,4 +7,4 @@ interface PaginationParams {
 }
 //#endregion
 export { PaginationParams as t };
-//# sourceMappingURL=types-CFe4tA8Q.d.mts.map
+//# sourceMappingURL=types-6L0ptM6-.d.mts.map

package/dist/{types-SOkNtcBq.d.mts → types-B4KbdEDc.d.mts}

@@ -1,7 +1,7 @@
-import { d as FilterRuleValue, f as FilterRuleValueChange, l as FilterOperator, o as FilterField, u as FilterRule } from "./types-EodOhsjw.mjs";
+import { d as FilterRuleValue, f as FilterRuleValueChange, l as FilterOperator, o as FilterField, u as FilterRule } from "./types-DbOD5vE_.mjs";
 import { ReactElement } from "react";
 
-//#region components/DataTable/TableControls/FiltersV2/value-controls/types.d.ts
+//#region src/components/DataTable/TableControls/FiltersV2/value-controls/types.d.ts
 /**
  * Shared contract for the type-aware value controls rendered inside the
  * Filter UI v2 editing surfaces.
@@ -44,4 +44,4 @@ interface ValueControlProps {
 }
 //#endregion
 export { ValueControlProps as t };
-//# sourceMappingURL=types-SOkNtcBq.d.mts.map
+//# sourceMappingURL=types-B4KbdEDc.d.mts.map

package/dist/{types-Kmnood9Y.d.mts → types-C2RhHxbE.d.mts}

@@ -1,4 +1,4 @@
-//#region components/SmartTextInput/parser/method-chain/types.d.ts
+//#region src/components/SmartTextInput/parser/method-chain/types.d.ts
 declare enum ASTNodeType {
   Chain = "chain",
   Identifier = "identifier",
@@ -102,4 +102,4 @@ interface ASTCustomFunctionNode {
 }
 //#endregion
 export { isASTMethodChainNode as _, ASTErrorNode as a, ASTIdentifierNode as c, ASTNumberNode as d, ASTParenCloseNode as f, isASTCustomFunctionNode as g, ErrorKind as h, ASTDotNode as i, ASTMethodChainNode as l, ASTStringNode as m, ASTChain as n, ASTFunctionNode as o, ASTParenOpenNode as p, ASTCustomFunctionNode as r, ASTFunctionParamType as s, ASTArrayNode as t, ASTNodeType as u, isAnyASTFunctionNode as v, isRealASTFunctionParamType as y };
-//# sourceMappingURL=types-Kmnood9Y.d.mts.map
+//# sourceMappingURL=types-C2RhHxbE.d.mts.map

package/dist/{types-CrRWZ0Ia.d.mts → types-CayYd8EX.d.mts}

@@ -1,10 +1,10 @@
-import { n as ComboboxProps } from "./Combobox-D0dMN5eY.mjs";
-import { n as DateRange } from "./DateRangePicker-CLuBLF1q.mjs";
+import { n as ComboboxProps } from "./Combobox-BXkcQ2aY.mjs";
+import { n as DateRange } from "./DateRangePicker-Nv4uNuIW.mjs";
 import { ReactNode } from "react";
 import { DateValue } from "@internationalized/date";
 import { RangeValue } from "@react-types/shared";
 
-//#region components/DataTable/TableControls/types.d.ts
+//#region src/components/DataTable/TableControls/types.d.ts
 interface AttributeColumn {
   key: string;
   label: string;
@@ -92,4 +92,4 @@ interface FilterTypeDefinition<TFilter extends BaseFilterConfig = FilterConfig>
 type FilterTypeResolver<TFilter extends BaseFilterConfig = FilterConfig> = (config: TFilter) => FilterTypeDefinition<TFilter> | undefined;
 //#endregion
 export { ComboboxFilterConfig as a, FilterRenderOptions as c, InputFilterConfig as d, MultiSelectFilterConfig as f, BaseFilterConfig as i, FilterTypeDefinition as l, AttributeColumn as n, DateRangeFilterConfig as o, SelectFilterConfig as p, BaseActiveFilter as r, FilterConfig as s, ActiveFilter as t, FilterTypeResolver as u };
-//# sourceMappingURL=types-CrRWZ0Ia.d.mts.map
+//# sourceMappingURL=types-CayYd8EX.d.mts.map

package/dist/{types-DxJyE_U8.d.mts → types-DJobO07d.d.mts}

@@ -1,9 +1,9 @@
-import { l as MenuItemProps } from "./Menu-DHnQZ5yN.mjs";
-import { o as StickerProps } from "./Sticker-CsUSNIH-.mjs";
+import { l as MenuItemProps } from "./Menu-DizjcMbO.mjs";
+import { o as StickerProps } from "./Sticker-sIBnBbHD.mjs";
 import { ReactNode } from "react";
 import { Column, DeepKeys, FilterFnOption, Header, RowData, SortingState, Table } from "@tanstack/react-table";
 
-//#region components/DataTable/types.d.ts
+//#region src/components/DataTable/types.d.ts
 type SortProps = {
   handleSortClick: (sorting: SortingState) => void;
   state: SortingState;
@@ -177,4 +177,4 @@ type BulkAction = {
 };
 //#endregion
 export { RowAction as C, RowDataWithTourTarget as D, RowDataWithSubrowsToAlwaysShowIds as E, SortProps as O, RenderValueStickerFormatConfig as S, RowDataWithSubrows as T, DataTableColumns as _, DataTableColumnBaseFormat as a, DatetimeConfig as b, DataTableColumnDatetimeFormat as c, DataTableColumnImageFormat as d, DataTableColumnNumberFormat as f, DataTableColumnURLFormat as g, DataTableColumnStringFormat as h, ColumnConfig as i, StickerMapping as k, DataTableColumnFormat as l, DataTableColumnStickerFormat as m, ClientFilterConfig as n, DataTableColumnCheckboxFormat as o, DataTableColumnPiiFormat as p, ClientFilterType as r, DataTableColumnDateFormat as s, BulkAction as t, DataTableColumnIDFormat as u, DataTableVariables as v, RowDataWithDetails as w, HeadlessFilterConfig as x, DateConfig as y };
-//# sourceMappingURL=types-DxJyE_U8.d.mts.map
+//# sourceMappingURL=types-DJobO07d.d.mts.map