@persona/design-system 0.5.1 → 0.6.0

package/dist/components/PageHeader/index.mjs

@@ -1,2 +1,2 @@
-import { n as PageHeaderContainer, t as PageHeader } from "../../PageHeader-wpvRRTaa.mjs";
+import { n as PageHeaderContainer, t as PageHeader } from "../../PageHeader-UI_6yImi.mjs";
 export { PageHeaderContainer, PageHeader as default };

package/dist/components/Pagination/index.mjs

@@ -1,2 +1,2 @@
-import { a as MIN_PAGE_SIZE, i as DEFAULT_PAGE_SIZE_OPTIONS, n as PAGE_LIMIT_BEFORE_SCROLL_MODE, r as PageSelector, t as Pagination_default } from "../../Pagination-wjr3W3xf.mjs";
+import { a as MIN_PAGE_SIZE, i as DEFAULT_PAGE_SIZE_OPTIONS, n as PAGE_LIMIT_BEFORE_SCROLL_MODE, r as PageSelector, t as Pagination_default } from "../../Pagination-DgA0U1fa.mjs";
 export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE, PAGE_LIMIT_BEFORE_SCROLL_MODE, PageSelector, Pagination_default as default };

package/dist/components/Pii/index.mjs

@@ -1,2 +1,2 @@
-import { t as Pii_default } from "../../Pii-Bm-qkweh.mjs";
+import { t as Pii_default } from "../../Pii-bxG0qu3t.mjs";
 export { Pii_default as default };

package/dist/components/Popover/index.mjs

@@ -1,2 +1,2 @@
-import { a as PopoverPortal, i as PopoverContent, n as PopoverCard, o as PopoverTrigger, r as PopoverClose, s as Popover_default, t as PopoverAnchor } from "../../Popover-DUyzmq3e.mjs";
+import { a as PopoverPortal, i as PopoverContent, n as PopoverCard, o as PopoverTrigger, r as PopoverClose, s as Popover_default, t as PopoverAnchor } from "../../Popover-UiOUt5up.mjs";
 export { PopoverAnchor, PopoverCard, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Popover_default as default };

package/dist/components/Radio/index.mjs

@@ -1,2 +1,2 @@
-import { t as Radio } from "../../Radio-CkugnL91.mjs";
+import { t as Radio } from "../../Radio-BrQzZhwP.mjs";
 export { Radio, Radio as default };

package/dist/components/RadioGroup/index.mjs

@@ -1,2 +1,2 @@
-import { t as RadioGroup } from "../../RadioGroup-8dI8gljw.mjs";
+import { t as RadioGroup } from "../../RadioGroup-Bl9oXPIo.mjs";
 export { RadioGroup, RadioGroup as default };

package/dist/components/RightPanel/index.mjs

@@ -2,7 +2,7 @@ import { a as styled } from "../../styledComponentsInterop-NxwFjeA4.mjs";
 import { i as Paragraph } from "../../Text-Dn_p7ZvT.mjs";
 import { n as Stack, t as HStack } from "../../Stack-BqQndGI9.mjs";
 import { t as IconButton } from "../../IconButton-CnJNIJVQ.mjs";
-import { t as LoadingShimmer } from "../../LoadingShimmer-DeVCDCjT.mjs";
+import { t as LoadingShimmer } from "../../LoadingShimmer-ZyzJs5Vi.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/SegmentedControl/index.mjs

