@persona/design-system 0.10.6 → 0.10.8

package/dist/mixins/input.d.mts

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

package/dist/mixins/menuItem.d.mts

@@ -1,5 +1,5 @@
-import { o as Variant } from "../theme-mQ4WkH90.mjs";
-import { t as PseudoClassProps } from "../PseudoClassProps-D_f-JUT1.mjs";
+import { o as Variant } from "../theme-CeA8jBRG.mjs";
+import { t as PseudoClassProps } from "../PseudoClassProps-CIuO49a4.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region src/mixins/menuItem.d.ts

package/dist/mixins/scrollbar.d.mts

@@ -1,4 +1,4 @@
-import { t as MaybeSemanticTheme } from "../semanticColor-Bxufk3ZO.mjs";
+import { n as MaybeSemanticTheme } from "../semanticColor-BKbCliyl.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region src/mixins/scrollbar.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-Csytfclh.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-CKLxMlG4.mjs";
 export { DisplaySize, HeadingSize, ParagraphMixinSize, ParagraphSize, displayMixins, fontFamilyMixin, headingMixins, paragraphMixins };

package/dist/no-raw-table.d.mts

@@ -1,4 +1,4 @@
-import { r as Rule } from "./index-BWAycP6L.mjs";
+import { r as Rule } from "./index-CLAjbq8g.mjs";
 
 //#region src/lint/rules/no-raw-table.d.ts
 declare const noRawTable: Rule;

package/dist/{operators-BrrJKENE.d.mts → operators-BHxKZcpD.d.mts}

