@persona/design-system 0.10.4 → 0.10.6

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

@@ -1,5 +1,5 @@
-import { a as Mode, i as FunctionFormRenderProps, n as CustomFunctionDetailRenderProps, o as OpenCodeChainFunctionPanel, s as PopoverFooterRenderer, t as CodeChainFunctionPanelRenderProps, u as ValueType } from "../../types-DWU0Dmy9.mjs";
-import { t as ContextMenuExamples } from "../../listbox-options-DCmqWWgy.mjs";
+import { a as Mode, i as FunctionFormRenderProps, n as CustomFunctionDetailRenderProps, o as OpenCodeChainFunctionPanel, s as PopoverFooterRenderer, t as CodeChainFunctionPanelRenderProps, u as ValueType } from "../../types-XjJqUj-p.mjs";
+import { t as ContextMenuExamples } from "../../listbox-options-CkwENvff.mjs";
 import SmartTextInput, { SmartTextInputProps } from "../../SmartTextInput.mjs";
 import SmartTextInputField, { SmartTextInputFieldProps } from "../../SmartTextInputField.mjs";
 export { type CodeChainFunctionPanelRenderProps, type ContextMenuExamples, type CustomFunctionDetailRenderProps, type FunctionFormRenderProps, Mode, type OpenCodeChainFunctionPanel, type PopoverFooterRenderer, SmartTextInputField, type SmartTextInputFieldProps, type SmartTextInputProps, ValueType, SmartTextInput as default };

package/dist/components/SmartTextInput/index.mjs

@@ -1,34 +1,34 @@
-import { a as styled, r as css } from "../../styledComponentsInterop-NxwFjeA4.mjs";
-import { i as Paragraph } from "../../Text-CSwFifQF.mjs";
+import { a as styled, r as css } from "../../styledComponentsInterop-Cs5CCPRy.mjs";
+import { i as Paragraph } from "../../Text-D0vEReED.mjs";
 import { rotate } from "../../variables/keyframes.mjs";
 import { JsonSchemaStringifiableTypes, getNonNullableRefSchema, getNonNullableType, isFunctionSchema, isJsonSchemaArray, isSchemaTypeAllowed } from "../../lib/jsonSchema.mjs";
 import { isCreatableReceiverSchema, isNoArgCodeChainFunction } from "../../lib/customFunctionSchema.mjs";
 import { isASTCustomFunctionNode, isAnyASTFunctionNode, isRealASTFunctionParamType } from "./parser/method-chain/types.mjs";
-import { _ as methodChainToString, l as isEmpty, n as MethodChainNodeTypes, w as assertNever } from "../../methodChain-xZ1_vhbz.mjs";
+import { _ as methodChainToString, l as isEmpty, n as MethodChainNodeTypes, w as assertNever } from "../../methodChain-LVNHiGPB.mjs";
 import { normalizeChain, normalizeFunctionParam } from "../../lib/methodChainNormalize.mjs";
 import { UNTYPED_ADDITIONAL_PROPERTY_SCHEMA, getFunctionSchemaForNode, getSchemaForFieldPath } from "../../lib/schemaOptions.mjs";
-import { n as useChain, r as useChainSchema } from "../../useChain-Cu4KDfFk.mjs";
+import { n as useChain, r as useChainSchema } from "../../useChain-D1aNsdvn.mjs";
 import { Z_INDICES } from "../../lib/zindex.mjs";
 import { focusStyle } from "../../mixins/focus.mjs";
 import "../../variables/effect.mjs";
-import { n as Stack, t as HStack } from "../../Stack-BkC7FCdF.mjs";
-import { n as Button } from "../../IconButton-HWx5Hlmi.mjs";
-import { n as useFormField } from "../../useFormField-CbNYbDdp.mjs";
+import { n as Stack, t as HStack } from "../../Stack-Bzom2BTR.mjs";
+import { n as Button } from "../../IconButton-DftINsp7.mjs";
+import { n as useFormField } from "../../useFormField-pOVkb5BK.mjs";
 import Input_default from "../Input/index.mjs";
-import { n as ErrorText } from "../../FormControl-C4CiA0H-.mjs";
-import { m as FormField, n as TableBoxField, p as splitOutFormFieldProps } from "../../FormField-C0cd1zVd.mjs";
+import { n as ErrorText } from "../../FormControl-BztNXLn6.mjs";
+import { m as FormField, n as TableBoxField, p as splitOutFormFieldProps } from "../../FormField-BStxmlZT.mjs";
 import PillType from "./PillType.mjs";
 import { ErrorMessageByKind, NodeType, isASTChainNode, isASTContainerNode, isMethodChainNode } from "./parser/smart-text/types.mjs";
 import { parse as peg$parse } from "./parser/smart-text/parser.mjs";
-import { BorderRadius, Color, Spacing, Typography } from "@persona/design-tokens";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { BorderRadius, Color, Spacing, Typography } from "@persona/design-tokens";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { LoaderIcon } from "@persona/icons";
 import { ArrowLeftIcon as ArrowLeftIcon$1 } from "@persona/icons/12px";
 import { FocusScope, mergeProps, useComboBox, useDialog, useFocusManager, useInteractOutside, useListBox, useOption, usePopover } from "react-aria";
 import { Item, useComboBoxState } from "react-stately";
 import { createPortal } from "react-dom";
-//#region components/SmartTextInput/parser/tree.ts
+//#region src/components/SmartTextInput/parser/tree.ts
 function getChildren(node) {
 	return node.children ?? [];
 }
@@ -66,7 +66,7 @@ function enclosingExpr(root, node) {
 	return findAncestor(root, node, (a) => a.type === NodeType.Handlebars || a.type === NodeType.Code);
 }
 //#endregion