@@ -1,2 +1,2 @@
-import { n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-DQE0hN57.mjs";
+import { n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-BozydMtT.mjs";
 export { SegmentedControl, SegmentedControl as default, SegmentedControlItem };

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

@@ -1,2 +1,2 @@
-import { i as SelectProps, n as Select, r as SelectHeader, t as Option } from "../../Select-wnr46ROZ.mjs";
+import { i as SelectProps, n as Select, r as SelectHeader, t as Option } from "../../Select-yPqzqe5k.mjs";
 export { Option, Select, Select as default, SelectHeader, SelectProps };

package/dist/components/Select/index.mjs

@@ -1,2 +1,2 @@
-import { n as Select, r as SelectHeader, t as Option } from "../../Select-D9OVjzPR.mjs";
+import { n as Select, r as SelectHeader, t as Option } from "../../Select-CktsIrzf.mjs";
 export { Option, Select, Select as default, SelectHeader };

package/dist/components/Slider/index.mjs

@@ -9,9 +9,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { debounce } from "lodash-es";
 import { mergeProps } from "@react-aria/utils";
 import { useNumberFormatter } from "@react-aria/i18n";
+import { autoUpdate, flip, offset, shift, useDismiss, useFloating, useInteractions, useRole } from "@floating-ui/react";
 import { useSlider, useSliderThumb } from "@react-aria/slider";
 import { useSliderState } from "@react-stately/slider";
-import { autoUpdate, flip, offset, shift, useDismiss, useFloating, useInteractions, useRole } from "@floating-ui/react";
 import { useFocusRing } from "@react-aria/focus";
 import { VisuallyHidden } from "@react-aria/visually-hidden";
 import { useController } from "react-hook-form";

package/dist/components/SmartTextInput/parser/method-chain/grammar.pegjs

@@ -0,0 +1,219 @@
+/**
+ * ===========================================================================
+ * Run bin/method_chain_parser/generate.sh after making change
+ * See parser.js in this directory for generated output
+ * ===========================================================================
+ */
+
+{{
+  function mkError(start, end, kind, extra) {
+    return { type: 'error', start, end, ...(kind ? { kind } : {}), ...(extra || {}) };
+  }
+  function hasErrors(node) {
+    if (!node || typeof node !== 'object') return false;
+    if (node.type === 'error') return true;
+    const children = node.children || [];
+    return children.some(hasErrors);
+  }
+}}
+
+Chain
+  = first:(SymbolIdentifier / InvalidChainStart)
+    rest:(Link / ErrorLink)*
+    {
+      const chain = { type: 'chain', children: [first, ...rest.flat()],
+                      start: location().start.offset, end: location().end.offset };
+      if (options.strict === true && hasErrors(chain)) { error('Invalid chain'); }
+      return chain;
+    }
+
+// Matches a non-identifier chain start. Excludes }, ,, ) to avoid consuming
+// delimiters in Handlebars / param contexts. Also excludes . so trailing-dot
+// ErrorLink handles dot-after-dot rather than producing two separate errors.
+InvalidChainStart
+  = !"}" !"," !")" !SymbolIdentifier c:. {
+      const s = location().start.offset;
+      const e = location().end.offset;
+      return mkError(s, e, 'invalidMethodChainSyntax');
+    }
+
+ErrorLink
+  = d:DotNode !. {
+      // Dot at absolute end of input — user is still typing (wip).
+      const e = location().end.offset;
+      return [d, mkError(e, e, 'trailingDot', { wip: true })];
+    }
+  / d:DotNode &("}" / "$" / "{") {
+      // Dot immediately before a Handlebars/Code delimiter — user is still
+      // typing the identifier that will follow (wip).
+      const e = location().end.offset;
+      return [d, mkError(e, e, 'trailingDot', { wip: true })];
+    }
+  / d:DotNode "@" (!. / &("}" / "$" / "{")) {
+      // '@' at end of input or before a delimiter — user starting a custom function name (wip).
+      const e = location().end.offset;
+      return [d, mkError(e, e, 'trailingAtSign', { wip: true })];
+    }
+  / d:DotNode !(SymbolIdentifier / "@" / "[") c:. {
+      // Dot followed by a character that is not a valid link start — consume
+      // the bad character and report it as a syntax error (not wip).
+      const s = d.end;
+      const e = location().end.offset;
+      return [d, mkError(s, e, 'invalidMethodChainSyntax')];
+    }
+  / [ \t]+ (!("}" / "$" / "{") .)* {
+      return mkError(location().start.offset, location().end.offset, 'invalidMethodChainSyntax');
+    }
+
+Link
+  = (d:DotNode link:(CustomFunction / Function / SymbolIdentifier) { return [d, link] })
+  / @LiteralIdentifier
+
+DotNode
+  = '.' { return { type: 'dot', start: location().start.offset, end: location().end.offset } }
+
+CustomFunction
+  = '@' name:[a-z0-9_-]i+ po:ParenOpen _ params:Parameters? _ pc:ParenClose
+    { return { type: 'custom_function', name: name.join(''),
+               children: [po, ...(params || []), pc],
+               start: location().start.offset, end: location().end.offset } }
+  / '@' name:[a-z0-9_-]i+ po:ParenOpen _ params:Parameters _ &{ return options.strict !== true; }
+    {
+      const s = location().start.offset;
+      const e = location().end.offset;
+      return { type: 'custom_function', name: name.join(''), start: s, end: e,
+               children: [po, ...params.map(p => ({ ...p, end: e })),
+                          mkError(e, e, 'unclosedFunctionParen', { wip: true })] };
+    }
+  / '@' name:[a-z0-9_-]i+ po:ParenOpen _ &{ return options.strict !== true; }
+    {
+      const e = location().end.offset;
+      return { type: 'custom_function', name: name.join(''),
+               start: location().start.offset, end: e,
+               children: [po, mkError(e, e, 'unclosedFunctionParen', { wip: true })] };
+    }
+  / '@' name:[a-z0-9_-]i+
+    { return { type: 'custom_function', name: name.join(''), children: [],
+               start: location().start.offset, end: location().end.offset } }
+
+Function
+  = id:SymbolIdentifier po:ParenOpen _ params:Parameters? _ pc:ParenClose
+    { return { type: 'function', name: id.name,
+               children: [po, ...(params || []), pc],
+               start: location().start.offset, end: location().end.offset } }
+  / id:SymbolIdentifier po:ParenOpen _ params:Parameters _ "," _ &{ return options.strict !== true; }
+    {
+      const s = location().start.offset;
+      const e = location().end.offset;
+      if (params.length === 0) {
+        return { type: 'function', name: id.name, start: s, end: e,
+                 children: [po, mkError(po.end, e, 'emptyFunctionParam')] };
+      }
+      return { type: 'function', name: id.name, start: s, end: e,
+               children: [po, ...params.map(p => ({ ...p, end: e })),
+                          mkError(po.end, e, 'trailingFunctionComma', { wip: true })] };
+    }
+  / id:SymbolIdentifier po:ParenOpen _ ic:InvalidParamContent _ pc:ParenClose &{ return options.strict !== true; }
+    {
+      return { type: 'function', name: id.name,
+               start: location().start.offset, end: location().end.offset,
+               children: [po, ic, pc] };
+    }
+  / id:SymbolIdentifier po:ParenOpen !. &{ return options.strict !== true; }
+    {
+      return { type: 'function', name: id.name,
+               start: location().start.offset, end: location().end.offset,
+               children: [po, mkError(po.end, po.end, 'unclosedFunctionParen', { wip: true })] };
+    }
+  / id:SymbolIdentifier po:ParenOpen _ params:Parameters _ &{ return options.strict !== true; }
+    {
+      const s = location().start.offset;
+      const e = location().end.offset;
+      return { type: 'function', name: id.name, start: s, end: e,
+               children: [po, ...params.map(p => ({ ...p, end: e })),
+                          mkError(e, e, 'unclosedFunctionParen', { wip: true })] };
+    }
+  / id:SymbolIdentifier po:ParenOpen _ &{ return options.strict !== true; }
+    {
+      const e = location().end.offset;
+      return { type: 'function', name: id.name,
+               start: location().start.offset, end: e,
+               children: [po, mkError(e, e, 'unclosedFunctionParen', { wip: true })] };
+    }
+
+InvalidParamContent
+  = (!ParenClose .)+ {
+      return mkError(location().start.offset, location().end.offset, 'invalidMethodChainSyntax');
+    }
+
+ParenOpen
+  = '(' { return { type: 'paren_open', start: location().start.offset, end: location().end.offset } }
+
+ParenClose
+  = ')' { return { type: 'paren_close', start: location().start.offset, end: location().end.offset } }
+
+Parameters
+  = Parameter|..,  _ ',' _|
+
+// Chain is only attempted when the input starts with a valid chain character
+// (SymbolIdentifier first char, @, or [). This ensures non-identifier content
+// (e.g. bare digits) falls through to InvalidParamContent rather than being
+// wrapped in a Chain containing an error node.
+Parameter
+  = (str:String { return { type: 'string', value: str, start: location().start.offset, end: location().end.offset}})
+  / (num:Number { return { type: 'number', value: num, start: location().start.offset, end: location().end.offset}})
+  / Array
+  / &(SymbolIdentifier / "@" / LiteralIdentifier) chain:Chain { return chain; }
+
+LiteralIdentifier
+  = '[' id:NonEmptyString ']' { return { type: 'identifier', name: id,
+                                         start: location().start.offset, end: location().end.offset } }
+
+SymbolIdentifier
+  = first:[a-zA-Z0-9_] rest:[a-zA-Z0-9_-]* { return { type: 'identifier', name: first + rest.join(''),
+                                               start: location().start.offset, end: location().end.offset } }
+
+NonEmptyString
+  = "'" chars:StringChar+ "'" { return chars.join('') }
+
+String
+  = "'" chars:StringChar* "'" { return chars.join('') }
+
+Array
+  = '[' _ items:ArrayItems? _ ']' {
+    return {
+      type: 'array',
+      children: items || [],
+      start: location().start.offset,
+      end: location().end.offset
+    }
+  }
+
+ArrayItems
+  = ArrayItem|..,  _ ',' _|
+
+ArrayItem
+  = (str:String { return { type: 'string', value: str}})
+  / (num:Number { return { type: 'number', value: num}})
+
+StringChar
+  = !(Quote / "\\") char:. { return char }
+  / "\\" char:Escapables { return char }
+
+Number
+  = _ '#'[0-9]+(Dot[0-9]+)? { return parseFloat(text().substr(1)) }
+
+Escapables
+  = Escape / Quote
+
+Escape
+  = '\\'
+
+Dot
+  = '.'
+
+Quote
+  = "'"
+
+_ "whitespace"
+  = [ \t\n\r]*

package/dist/components/SmartTextInput/parser/smart-text/grammar.pegjs

@@ -0,0 +1,154 @@
+/**
+ * ===========================================================================
+ * Run bin/smart_text_input_parser/generate.sh after making change
+ * See parser.js in this directory for generated output
+ * ===========================================================================
+ *
+ * SmartTextInput grammar — superset of the method chain grammar.
+ *
+ * Imports the method chain parser's Chain rule and adds:
+ *   - {{...}} Handlebars delimiter handling
+ *   - ${...} Code delimiter handling
+ *   - Top-level text handling (catch-all Text rule)
+ *
+ * Two start rules:
+ *   - Root       (default) — for interpolation mode: value may contain {{...}}, ${...}, and text
+ *   - ChainRoot             — for method-chain mode: the entire value is one Chain expression
+ */
+
+import Chain from "../method-chain/parser.js"
+
+{{
+  function mkNode(type, start, end, children) {
+    return { type, start, end, children: children || [] };
+  }
+  function mkError(start, end, kind, extra) {
+    return { type: 'error', start, end, ...(kind ? { kind } : {}), ...(extra || {}) };
+  }
+  function hasErrors(node) {
+    if (!node || typeof node !== 'object') return false;
+    if (node.type === 'error') return true;
+    const children = node.children || [];
+    return children.some(hasErrors);
+  }
+}}
+
+// Default start rule: interpolation mode.
+Root
+  = children:TopLevel* {
+      const node = mkNode('root', 0, input.length, children);
+      if (options.strict === true && hasErrors(node)) { error('Invalid expression'); }
+      return node;
+    }
+
+// Method-chain start rule: the entire value is a Chain expression.
+// Chain (with strict:false option) returns an AST with error nodes for invalid input.
+ChainRoot
+  = chain:Chain {
+      return mkNode('root', 0, input.length, [chain]);
+    }
+
+TopLevel
+  = &{ return !!options.allowHandlebars } node:Handlebars { return node; }
+  / &{ return !!options.allowCode } node:Code { return node; }
+  / Text
+
+// ---- Handlebars: {{chain}} ----
+// Uses imported Chain (full workflow syntax with functions/params) inside delimiters.
+// Chain with strict:false returns error-node ASTs instead of throwing, so both
+// the closed and unclosed forms just need two alternatives.
+
+Handlebars
+  = "{{" chain:Chain "}}" {
+      const s = location().start.offset;
+      const e = location().end.offset;
+      return mkNode('handlebars', s, e, [
+        mkNode('hb_open', s, s + 2),
+        chain,
+        mkNode('hb_close', e - 2, e),
+      ]);
+    }
+  / "{{" chain:Chain {
+      const s = location().start.offset;
+      const e = location().end.offset;
+      return mkNode('handlebars', s, e, [
+        mkNode('hb_open', s, s + 2),
+        chain,
+        mkError(e, e, 'unclosedHandlebars'),
+      ]);
+    }
+  / "{{" "}}" {
+      const s = location().start.offset;
+      const e = location().end.offset;
+      return mkNode('handlebars', s, e, [
+        mkNode('hb_open', s, s + 2),
+        mkError(s + 2, s + 2, 'emptyHandlebars'),
+        mkNode('hb_close', e - 2, e),
+      ]);
+    }
+  / "{{" {
+      const s = location().start.offset;
+      const e = location().end.offset;
+      return mkNode('handlebars', s, e, [
+        mkNode('hb_open', s, s + 2),
+        mkError(e, e, 'unclosedHandlebars'),
+      ]);
+    }
+
+// ---- Code: ${...} ----
+// Treats content inside ${...} as opaque text rather than a chain expression.
+// The inner content is emitted as a single code node regardless of what is typed.
+// Closed form (with matching close brace) and open-ended form (unclosed) are both handled.
+
+Code
+  = "${" CodeContent "}" {
+      const s = location().start.offset;
+      const e = location().end.offset;
+      return mkNode('code', s, e, [
+        mkNode('code_open', s, s + 2),
+        { type: 'code', start: s + 2, end: e - 1 },
+        mkNode('code_close', e - 1, e),
+      ]);
+    }
+  / "${" CodeContent {
+      const s = location().start.offset;
+      const e = location().end.offset;
+      return mkNode('code', s, e, [
+        mkNode('code_open', s, s + 2),
+        { type: 'code', start: s + 2, end: e },
+      ]);
+    }
+
+// Content inside ${...}: any characters that are not a new delimiter start or the closing brace.
+CodeContent = (!("${" / "}" / "{{") .)*
+
+// ---- Primitives ----
+
+DotNode
+  = "." {
+      return { type: 'dot', start: location().start.offset, end: location().end.offset };
+    }
+
+// Optional whitespace (spaces and tabs only).
+_ = [ \t]*
+
+// Plain text: any run of characters. Stops at {{...}} or ${...} only when the
+// corresponding expression type is enabled (allowHandlebars / allowCode options).
+Text
+  = chars:TextChar+ {
+      const s = location().start.offset;
+      const e = location().end.offset;
+      return mkNode('text', s, e);
+    }
+
+// A single character that is not the start of an enabled expression delimiter.
+TextChar
+  = !(EnabledHandlebarsStart / EnabledCodeStart) .
+
+// Matches "{{" only when handlebars expressions are enabled.
+EnabledHandlebarsStart
+  = &{ return !!options.allowHandlebars } "{{"
+
+// Matches "${" only when code expressions are enabled.
+EnabledCodeStart
+  = &{ return !!options.allowCode } "${"

package/dist/components/Spinner/index.mjs

@@ -1,2 +1,2 @@
-import { t as Spinner } from "../../Spinner-gBNWIwOn.mjs";
+import { t as Spinner } from "../../Spinner-Dpw3-3JS.mjs";
 export { Spinner, Spinner as default };

package/dist/components/TabBar/index.mjs

@@ -1,2 +1,2 @@
-import { a as TabContainer, i as TabBar, n as StyledTab, r as Tab, t as TabBarIconButton_default } from "../../TabBar-B__54oO3.mjs";
+import { a as TabContainer, i as TabBar, n as StyledTab, r as Tab, t as TabBarIconButton_default } from "../../TabBar-Dw3xE_B-.mjs";
 export { StyledTab, Tab, TabBar, TabBar as default, TabBarIconButton_default as TabBarIconButton, TabContainer };

package/dist/components/Table/index.mjs

@@ -1,2 +1,2 @@
-import { a as StickyTH, c as TableCellTitle, d as TableTR, f as TableTH, h as Table, i as StickyTD, l as TableIconTD, m as TableHeaderCell, n as TableBody, o as TableActionTD, p as TableRow, r as TableHead, s as TableCell, t as TableLayout, u as TableTD } from "../../Table-CqIi5mVF.mjs";
+import { a as StickyTH, c as TableCellTitle, d as TableTR, f as TableTH, h as Table, i as StickyTD, l as TableIconTD, m as TableHeaderCell, n as TableBody, o as TableActionTD, p as TableRow, r as TableHead, s as TableCell, t as TableLayout, u as TableTD } from "../../Table-ELLvSvH4.mjs";
 export { StickyTD, StickyTH, Table, Table as default, TableActionTD, TableBody, TableCell, TableCellTitle, TableHead, TableHeaderCell, TableIconTD, TableLayout, TableRow, TableTD, TableTH, TableTR };

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

@@ -1,3 +1,3 @@
 import { t as DragDirection } from "../../useTableBoxDragAndDrop-DkCxC7Mi.mjs";
-import { a as TableBox, o as TableBoxContext, r as InlineEditConfig, s as TableBoxProps } from "../../TableBoxCell-CQ3zT1jG.mjs";
+import { a as TableBox, o as TableBoxContext, r as InlineEditConfig, s as TableBoxProps } from "../../TableBoxCell-xnzuHPV1.mjs";
 export { DragDirection, InlineEditConfig, TableBoxContext, TableBoxProps, TableBox as default };

package/dist/components/TableBox/index.mjs

@@ -1,2 +1,2 @@
-import { n as TableBoxContext, t as TableBox } from "../../TableBox-C-8RxZT4.mjs";
+import { n as TableBoxContext, t as TableBox } from "../../TableBox-CCfha6G2.mjs";
 export { TableBoxContext, TableBox as default };

package/dist/components/TechnicalSticker/index.mjs

@@ -1,2 +1,2 @@
-import { t as TechnicalSticker } from "../../TechnicalSticker-D6MO_IfT.mjs";
+import { t as TechnicalSticker } from "../../TechnicalSticker-CLbNA0kp.mjs";
 export { TechnicalSticker, TechnicalSticker as default };

package/dist/components/TextArea/index.mjs

@@ -1,2 +1,2 @@
-import { t as TextAreaWithStyle } from "../../TextArea-CYirq-B2.mjs";
+import { t as TextAreaWithStyle } from "../../TextArea-oAK1DKId.mjs";
 export { TextAreaWithStyle as TextArea, TextAreaWithStyle as default };

package/dist/components/Toggle/index.mjs

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

package/dist/fieldPickerOptions.d.mts

@@ -1,4 +1,4 @@
-import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-Ds_i3K2m.mjs";
+import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-DBLJYQrh.mjs";
 import { t as FieldRegistry } from "./FieldRegistry-BslyuPZw.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/fieldPickerOptions.d.ts

package/dist/{index-BJr_obTf.d.mts → index-CBWvk6Ch.d.mts}

@@ -1,5 +1,5 @@
-import { n as ListBoxItemProps, r as ListBoxProps } from "./ListBox-P1eTecdo.mjs";
-import { n as LogicRowProps } from "./LogicRow-DtZYOzQ8.mjs";
+import { n as ListBoxItemProps, r as ListBoxProps } from "./ListBox-Awtw7Xy_.mjs";
+import { n as LogicRowProps } from "./LogicRow-DIn0gLEq.mjs";
 import * as _$react from "react";
 import * as _$react_aria_components0 from "react-aria-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
@@ -52,4 +52,4 @@ declare const ListBox: {
 };
 //#endregion
 export { ListBox as t };
-//# sourceMappingURL=index-BJr_obTf.d.mts.map
+//# sourceMappingURL=index-CBWvk6Ch.d.mts.map

package/dist/inputFields.d.mts

@@ -1,11 +1,11 @@
 import { n as CheckboxProps } from "./Checkbox-DRJXDs2T.mjs";
-import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-S6oFJcOS.mjs";
-import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-DFzCwW1Y.mjs";
+import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-CZRLyM_y.mjs";
+import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-BS6pZpU_.mjs";
 import { n as FormFieldBaseProps } from "./FormField-CZXKvCGt.mjs";
 import { a as InputProps } from "./Input-Diztxhle.mjs";
 import { n as RadioGroupProps } from "./RadioGroup-Dg_gydUp.mjs";
 import { i as SegmentedControlProps } from "./SegmentedControl-BBIHKcvo.mjs";
-import { i as SelectProps } from "./Select-wnr46ROZ.mjs";
+import { i as SelectProps } from "./Select-yPqzqe5k.mjs";
 import { t as TextAreaProps } from "./TextArea-BxxXQSwP.mjs";
 import { n as ToggleProps } from "./Toggle-BmUl78kH.mjs";
 import * as _$react from "react";

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

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

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

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

package/dist/lib/useModalInsetRight.mjs

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

package/dist/lib/useModalInsetRight.mjs.map

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

package/dist/patterns/LayoutLoadingShimmer/index.mjs

@@ -1,9 +1,9 @@
 import { a as styled } from "../../styledComponentsInterop-NxwFjeA4.mjs";
 import { n as Stack, t as HStack } from "../../Stack-BqQndGI9.mjs";
-import { t as LoadingShimmer } from "../../LoadingShimmer-DeVCDCjT.mjs";
-import { t as Card_default } from "../../CardV2-CFTjYWoO.mjs";
-import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "../../Table-CqIi5mVF.mjs";
-import { n as PageHeaderContainer } from "../../PageHeader-wpvRRTaa.mjs";
+import { t as LoadingShimmer } from "../../LoadingShimmer-ZyzJs5Vi.mjs";
+import { t as Card_default } from "../../CardV2-CBjhsfrn.mjs";
+import { h as Table, m as TableHeaderCell, n as TableBody, p as TableRow, r as TableHead, s as TableCell } from "../../Table-ELLvSvH4.mjs";
+import { n as PageHeaderContainer } from "../../PageHeader-UI_6yImi.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region patterns/containers.tsx

package/dist/useComboboxFooterAction.d.mts

@@ -1,4 +1,4 @@
-import { p as FooterAction } from "./ComboboxBase-Ds_i3K2m.mjs";
+import { p as FooterAction } from "./ComboboxBase-DBLJYQrh.mjs";
 import { KeyboardEvent } from "react";
 
 //#region components/Combobox/useComboboxFooterAction.d.ts