@@ -1,5 +1,5 @@
-import { a as FilterConditionOperator, c as FilterFieldType, d as FilterRuleValue, l as FilterOperator, o as FilterField, r as DateRangeFilterValue, u as FilterRule } from "./types-DbOD5vE_.mjs";
-import { i as CommonStrings } from "./strings-BGXKl_m6.mjs";
+import { a as FilterConditionOperator, c as FilterFieldType, d as FilterRuleValue, l as FilterOperator, o as FilterField, r as DateRangeFilterValue, u as FilterRule } from "./types-DLnCkvTt.mjs";
+import { i as CommonStrings } from "./strings-DQZIO-n7.mjs";
 //#region src/components/DataTable/TableControls/FiltersV2/operators.d.ts
 type OperatorLabelKey = 'operatorIs' | 'operatorIsNot' | 'operatorContains' | 'operatorDoesNotContain' | 'operatorIsEmpty' | 'operatorIsNotEmpty' | 'operatorIsTrue' | 'operatorIsFalse' | 'operatorBefore' | 'operatorAfter' | 'operatorBetween' | 'operatorIsAnyOf' | 'operatorIsNoneOf' | 'operatorGreaterThan' | 'operatorGreaterThanOrEqual' | 'operatorLessThan' | 'operatorLessThanOrEqual' | 'operatorIsEqualTo' | 'operatorIsGreaterThan' | 'operatorIsLessThan';
 /**
@@ -109,4 +109,4 @@ declare function emptyValueForRule(field: Pick<FilterField, 'type' | 'condition'
 declare function reconcileValueForOperator(field: Pick<FilterField, 'type' | 'condition'>, nextOperator: FilterOperator, previousOperator: FilterOperator, value: FilterRuleValue): FilterRuleValue;
 //#endregion
 export { isNumericComparisonOperator as _, emptyValueForRule as a, reconcileValueForOperator as b, getDefaultOperatorForType as c, getOperatorsForType as d, hasCompleteConditionValue as f, isNumericComparison as g, isMinutePrecisionDate as h, emptyValueForFieldType as i, getOperatorLabel as l, isCompleteNumericComparisonValue as m, NumericComparisonOperator as n, fieldHasMultipleOperators as o, isCompleteDateRange as p, carriesDateRange as r, getConditionOperator as s, NUMERIC_COMPARISON_OPERATORS as t, getOperatorsForField as u, isRangeOperator as v, withValue as x, isValuelessOperator as y };
-//# sourceMappingURL=operators-BrrJKENE.d.mts.map
+//# sourceMappingURL=operators-BHxKZcpD.d.mts.map

package/dist/operators.d.mts

@@ -1,2 +1,2 @@
-import { _ as isNumericComparisonOperator, a as emptyValueForRule, b as reconcileValueForOperator, c as getDefaultOperatorForType, d as getOperatorsForType, f as hasCompleteConditionValue, g as isNumericComparison, h as isMinutePrecisionDate, i as emptyValueForFieldType, l as getOperatorLabel, m as isCompleteNumericComparisonValue, n as NumericComparisonOperator, o as fieldHasMultipleOperators, p as isCompleteDateRange, r as carriesDateRange, s as getConditionOperator, t as NUMERIC_COMPARISON_OPERATORS, u as getOperatorsForField, v as isRangeOperator, x as withValue, y as isValuelessOperator } from "./operators-BrrJKENE.mjs";
+import { _ as isNumericComparisonOperator, a as emptyValueForRule, b as reconcileValueForOperator, c as getDefaultOperatorForType, d as getOperatorsForType, f as hasCompleteConditionValue, g as isNumericComparison, h as isMinutePrecisionDate, i as emptyValueForFieldType, l as getOperatorLabel, m as isCompleteNumericComparisonValue, n as NumericComparisonOperator, o as fieldHasMultipleOperators, p as isCompleteDateRange, r as carriesDateRange, s as getConditionOperator, t as NUMERIC_COMPARISON_OPERATORS, u as getOperatorsForField, v as isRangeOperator, x as withValue, y as isValuelessOperator } from "./operators-BHxKZcpD.mjs";
 export { NUMERIC_COMPARISON_OPERATORS, NumericComparisonOperator, carriesDateRange, emptyValueForFieldType, emptyValueForRule, fieldHasMultipleOperators, getConditionOperator, getDefaultOperatorForType, getOperatorLabel, getOperatorsForField, getOperatorsForType, hasCompleteConditionValue, isCompleteDateRange, isCompleteNumericComparisonValue, isMinutePrecisionDate, isNumericComparison, isNumericComparisonOperator, isRangeOperator, isValuelessOperator, reconcileValueForOperator, withValue };

package/dist/{palette-C1gBbxLO.d.mts → palette-DzmqrF_5.d.mts}

@@ -1,5 +1,5 @@
-import { n as PdsColor } from "./color-Cy_0z4IY.mjs";
-import { i as PersonaTheme } from "./theme-mQ4WkH90.mjs";
+import { n as PdsColor } from "./color-Db57Wms_.mjs";
+import { i as PersonaTheme } from "./theme-CeA8jBRG.mjs";
 import { Color } from "@persona/design-tokens";
 
 //#region src/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-C1gBbxLO.d.mts.map
+//# sourceMappingURL=palette-DzmqrF_5.d.mts.map

package/dist/palette.d.mts

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

package/dist/patterns/CardGrouping/index.mjs

@@ -11,7 +11,7 @@ import { n as Stack, t as HStack } from "../../Stack-Bzom2BTR.mjs";
 import { n as Button$1, t as IconButton } from "../../IconButton-DftINsp7.mjs";
 import { n as DropdownMenu_default } from "../../DropdownMenu-Q8S-9rXm.mjs";
 import { t as DropdownButton } from "../../DropdownButton-BiFRlSVD.mjs";
-import { n as SingleColumnLayout } from "../../PageLayout-DCe3F76N.mjs";
+import { n as SingleColumnLayout } from "../../PageLayout-DjtGrvJa.mjs";
 import { cloneElement } from "react";
 import { Color, Spacing } from "@persona/design-tokens";
 import { Disclosure, DisclosurePanel } from "react-aria-components";

package/dist/patterns/IndexTableLayout/index.mjs

@@ -1,7 +1,7 @@
 import { t as Card_default } from "../../Card-DuQHyroh.mjs";
-import { t as DataTable } from "../../DataTable-CAfZNJmb.mjs";
-import { t as PageHeader } from "../../PageHeader-BzvA_NNt.mjs";
-import { a as Section, i as Container } from "../../PageLayout-DCe3F76N.mjs";
+import { t as DataTable } from "../../DataTable-BvA2H9D9.mjs";
+import { t as PageHeader } from "../../PageHeader-DEKTopzU.mjs";
+import { a as Section, i as Container } from "../../PageLayout-DjtGrvJa.mjs";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/patterns/IndexTableLayout/useColumnConfiguration.ts

package/dist/patterns/LayoutLoadingShimmer/index.mjs

@@ -3,7 +3,7 @@ import { n as Stack, t as HStack } from "../../Stack-Bzom2BTR.mjs";
 import { t as LoadingShimmer } from "../../LoadingShimmer-oPIv2ESr.mjs";
 import { t as Card_default } from "../../CardV2-BRJbRSts.mjs";
 import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "../../Table-DPi4Dt5H.mjs";
-import { n as PageHeaderContainer } from "../../PageHeader-BzvA_NNt.mjs";
+import { n as PageHeaderContainer } from "../../PageHeader-DEKTopzU.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/patterns/containers.tsx

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

@@ -1,5 +1,5 @@
-import { n as Container, r as Section, t as Backdrop } from "../../PageLayout-DfAbeFIh.mjs";
-import { r as PageLayoutWidth } from "../../PageLayoutFrame-CQLREOBH.mjs";
-import { n as SingleColumnLayoutProps, t as SingleColumnLayout } from "../../SingleColumnLayout-DBo35psH.mjs";
-import { n as SplitColumnLayoutProps, t as SplitColumnLayout } from "../../SplitColumnLayout-C6m_mwdf.mjs";
+import { n as Container, r as Section, t as Backdrop } from "../../PageLayout-BdVM37bV.mjs";
+import { r as PageLayoutWidth } from "../../PageLayoutFrame-4QGs7x-t.mjs";
+import { n as SingleColumnLayoutProps, t as SingleColumnLayout } from "../../SingleColumnLayout-D2bpX7X1.mjs";
+import { n as SplitColumnLayoutProps, t as SplitColumnLayout } from "../../SplitColumnLayout-CRDSDHHm.mjs";
 export { Backdrop, Container, PageLayoutWidth, Section, SingleColumnLayout, SingleColumnLayoutProps, SplitColumnLayout, SplitColumnLayoutProps };

package/dist/patterns/PageLayout/index.mjs

@@ -1,2 +1,2 @@
-import { a as Section, i as Container, n as SingleColumnLayout, r as Backdrop, t as SplitColumnLayout } from "../../PageLayout-DCe3F76N.mjs";
+import { a as Section, i as Container, n as SingleColumnLayout, r as Backdrop, t as SplitColumnLayout } from "../../PageLayout-DjtGrvJa.mjs";
 export { Backdrop, Container, Section, SingleColumnLayout, SplitColumnLayout };

package/dist/patterns/WizardModal/index.mjs

@@ -2,8 +2,8 @@ import { a as styled } from "../../styledComponentsInterop-Cs5CCPRy.mjs";
 import { semanticColor } from "../../lib/semanticColor.mjs";
 import { t as HStack } from "../../Stack-Bzom2BTR.mjs";
 import { n as Button } from "../../IconButton-DftINsp7.mjs";
-import { i as Modal_default } from "../../Modal-ziuzDCPN.mjs";
-import { t as ProgressIndicator } from "../../ProgressIndicator-ISARECzW.mjs";
+import { i as Modal_default } from "../../Modal-BGlRX63w.mjs";
+import { t as ProgressIndicator } from "../../ProgressIndicator-zt3ndT9U.mjs";
 import { useState } from "react";
 import { Color, Spacing } from "@persona/design-tokens";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/reactRouterFallback.d.mts

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

package/dist/reduced-motion.d.mts

@@ -1,4 +1,4 @@
-import { r as Rule } from "./index-BWAycP6L.mjs";
+import { r as Rule } from "./index-CLAjbq8g.mjs";
 
 //#region src/lint/rules/reduced-motion.d.ts
 declare const reducedMotion: Rule;

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

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

package/dist/safe-parse.d.mts

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

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

@@ -1,5 +1,5 @@
-import { T as JsonSchemaTypes, b as JsonSchemaObjectKey, c as JsonSchemaBasicTypes, dt as ObjectSchemaMap, f as JsonSchemaCustomTypes, n as JsonSchema, st as FunctionJsonSchema, y as JsonSchemaObject } from "./jsonSchema-DUkfAip_.mjs";
-import { n as Chain, s as MethodChainNode } from "./methodChainTypes-BtbYWrdP.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-C4lfpDrt.mjs";
+import { n as Chain, s as MethodChainNode } from "./methodChainTypes-De6sHGyd.mjs";
 
 //#region src/lib/schemaOptions.d.ts
 type VariableSchemaObject = {
@@ -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-C_JM2-sg.d.mts.map
+//# sourceMappingURL=schemaOptions-DMq37JC5.d.mts.map

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

package/dist/semantic-color.d.mts

@@ -1,4 +1,4 @@
-import { r as Rule } from "./index-BWAycP6L.mjs";
+import { r as Rule } from "./index-CLAjbq8g.mjs";
 
 //#region src/lint/rules/semantic-color.d.ts
 declare const semanticColor: Rule;

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

@@ -1,11 +1,16 @@
-import { n as SemanticTokens, t as CssPercentage } from "./semantic-BLaQSW1r.mjs";
-import { t as CssColor } from "./color-Cy_0z4IY.mjs";
+import { n as SemanticTokens, t as CssPercentage } from "./semantic-BZbvb3LV.mjs";
+import { t as CssColor } from "./color-Db57Wms_.mjs";
+import { t as ChartingTokens } from "./charting-C_WcP3tn.mjs";
 
 //#region src/lib/semanticColor.d.ts
 /** PDS components also render under foreign themes (Relay, darkTheme), so `semantic` is optional. */
 interface MaybeSemanticTheme {
   semantic?: SemanticTokens;
 }