-//#region components/SmartTextInput/HighlightedText.tsx
+//#region src/components/SmartTextInput/HighlightedText.tsx
 const LoadingIndicator = styled(LoaderIcon)`
   color: ${Color.BorderIconSecondary};
   animation: ${rotate} linear 1s infinite;
@@ -351,7 +351,7 @@ const HighlightedText = ({ value, tree, focused, interactive, schemaValidator, o
 	}) });
 };
 //#endregion
-//#region components/SmartTextInput/types.ts
+//#region src/components/SmartTextInput/types.ts
 /**
 * The mode of the SmartTextInput. Determined by the position of the cursor in the input and the
 * result of the parser.
@@ -374,7 +374,7 @@ let ValueType = /* @__PURE__ */ function(ValueType) {
 	return ValueType;
 }({});
 //#endregion
-//#region components/SmartTextInput/parser/safe-parse.ts
+//#region src/components/SmartTextInput/parser/safe-parse.ts
 /**
 * Parses the input string into an ASTNode tree.
 */
@@ -399,7 +399,7 @@ function safeParse(input, options) {
 	}
 }
 //#endregion
-//#region components/SmartTextInput/utils.ts
+//#region src/components/SmartTextInput/utils.ts
 const createMeasureCanvas = () => {
 	const canvas = document.createElement("canvas");
 	return [canvas, () => {
@@ -657,7 +657,7 @@ const isQueryMatch = (query, chain) => {
 	return (prop.startsWith("@") ? prop.slice(1) : prop).startsWith(query);
 };
 //#endregion
-//#region components/SmartTextInput/listbox-options.ts
+//#region src/components/SmartTextInput/listbox-options.ts
 const CONTEXT_MENU_OPTIONS = {
 	enterMethodChainMode: {
 		label: "trigger.id",
@@ -726,7 +726,7 @@ const getMethodChainOptions = (options) => {
 	}));
 };
 //#endregion
-//#region components/SmartTextInput/SmartTextInputFunctionDialog.tsx
+//#region src/components/SmartTextInput/SmartTextInputFunctionDialog.tsx
 const StyledDialog = styled(Stack)`
   height: 100%;
   gap: 0;
@@ -809,7 +809,7 @@ const SmartTextInputFunctionDialog = ({ id, inputRef, functionAtCursor, nextPoss
 	});
 };
 //#endregion
-//#region components/SmartTextInput/SmartTextInputCodeDialog.tsx
+//#region src/components/SmartTextInput/SmartTextInputCodeDialog.tsx
 const DialogContent = styled.div`
   padding: ${Spacing[3]};
   overflow-y: auto;
@@ -872,7 +872,7 @@ const SmartTextInputCodeDialog = ({ id, inputRef, onConfirm, onCancel }) => {
 	});
 };
 //#endregion
-//#region components/SmartTextInput/SmartTextInputPopover.tsx
+//#region src/components/SmartTextInput/SmartTextInputPopover.tsx
 const PopoverContainer = styled.div`
   ${({ $isDialog }) => $isDialog ? css`
           min-width: 340px;
@@ -947,7 +947,7 @@ const SmartTextInputPopover = ({ id, children, comboboxState, inputRef, popoverR
 	else return createPortal(render(), portalContainerRef ?? document.body);
 };
 //#endregion
-//#region components/SmartTextInput/SmartTextInputListbox.tsx
+//#region src/components/SmartTextInput/SmartTextInputListbox.tsx
 const EmptyOptionList = styled.div`
   display: flex;
   align-items: center;
@@ -1111,7 +1111,7 @@ const SmartTextInputListbox = ({ comboboxState, listBoxRef, listBoxProps, mode,
 	});
 };
 //#endregion
-//#region components/SmartTextInput/useChainAtCursor.ts
+//#region src/components/SmartTextInput/useChainAtCursor.ts
 /**
 * Extracts the chain context at the cursor position in a single pass.
 *
@@ -1240,7 +1240,7 @@ const useChainAtCursor = ({ value, onUpdateChain, tree, cursorIdx, valueType, as
 	}];
 };
 //#endregion
-//#region components/SmartTextInput/useCodeChainFunctionPanel.tsx
+//#region src/components/SmartTextInput/useCodeChainFunctionPanel.tsx
 /**
 * Manages opening and rendering the CCF editing panel.
 */
@@ -1270,7 +1270,7 @@ const useCodeChainFunctionPanel = ({ enabled, canCreate, renderPanel: renderPane
 	};
 };
 //#endregion
-//#region components/SmartTextInput/validation.tsx
+//#region src/components/SmartTextInput/validation.tsx
 const SchemaErrorMessage = styled.span`
   display: inline-flex;
   align-items: center;
@@ -1429,7 +1429,7 @@ const useInternalValidation = ({ tree, valueIsEmpty, focused, schemaValidator, o
 	}, [errorKey, onValidationChange]);
 };
 //#endregion
-//#region components/SmartTextInput/SmartTextInput.tsx
+//#region src/components/SmartTextInput/SmartTextInput.tsx
 const StyledInput = styled(Input_default)`
   ${Typography.TextMono}
   position: relative;
@@ -1996,7 +1996,7 @@ const SmartTextInput = ({ value: passedValue, onChange, valueType: allowedValueT
 	}), renderCcfPanel()] });
 };
 //#endregion
-//#region components/SmartTextInput/SmartTextInputField.tsx
+//#region src/components/SmartTextInput/SmartTextInputField.tsx
 const SmartTextInputForField = (props) => {
 	const field = useFormField({ inputId: props.id });
 	return /* @__PURE__ */ jsx(SmartTextInput, {