@depup/react-aria-components 1.19.0-depup.27 → 1.20.0-depup.0

package/dist/private/TokenField.cjs

@@ -0,0 +1,207 @@
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $433949643203e332$exports = require("./Autocomplete.cjs");
+var $d5d46822336ca1e1$exports = require("./Label.cjs");
+var $cab7d9a238d19c33$exports = require("./Text.cjs");
+var $4P2rL$reactariaprivatecollectionsHidden = require("react-aria/private/collections/Hidden");
+var $4P2rL$reactariafilterDOMProps = require("react-aria/filterDOMProps");
+var $4P2rL$reactariauseHover = require("react-aria/useHover");
+var $4P2rL$reactariamergeProps = require("react-aria/mergeProps");
+var $4P2rL$reactariamergeRefs = require("react-aria/mergeRefs");
+var $4P2rL$react = require("react");
+var $4P2rL$reactstatelyuseTokenFieldState = require("react-stately/useTokenFieldState");
+var $4P2rL$reactariauseFocusRing = require("react-aria/useFocusRing");
+var $4P2rL$reactariauseObjectRef = require("react-aria/useObjectRef");
+var $4P2rL$reactariauseTokenField = require("react-aria/useTokenField");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "TokenFieldContext", function () { return $95baf1bfb6adc271$export$24532e5e37c56ff2; });
+$parcel$export(module.exports, "TokenField", function () { return $95baf1bfb6adc271$export$e4550c392cbe69d7; });
+$parcel$export(module.exports, "TokenInput", function () { return $95baf1bfb6adc271$export$4ddf413e820cfcc4; });
+$parcel$export(module.exports, "Token", function () { return $95baf1bfb6adc271$export$50792b0e93539fde; });
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $95baf1bfb6adc271$export$24532e5e37c56ff2 = /*#__PURE__*/ (0, $4P2rL$react.createContext)(null);
+const $95baf1bfb6adc271$var$TokenInputContext = /*#__PURE__*/ (0, $4P2rL$react.createContext)(null);
+const $95baf1bfb6adc271$export$e4550c392cbe69d7 = /*#__PURE__*/ (0, $4P2rL$reactariaprivatecollectionsHidden.createHideableComponent)(function TokenField(props, ref) {
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $95baf1bfb6adc271$export$24532e5e37c56ff2);
+    let [labelRef, label] = (0, $048d76b84370f141$exports.useSlot)(!props['aria-label'] && !props['aria-labelledby']);
+    let fieldCtx = (0, $048d76b84370f141$exports.useSlottedContext)((0, $433949643203e332$exports.FieldInputContext), props.slot);
+    let { value: _autocompleteValue, onChange: onAutocompleteChange, ref: autocompleteRef, ...autocompleteProps } = fieldCtx ?? {};
+    let inputRef = (0, $4P2rL$reactariauseObjectRef.useObjectRef)(autocompleteRef);
+    let isDisabled = props.isDisabled || false;
+    let isReadOnly = props.isReadOnly || false;
+    let state = (0, $4P2rL$reactstatelyuseTokenFieldState.useTokenFieldState)({
+        ...props,
+        onChange: (value)=>{
+            props.onChange?.(value);
+            onAutocompleteChange?.(value.toString());
+        }
+    });
+    let { tokenFieldProps: tokenFieldProps, labelProps: labelProps, descriptionProps: descriptionProps } = (0, $4P2rL$reactariauseTokenField.useTokenField)({
+        ...props,
+        label: // @ts-ignore - not a public prop, used to determine if slot is present
+        label,
+        role: props.role || autocompleteProps['role'] || 'textbox'
+    }, state, inputRef);
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        values: {
+            isDisabled: isDisabled,
+            isReadOnly: isReadOnly
+        },
+        defaultClassName: 'react-aria-TokenField'
+    });
+    let DOMProps = (0, $4P2rL$reactariafilterDOMProps.filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($4P2rL$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+        ...DOMProps,
+        ...renderProps,
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-readonly": isReadOnly || undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($4P2rL$react))).createElement((0, $048d76b84370f141$exports.Provider), {
+        values: [
+            [
+                (0, $d5d46822336ca1e1$exports.LabelContext),
+                {
+                    ...labelProps,
+                    elementType: 'span',
+                    ref: labelRef
+                }
+            ],
+            [
+                (0, $cab7d9a238d19c33$exports.TextContext),
+                {
+                    slots: {
+                        description: descriptionProps
+                    }
+                }
+            ],
+            [
+                $95baf1bfb6adc271$var$TokenInputContext,
+                {
+                    tokenFieldProps: tokenFieldProps,
+                    state: state,
+                    isDisabled: isDisabled,
+                    isReadOnly: isReadOnly,
+                    autocompleteProps: autocompleteProps,
+                    ref: inputRef
+                }
+            ]
+        ]
+    }, renderProps.children));
+});
+const $95baf1bfb6adc271$export$4ddf413e820cfcc4 = /*#__PURE__*/ (0, $4P2rL$react.forwardRef)(function TokenInput(props, forwardedRef) {
+    let { tokenFieldProps: tokenFieldProps, state: state, isDisabled: isDisabled = false, isReadOnly: isReadOnly = false, autocompleteProps: autocompleteProps, ref: contextRef } = (0, $4P2rL$react.useContext)($95baf1bfb6adc271$var$TokenInputContext);
+    let ref = (0, $4P2rL$react.useMemo)(()=>(0, $4P2rL$reactariamergeRefs.mergeRefs)(contextRef, forwardedRef), [
+        contextRef,
+        forwardedRef
+    ]);
+    let { children: children, ...domProps } = props;
+    let { isHovered: isHovered, hoverProps: hoverProps } = (0, $4P2rL$reactariauseHover.useHover)(domProps);
+    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $4P2rL$reactariauseFocusRing.useFocusRing)();
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...domProps,
+        defaultClassName: 'react-aria-TokenInput',
+        values: {
+            isHovered: isHovered,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: isDisabled,
+            isReadOnly: isReadOnly
+        }
+    });
+    let DOMProps = (0, $4P2rL$reactariafilterDOMProps.filterDOMProps)(domProps, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($4P2rL$react))).createElement((0, $048d76b84370f141$exports.dom).div, {
+        ...(0, $4P2rL$reactariamergeProps.mergeProps)(DOMProps, renderProps, focusProps, hoverProps, tokenFieldProps, autocompleteProps),
+        ref: ref,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-readonly": isReadOnly || undefined,
+        style: {
+            ...renderProps.style,
+            ...tokenFieldProps?.style
+        }
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($4P2rL$react))).createElement($95baf1bfb6adc271$var$CompositionRenderBlocker, {
+        isComposing: state.isComposing
+    }, state.value.segments.map((v, i)=>{
+        switch(v.type){
+            case 'token':
+                {
+                    let token = children(v);
+                    return(// Wrap tokens in zero-width spaces so the cursor is placed correctly.
+                    /*#__PURE__*/ (0, ($parcel$interopDefault($4P2rL$react))).createElement("span", {
+                        key: i
+                    }, '\u200b', token, '\u200b'));
+                }
+            case 'text':
+                return v.text;
+        }
+    }), state.value.segments.at(-1)?.text.endsWith('\n') && /*#__PURE__*/ (0, ($parcel$interopDefault($4P2rL$react))).createElement("br", null)));
+});
+const $95baf1bfb6adc271$export$50792b0e93539fde = /*#__PURE__*/ (0, $4P2rL$react.forwardRef)(function Token(props, ref) {
+    let { isDisabled: isDisabled } = (0, $4P2rL$react.useContext)($95baf1bfb6adc271$var$TokenInputContext);
+    let objectRef = (0, $4P2rL$reactariauseObjectRef.useObjectRef)(ref);
+    let { tokenProps: tokenProps, isSelected: isSelected } = (0, $4P2rL$reactariauseTokenField.useToken)(props, {}, objectRef);
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        defaultClassName: 'react-aria-Token',
+        values: {
+            isSelected: isSelected,
+            isDisabled: isDisabled
+        }
+    });
+    let DOMProps = (0, $4P2rL$reactariafilterDOMProps.filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($4P2rL$react))).createElement((0, $048d76b84370f141$exports.dom).span, {
+        ref: objectRef,
+        ...(0, $4P2rL$reactariamergeProps.mergeProps)(DOMProps, renderProps, tokenProps),
+        "data-selected": isSelected || undefined,
+        "data-disabled": isDisabled || undefined,
+        style: {
+            ...renderProps.style,
+            ...tokenProps.style
+        }
+    }, renderProps.children);
+});
+// Prevents React from re-rendering during composition events.
+const $95baf1bfb6adc271$var$CompositionRenderBlocker = /*#__PURE__*/ (0, $4P2rL$react.memo)(({ children: children })=>children, (prevProps, nextProps)=>nextProps.isComposing ? true : prevProps.children === nextProps.children);
+
+
+//# sourceMappingURL=TokenField.cjs.map