+/** Charting palettes are optional for the same reason. */
+interface MaybeChartingTheme {
+  charting?: ChartingTokens;
+}
 /** Colour tokens also accept a computed `CssColor` fallback; percentage tokens only their own type. */
 type SemanticFallback<K extends keyof SemanticTokens> = SemanticTokens[K] | (SemanticTokens[K] extends CssPercentage ? never : CssColor);
 /**
@@ -18,6 +23,12 @@ type SemanticFallback<K extends keyof SemanticTokens> = SemanticTokens[K] | (Sem
 declare const semanticColor: <K extends keyof SemanticTokens>(theme: MaybeSemanticTheme | undefined, token: K, legacy: SemanticFallback<K>) => SemanticFallback<K>;
 /** For palettes derived from several tokens; callers must branch and keep the legacy path intact. */
 declare const semanticTokens: (theme: MaybeSemanticTheme | undefined) => SemanticTokens | undefined;
+/**
+ * The charting palettes for the theme's colour mode (`chartingLight` / `chartingDark`, installed by
+ * `withPdsTheming`), with the same palette names and lengths as `ChartingColors`. Falls back to
+ * `ChartingColors` from `@persona/design-tokens` — the light palettes — when the theme carries none.
+ */
+declare const chartingColors: (theme: MaybeChartingTheme | undefined) => ChartingTokens;
 /** Interpolation for declarations that exist only under semantic theming; emits nothing otherwise. */
 declare const semanticOnly: <T>(build: (tokens: SemanticTokens) => T) => ({
   theme
@@ -25,5 +36,5 @@ declare const semanticOnly: <T>(build: (tokens: SemanticTokens) => T) => ({
   theme?: MaybeSemanticTheme;
 }) => T | undefined;
 //#endregion
-export { semanticTokens as a, semanticOnly as i, SemanticFallback as n, semanticColor as r, MaybeSemanticTheme as t };
-//# sourceMappingURL=semanticColor-Bxufk3ZO.d.mts.map
+export { semanticColor as a, chartingColors as i, MaybeSemanticTheme as n, semanticOnly as o, SemanticFallback as r, semanticTokens as s, MaybeChartingTheme as t };
+//# sourceMappingURL=semanticColor-BKbCliyl.d.mts.map

package/dist/shared.d.mts

@@ -1,4 +1,4 @@
-import { a as types_d_exports, i as RuleDocs, t as Context } from "./index-BWAycP6L.mjs";
+import { a as types_d_exports, i as RuleDocs, t as Context } from "./index-CLAjbq8g.mjs";
 
 //#region src/lint/shared.d.ts
 declare const docs: (description: string) => RuleDocs;

package/dist/{strings-BGXKl_m6.d.mts → strings-DQZIO-n7.d.mts}

@@ -149,6 +149,8 @@ interface CommonStrings {
   operatorIsEqualTo: string;
   operatorIsGreaterThan: string;
   operatorIsLessThan: string;
+  /** aria-label for the header error indicator, e.g. "3 errors" / "1 error". */
+  errorCount: (count: Arg) => string;
 }
 type CommonStringKey = keyof CommonStrings;
 /** A single override value: plain copy, or a formatter for keys that interpolate. */
@@ -167,4 +169,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-BGXKl_m6.d.mts.map
+//# sourceMappingURL=strings-DQZIO-n7.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-BGXKl_m6.mjs";
+import { a as DEFAULT_COMMON_STRINGS, i as CommonStrings, n as CommonStringOverrides, o as resolveCommonStrings, r as CommonStringValue, t as CommonStringKey } from "./strings-DQZIO-n7.mjs";
 export { CommonStringKey, CommonStringOverrides, CommonStringValue, CommonStrings, DEFAULT_COMMON_STRINGS, resolveCommonStrings };

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

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

@@ -1,5 +1,6 @@
-import { n as SemanticTokens } from "./semantic-BLaQSW1r.mjs";
-import { n as PdsColor } from "./color-Cy_0z4IY.mjs";
+import { n as SemanticTokens } from "./semantic-BZbvb3LV.mjs";
+import { n as PdsColor } from "./color-Db57Wms_.mjs";
+import { t as ChartingTokens } from "./charting-C_WcP3tn.mjs";
 import { Color, PDSTypeStyle } from "@persona/design-tokens";
 
 //#region src/theme.d.ts
@@ -144,6 +145,8 @@ interface PersonaTheme {
   color: ColorPalette;
   /** Absent under foreign themes (Relay, darkTheme); read via `semanticColor()`, never directly. */
   semantic?: SemanticTokens;
+  /** Charting palettes for the colour mode; absent when `semantic` is. Read via `chartingColors()`. */
+  charting?: ChartingTokens;
   text: TextSettings;
   element: ElementSettings;
   card: CardSettings;
@@ -154,8 +157,9 @@ declare const defaultTheme: PersonaTheme;
 declare const darkTheme: PersonaTheme;
 declare const marketingFontTheme: PersonaTheme;
 /**
- * `'light'`/`'dark'` install the semantic map and the matching primitive palette as a pair.
- * `'off'` removes the semantic namespace so every `semanticColor()` call takes its legacy fallback.
+ * `'light'`/`'dark'` install the semantic map, the matching primitive palette and the matching
+ * charting palettes together. `'off'` removes the semantic and charting namespaces so every
+ * `semanticColor()` call takes its legacy fallback and `chartingColors()` returns `ChartingColors`.
  */
 type PdsThemingMode = 'off' | 'light' | 'dark';
 type PdsThemed<T extends PersonaTheme, M extends PdsThemingMode> = Omit<T, 'color' | 'semantic'> & (M extends 'off' ? {
@@ -168,4 +172,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-mQ4WkH90.d.mts.map
+//# sourceMappingURL=theme-CeA8jBRG.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-mQ4WkH90.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-CeA8jBRG.mjs";
 export { BackgroundColors, PdsThemed, PdsThemingMode, PersonaTheme, TextColors, Variant, darkTheme, defaultTheme as default, marketingFontTheme, withPdsTheming };

package/dist/theme.mjs

@@ -1,3 +1,4 @@
+import { chartingDark, chartingLight } from "./variables/charting.mjs";
 import { semanticDark, semanticLight } from "./variables/semantic.mjs";
 import { Color, FontFamilies, Typography } from "@persona/design-tokens";
 //#region src/theme.ts
@@ -344,17 +345,20 @@ const marketingFontTheme = {
 const semanticPalettes = {
 	light: {
 		color: lightColorPalette,
-		semantic: semanticLight
+		semantic: semanticLight,
+		charting: chartingLight
 	},
 	dark: {
 		color: darkColorPalette,
-		semantic: semanticDark
+		semantic: semanticDark,
+		charting: chartingDark
 	}
 };
 function withPdsTheming(theme, mode) {
 	if (mode === "off") return {
 		...theme,
-		semantic: void 0
+		semantic: void 0,
+		charting: void 0
 	};
 	return {
 		...theme,

package/dist/theme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.mjs","names":[],"sources":["../src/theme.ts"],"sourcesContent":["import { Color, FontFamilies, type PDSTypeStyle, Typography } from '@persona/design-tokens';\n\nimport type { PdsColor } from '#src/lib/color';\nimport { semanticDark, semanticLight, type SemanticTokens } from '#src/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';\n\nimport type { PdsColor } from '#src/lib/color';\nimport { chartingDark, chartingLight, type ChartingTokens } from '#src/variables/charting';\nimport { semanticDark, semanticLight, type SemanticTokens } from '#src/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  /** Charting palettes for the colour mode; absent when `semantic` is. Read via `chartingColors()`. */\n  charting?: ChartingTokens;\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, the matching primitive palette and the matching\n * charting palettes together. `'off'` removes the semantic and charting namespaces so every\n * `semanticColor()` call takes its legacy fallback and `chartingColors()` returns `ChartingColors`.\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; charting: ChartingTokens }\n> = {\n  light: { color: lightColorPalette, semantic: semanticLight, charting: chartingLight },\n  dark: { color: darkColorPalette, semantic: semanticDark, charting: chartingDark },\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, charting: undefined };\n  }\n\n  return { ...theme, ...semanticPalettes[mode] };\n}\n"],"mappings":"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"}

package/dist/tone.d.mts

@@ -1,6 +1,6 @@
-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 { n as SemanticTokens } from "./semantic-BZbvb3LV.mjs";
+import { n as PdsColor } from "./color-Db57Wms_.mjs";
+import { o as StickerProps } from "./Sticker-CLvRB8V5.mjs";
 import { Color } from "@persona/design-tokens";
 
 //#region src/components/Sticker/tone.d.ts

package/dist/tree.d.mts

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

package/dist/{types-XjJqUj-p.d.mts → types-02Ij0dgs.d.mts}

@@ -1,6 +1,6 @@
-import { n as JsonSchema, st as FunctionJsonSchema } from "./jsonSchema-DUkfAip_.mjs";
-import { a as FunctionParamType, s as MethodChainNode } from "./methodChainTypes-BtbYWrdP.mjs";
-import { t as ChainRoot } from "./chainTypes-aF5rWav-.mjs";
+import { n as JsonSchema, st as FunctionJsonSchema } from "./jsonSchema-C4lfpDrt.mjs";
+import { a as FunctionParamType, s as MethodChainNode } from "./methodChainTypes-De6sHGyd.mjs";
+import { t as ChainRoot } from "./chainTypes-C5mXGz6T.mjs";
 import { ReactNode } from "react";
 
 //#region src/components/SmartTextInput/types.d.ts
@@ -80,4 +80,4 @@ type PopoverFooterRenderer = (helpers: {
 type TextStyle = 'none' | 'token' | 'hoverable' | 'hoverableToken' | 'schemaError' | 'syntaxError';
 //#endregion
 export { Mode as a, PopupMode as c, FunctionFormRenderProps as i, TextStyle as l, CustomFunctionDetailRenderProps as n, OpenCodeChainFunctionPanel as o, FunctionAtCursor as r, PopoverFooterRenderer as s, CodeChainFunctionPanelRenderProps as t, ValueType as u };
-//# sourceMappingURL=types-XjJqUj-p.d.mts.map
+//# sourceMappingURL=types-02Ij0dgs.d.mts.map

package/dist/{types-Dhz6VMKx.d.mts → types-BRYGqFVm.d.mts}

@@ -33,4 +33,4 @@ interface RouterAdapter {
 }
 //#endregion
 export { To as i, RouterAdapter as n, RouterLinkComponentProps as r, NavigateOptions as t };
-//# sourceMappingURL=types-Dhz6VMKx.d.mts.map
+//# sourceMappingURL=types-BRYGqFVm.d.mts.map

package/dist/{types-sUEmxsGM.d.mts → types-BXJ6qAGy.d.mts}

@@ -1,5 +1,5 @@
-import { n as ComboboxProps } from "./Combobox-O6LbofT2.mjs";
-import { n as DateRange } from "./DateRangePicker-Nv4uNuIW.mjs";
+import { n as ComboboxProps } from "./Combobox-fYZjpn5-.mjs";
+import { n as DateRange } from "./DateRangePicker-DlHC2q--.mjs";
 import { ReactNode } from "react";
 import { DateValue } from "@internationalized/date";
 import { RangeValue } from "@react-types/shared";
@@ -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-sUEmxsGM.d.mts.map
+//# sourceMappingURL=types-BXJ6qAGy.d.mts.map

package/dist/{types-DoJubhWu.d.mts → types-BeFBvQ1c.d.mts}

@@ -1,5 +1,5 @@
-import { l as MenuItemProps } from "./Menu-ByYFNvgS.mjs";
-import { o as StickerProps } from "./Sticker-sIBnBbHD.mjs";
+import { l as MenuItemProps } from "./Menu-BfjvH8mr.mjs";
+import { o as StickerProps } from "./Sticker-CLvRB8V5.mjs";
 import { ReactNode } from "react";
 import { Column, DeepKeys, FilterFnOption, Header, RowData, SortingState, Table } from "@tanstack/react-table";
 
@@ -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-DoJubhWu.d.mts.map
+//# sourceMappingURL=types-BeFBvQ1c.d.mts.map

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

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

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

@@ -1,4 +1,4 @@
-import { d as FilterRuleValue, f as FilterRuleValueChange, l as FilterOperator, o as FilterField, u as FilterRule } from "./types-DbOD5vE_.mjs";
+import { d as FilterRuleValue, f as FilterRuleValueChange, l as FilterOperator, o as FilterField, u as FilterRule } from "./types-DLnCkvTt.mjs";
 import { ReactElement } from "react";
 
 //#region src/components/DataTable/TableControls/FiltersV2/value-controls/types.d.ts
@@ -44,4 +44,4 @@ interface ValueControlProps {
 }
 //#endregion
 export { ValueControlProps as t };
-//# sourceMappingURL=types-B4KbdEDc.d.mts.map
+//# sourceMappingURL=types-CqcbWyUY.d.mts.map

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

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

package/dist/{types-DbOD5vE_.d.mts → types-DLnCkvTt.d.mts}

@@ -1,4 +1,4 @@
-import { c as RelativeDateFilterValue } from "./types-rDQg74j-.mjs";
+import { c as RelativeDateFilterValue } from "./types-DQVUNrrN.mjs";
 //#region src/components/DataTable/TableControls/FiltersV2/types.d.ts
 /**
  * Filter UI v2 — client-side state shape.
@@ -200,4 +200,4 @@ declare const EMPTY_FILTER_STATE: FilterStateV2;
 declare function isEmptyState(state: FilterStateV2): boolean;
 //#endregion
 export { FilterConditionOperator as a, FilterFieldType as c, FilterRuleValue as d, FilterRuleValueChange as f, isEmptyState as g, TopLevelFilterRule as h, EMPTY_FILTER_STATE as i, FilterOperator as l, FilterStateV2 as m, CompoundExpression as n, FilterField as o, FilterSize as p, DateRangeFilterValue as r, FilterFieldSource as s, AndGroup as t, FilterRule as u };
-//# sourceMappingURL=types-DbOD5vE_.d.mts.map
+//# sourceMappingURL=types-DLnCkvTt.d.mts.map

package/dist/{types-rDQg74j-.d.mts → types-DQVUNrrN.d.mts}

@@ -21,4 +21,4 @@ interface AbsoluteDateRange {
 }
 //#endregion
 export { DateFilterPreset as a, RelativeDateFilterValue as c, DATE_FILTER_PRESET_LABELS as i, AbsoluteDateRange as n, DateFilterValue as o, DATE_FILTER_PRESETS as r, PresetRelativeDateFilterValue as s, AbsoluteDateFilterValue as t };
-//# sourceMappingURL=types-rDQg74j-.d.mts.map
+//# sourceMappingURL=types-DQVUNrrN.d.mts.map

package/dist/{types-dmItSshr.d.mts → types-DeVO4sCM.d.mts}

@@ -1,4 +1,4 @@
-import { a as ASTErrorNode, l as ASTMethodChainNode, n as ASTChain, u as ASTNodeType } from "./types-C2RhHxbE.mjs";
+import { a as ASTErrorNode, l as ASTMethodChainNode, n as ASTChain, u as ASTNodeType } from "./types-D9LBWGw5.mjs";
 
 //#region src/components/SmartTextInput/parser/smart-text/types.d.ts
 type ErrorKind = NonNullable<ASTErrorNode['kind']> | 'unclosedHandlebars' | 'emptyHandlebars' | 'invalidHandlebarsContent' | 'interpolationInDataPath';
@@ -69,4 +69,4 @@ declare const isASTContainerNode: (node: {
 }) => node is ASTContainerNode;
 //#endregion
 export { NodeType as a, isMethodChainNode as c, ErrorNode as i, ErrorKind as n, isASTChainNode as o, ErrorMessageByKind as r, isASTContainerNode as s, ASTNode as t };
-//# sourceMappingURL=types-dmItSshr.d.mts.map
+//# sourceMappingURL=types-DeVO4sCM.d.mts.map

package/dist/types.d.mts

@@ -1,2 +1,2 @@
-import { i as To, n as RouterAdapter, r as RouterLinkComponentProps, t as NavigateOptions } from "./types-Dhz6VMKx.mjs";
+import { i as To, n as RouterAdapter, r as RouterLinkComponentProps, t as NavigateOptions } from "./types-BRYGqFVm.mjs";
 export { NavigateOptions, RouterAdapter, RouterLinkComponentProps, To };

package/dist/types2.d.mts

@@ -1,2 +1,2 @@
-import { t as PaginationParams } from "./types-6L0ptM6-.mjs";
+import { t as PaginationParams } from "./types-CRymR_J9.mjs";
 export { PaginationParams };