@persona/design-system 0.8.1 → 0.9.0

package/dist/useChainAtCursor.d.mts

@@ -1,9 +1,9 @@
-import { t as ASTNode } from "./types-BYRTxB0a.mjs";
-import { dt as ObjectSchemaMap, n as JsonSchema, st as FunctionJsonSchema } from "./jsonSchema-Bl-qzgrr.mjs";
-import { n as Chain, s as MethodChainNode } from "./methodChainTypes-BVkTI8MX.mjs";
-import { n as PossibleChainSchema, t as ChainRoot } from "./chainTypes-D8SGRGba.mjs";
-import { u as ValueType } from "./types-Cs6CdZCO.mjs";
-import { n as useChain } from "./useChain-CEsXE2Bx.mjs";
+import { t as ASTNode } from "./types-VgGkS4JB.mjs";
+import { dt as ObjectSchemaMap, n as JsonSchema, st as FunctionJsonSchema } from "./jsonSchema-6mcLrVG3.mjs";
+import { n as Chain, s as MethodChainNode } from "./methodChainTypes-BuwpPC73.mjs";
+import { n as PossibleChainSchema, t as ChainRoot } from "./chainTypes-DT-9j_sG.mjs";
+import { u as ValueType } from "./types-CEQWndtF.mjs";
+import { n as useChain } from "./useChain-BreIP4fW.mjs";
 
 //#region components/SmartTextInput/useChainAtCursor.d.ts
 /**

package/dist/useCodeChainFunctionPanel.d.mts

@@ -1,4 +1,4 @@
-import { o as OpenCodeChainFunctionPanel, t as CodeChainFunctionPanelRenderProps } from "./types-Cs6CdZCO.mjs";
+import { o as OpenCodeChainFunctionPanel, t as CodeChainFunctionPanelRenderProps } from "./types-CEQWndtF.mjs";
 import { ReactNode } from "react";
 
 //#region components/SmartTextInput/useCodeChainFunctionPanel.d.ts

package/dist/useComboboxFooterAction.d.mts

@@ -1,12 +1,13 @@
-import { p as FooterAction } from "./ComboboxBase-CtNrsPO9.mjs";
+import { p as FooterAction } from "./ComboboxBase-BghIk4Vk.mjs";
 import { KeyboardEvent } from "react";
 
 //#region components/Combobox/useComboboxFooterAction.d.ts
 interface UseComboboxFooterActionParams {
   footerAction?: FooterAction;
   isOptionsLoading?: boolean;
-  /** Number of keyboard-navigable options currently rendered. */
   itemCount: number;
+  firstNavigableIndex?: number;
+  lastNavigableIndex?: number;
   isMenuOpen: boolean;
   inputValue: string;
   /** Downshift's current option highlight (`-1` when no option is highlighted). */