package/dist/private/TokenField.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/TokenField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaTokenFieldProps} from 'react-aria/useTokenField';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps,\n  useSlot,\n  useSlottedContext\n} from './utils';\nimport {createHideableComponent} from 'react-aria/private/collections/Hidden';\nimport {FieldInputContext} from './Autocomplete';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {HoverProps, useHover} from 'react-aria/useHover';\nimport {LabelContext} from './Label';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  memo,\n  RefObject,\n  useContext,\n  useMemo\n} from 'react';\nimport {TextContext} from './Text';\nimport {\n  TokenFieldState,\n  TokenFieldValue,\n  TokenSegment,\n  useTokenFieldState\n} from 'react-stately/useTokenFieldState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useToken, useTokenField} from 'react-aria/useTokenField';\n\nexport interface TokenFieldRenderProps {\n  /**\n   * Whether the token field is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the token field is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n}\n\nexport interface TokenFieldProps<T extends TokenFieldValue = TokenFieldValue>\n  extends\n    AriaTokenFieldProps<T>,\n    RenderProps<TokenFieldRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-TokenField'\n   */\n  className?: ClassNameOrFunction<TokenFieldRenderProps>;\n}\n\nexport interface TokenInputRenderProps {\n  /**\n   * Whether the token input is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n  /**\n   * Whether the token input is focused, either via a mouse or keyboard.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the token input is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the token input is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the token input is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n}\n\nexport interface TokenInputProps<T extends TokenFieldValue = TokenFieldValue>\n  extends\n    HoverProps,\n    StyleRenderProps<TokenInputRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * A function that renders a token for each segment in the token field.\n   */\n  children: (\n    segment: TokenSegment<T extends TokenFieldValue<infer V> ? V : never>\n  ) => React.ReactElement;\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-TokenInput'\n   */\n  className?: ClassNameOrFunction<TokenInputRenderProps>;\n}\n\ninterface TokenInputContextValue<T extends TokenFieldValue = TokenFieldValue> {\n  tokenFieldProps: HTMLAttributes<HTMLDivElement>;\n  state: TokenFieldState<T>;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  autocompleteProps?: HTMLAttributes<HTMLDivElement>;\n  ref: RefObject<HTMLDivElement | null>;\n}\n\nexport const TokenFieldContext = createContext<ContextValue<TokenFieldProps, HTMLDivElement>>(null);\nconst TokenInputContext = createContext<TokenInputContextValue | null>(null);\n\n/**\n * A token field allows users to enter text with inline tokens. Use it to build AI prompt fields,\n * tag inputs, structured search fields, mention inputs, and multi-select comboboxes.\n */\nexport const TokenField = /*#__PURE__*/ createHideableComponent(function TokenField<\n  T extends TokenFieldValue = TokenFieldValue\n>(props: TokenFieldProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, TokenFieldContext);\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n\n  let fieldCtx = useSlottedContext(FieldInputContext, props.slot);\n  let {\n    value: _autocompleteValue,\n    onChange: onAutocompleteChange,\n    ref: autocompleteRef,\n    ...autocompleteProps\n  } = fieldCtx ?? {};\n  let inputRef = useObjectRef(autocompleteRef);\n\n  let isDisabled = props.isDisabled || false;\n  let isReadOnly = props.isReadOnly || false;\n\n  let state = useTokenFieldState<T>({\n    ...props,\n    onChange: (value: T) => {\n      props.onChange?.(value);\n      onAutocompleteChange?.(value.toString());\n    }\n  });\n\n  let {tokenFieldProps, labelProps, descriptionProps} = useTokenField(\n    {\n      ...props,\n      // @ts-ignore - not a public prop, used to determine if slot is present\n      label,\n      role: props.role || autocompleteProps['role'] || 'textbox'\n    },\n    state,\n    inputRef\n  );\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      isDisabled,\n      isReadOnly\n    },\n    defaultClassName: 'react-aria-TokenField'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...DOMProps}\n      {...renderProps}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-disabled={isDisabled || undefined}\n      data-readonly={isReadOnly || undefined}>\n      <Provider\n        values={[\n          [LabelContext, {...labelProps, elementType: 'span', ref: labelRef}],\n          [\n            TextContext,\n            {\n              slots: {\n                description: descriptionProps\n              }\n            }\n          ],\n          [\n            TokenInputContext,\n            {\n              tokenFieldProps,\n              state: state as any,\n              isDisabled,\n              isReadOnly,\n              autocompleteProps: autocompleteProps as HTMLAttributes<HTMLDivElement>,\n              ref: inputRef as RefObject<HTMLDivElement | null>\n            }\n          ]\n        ]}>\n        {renderProps.children}\n      </Provider>\n    </dom.div>\n  );\n});\n\n/**\n * A token input represents the editable area within a token field.\n */\nexport const TokenInput = /*#__PURE__*/ (forwardRef as forwardRefType)(function TokenInput<\n  T extends TokenFieldValue = TokenFieldValue\n>(props: TokenInputProps<T>, forwardedRef: ForwardedRef<HTMLDivElement | null>) {\n  let {\n    tokenFieldProps,\n    state,\n    isDisabled = false,\n    isReadOnly = false,\n    autocompleteProps,\n    ref: contextRef\n  } = useContext(TokenInputContext)!;\n  let ref = useMemo(() => mergeRefs(contextRef, forwardedRef), [contextRef, forwardedRef]);\n  let {children, ...domProps} = props;\n\n  let {isHovered, hoverProps} = useHover(domProps);\n  let {isFocused, isFocusVisible, focusProps} = useFocusRing();\n\n  let renderProps = useRenderProps({\n    ...domProps,\n    defaultClassName: 'react-aria-TokenInput',\n    values: {\n      isHovered,\n      isFocused,\n      isFocusVisible,\n      isDisabled,\n      isReadOnly\n    }\n  });\n\n  let DOMProps = filterDOMProps(domProps, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(\n        DOMProps,\n        renderProps,\n        focusProps,\n        hoverProps,\n        tokenFieldProps,\n        autocompleteProps\n      )}\n      ref={ref}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={isDisabled || undefined}\n      data-readonly={isReadOnly || undefined}\n      style={{...renderProps.style, ...tokenFieldProps?.style}}>\n      <CompositionRenderBlocker isComposing={state.isComposing}>\n        {state.value.segments.map((v, i) => {\n          switch (v.type) {\n            case 'token': {\n              let token = children(v);\n              return (\n                // Wrap tokens in zero-width spaces so the cursor is placed correctly.\n                <span key={i}>\n                  {'\\u200b'}\n                  {token}\n                  {'\\u200b'}\n                </span>\n              );\n            }\n            case 'text':\n              return v.text;\n          }\n        })}\n        {/* Force cursor to the next line if the last segment ends with a newline. */}\n        {state.value.segments.at(-1)?.text.endsWith('\\n') && <br />}\n      </CompositionRenderBlocker>\n    </dom.div>\n  );\n});\n\nexport interface TokenRenderProps {\n  /**\n   * Whether the token is selected.\n   *\n   * @selector [data-selected]\n   */\n  isSelected: boolean;\n  /**\n   * Whether the token is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n}\n\nexport interface TokenProps\n  extends RenderProps<TokenRenderProps, 'span'>, GlobalDOMAttributes<HTMLSpanElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Token'\n   */\n  className?: ClassNameOrFunction<TokenRenderProps>;\n}\n\n/**\n * A token represents an inline segment within a token field.\n */\nexport const Token = forwardRef(function Token(\n  props: TokenProps,\n  ref: ForwardedRef<HTMLSpanElement>\n) {\n  let {isDisabled} = useContext(TokenInputContext)!;\n  let objectRef = useObjectRef(ref);\n  let {tokenProps, isSelected} = useToken(props, {}, objectRef);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Token',\n    values: {\n      isSelected,\n      isDisabled\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.span\n      ref={objectRef}\n      {...mergeProps(DOMProps, renderProps, tokenProps)}\n      data-selected={isSelected || undefined}\n      data-disabled={isDisabled || undefined}\n      style={{\n        ...renderProps.style,\n        ...tokenProps.style\n      }}>\n      {renderProps.children}\n    </dom.span>\n  );\n});\n\n// Prevents React from re-rendering during composition events.\nconst CompositionRenderBlocker = memo(\n  ({children}: {children: React.ReactNode; isComposing: boolean}) => children,\n  (prevProps, nextProps) =>\n    nextProps.isComposing ? true : prevProps.children === nextProps.children\n);\n"],"names":[],"version":3,"file":"TokenField.cjs.map"}

package/dist/private/TokenField.js

@@ -0,0 +1,197 @@
+import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, Provider as $b7b7a92703138c9b$export$2881499e37b75b9a, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3, useSlot as $b7b7a92703138c9b$export$9d4c57ee4c6ffdd8, useSlottedContext as $b7b7a92703138c9b$export$fabf2dc03a41866e} from "./utils.js";
+import {FieldInputContext as $8f09b710ef85b337$export$698f465ec27e93df} from "./Autocomplete.js";
+import {LabelContext as $3e4839e5b30e7b17$export$75b6ee27786ba447} from "./Label.js";
+import {TextContext as $20d769b1e2b13352$export$9afb8bc826b033ea} from "./Text.js";
+import {createHideableComponent as $lOx05$createHideableComponent} from "react-aria/private/collections/Hidden";
+import {filterDOMProps as $lOx05$filterDOMProps} from "react-aria/filterDOMProps";
+import {useHover as $lOx05$useHover} from "react-aria/useHover";
+import {mergeProps as $lOx05$mergeProps} from "react-aria/mergeProps";
+import {mergeRefs as $lOx05$mergeRefs} from "react-aria/mergeRefs";
+import $lOx05$react, {createContext as $lOx05$createContext, forwardRef as $lOx05$forwardRef, useContext as $lOx05$useContext, useMemo as $lOx05$useMemo, memo as $lOx05$memo} from "react";
+import {useTokenFieldState as $lOx05$useTokenFieldState} from "react-stately/useTokenFieldState";
+import {useFocusRing as $lOx05$useFocusRing} from "react-aria/useFocusRing";
+import {useObjectRef as $lOx05$useObjectRef} from "react-aria/useObjectRef";
+import {useTokenField as $lOx05$useTokenField, useToken as $lOx05$useToken} from "react-aria/useTokenField";
+
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $0557236f0f66b699$export$24532e5e37c56ff2 = /*#__PURE__*/ (0, $lOx05$createContext)(null);
+const $0557236f0f66b699$var$TokenInputContext = /*#__PURE__*/ (0, $lOx05$createContext)(null);
+const $0557236f0f66b699$export$e4550c392cbe69d7 = /*#__PURE__*/ (0, $lOx05$createHideableComponent)(function TokenField(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $0557236f0f66b699$export$24532e5e37c56ff2);
+    let [labelRef, label] = (0, $b7b7a92703138c9b$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);
+    let fieldCtx = (0, $b7b7a92703138c9b$export$fabf2dc03a41866e)((0, $8f09b710ef85b337$export$698f465ec27e93df), props.slot);
+    let { value: _autocompleteValue, onChange: onAutocompleteChange, ref: autocompleteRef, ...autocompleteProps } = fieldCtx !== null && fieldCtx !== void 0 ? fieldCtx : {};
+    let inputRef = (0, $lOx05$useObjectRef)(autocompleteRef);
+    let isDisabled = props.isDisabled || false;
+    let isReadOnly = props.isReadOnly || false;
+    let state = (0, $lOx05$useTokenFieldState)({
+        ...props,
+        onChange: (value)=>{
+            var _props_onChange;
+            (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, value);
+            onAutocompleteChange === null || onAutocompleteChange === void 0 ? void 0 : onAutocompleteChange(value.toString());
+        }
+    });
+    let { tokenFieldProps: tokenFieldProps, labelProps: labelProps, descriptionProps: descriptionProps } = (0, $lOx05$useTokenField)({
+        ...props,
+        label: // @ts-ignore - not a public prop, used to determine if slot is present
+        label,
+        role: props.role || autocompleteProps['role'] || 'textbox'
+    }, state, inputRef);
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            isDisabled: isDisabled,
+            isReadOnly: isReadOnly
+        },
+        defaultClassName: 'react-aria-TokenField'
+    });
+    let DOMProps = (0, $lOx05$filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, $lOx05$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...DOMProps,
+        ...renderProps,
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-readonly": isReadOnly || undefined
+    }, /*#__PURE__*/ (0, $lOx05$react).createElement((0, $b7b7a92703138c9b$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $3e4839e5b30e7b17$export$75b6ee27786ba447),
+                {
+                    ...labelProps,
+                    elementType: 'span',
+                    ref: labelRef
+                }
+            ],
+            [
+                (0, $20d769b1e2b13352$export$9afb8bc826b033ea),
+                {
+                    slots: {
+                        description: descriptionProps
+                    }
+                }
+            ],
+            [
+                $0557236f0f66b699$var$TokenInputContext,
+                {
+                    tokenFieldProps: tokenFieldProps,
+                    state: state,
+                    isDisabled: isDisabled,
+                    isReadOnly: isReadOnly,
+                    autocompleteProps: autocompleteProps,
+                    ref: inputRef
+                }
+            ]
+        ]
+    }, renderProps.children));
+});
+const $0557236f0f66b699$export$4ddf413e820cfcc4 = /*#__PURE__*/ (0, $lOx05$forwardRef)(function TokenInput(props, forwardedRef) {
+    var _state_value_segments_at;
+    let { tokenFieldProps: tokenFieldProps, state: state, isDisabled: isDisabled = false, isReadOnly: isReadOnly = false, autocompleteProps: autocompleteProps, ref: contextRef } = (0, $lOx05$useContext)($0557236f0f66b699$var$TokenInputContext);
+    let ref = (0, $lOx05$useMemo)(()=>(0, $lOx05$mergeRefs)(contextRef, forwardedRef), [
+        contextRef,
+        forwardedRef
+    ]);
+    let { children: children, ...domProps } = props;
+    let { isHovered: isHovered, hoverProps: hoverProps } = (0, $lOx05$useHover)(domProps);
+    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $lOx05$useFocusRing)();
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...domProps,
+        defaultClassName: 'react-aria-TokenInput',
+        values: {
+            isHovered: isHovered,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: isDisabled,
+            isReadOnly: isReadOnly
+        }
+    });
+    let DOMProps = (0, $lOx05$filterDOMProps)(domProps, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, $lOx05$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).div, {
+        ...(0, $lOx05$mergeProps)(DOMProps, renderProps, focusProps, hoverProps, tokenFieldProps, autocompleteProps),
+        ref: ref,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-readonly": isReadOnly || undefined,
+        style: {
+            ...renderProps.style,
+            ...tokenFieldProps === null || tokenFieldProps === void 0 ? void 0 : tokenFieldProps.style
+        }
+    }, /*#__PURE__*/ (0, $lOx05$react).createElement($0557236f0f66b699$var$CompositionRenderBlocker, {
+        isComposing: state.isComposing
+    }, state.value.segments.map((v, i)=>{
+        switch(v.type){
+            case 'token':
+                {
+                    let token = children(v);
+                    return(// Wrap tokens in zero-width spaces so the cursor is placed correctly.
+                    /*#__PURE__*/ (0, $lOx05$react).createElement("span", {
+                        key: i
+                    }, '\u200b', token, '\u200b'));
+                }
+            case 'text':
+                return v.text;
+        }
+    }), ((_state_value_segments_at = state.value.segments.at(-1)) === null || _state_value_segments_at === void 0 ? void 0 : _state_value_segments_at.text.endsWith('\n')) && /*#__PURE__*/ (0, $lOx05$react).createElement("br", null)));
+});
+const $0557236f0f66b699$export$50792b0e93539fde = /*#__PURE__*/ (0, $lOx05$forwardRef)(function Token(props, ref) {
+    let { isDisabled: isDisabled } = (0, $lOx05$useContext)($0557236f0f66b699$var$TokenInputContext);
+    let objectRef = (0, $lOx05$useObjectRef)(ref);
+    let { tokenProps: tokenProps, isSelected: isSelected } = (0, $lOx05$useToken)(props, {}, objectRef);
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-Token',
+        values: {
+            isSelected: isSelected,
+            isDisabled: isDisabled
+        }
+    });
+    let DOMProps = (0, $lOx05$filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, $lOx05$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).span, {
+        ref: objectRef,
+        ...(0, $lOx05$mergeProps)(DOMProps, renderProps, tokenProps),
+        "data-selected": isSelected || undefined,
+        "data-disabled": isDisabled || undefined,
+        style: {
+            ...renderProps.style,
+            ...tokenProps.style
+        }
+    }, renderProps.children);
+});
+// Prevents React from re-rendering during composition events.
+const $0557236f0f66b699$var$CompositionRenderBlocker = /*#__PURE__*/ (0, $lOx05$memo)(({ children: children })=>children, (prevProps, nextProps)=>nextProps.isComposing ? true : prevProps.children === nextProps.children);
+
+
+export {$0557236f0f66b699$export$24532e5e37c56ff2 as TokenFieldContext, $0557236f0f66b699$export$e4550c392cbe69d7 as TokenField, $0557236f0f66b699$export$4ddf413e820cfcc4 as TokenInput, $0557236f0f66b699$export$50792b0e93539fde as Token};
+//# sourceMappingURL=TokenField.js.map