@@ -36,6 +37,8 @@ declare function useComboboxFooterAction({
   footerAction,
   isOptionsLoading,
   itemCount,
+  firstNavigableIndex,
+  lastNavigableIndex,
   isMenuOpen,
   inputValue,
   highlightedIndex,

package/dist/{useFilterStateV2-DoJ9lyJx.d.mts → useFilterStateV2-B8VebPBe.d.mts}

@@ -1,5 +1,6 @@
-import { l as FilterRule, n as CompoundExpression, p as FilterStateV2 } from "./types-Dy3lZv9z.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-DqO8HiYb.mjs";
+import { m as FilterStateV2, n as CompoundExpression, u as FilterRule } from "./types-CM8L7-ij.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-B7P4wC7y.mjs";
+import { SetStateAction } from "react";
 
 //#region components/DataTable/TableControls/FiltersV2/useFilterStateV2.d.ts
 interface UseFilterStateV2Options {
@@ -60,7 +61,7 @@ interface UseFilterStateV2Result {
    * Update an existing top-level rule by `id`. No-op if no rule with
    * that id exists (e.g. it was removed between event and dispatch).
    */
-  updateTopLevelRule: (id: string, rule: FilterRule) => void;
+  updateTopLevelRule: (id: string, rule: SetStateAction<FilterRule>) => void;
   /** Remove the top-level rule with the given id. No-op if absent. */
   removeTopLevelRule: (id: string) => void;
 }
@@ -90,4 +91,4 @@ interface UseFilterStateV2Result {
 declare function useFilterStateV2(options: UseFilterStateV2Options): UseFilterStateV2Result;
 //#endregion
 export { UseFilterStateV2Result as n, useFilterStateV2 as r, UseFilterStateV2Options as t };
-//# sourceMappingURL=useFilterStateV2-DoJ9lyJx.d.mts.map
+//# sourceMappingURL=useFilterStateV2-B8VebPBe.d.mts.map

package/dist/useFilterStateV2.d.mts

@@ -1,2 +1,2 @@
-import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "./useFilterStateV2-DoJ9lyJx.mjs";
+import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "./useFilterStateV2-B8VebPBe.mjs";
 export { UseFilterStateV2Options, UseFilterStateV2Result, useFilterStateV2 };

package/dist/{useFormField-BtnAYcHV.d.mts → useFormField-DAwApAKK.d.mts}

@@ -1,4 +1,4 @@
-import { t as ErrorProps } from "./ErrorProps-6dRdJ4QQ.mjs";
+import { t as ErrorProps } from "./ErrorProps-oCHtJzEB.mjs";
 import * as _$react from "react";
 
 //#region components/FormControl/useFormField.d.ts
@@ -29,4 +29,4 @@ declare const useFormField: (props: Partial<FormControlContextProps>) => {
 };
 //#endregion
 export { FormControlContextProps as n, useFormField as r, FormControlContext as t };
-//# sourceMappingURL=useFormField-BtnAYcHV.d.mts.map
+//# sourceMappingURL=useFormField-DAwApAKK.d.mts.map

package/dist/{useFormField-BAmkdxtA.mjs → useFormField-J0LiPcpm.mjs}

@@ -1,4 +1,4 @@
-import { n as useFormGroup } from "./useFormGroup-BZayb9fZ.mjs";
+import { n as useFormGroup } from "./useFormGroup-CALbrUkl.mjs";
 import { createContext, useContext } from "react";
 //#region components/FormControl/useFormField.ts
 const FormControlContext = createContext({});
@@ -23,4 +23,4 @@ const useFormField = (props) => {
 //#endregion
 export { useFormField as n, FormControlContext as t };
 
-//# sourceMappingURL=useFormField-BAmkdxtA.mjs.map
+//# sourceMappingURL=useFormField-J0LiPcpm.mjs.map

package/dist/{useFormField-BAmkdxtA.mjs.map → useFormField-J0LiPcpm.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useFormField-BAmkdxtA.mjs","names":[],"sources":["../components/FormControl/useFormField.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport useFormGroup from 'design-system/components/ConfigFormGroup/useFormGroup';\nimport type ErrorProps from 'design-system/types/ErrorProps';\n\nexport interface FormControlContextProps extends ErrorProps {\n  inputId?: string;\n  helperTextId?: string;\n  errorTextId?: string;\n  warningTextId?: string;\n  labelId?: string;\n  disabled?: boolean;\n  required?: boolean;\n  maxLength?: number;\n  configField?: boolean;\n}\n\nexport const FormControlContext = createContext<FormControlContextProps>({});\n\nconst useFormField = (props: Partial<FormControlContextProps>) => {\n  const group = useFormGroup();\n  const field = useContext(FormControlContext);\n\n  const inputId = props.inputId ?? field.inputId;\n\n  return {\n    configField: props.configField ?? group.configField,\n    hasError: props.hasError ?? field.hasError,\n    hasWarning: props.hasWarning ?? field.hasWarning,\n    inputId,\n    helperTextId: props.helperTextId ?? field.helperTextId,\n    errorTextId: props.errorTextId ?? field.errorTextId,\n    warningTextId: props.warningTextId ?? field.warningTextId,\n    labelId: props.labelId ?? field.labelId,\n    disabled: props.disabled ?? field.disabled,\n    required: props.required ?? field.required,\n    maxLength: props.maxLength ?? field.maxLength,\n  };\n};\n\nexport default useFormField;\n"],"mappings":";;;AAiBA,MAAa,qBAAqB,cAAuC,EAAE,CAAC;AAE5E,MAAM,gBAAgB,UAA4C;CAChE,MAAM,QAAQ,cAAc;CAC5B,MAAM,QAAQ,WAAW,mBAAmB;CAE5C,MAAM,UAAU,MAAM,WAAW,MAAM;AAEvC,QAAO;EACL,aAAa,MAAM,eAAe,MAAM;EACxC,UAAU,MAAM,YAAY,MAAM;EAClC,YAAY,MAAM,cAAc,MAAM;EACtC;EACA,cAAc,MAAM,gBAAgB,MAAM;EAC1C,aAAa,MAAM,eAAe,MAAM;EACxC,eAAe,MAAM,iBAAiB,MAAM;EAC5C,SAAS,MAAM,WAAW,MAAM;EAChC,UAAU,MAAM,YAAY,MAAM;EAClC,UAAU,MAAM,YAAY,MAAM;EAClC,WAAW,MAAM,aAAa,MAAM;EACrC"}
+{"version":3,"file":"useFormField-J0LiPcpm.mjs","names":[],"sources":["../components/FormControl/useFormField.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport useFormGroup from 'design-system/components/ConfigFormGroup/useFormGroup';\nimport type ErrorProps from 'design-system/types/ErrorProps';\n\nexport interface FormControlContextProps extends ErrorProps {\n  inputId?: string;\n  helperTextId?: string;\n  errorTextId?: string;\n  warningTextId?: string;\n  labelId?: string;\n  disabled?: boolean;\n  required?: boolean;\n  maxLength?: number;\n  configField?: boolean;\n}\n\nexport const FormControlContext = createContext<FormControlContextProps>({});\n\nconst useFormField = (props: Partial<FormControlContextProps>) => {\n  const group = useFormGroup();\n  const field = useContext(FormControlContext);\n\n  const inputId = props.inputId ?? field.inputId;\n\n  return {\n    configField: props.configField ?? group.configField,\n    hasError: props.hasError ?? field.hasError,\n    hasWarning: props.hasWarning ?? field.hasWarning,\n    inputId,\n    helperTextId: props.helperTextId ?? field.helperTextId,\n    errorTextId: props.errorTextId ?? field.errorTextId,\n    warningTextId: props.warningTextId ?? field.warningTextId,\n    labelId: props.labelId ?? field.labelId,\n    disabled: props.disabled ?? field.disabled,\n    required: props.required ?? field.required,\n    maxLength: props.maxLength ?? field.maxLength,\n  };\n};\n\nexport default useFormField;\n"],"mappings":";;;AAiBA,MAAa,qBAAqB,cAAuC,EAAE,CAAC;AAE5E,MAAM,gBAAgB,UAA4C;CAChE,MAAM,QAAQ,cAAc;CAC5B,MAAM,QAAQ,WAAW,mBAAmB;CAE5C,MAAM,UAAU,MAAM,WAAW,MAAM;AAEvC,QAAO;EACL,aAAa,MAAM,eAAe,MAAM;EACxC,UAAU,MAAM,YAAY,MAAM;EAClC,YAAY,MAAM,cAAc,MAAM;EACtC;EACA,cAAc,MAAM,gBAAgB,MAAM;EAC1C,aAAa,MAAM,eAAe,MAAM;EACxC,eAAe,MAAM,iBAAiB,MAAM;EAC5C,SAAS,MAAM,WAAW,MAAM;EAChC,UAAU,MAAM,YAAY,MAAM;EAClC,UAAU,MAAM,YAAY,MAAM;EAClC,WAAW,MAAM,aAAa,MAAM;EACrC"}

package/dist/useFormField.d.mts

@@ -1,2 +1,2 @@
-import { n as FormControlContextProps, r as useFormField, t as FormControlContext } from "./useFormField-BtnAYcHV.mjs";
+import { n as FormControlContextProps, r as useFormField, t as FormControlContext } from "./useFormField-DAwApAKK.mjs";
 export { FormControlContext, FormControlContextProps, useFormField as default };

package/dist/{useFormGroup-BZayb9fZ.mjs → useFormGroup-CALbrUkl.mjs}

@@ -11,4 +11,4 @@ const useFormGroup = (props) => {
 //#endregion
 export { useFormGroup as n, FormGroupContext as t };
 
-//# sourceMappingURL=useFormGroup-BZayb9fZ.mjs.map
+//# sourceMappingURL=useFormGroup-CALbrUkl.mjs.map

package/dist/{useFormGroup-BZayb9fZ.mjs.map → useFormGroup-CALbrUkl.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useFormGroup-BZayb9fZ.mjs","names":[],"sources":["../components/ConfigFormGroup/useFormGroup.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface FormGroupContextProps {\n  configField?: boolean;\n  /**\n   * The z-index to use when labels are rendered as tooltips (e.g. when configField is true).\n   */\n  labelTooltipZIndex?: number;\n}\n\nexport const FormGroupContext = createContext<FormGroupContextProps>({});\n\nconst useFormGroup = (props?: Partial<FormGroupContextProps>) => {\n  const field = useContext(FormGroupContext);\n\n  return {\n    configField: props?.configField ?? field.configField,\n    labelTooltipZIndex: props?.labelTooltipZIndex ?? field.labelTooltipZIndex,\n  };\n};\n\nexport default useFormGroup;\n"],"mappings":";;AAUA,MAAa,mBAAmB,cAAqC,EAAE,CAAC;AAExE,MAAM,gBAAgB,UAA2C;CAC/D,MAAM,QAAQ,WAAW,iBAAiB;AAE1C,QAAO;EACL,aAAa,OAAO,eAAe,MAAM;EACzC,oBAAoB,OAAO,sBAAsB,MAAM;EACxD"}
+{"version":3,"file":"useFormGroup-CALbrUkl.mjs","names":[],"sources":["../components/ConfigFormGroup/useFormGroup.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface FormGroupContextProps {\n  configField?: boolean;\n  /**\n   * The z-index to use when labels are rendered as tooltips (e.g. when configField is true).\n   */\n  labelTooltipZIndex?: number;\n}\n\nexport const FormGroupContext = createContext<FormGroupContextProps>({});\n\nconst useFormGroup = (props?: Partial<FormGroupContextProps>) => {\n  const field = useContext(FormGroupContext);\n\n  return {\n    configField: props?.configField ?? field.configField,\n    labelTooltipZIndex: props?.labelTooltipZIndex ?? field.labelTooltipZIndex,\n  };\n};\n\nexport default useFormGroup;\n"],"mappings":";;AAUA,MAAa,mBAAmB,cAAqC,EAAE,CAAC;AAExE,MAAM,gBAAgB,UAA2C;CAC/D,MAAM,QAAQ,WAAW,iBAAiB;AAE1C,QAAO;EACL,aAAa,OAAO,eAAe,MAAM;EACzC,oBAAoB,OAAO,sBAAsB,MAAM;EACxD"}

package/dist/{useLocationPathname-pLyLOrAi.d.mts → useLocationPathname-BHL0pgiu.d.mts}

@@ -2,4 +2,4 @@
 declare const usePathname: () => string;
 //#endregion
 export { usePathname as t };
-//# sourceMappingURL=useLocationPathname-pLyLOrAi.d.mts.map
+//# sourceMappingURL=useLocationPathname-BHL0pgiu.d.mts.map

package/dist/useLocationPathname.d.mts

@@ -1,2 +1,2 @@
-import { t as usePathname } from "./useLocationPathname-pLyLOrAi.mjs";
+import { t as usePathname } from "./useLocationPathname-BHL0pgiu.mjs";
 export { usePathname };

package/dist/{useTableBoxDragAndDrop-wjc_LCpC.d.mts → useTableBoxDragAndDrop-Dq30b6yY.d.mts}

@@ -66,4 +66,4 @@ declare const useTableBoxDragAndDrop: <T extends object>({
 }: UseTableBoxDragAndDropArgs<T>) => UseTableBoxDragAndDropResult;
 //#endregion
 export { ReorderConfig as n, useTableBoxDragAndDrop as r, DragDirection as t };
-//# sourceMappingURL=useTableBoxDragAndDrop-wjc_LCpC.d.mts.map
+//# sourceMappingURL=useTableBoxDragAndDrop-Dq30b6yY.d.mts.map

package/dist/useTableBoxDragAndDrop.d.mts

@@ -1,2 +1,2 @@
-import { n as ReorderConfig, r as useTableBoxDragAndDrop, t as DragDirection } from "./useTableBoxDragAndDrop-wjc_LCpC.mjs";
+import { n as ReorderConfig, r as useTableBoxDragAndDrop, t as DragDirection } from "./useTableBoxDragAndDrop-Dq30b6yY.mjs";
 export { DragDirection, ReorderConfig, useTableBoxDragAndDrop };

package/dist/{useToggle-DUHQjohK.mjs → useToggle-DRzCDqrc.mjs}

@@ -18,4 +18,4 @@ function useToggle(initialValue = false) {
 //#endregion
 export { useToggle as t };
 
-//# sourceMappingURL=useToggle-DUHQjohK.mjs.map
+//# sourceMappingURL=useToggle-DRzCDqrc.mjs.map

package/dist/{useToggle-DUHQjohK.mjs.map → useToggle-DRzCDqrc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useToggle-DUHQjohK.mjs","names":[],"sources":["../lib/useToggle.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\ninterface UseToggleCallbacks {\n  set: (value: boolean) => void;\n  toggle: () => void;\n  enable: () => void;\n  disable: () => void;\n}\n\n/**\n * useToggle\n *\n * Boolean state hook that provides callbacks for enabling, disabling, flipping\n * and setting state.\n */\nexport default function useToggle(initialValue = false): [boolean, UseToggleCallbacks] {\n  const [value, setValue] = useState<boolean>(!!initialValue);\n  const set = useCallback((newValue: boolean) => setValue(newValue), []);\n  const toggle = useCallback(() => setValue(!value), [value]);\n  const enable = useCallback(() => setValue(true), []);\n  const disable = useCallback(() => setValue(false), []);\n  return [value, { set, toggle, enable, disable }];\n}\n"],"mappings":";;;;;;;;AAeA,SAAwB,UAAU,eAAe,OAAsC;CACrF,MAAM,CAAC,OAAO,YAAY,SAAkB,CAAC,CAAC,aAAa;AAK3D,QAAO,CAAC,OAAO;EAAE,KAJL,aAAa,aAAsB,SAAS,SAAS,EAAE,EAAE,CAIjD;EAAE,QAHP,kBAAkB,SAAS,CAAC,MAAM,EAAE,CAAC,MAAM,CAG9B;EAAE,QAFf,kBAAkB,SAAS,KAAK,EAAE,EAAE,CAEf;EAAE,SADtB,kBAAkB,SAAS,MAAM,EAAE,EAAE,CACR;EAAE,CAAC"}
+{"version":3,"file":"useToggle-DRzCDqrc.mjs","names":[],"sources":["../lib/useToggle.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\ninterface UseToggleCallbacks {\n  set: (value: boolean) => void;\n  toggle: () => void;\n  enable: () => void;\n  disable: () => void;\n}\n\n/**\n * useToggle\n *\n * Boolean state hook that provides callbacks for enabling, disabling, flipping\n * and setting state.\n */\nexport default function useToggle(initialValue = false): [boolean, UseToggleCallbacks] {\n  const [value, setValue] = useState<boolean>(!!initialValue);\n  const set = useCallback((newValue: boolean) => setValue(newValue), []);\n  const toggle = useCallback(() => setValue(!value), [value]);\n  const enable = useCallback(() => setValue(true), []);\n  const disable = useCallback(() => setValue(false), []);\n  return [value, { set, toggle, enable, disable }];\n}\n"],"mappings":";;;;;;;;AAeA,SAAwB,UAAU,eAAe,OAAsC;CACrF,MAAM,CAAC,OAAO,YAAY,SAAkB,CAAC,CAAC,aAAa;AAK3D,QAAO,CAAC,OAAO;EAAE,KAJL,aAAa,aAAsB,SAAS,SAAS,EAAE,EAAE,CAIjD;EAAE,QAHP,kBAAkB,SAAS,CAAC,MAAM,EAAE,CAAC,MAAM,CAG9B;EAAE,QAFf,kBAAkB,SAAS,KAAK,EAAE,EAAE,CAEf;EAAE,SADtB,kBAAkB,SAAS,MAAM,EAAE,EAAE,CACR;EAAE,CAAC"}

package/dist/useTruncation.d.mts

@@ -1,4 +1,4 @@
-import { i as ComboboxOption } from "./ComboboxBase-CtNrsPO9.mjs";
+import { i as ComboboxOption } from "./ComboboxBase-BghIk4Vk.mjs";
 import { MutableRefObject, RefObject } from "react";
 
 //#region components/Combobox/useTruncation.d.ts

package/dist/{utilities-DL18UdPs.d.mts → utilities-B2ry7_20.d.mts}

@@ -6,4 +6,4 @@
 type RequireOneOf<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & { [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>> }[Keys];
 //#endregion
 export { RequireOneOf as t };
-//# sourceMappingURL=utilities-DL18UdPs.d.mts.map
+//# sourceMappingURL=utilities-B2ry7_20.d.mts.map

package/dist/utilities.d.mts

@@ -1,2 +1,2 @@
-import { t as RequireOneOf } from "./utilities-DL18UdPs.mjs";
+import { t as RequireOneOf } from "./utilities-B2ry7_20.mjs";
 export { RequireOneOf };

package/dist/utils/storybook.mjs

@@ -1,4 +1,4 @@
-import { n as Stack } from "../Stack-CEPzs4Pb.mjs";
+import { n as Stack } from "../Stack-BkC7FCdF.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region utils/storybook.tsx
 const withStack = (Story) => {

package/dist/utils/testing.d.mts

@@ -1,4 +1,4 @@
-import { n as RouterAdapter } from "../types-D1DijcJv.mjs";
+import { n as RouterAdapter } from "../types-CgKSEQyB.mjs";
 import { ReactElement } from "react";
 import * as _$_testing_library_react0 from "@testing-library/react";
 import { RenderOptions, screen } from "@testing-library/react";

package/dist/utils.d.mts

@@ -1,4 +1,4 @@
-import { u as FilterRuleValue } from "./types-Dy3lZv9z.mjs";
+import { d as FilterRuleValue } from "./types-CM8L7-ij.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/value-controls/utils.d.ts
 /**

package/dist/utils4.d.mts

@@ -1,8 +1,8 @@
-import { n as ASTChain } from "./types-M-rsm1Km.mjs";
-import { t as ASTNode } from "./types-BYRTxB0a.mjs";
-import { n as Chain, s as MethodChainNode } from "./methodChainTypes-BVkTI8MX.mjs";
-import { t as ChainRoot } from "./chainTypes-D8SGRGba.mjs";
-import { a as Mode, r as FunctionAtCursor, u as ValueType } from "./types-Cs6CdZCO.mjs";
+import { n as ASTChain } from "./types-4wnr5R9P.mjs";
+import { t as ASTNode } from "./types-VgGkS4JB.mjs";
+import { n as Chain, s as MethodChainNode } from "./methodChainTypes-BuwpPC73.mjs";
+import { t as ChainRoot } from "./chainTypes-DT-9j_sG.mjs";
+import { a as Mode, r as FunctionAtCursor, u as ValueType } from "./types-CEQWndtF.mjs";
 import { RefObject } from "react";
 
 //#region components/SmartTextInput/utils.d.ts

package/dist/{validation-PeVTwtd-.d.mts → validation-ZHnFPRP6.d.mts}

@@ -1,5 +1,5 @@
-import { l as FilterRule, p as FilterStateV2 } from "./types-Dy3lZv9z.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-DqO8HiYb.mjs";
+import { m as FilterStateV2, u as FilterRule } from "./types-CM8L7-ij.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-B7P4wC7y.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/validation.d.ts
 /**
@@ -48,4 +48,4 @@ declare function pruneToRegistry(state: FilterStateV2, registry: FieldRegistry |
 declare function hasCompleteValue(rule: FilterRule, registry: FieldRegistry): boolean;
 //#endregion
 export { isFilterStateV2 as n, pruneToRegistry as r, hasCompleteValue as t };
-//# sourceMappingURL=validation-PeVTwtd-.d.mts.map
+//# sourceMappingURL=validation-ZHnFPRP6.d.mts.map

package/dist/validation.d.mts

@@ -1,2 +1,2 @@
-import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-PeVTwtd-.mjs";
+import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-ZHnFPRP6.mjs";
 export { hasCompleteValue, isFilterStateV2, pruneToRegistry };

package/dist/validation2.d.mts

@@ -1,7 +1,7 @@
-import { t as ASTNode } from "./types-BYRTxB0a.mjs";
-import { dt as ObjectSchemaMap, n as JsonSchema, st as FunctionJsonSchema } from "./jsonSchema-Bl-qzgrr.mjs";
-import { t as ChainRoot } from "./chainTypes-D8SGRGba.mjs";
-import { u as ValueType } from "./types-Cs6CdZCO.mjs";
+import { t as ASTNode } from "./types-VgGkS4JB.mjs";
+import { dt as ObjectSchemaMap, n as JsonSchema, st as FunctionJsonSchema } from "./jsonSchema-6mcLrVG3.mjs";
+import { t as ChainRoot } from "./chainTypes-DT-9j_sG.mjs";
+import { u as ValueType } from "./types-CEQWndtF.mjs";
 import { ReactNode } from "react";
 
 //#region components/SmartTextInput/validation.d.ts

package/dist/{value-control-resolver-Cx_wXQFv.d.mts → value-control-resolver-D3qzy8Kk.d.mts}

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-Dy3lZv9z.mjs";
+import { d as FilterRuleValue, f as FilterRuleValueChange, l as FilterOperator, o as FilterField, u as FilterRule } from "./types-CM8L7-ij.mjs";
 import { ReactNode } from "react";
 
 //#region components/DataTable/TableControls/FiltersV2/FilterBar/value-control-resolver.d.ts
@@ -46,4 +46,4 @@ type ValueControlResolver = (opts: ResolveValueControlOptions) => ReactNode | un
 declare function resolveValueControl(opts: ResolveValueControlOptions, hostResolver?: ValueControlResolver): ReactNode;
 //#endregion
 export { ValueControlResolver as n, resolveValueControl as r, ResolveValueControlOptions as t };
-//# sourceMappingURL=value-control-resolver-Cx_wXQFv.d.mts.map
+//# sourceMappingURL=value-control-resolver-D3qzy8Kk.d.mts.map

package/dist/value-control-resolver.d.mts

@@ -1,2 +1,2 @@
-import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "./value-control-resolver-Cx_wXQFv.mjs";
+import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "./value-control-resolver-D3qzy8Kk.mjs";
 export { ResolveValueControlOptions, ValueControlResolver, resolveValueControl };

package/dist/variables/effect.d.mts

@@ -1,4 +1,4 @@
-import { t as MaybeSemanticTheme } from "../semanticColor-Bg0H3RUL.mjs";
+import { t as MaybeSemanticTheme } from "../semanticColor-BuG977_M.mjs";
 
 //#region variables/effect.d.ts
 /**

package/dist/variables/semantic.d.mts

@@ -1,2 +1,2 @@
-import { i as semanticLight, n as SemanticTokens, r as semanticDark, t as CssPercentage } from "../semantic-D1661f_6.mjs";
+import { i as semanticLight, n as SemanticTokens, r as semanticDark, t as CssPercentage } from "../semantic-Duoh2Pxp.mjs";
 export { CssPercentage, SemanticTokens, semanticDark, semanticLight };

package/llms.txt

@@ -13,7 +13,7 @@ For exact prop types, prefer the published type declarations (`dist/**/*.d.mts`,
 
 ## Skills
 
-- [ui-authoring](skills/ui-authoring/SKILL.md): design tokens, PDS implementation guidelines, table guidelines (DataTable vs TableBox vs TableLayout), routing/link adapters (react-router, TanStack, custom), loading states, testing, Storybook
+- [ui-authoring](skills/ui-authoring/SKILL.md): design tokens, PDS implementation guidelines, table guidelines (DataTable vs TableBox vs TableLayout), routing/link adapters (react-router, TanStack, custom), localization (PDSProvider strings/locale), loading states, testing, Storybook
 - [Tokens](skills/ui-authoring/TOKENS.md): Color / Spacing / Typography selection and catalog, radius, charts
 - [Patterns](skills/ui-authoring/PATTERNS.md): forms, layout, indicators, feedback, empty states, charts, panels
 - [Components](skills/ui-authoring/COMPONENTS.md): which PDS component to use (and its import path); APIs live in that component's `.mdx` when one exists, otherwise in `dist/components/<Name>/index.d.mts`
@@ -37,6 +37,7 @@ their own subpaths.
 - Overlays: `Modal`, `WizardModal` (`patterns/WizardModal`), `RightPanel`, `Popover`, `Tooltip` / `TextUnderlineTooltip`, `DropdownMenu`, `FloatingPanel`
 - Forms: `ConfigFormGroup`, `FormField` (`TextField`, `TextAreaField`, `TableBoxField`), `Input`, `TextArea`, `Select`, `Combobox`, `Checkbox`, `Radio`, `Toggle`, `DatePicker`
 - Status: `Sticker` (status badges), `Badge` (counts), `StatusIndicator`
+- FilterBar: optional `FilterField.condition`, `pickerGroup`, and `disabledReason` support host-defined individual predicates in pills and native Rules; existing aggregate fields stay unchanged. See components/DataTable/DataTable.mdx. Hosts own feature activation and serialization.
 
 ## Testing
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@persona/design-system",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "React components for Persona UI",
   "keywords": [
     "tanstack-intent"
@@ -101,6 +101,7 @@
     "./lib/errorReporter": "./dist/lib/errorReporter.mjs",
     "./lib/GlobalStyles": "./dist/lib/GlobalStyles.mjs",
     "./lib/HeadlessAriaButton": "./dist/lib/HeadlessAriaButton.mjs",
+    "./lib/i18n": "./dist/lib/i18n/index.mjs",
     "./lib/jsonSchema": "./dist/lib/jsonSchema.mjs",
     "./lib/jsonSchemaType": "./dist/lib/jsonSchemaType.mjs",
     "./lib/letPointerDownReachDocument": "./dist/lib/letPointerDownReachDocument.mjs",
@@ -139,6 +140,7 @@
     "./mixins/print": "./dist/mixins/print/index.mjs",
     "./mixins/scrollbar": "./dist/mixins/scrollbar.mjs",
     "./mixins/text": "./dist/mixins/text.mjs",
+    "./patterns/CardGrouping": "./dist/patterns/CardGrouping/index.mjs",
     "./patterns/LayoutLoadingShimmer": "./dist/patterns/LayoutLoadingShimmer/index.mjs",
     "./patterns/LayoutLoadingSpinner": "./dist/patterns/LayoutLoadingSpinner/index.mjs",
     "./patterns/PageLayout": "./dist/patterns/PageLayout/index.mjs",
@@ -210,8 +212,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.5.0",
     "@figma/code-connect": "^1.4.4",
-    "@persona/design-tokens": "0.4.17",
-    "@persona/icons": "0.1.6",
+    "@persona/design-tokens": "0.4.18",
+    "@persona/icons": "0.1.7",
     "@storybook/react": "^10.4.6",
     "@storybook/react-vite": "^10.4.6",
     "@tanstack/intent": "^0.3.6",
@@ -355,6 +357,7 @@
       "./lib/errorReporter": "./dist/lib/errorReporter.mjs",
       "./lib/GlobalStyles": "./dist/lib/GlobalStyles.mjs",
       "./lib/HeadlessAriaButton": "./dist/lib/HeadlessAriaButton.mjs",
+      "./lib/i18n": "./dist/lib/i18n/index.mjs",
       "./lib/jsonSchema": "./dist/lib/jsonSchema.mjs",
       "./lib/jsonSchemaType": "./dist/lib/jsonSchemaType.mjs",
       "./lib/letPointerDownReachDocument": "./dist/lib/letPointerDownReachDocument.mjs",
@@ -393,6 +396,7 @@
       "./mixins/print": "./dist/mixins/print/index.mjs",
       "./mixins/scrollbar": "./dist/mixins/scrollbar.mjs",
       "./mixins/text": "./dist/mixins/text.mjs",
+      "./patterns/CardGrouping": "./dist/patterns/CardGrouping/index.mjs",
       "./patterns/LayoutLoadingShimmer": "./dist/patterns/LayoutLoadingShimmer/index.mjs",
       "./patterns/LayoutLoadingSpinner": "./dist/patterns/LayoutLoadingSpinner/index.mjs",
       "./patterns/PageLayout": "./dist/patterns/PageLayout/index.mjs",

package/skills/ui-authoring/COMPONENTS.md

@@ -24,6 +24,7 @@ exists. If there is no `.mdx`, use the published type declarations
 | `SingleColumnLayout` | One page column, with optional tabs and a page notice. `width="wide"` uses the fluid grid | `@persona/design-system/patterns/PageLayout` |
 | `SplitColumnLayout` | An 8:4 main and aside page. Same optional regions as `SingleColumnLayout`. Stacks main then aside below 768px | `@persona/design-system/patterns/PageLayout` |
 | `DataTable` | Data table — browsing tabular data with filtering, bulk actions, search, pagination, and sorting | `@persona/design-system/components/DataTable` |
+| `FilterBar` | Structured filters with native Rules; opt-in field `condition`, `pickerGroup`, and `disabledReason` support individual host-defined predicates. Hosts own flags and serialization; see DataTable.mdx | `@persona/design-system/components/DataTable/TableControls` |
 | `DatePicker` | Picking a date or date range from a calendar | `@persona/design-system/components/DatePicker` |
 | `DropdownButton` | Opening a menu of related actions from a button | `@persona/design-system/components/DropdownButton` |
 | `DropdownMenu` | Showing a temporary action list on a custom trigger | `@persona/design-system/components/DropdownMenu` |
@@ -53,6 +54,7 @@ exists. If there is no `.mdx`, use the published type declarations
 | `SegmentedControl` | Picking one option from a compact set of mutually exclusive choices | `@persona/design-system/components/SegmentedControl` |
 | `Select` | Dropdown — picking one value from a short, known list with no search. Use `Combobox` when the list needs search | `@persona/design-system/components/Select` |
 | `Slider` | Picking a numeric value or range along a scale | `@persona/design-system/components/Slider` |
+| `SmartTextInput` | Authoring a value that mixes plain text with structured data references — `{{account.id}}` interpolation or a single `account.id` method chain, with autocomplete, syntax highlighting and schema validation. Use `Input` for plain text | `@persona/design-system/components/SmartTextInput` |
 | `Spacer` | Prefer `Stack` — leftover gap helper | `@persona/design-system/components/Spacer` |
 | `Spinner` | Showing that something is loading | `@persona/design-system/components/Spinner` |
 | `Stack` | Flex column — laying out children vertically with token spacing | `@persona/design-system/components/Stack` |

package/skills/ui-authoring/PATTERNS.md

@@ -19,6 +19,7 @@ Which pattern to use, and for what. Patterns with a dedicated doc link to
 | LayoutLoadingShimmer | Filling space while content loads |
 | [Panels](../../patterns/Panels/Panels.mdx) | Use `RightPanel` when the page should stay visible. Use `Modal` when the task needs full attention. Never a custom drawer. |
 | [WizardModal](../../patterns/WizardModal/WizardModal.mdx) | A linear multi-step task behind a page overlay. |
+| [CardGrouping](../../patterns/CardGrouping/CardGrouping.mdx) | Distinct records as cards in collapsible groups, for a clean view rather than querying or filtering. Optional controls sit under the list description |
 
 
 ## Page layouts
@@ -137,8 +138,12 @@ import { TextUnderlineTooltip } from '@persona/design-system/components/Tooltip'
   `footer`. Not for long config forms (use `WizardModal` or a page) or frequently reopened forms.
 - `RightPanel`: editing the selected item; dense, repeatable forms. No footer prop — right-align
   actions in the body with `HStack`.
-- Page: long or multi-section forms users may leave and return to. `PageHeader` holds actions; put
-  field groups in `Card` (`CardV2`).
+- Page: long or multi-section forms users may leave and return to. `PageHeader` is the title; put
+  field groups in `Card` (`CardV2`). Place actions under the field group with `Spacing[7]`, left
+  aligned, primary action on the left, `size="md"`.
+
+Buttons in the same group share one width, set by the longest label. Do not stretch the group to
+its container. Ghost (`text`) buttons stay at their own width.
 
 ## Layout
 

package/skills/ui-authoring/SKILL.md

@@ -125,6 +125,29 @@ Plug in your router once near the root:
 both adapters only need their router's context above them. The TanStack adapter requires
 React 18+ (TanStack Router's peer range), while PDS itself still supports React 17.
 
+## Localization
+
+Built-in copy in the table chrome (DataTable empty states and checkbox labels, `Pagination`,
+the column configuration gear, `ControlBar` saved-view tabs, Filters V2 pills, picker, operators,
+rules builder and value controls) is English by default and translatable through `PDSProvider`:
+
+```tsx
+<PDSProvider strings={translatedStrings} locale='fr-CA'>...</PDSProvider>
+```
+
+- `strings` is a partial `CommonStrings` table (`@persona/design-system/lib/i18n`); omitted keys
+  keep their English defaults, and a value of the wrong kind (string vs. formatter) is ignored.
+  Persona dashboards pass `useCommonStrings()` from `@persona-id/persona-dashboard-app` straight
+  through.
+- `locale` makes table `date` / `datetime` cells and Filters V2 date values use the locale's
+  medium `Intl` format ("6 oct. 2026, 16 h 39" for fr-CA). Omitted or `en-US` keeps the
+  historical "Oct 6, 2026 4:39 PM". `format: { type: 'datetime', config: { showTimeZone: true } }`
+  appends the localized zone name ("EDT" / "HAE").
+- In new components, read copy with `usePDSStrings()` and the locale with `usePDSLocale()`
+  rather than hardcoding English; add the key and its English default to `CommonStrings`.
+- `formatDate`, `formatDateTime` and `formatTimeZoneName` from the same module format Luxon
+  values the same way outside the table.
+
 ## Testing
 
 - Prefer `getByRole`, `getByLabelText`, `getByText` over `getByTestId`.