package/dist/private/TokenField.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/TokenField.tsx"],"sourcesContent":["/*\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaTokenFieldProps} from 'react-aria/useTokenField';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps,\n  useSlot,\n  useSlottedContext\n} from './utils';\nimport {createHideableComponent} from 'react-aria/private/collections/Hidden';\nimport {FieldInputContext} from './Autocomplete';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {HoverProps, useHover} from 'react-aria/useHover';\nimport {LabelContext} from './Label';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  memo,\n  RefObject,\n  useContext,\n  useMemo\n} from 'react';\nimport {TextContext} from './Text';\nimport {\n  TokenFieldState,\n  TokenFieldValue,\n  TokenSegment,\n  useTokenFieldState\n} from 'react-stately/useTokenFieldState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useObjectRef} from 'react-aria/useObjectRef';\nimport {useToken, useTokenField} from 'react-aria/useTokenField';\n\nexport interface TokenFieldRenderProps {\n  /**\n   * Whether the token field is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the token field is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n}\n\nexport interface TokenFieldProps<T extends TokenFieldValue = TokenFieldValue>\n  extends\n    AriaTokenFieldProps<T>,\n    RenderProps<TokenFieldRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-TokenField'\n   */\n  className?: ClassNameOrFunction<TokenFieldRenderProps>;\n}\n\nexport interface TokenInputRenderProps {\n  /**\n   * Whether the token input is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n  /**\n   * Whether the token input is focused, either via a mouse or keyboard.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the token input is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the token input is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the token input is read only.\n   *\n   * @selector [data-readonly]\n   */\n  isReadOnly: boolean;\n}\n\nexport interface TokenInputProps<T extends TokenFieldValue = TokenFieldValue>\n  extends\n    HoverProps,\n    StyleRenderProps<TokenInputRenderProps>,\n    SlotProps,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * A function that renders a token for each segment in the token field.\n   */\n  children: (\n    segment: TokenSegment<T extends TokenFieldValue<infer V> ? V : never>\n  ) => React.ReactElement;\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-TokenInput'\n   */\n  className?: ClassNameOrFunction<TokenInputRenderProps>;\n}\n\ninterface TokenInputContextValue<T extends TokenFieldValue = TokenFieldValue> {\n  tokenFieldProps: HTMLAttributes<HTMLDivElement>;\n  state: TokenFieldState<T>;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  autocompleteProps?: HTMLAttributes<HTMLDivElement>;\n  ref: RefObject<HTMLDivElement | null>;\n}\n\nexport const TokenFieldContext = createContext<ContextValue<TokenFieldProps, HTMLDivElement>>(null);\nconst TokenInputContext = createContext<TokenInputContextValue | null>(null);\n\n/**\n * A token field allows users to enter text with inline tokens. Use it to build AI prompt fields,\n * tag inputs, structured search fields, mention inputs, and multi-select comboboxes.\n */\nexport const TokenField = /*#__PURE__*/ createHideableComponent(function TokenField<\n  T extends TokenFieldValue = TokenFieldValue\n>(props: TokenFieldProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, TokenFieldContext);\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n\n  let fieldCtx = useSlottedContext(FieldInputContext, props.slot);\n  let {\n    value: _autocompleteValue,\n    onChange: onAutocompleteChange,\n    ref: autocompleteRef,\n    ...autocompleteProps\n  } = fieldCtx ?? {};\n  let inputRef = useObjectRef(autocompleteRef);\n\n  let isDisabled = props.isDisabled || false;\n  let isReadOnly = props.isReadOnly || false;\n\n  let state = useTokenFieldState<T>({\n    ...props,\n    onChange: (value: T) => {\n      props.onChange?.(value);\n      onAutocompleteChange?.(value.toString());\n    }\n  });\n\n  let {tokenFieldProps, labelProps, descriptionProps} = useTokenField(\n    {\n      ...props,\n      // @ts-ignore - not a public prop, used to determine if slot is present\n      label,\n      role: props.role || autocompleteProps['role'] || 'textbox'\n    },\n    state,\n    inputRef\n  );\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      isDisabled,\n      isReadOnly\n    },\n    defaultClassName: 'react-aria-TokenField'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...DOMProps}\n      {...renderProps}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-disabled={isDisabled || undefined}\n      data-readonly={isReadOnly || undefined}>\n      <Provider\n        values={[\n          [LabelContext, {...labelProps, elementType: 'span', ref: labelRef}],\n          [\n            TextContext,\n            {\n              slots: {\n                description: descriptionProps\n              }\n            }\n          ],\n          [\n            TokenInputContext,\n            {\n              tokenFieldProps,\n              state: state as any,\n              isDisabled,\n              isReadOnly,\n              autocompleteProps: autocompleteProps as HTMLAttributes<HTMLDivElement>,\n              ref: inputRef as RefObject<HTMLDivElement | null>\n            }\n          ]\n        ]}>\n        {renderProps.children}\n      </Provider>\n    </dom.div>\n  );\n});\n\n/**\n * A token input represents the editable area within a token field.\n */\nexport const TokenInput = /*#__PURE__*/ (forwardRef as forwardRefType)(function TokenInput<\n  T extends TokenFieldValue = TokenFieldValue\n>(props: TokenInputProps<T>, forwardedRef: ForwardedRef<HTMLDivElement | null>) {\n  let {\n    tokenFieldProps,\n    state,\n    isDisabled = false,\n    isReadOnly = false,\n    autocompleteProps,\n    ref: contextRef\n  } = useContext(TokenInputContext)!;\n  let ref = useMemo(() => mergeRefs(contextRef, forwardedRef), [contextRef, forwardedRef]);\n  let {children, ...domProps} = props;\n\n  let {isHovered, hoverProps} = useHover(domProps);\n  let {isFocused, isFocusVisible, focusProps} = useFocusRing();\n\n  let renderProps = useRenderProps({\n    ...domProps,\n    defaultClassName: 'react-aria-TokenInput',\n    values: {\n      isHovered,\n      isFocused,\n      isFocusVisible,\n      isDisabled,\n      isReadOnly\n    }\n  });\n\n  let DOMProps = filterDOMProps(domProps, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(\n        DOMProps,\n        renderProps,\n        focusProps,\n        hoverProps,\n        tokenFieldProps,\n        autocompleteProps\n      )}\n      ref={ref}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-disabled={isDisabled || undefined}\n      data-readonly={isReadOnly || undefined}\n      style={{...renderProps.style, ...tokenFieldProps?.style}}>\n      <CompositionRenderBlocker isComposing={state.isComposing}>\n        {state.value.segments.map((v, i) => {\n          switch (v.type) {\n            case 'token': {\n              let token = children(v);\n              return (\n                // Wrap tokens in zero-width spaces so the cursor is placed correctly.\n                <span key={i}>\n                  {'\\u200b'}\n                  {token}\n                  {'\\u200b'}\n                </span>\n              );\n            }\n            case 'text':\n              return v.text;\n          }\n        })}\n        {/* Force cursor to the next line if the last segment ends with a newline. */}\n        {state.value.segments.at(-1)?.text.endsWith('\\n') && <br />}\n      </CompositionRenderBlocker>\n    </dom.div>\n  );\n});\n\nexport interface TokenRenderProps {\n  /**\n   * Whether the token is selected.\n   *\n   * @selector [data-selected]\n   */\n  isSelected: boolean;\n  /**\n   * Whether the token is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n}\n\nexport interface TokenProps\n  extends RenderProps<TokenRenderProps, 'span'>, GlobalDOMAttributes<HTMLSpanElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Token'\n   */\n  className?: ClassNameOrFunction<TokenRenderProps>;\n}\n\n/**\n * A token represents an inline segment within a token field.\n */\nexport const Token = forwardRef(function Token(\n  props: TokenProps,\n  ref: ForwardedRef<HTMLSpanElement>\n) {\n  let {isDisabled} = useContext(TokenInputContext)!;\n  let objectRef = useObjectRef(ref);\n  let {tokenProps, isSelected} = useToken(props, {}, objectRef);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Token',\n    values: {\n      isSelected,\n      isDisabled\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.span\n      ref={objectRef}\n      {...mergeProps(DOMProps, renderProps, tokenProps)}\n      data-selected={isSelected || undefined}\n      data-disabled={isDisabled || undefined}\n      style={{\n        ...renderProps.style,\n        ...tokenProps.style\n      }}>\n      {renderProps.children}\n    </dom.span>\n  );\n});\n\n// Prevents React from re-rendering during composition events.\nconst CompositionRenderBlocker = memo(\n  ({children}: {children: React.ReactNode; isComposing: boolean}) => children,\n  (prevProps, nextProps) =>\n    nextProps.isComposing ? true : prevProps.children === nextProps.children\n);\n"],"names":[],"version":3,"file":"TokenField.js.map"}