@accelint/design-toolkit 9.9.2 → 9.11.0

package/dist/components/tree/item-content.js

@@ -13,16 +13,16 @@
 
 import { IconProvider } from "../icon/context.js";
 import { Icon } from "../icon/index.js";
-import { Button as Button$1 } from "../button/index.js";
-import { Checkbox as Checkbox$1 } from "../checkbox/index.js";
+import { Button } from "../button/index.js";
+import { Checkbox } from "../checkbox/index.js";
 import { TreeContext, TreeItemContext } from "./context.js";
 import { TreeLines } from "./lines.js";
 import { useContext } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { TreeItemContent as TreeItemContent$1 } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import ChevronDown from "@accelint/icons/chevron-down";
 import DragVert from "@accelint/icons/drag-vert";
+import { TreeItemContent as TreeItemContent$1 } from "react-aria-components/Tree";
 import styles from "./styles.module.css";
 import ChevronUp from "@accelint/icons/chevron-up";
 import Hide from "@accelint/icons/hide";
@@ -48,7 +48,7 @@ import Show from "@accelint/icons/show";
 * @returns The rendered TreeItemContent component.
 */
 function TreeItemContent({ children }) {
-	const { showVisibility, variant, visibleKeys, onVisibilityChange } = useContext(TreeContext);
+	const { showVisibility, variant, visibleKeys, indeterminateKeys, onVisibilityChange } = useContext(TreeContext);
 	const { isVisible, isViewable, ancestors } = useContext(TreeItemContext);
 	const size = variant === "cozy" ? "medium" : "small";
 	return /* @__PURE__ */ jsx(TreeItemContent$1, { children: (renderProps) => {
@@ -69,7 +69,7 @@ function TreeItemContent({ children }) {
 				className: clsx("group", styles.content, styles[variant]),
 				"data-last-of-set": isLastOfSet,
 				children: [
-					showVisibility && /* @__PURE__ */ jsx(Button$1, {
+					showVisibility && /* @__PURE__ */ jsx(Button, {
 						variant: "icon",
 						color: "mono-bold",
 						size,
@@ -83,7 +83,7 @@ function TreeItemContent({ children }) {
 						isLastOfSet,
 						ancestorLastOfSet
 					}),
-					hasChildItems && /* @__PURE__ */ jsx(Button$1, {
+					hasChildItems && /* @__PURE__ */ jsx(Button, {
 						slot: "chevron",
 						variant: "icon",
 						size,
@@ -100,12 +100,13 @@ function TreeItemContent({ children }) {
 							defaultChildren: null
 						}) : children
 					}),
-					shouldShowSelection && /* @__PURE__ */ jsx(Checkbox$1, {
+					shouldShowSelection && /* @__PURE__ */ jsx(Checkbox, {
 						slot: "selection",
 						isSelected,
-						isDisabled
+						isDisabled,
+						isIndeterminate: indeterminateKeys?.has(id)
 					}),
-					allowsDragging && /* @__PURE__ */ jsx(Button$1, {
+					allowsDragging && /* @__PURE__ */ jsx(Button, {
 						slot: "drag",
 						variant: "icon",
 						size,

package/dist/components/tree/item-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-content.js","names":["AriaTreeItemContent","Button","Checkbox"],"sources":["../../../src/components/tree/item-content.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. 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 https://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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport ChevronUp from '@accelint/icons/chevron-up';\nimport DragVert from '@accelint/icons/drag-vert';\nimport Hide from '@accelint/icons/hide';\nimport Show from '@accelint/icons/show';\nimport { useContext } from 'react';\nimport { TreeItemContent as AriaTreeItemContent } from 'react-aria-components';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { TreeContext, TreeItemContext } from './context';\nimport { TreeLines } from './lines';\nimport styles from './styles.module.css';\nimport type { Key } from '@react-types/shared';\nimport type { TreeItemContentProps } from './types';\n\n/**\n * TreeItemContent - Renders the display content of a tree node\n *\n * @example\n * ```tsx\n * <TreeItem id=\"node\" textValue=\"Node\">\n *   <TreeItemContent>\n *     <TreeItemPrefixIcon><Folder /></TreeItemPrefixIcon>\n *     <TreeItemLabel>Folder Name</TreeItemLabel>\n *     <TreeItemDescription>Contains 5 items</TreeItemDescription>\n *   </TreeItemContent>\n * </TreeItem>\n * ```\n *\n * @param props - {@link TreeItemContentProps}\n * @param props.children - Content to render, or a render function receiving TreeItemContentRenderProps.\n * @returns The rendered TreeItemContent component.\n */\nexport function TreeItemContent({ children }: TreeItemContentProps) {\n  const { showVisibility, variant, visibleKeys, onVisibilityChange } =\n    useContext(TreeContext);\n  const { isVisible, isViewable, ancestors } = useContext(TreeItemContext);\n  const size = variant === 'cozy' ? 'medium' : 'small';\n\n  return (\n    <AriaTreeItemContent>\n      {(renderProps) => {\n        const {\n          id,\n          allowsDragging,\n          hasChildItems,\n          level,\n          selectionBehavior,\n          selectionMode,\n          state,\n          isDisabled,\n          isExpanded,\n          isSelected,\n        } = renderProps;\n\n        const item = state.collection.getItem(id);\n        const isLastOfSet = !item?.nextKey;\n\n        // Determine if ancestors are last of set (excludes current item)\n        const ancestorLastOfSet = ancestors.slice(0, -1).map((ancestorKey) => {\n          const ancestorItem = state.collection.getItem(ancestorKey);\n          return !ancestorItem?.nextKey;\n        });\n\n        const shouldShowSelection =\n          selectionBehavior === 'toggle' && selectionMode !== 'none';\n\n        const handlePress = () => {\n          const keys = new Set<Key>(visibleKeys);\n          visibleKeys?.has(id) ? keys.delete(id) : keys.add(id);\n          onVisibilityChange?.(keys);\n        };\n\n        return (\n          <IconProvider size={size}>\n            <div\n              className={clsx('group', styles.content, styles[variant])}\n              data-last-of-set={isLastOfSet}\n            >\n              {showVisibility && (\n                <Button\n                  variant='icon'\n                  color='mono-bold'\n                  size={size}\n                  onPress={handlePress}\n                  isDisabled={isDisabled}\n                  className={styles.visibility}\n                >\n                  <Icon>{isVisible ? <Show /> : <Hide />}</Icon>\n                </Button>\n              )}\n              {level > 1 && (\n                <TreeLines\n                  level={level}\n                  isLastOfSet={isLastOfSet}\n                  ancestorLastOfSet={ancestorLastOfSet}\n                />\n              )}\n              {hasChildItems && (\n                <Button\n                  slot='chevron'\n                  variant='icon'\n                  size={size}\n                  className={styles.expansion}\n                >\n                  <Icon>{isExpanded ? <ChevronDown /> : <ChevronUp />}</Icon>\n                </Button>\n              )}\n              <div className={clsx(styles.display, styles[variant])}>\n                {typeof children === 'function'\n                  ? children({\n                      ...renderProps,\n                      variant,\n                      isVisible,\n                      isViewable: isViewable,\n                      defaultChildren: null,\n                    })\n                  : children}\n              </div>\n              {shouldShowSelection && (\n                <Checkbox\n                  slot='selection'\n                  isSelected={isSelected}\n                  isDisabled={isDisabled}\n                />\n              )}\n              {allowsDragging && (\n                <Button\n                  slot='drag'\n                  variant='icon'\n                  size={size}\n                  isDisabled={isDisabled}\n                  className={styles.drag}\n                >\n                  <Icon>\n                    <DragVert />\n                  </Icon>\n                </Button>\n              )}\n            </div>\n          </IconProvider>\n        );\n      }}\n    </AriaTreeItemContent>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAgB,gBAAgB,EAAE,YAAkC;CAClE,MAAM,EAAE,gBAAgB,SAAS,aAAa,uBAC5C,WAAW,YAAY;CACzB,MAAM,EAAE,WAAW,YAAY,cAAc,WAAW,gBAAgB;CACxE,MAAM,OAAO,YAAY,SAAS,WAAW;AAE7C,QACE,oBAACA,gCACG,gBAAgB;EAChB,MAAM,EACJ,IACA,gBACA,eACA,OACA,mBACA,eACA,OACA,YACA,YACA,eACE;EAGJ,MAAM,cAAc,CADP,MAAM,WAAW,QAAQ,GAAG,EACd;EAG3B,MAAM,oBAAoB,UAAU,MAAM,GAAG,GAAG,CAAC,KAAK,gBAAgB;AAEpE,UAAO,CADc,MAAM,WAAW,QAAQ,YAAY,EACpC;IACtB;EAEF,MAAM,sBACJ,sBAAsB,YAAY,kBAAkB;EAEtD,MAAM,oBAAoB;GACxB,MAAM,OAAO,IAAI,IAAS,YAAY;AACtC,gBAAa,IAAI,GAAG,GAAG,KAAK,OAAO,GAAG,GAAG,KAAK,IAAI,GAAG;AACrD,wBAAqB,KAAK;;AAG5B,SACE,oBAAC;GAAmB;aAClB,qBAAC;IACC,WAAW,KAAK,SAAS,OAAO,SAAS,OAAO,SAAS;IACzD,oBAAkB;;KAEjB,kBACC,oBAACC;MACC,SAAQ;MACR,OAAM;MACA;MACN,SAAS;MACG;MACZ,WAAW,OAAO;gBAElB,oBAAC,kBAAM,YAAY,oBAAC,SAAO,GAAG,oBAAC,SAAO,GAAQ;OACvC;KAEV,QAAQ,KACP,oBAAC;MACQ;MACM;MACM;OACnB;KAEH,iBACC,oBAACA;MACC,MAAK;MACL,SAAQ;MACF;MACN,WAAW,OAAO;gBAElB,oBAAC,kBAAM,aAAa,oBAAC,gBAAc,GAAG,oBAAC,cAAY,GAAQ;OACpD;KAEX,oBAAC;MAAI,WAAW,KAAK,OAAO,SAAS,OAAO,SAAS;gBAClD,OAAO,aAAa,aACjB,SAAS;OACP,GAAG;OACH;OACA;OACY;OACZ,iBAAiB;OAClB,CAAC,GACF;OACA;KACL,uBACC,oBAACC;MACC,MAAK;MACO;MACA;OACZ;KAEH,kBACC,oBAACD;MACC,MAAK;MACL,SAAQ;MACF;MACM;MACZ,WAAW,OAAO;gBAElB,oBAAC,kBACC,oBAAC,aAAW,GACP;OACA;;KAEP;IACO;KAGC"}
+{"version":3,"file":"item-content.js","names":["AriaTreeItemContent"],"sources":["../../../src/components/tree/item-content.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. 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 https://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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport ChevronUp from '@accelint/icons/chevron-up';\nimport DragVert from '@accelint/icons/drag-vert';\nimport Hide from '@accelint/icons/hide';\nimport Show from '@accelint/icons/show';\nimport { useContext } from 'react';\nimport { TreeItemContent as AriaTreeItemContent } from 'react-aria-components/Tree';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { TreeContext, TreeItemContext } from './context';\nimport { TreeLines } from './lines';\nimport styles from './styles.module.css';\nimport type { Key } from '@react-types/shared';\nimport type { TreeItemContentProps } from './types';\n\n/**\n * TreeItemContent - Renders the display content of a tree node\n *\n * @example\n * ```tsx\n * <TreeItem id=\"node\" textValue=\"Node\">\n *   <TreeItemContent>\n *     <TreeItemPrefixIcon><Folder /></TreeItemPrefixIcon>\n *     <TreeItemLabel>Folder Name</TreeItemLabel>\n *     <TreeItemDescription>Contains 5 items</TreeItemDescription>\n *   </TreeItemContent>\n * </TreeItem>\n * ```\n *\n * @param props - {@link TreeItemContentProps}\n * @param props.children - Content to render, or a render function receiving TreeItemContentRenderProps.\n * @returns The rendered TreeItemContent component.\n */\nexport function TreeItemContent({ children }: TreeItemContentProps) {\n  const {\n    showVisibility,\n    variant,\n    visibleKeys,\n    indeterminateKeys,\n    onVisibilityChange,\n  } = useContext(TreeContext);\n  const { isVisible, isViewable, ancestors } = useContext(TreeItemContext);\n  const size = variant === 'cozy' ? 'medium' : 'small';\n\n  return (\n    <AriaTreeItemContent>\n      {(renderProps) => {\n        const {\n          id,\n          allowsDragging,\n          hasChildItems,\n          level,\n          selectionBehavior,\n          selectionMode,\n          state,\n          isDisabled,\n          isExpanded,\n          isSelected,\n        } = renderProps;\n\n        const item = state.collection.getItem(id);\n        const isLastOfSet = !item?.nextKey;\n\n        // Determine if ancestors are last of set (excludes current item)\n        const ancestorLastOfSet = ancestors.slice(0, -1).map((ancestorKey) => {\n          const ancestorItem = state.collection.getItem(ancestorKey);\n          return !ancestorItem?.nextKey;\n        });\n\n        const shouldShowSelection =\n          selectionBehavior === 'toggle' && selectionMode !== 'none';\n\n        const handlePress = () => {\n          const keys = new Set<Key>(visibleKeys);\n          visibleKeys?.has(id) ? keys.delete(id) : keys.add(id);\n          onVisibilityChange?.(keys);\n        };\n\n        return (\n          <IconProvider size={size}>\n            <div\n              className={clsx('group', styles.content, styles[variant])}\n              data-last-of-set={isLastOfSet}\n            >\n              {showVisibility && (\n                <Button\n                  variant='icon'\n                  color='mono-bold'\n                  size={size}\n                  onPress={handlePress}\n                  isDisabled={isDisabled}\n                  className={styles.visibility}\n                >\n                  <Icon>{isVisible ? <Show /> : <Hide />}</Icon>\n                </Button>\n              )}\n              {level > 1 && (\n                <TreeLines\n                  level={level}\n                  isLastOfSet={isLastOfSet}\n                  ancestorLastOfSet={ancestorLastOfSet}\n                />\n              )}\n              {hasChildItems && (\n                <Button\n                  slot='chevron'\n                  variant='icon'\n                  size={size}\n                  className={styles.expansion}\n                >\n                  <Icon>{isExpanded ? <ChevronDown /> : <ChevronUp />}</Icon>\n                </Button>\n              )}\n              <div className={clsx(styles.display, styles[variant])}>\n                {typeof children === 'function'\n                  ? children({\n                      ...renderProps,\n                      variant,\n                      isVisible,\n                      isViewable: isViewable,\n                      defaultChildren: null,\n                    })\n                  : children}\n              </div>\n              {shouldShowSelection && (\n                <Checkbox\n                  slot='selection'\n                  isSelected={isSelected}\n                  isDisabled={isDisabled}\n                  isIndeterminate={indeterminateKeys?.has(id)}\n                />\n              )}\n              {allowsDragging && (\n                <Button\n                  slot='drag'\n                  variant='icon'\n                  size={size}\n                  isDisabled={isDisabled}\n                  className={styles.drag}\n                >\n                  <Icon>\n                    <DragVert />\n                  </Icon>\n                </Button>\n              )}\n            </div>\n          </IconProvider>\n        );\n      }}\n    </AriaTreeItemContent>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAgB,gBAAgB,EAAE,YAAkC;CAClE,MAAM,EACJ,gBACA,SACA,aACA,mBACA,uBACE,WAAW,YAAY;CAC3B,MAAM,EAAE,WAAW,YAAY,cAAc,WAAW,gBAAgB;CACxE,MAAM,OAAO,YAAY,SAAS,WAAW;AAE7C,QACE,oBAACA,gCACG,gBAAgB;EAChB,MAAM,EACJ,IACA,gBACA,eACA,OACA,mBACA,eACA,OACA,YACA,YACA,eACE;EAGJ,MAAM,cAAc,CADP,MAAM,WAAW,QAAQ,GAAG,EACd;EAG3B,MAAM,oBAAoB,UAAU,MAAM,GAAG,GAAG,CAAC,KAAK,gBAAgB;AAEpE,UAAO,CADc,MAAM,WAAW,QAAQ,YAAY,EACpC;IACtB;EAEF,MAAM,sBACJ,sBAAsB,YAAY,kBAAkB;EAEtD,MAAM,oBAAoB;GACxB,MAAM,OAAO,IAAI,IAAS,YAAY;AACtC,gBAAa,IAAI,GAAG,GAAG,KAAK,OAAO,GAAG,GAAG,KAAK,IAAI,GAAG;AACrD,wBAAqB,KAAK;;AAG5B,SACE,oBAAC;GAAmB;aAClB,qBAAC;IACC,WAAW,KAAK,SAAS,OAAO,SAAS,OAAO,SAAS;IACzD,oBAAkB;;KAEjB,kBACC,oBAAC;MACC,SAAQ;MACR,OAAM;MACA;MACN,SAAS;MACG;MACZ,WAAW,OAAO;gBAElB,oBAAC,kBAAM,YAAY,oBAAC,SAAO,GAAG,oBAAC,SAAO,GAAQ;OACvC;KAEV,QAAQ,KACP,oBAAC;MACQ;MACM;MACM;OACnB;KAEH,iBACC,oBAAC;MACC,MAAK;MACL,SAAQ;MACF;MACN,WAAW,OAAO;gBAElB,oBAAC,kBAAM,aAAa,oBAAC,gBAAc,GAAG,oBAAC,cAAY,GAAQ;OACpD;KAEX,oBAAC;MAAI,WAAW,KAAK,OAAO,SAAS,OAAO,SAAS;gBAClD,OAAO,aAAa,aACjB,SAAS;OACP,GAAG;OACH;OACA;OACY;OACZ,iBAAiB;OAClB,CAAC,GACF;OACA;KACL,uBACC,oBAAC;MACC,MAAK;MACO;MACA;MACZ,iBAAiB,mBAAmB,IAAI,GAAG;OAC3C;KAEH,kBACC,oBAAC;MACC,MAAK;MACL,SAAQ;MACF;MACM;MACZ,WAAW,OAAO;gBAElB,oBAAC,kBACC,oBAAC,aAAW,GACP;OACA;;KAEP;IACO;KAGC"}

package/dist/components/tree/item-description.d.ts

@@ -10,8 +10,8 @@
  * governing permissions and limitations under the License.
  */
 
-import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime108 from "react/jsx-runtime";
+import * as react_jsx_runtime198 from "react/jsx-runtime";
+import { TextProps } from "react-aria-components/Text";
 
 //#region src/components/tree/item-description.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime108 from "react/jsx-runtime";
 declare function TreeItemDescription({
   children,
   className
-}: TextProps): react_jsx_runtime108.JSX.Element | null;
+}: TextProps): react_jsx_runtime198.JSX.Element | null;
 //#endregion
 export { TreeItemDescription };
 //# sourceMappingURL=item-description.d.ts.map

package/dist/components/tree/item-description.js

@@ -14,8 +14,8 @@
 import { TreeContext } from "./context.js";
 import { useContext } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Text } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Text } from "react-aria-components/Text";
 import styles from "./styles.module.css";
 
 //#region src/components/tree/item-description.tsx

package/dist/components/tree/item-description.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-description.js","names":[],"sources":["../../../src/components/tree/item-description.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. 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 https://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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext } from 'react';\nimport { Text, type TextProps } from 'react-aria-components';\nimport { TreeContext } from './context';\nimport styles from './styles.module.css';\n\n/**\n * TreeItemDescription - Secondary descriptive text for a tree item\n *\n * @example\n * ```tsx\n * <TreeItemContent>\n *   <TreeItemLabel>Project Files</TreeItemLabel>\n *   <TreeItemDescription>Last modified 2 hours ago</TreeItemDescription>\n * </TreeItemContent>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.children - Description text content.\n * @param props.className - CSS class for the description.\n * @returns The rendered TreeItemDescription component, or null if variant is 'crammed'.\n */\nexport function TreeItemDescription({ children, className }: TextProps) {\n  const { variant } = useContext(TreeContext);\n\n  return variant !== 'crammed' ? (\n    <Text\n      data-slot='description'\n      className={clsx(styles.description, className)}\n    >\n      {children}\n    </Text>\n  ) : null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,oBAAoB,EAAE,UAAU,aAAwB;CACtE,MAAM,EAAE,YAAY,WAAW,YAAY;AAE3C,QAAO,YAAY,YACjB,oBAAC;EACC,aAAU;EACV,WAAW,KAAK,OAAO,aAAa,UAAU;EAE7C;GACI,GACL"}
+{"version":3,"file":"item-description.js","names":[],"sources":["../../../src/components/tree/item-description.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. 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 https://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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext } from 'react';\nimport { Text, type TextProps } from 'react-aria-components/Text';\nimport { TreeContext } from './context';\nimport styles from './styles.module.css';\n\n/**\n * TreeItemDescription - Secondary descriptive text for a tree item\n *\n * @example\n * ```tsx\n * <TreeItemContent>\n *   <TreeItemLabel>Project Files</TreeItemLabel>\n *   <TreeItemDescription>Last modified 2 hours ago</TreeItemDescription>\n * </TreeItemContent>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.children - Description text content.\n * @param props.className - CSS class for the description.\n * @returns The rendered TreeItemDescription component, or null if variant is 'crammed'.\n */\nexport function TreeItemDescription({ children, className }: TextProps) {\n  const { variant } = useContext(TreeContext);\n\n  return variant !== 'crammed' ? (\n    <Text\n      data-slot='description'\n      className={clsx(styles.description, className)}\n    >\n      {children}\n    </Text>\n  ) : null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,oBAAoB,EAAE,UAAU,aAAwB;CACtE,MAAM,EAAE,YAAY,WAAW,YAAY;AAE3C,QAAO,YAAY,YACjB,oBAAC;EACC,aAAU;EACV,WAAW,KAAK,OAAO,aAAa,UAAU;EAE7C;GACI,GACL"}

package/dist/components/tree/item-label.d.ts

@@ -10,8 +10,8 @@
  * governing permissions and limitations under the License.
  */
 
-import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime104 from "react/jsx-runtime";
+import * as react_jsx_runtime203 from "react/jsx-runtime";
+import { TextProps } from "react-aria-components/Text";
 
 //#region src/components/tree/item-label.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime104 from "react/jsx-runtime";
 declare function TreeItemLabel({
   children,
   className
-}: TextProps): react_jsx_runtime104.JSX.Element;
+}: TextProps): react_jsx_runtime203.JSX.Element;
 //#endregion
 export { TreeItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

package/dist/components/tree/item-label.js

@@ -12,8 +12,8 @@
 
 
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Text } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Text } from "react-aria-components/Text";
 import styles from "./styles.module.css";
 
 //#region src/components/tree/item-label.tsx

package/dist/components/tree/item-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-label.js","names":[],"sources":["../../../src/components/tree/item-label.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. 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 https://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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Text, type TextProps } from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * TreeItemLabel - Primary text label for a tree item\n *\n * @example\n * ```tsx\n * <TreeItemContent>\n *   <TreeItemLabel>Documents</TreeItemLabel>\n *   <TreeItemDescription>Folder</TreeItemDescription>\n * </TreeItemContent>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.children - Label text content.\n * @param props.className - CSS class for the label.\n * @returns The rendered TreeItemLabel component.\n */\nexport function TreeItemLabel({ children, className }: TextProps) {\n  return <Text className={clsx(styles.label, className)}>{children}</Text>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAgB,cAAc,EAAE,UAAU,aAAwB;AAChE,QAAO,oBAAC;EAAK,WAAW,KAAK,OAAO,OAAO,UAAU;EAAG;GAAgB"}
+{"version":3,"file":"item-label.js","names":[],"sources":["../../../src/components/tree/item-label.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. 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 https://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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Text, type TextProps } from 'react-aria-components/Text';\nimport styles from './styles.module.css';\n\n/**\n * TreeItemLabel - Primary text label for a tree item\n *\n * @example\n * ```tsx\n * <TreeItemContent>\n *   <TreeItemLabel>Documents</TreeItemLabel>\n *   <TreeItemDescription>Folder</TreeItemDescription>\n * </TreeItemContent>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.children - Label text content.\n * @param props.className - CSS class for the label.\n * @returns The rendered TreeItemLabel component.\n */\nexport function TreeItemLabel({ children, className }: TextProps) {\n  return <Text className={clsx(styles.label, className)}>{children}</Text>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAgB,cAAc,EAAE,UAAU,aAAwB;AAChE,QAAO,oBAAC;EAAK,WAAW,KAAK,OAAO,OAAO,UAAU;EAAG;GAAgB"}

package/dist/components/tree/item-prefix-icon.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { IconProps } from "../icon/types.js";
-import * as react_jsx_runtime103 from "react/jsx-runtime";
+import * as react_jsx_runtime202 from "react/jsx-runtime";
 
 //#region src/components/tree/item-prefix-icon.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime103 from "react/jsx-runtime";
 declare function TreeItemPrefixIcon({
   children,
   className
-}: IconProps): react_jsx_runtime103.JSX.Element;
+}: IconProps): react_jsx_runtime202.JSX.Element;
 //#endregion
 export { TreeItemPrefixIcon };
 //# sourceMappingURL=item-prefix-icon.d.ts.map

package/dist/components/tree/item.d.ts

@@ -12,7 +12,7 @@
 
 import { TreeItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime145 from "react/jsx-runtime";
+import * as react_jsx_runtime204 from "react/jsx-runtime";
 
 //#region src/components/tree/item.d.ts
 
@@ -44,7 +44,7 @@ declare function TreeItem({
   className,
   id,
   ...rest
-}: TreeItemProps): react_jsx_runtime145.JSX.Element;
+}: TreeItemProps): react_jsx_runtime204.JSX.Element;
 //#endregion
 export { TreeItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/tree/item.js

@@ -15,10 +15,11 @@
 
 import { TreeContext, TreeItemContext } from "./context.js";
 import "client-only";
-import { useContext } from "react";
+import { useContext, useMemo } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { TreeItem as TreeItem$1, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
+import { TreeItem as TreeItem$1 } from "react-aria-components/Tree";
 import styles from "./styles.module.css";
 
 //#region src/components/tree/item.tsx
@@ -51,12 +52,18 @@ function TreeItem({ className, id, ...rest }) {
 	const { ancestors } = useContext(TreeItemContext);
 	const isViewable = visibilityComputedKeys?.has(id) || isStatic && ancestors.every((key) => visibleKeys?.has(key));
 	const isVisible = visibleKeys?.has(id);
+	const contextValue = useMemo(() => ({
+		isVisible,
+		isViewable,
+		ancestors: [...ancestors, id]
+	}), [
+		isVisible,
+		isViewable,
+		ancestors,
+		id
+	]);
 	return /* @__PURE__ */ jsx(TreeItemContext.Provider, {
-		value: {
-			isVisible,
-			isViewable,
-			ancestors: [...ancestors, id]
-		},
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(TreeItem$1, {
 			...rest,
 			id,

package/dist/components/tree/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":["AriaTreeItem","className"],"sources":["../../../src/components/tree/item.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. 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 https://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'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext } from 'react';\nimport {\n  TreeItem as AriaTreeItem,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { TreeContext, TreeItemContext } from './context';\nimport styles from './styles.module.css';\nimport type { TreeItemProps } from './types';\n\n/**\n * TreeItem - Individual node in the tree hierarchy\n *\n * @example\n * ```tsx\n * <Tree>\n *   <TreeItem id=\"root\" textValue=\"Root\">\n *     <TreeItemContent>\n *       <TreeItemLabel>Root Node</TreeItemLabel>\n *     </TreeItemContent>\n *     <TreeItem id=\"child\" textValue=\"Child\">\n *       <TreeItemContent>\n *         <TreeItemLabel>Child Node</TreeItemLabel>\n *       </TreeItemContent>\n *     </TreeItem>\n *   </TreeItem>\n * </Tree>\n * ```\n *\n * @param props - {@link TreeItemProps}\n * @param props.className - CSS class for the tree item.\n * @param props.id - Unique identifier for the tree item.\n * @returns The rendered TreeItem component.\n */\nexport function TreeItem({ className, id, ...rest }: TreeItemProps) {\n  const { visibilityComputedKeys, visibleKeys, isStatic } =\n    useContext(TreeContext);\n  const { ancestors } = useContext(TreeItemContext);\n  const isViewable =\n    visibilityComputedKeys?.has(id) ||\n    (isStatic && ancestors.every((key) => visibleKeys?.has(key)));\n  const isVisible = visibleKeys?.has(id);\n\n  return (\n    <TreeItemContext.Provider\n      value={{\n        isVisible,\n        isViewable,\n        ancestors: [...ancestors, id],\n      }}\n    >\n      <AriaTreeItem\n        {...rest}\n        id={id}\n        className={composeRenderProps(className, (className) =>\n          clsx('group/tree-item', styles.item, className),\n        )}\n        data-viewable={isViewable || null}\n        data-visible={isVisible || null}\n      />\n    </TreeItemContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAgB,SAAS,EAAE,WAAW,IAAI,GAAG,QAAuB;CAClE,MAAM,EAAE,wBAAwB,aAAa,aAC3C,WAAW,YAAY;CACzB,MAAM,EAAE,cAAc,WAAW,gBAAgB;CACjD,MAAM,aACJ,wBAAwB,IAAI,GAAG,IAC9B,YAAY,UAAU,OAAO,QAAQ,aAAa,IAAI,IAAI,CAAC;CAC9D,MAAM,YAAY,aAAa,IAAI,GAAG;AAEtC,QACE,oBAAC,gBAAgB;EACf,OAAO;GACL;GACA;GACA,WAAW,CAAC,GAAG,WAAW,GAAG;GAC9B;YAED,oBAACA;GACC,GAAI;GACA;GACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,mBAAmB,OAAO,MAAMC,YAAU,CAChD;GACD,iBAAe,cAAc;GAC7B,gBAAc,aAAa;IAC3B;GACuB"}
+{"version":3,"file":"item.js","names":["AriaTreeItem","className"],"sources":["../../../src/components/tree/item.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. 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 https://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'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext, useMemo } from 'react';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { TreeItem as AriaTreeItem } from 'react-aria-components/Tree';\nimport { TreeContext, TreeItemContext } from './context';\nimport styles from './styles.module.css';\nimport type { TreeItemProps } from './types';\n\n/**\n * TreeItem - Individual node in the tree hierarchy\n *\n * @example\n * ```tsx\n * <Tree>\n *   <TreeItem id=\"root\" textValue=\"Root\">\n *     <TreeItemContent>\n *       <TreeItemLabel>Root Node</TreeItemLabel>\n *     </TreeItemContent>\n *     <TreeItem id=\"child\" textValue=\"Child\">\n *       <TreeItemContent>\n *         <TreeItemLabel>Child Node</TreeItemLabel>\n *       </TreeItemContent>\n *     </TreeItem>\n *   </TreeItem>\n * </Tree>\n * ```\n *\n * @param props - {@link TreeItemProps}\n * @param props.className - CSS class for the tree item.\n * @param props.id - Unique identifier for the tree item.\n * @returns The rendered TreeItem component.\n */\nexport function TreeItem({ className, id, ...rest }: TreeItemProps) {\n  const { visibilityComputedKeys, visibleKeys, isStatic } =\n    useContext(TreeContext);\n  const { ancestors } = useContext(TreeItemContext);\n  const isViewable =\n    visibilityComputedKeys?.has(id) ||\n    (isStatic && ancestors.every((key) => visibleKeys?.has(key)));\n  const isVisible = visibleKeys?.has(id);\n\n  const contextValue = useMemo(\n    () => ({\n      isVisible,\n      isViewable,\n      ancestors: [...ancestors, id],\n    }),\n    [isVisible, isViewable, ancestors, id],\n  );\n\n  return (\n    <TreeItemContext.Provider value={contextValue}>\n      <AriaTreeItem\n        {...rest}\n        id={id}\n        className={composeRenderProps(className, (className) =>\n          clsx('group/tree-item', styles.item, className),\n        )}\n        data-viewable={isViewable || null}\n        data-visible={isVisible || null}\n      />\n    </TreeItemContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAgB,SAAS,EAAE,WAAW,IAAI,GAAG,QAAuB;CAClE,MAAM,EAAE,wBAAwB,aAAa,aAC3C,WAAW,YAAY;CACzB,MAAM,EAAE,cAAc,WAAW,gBAAgB;CACjD,MAAM,aACJ,wBAAwB,IAAI,GAAG,IAC9B,YAAY,UAAU,OAAO,QAAQ,aAAa,IAAI,IAAI,CAAC;CAC9D,MAAM,YAAY,aAAa,IAAI,GAAG;CAEtC,MAAM,eAAe,eACZ;EACL;EACA;EACA,WAAW,CAAC,GAAG,WAAW,GAAG;EAC9B,GACD;EAAC;EAAW;EAAY;EAAW;EAAG,CACvC;AAED,QACE,oBAAC,gBAAgB;EAAS,OAAO;YAC/B,oBAACA;GACC,GAAI;GACA;GACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,mBAAmB,OAAO,MAAMC,YAAU,CAChD;GACD,iBAAe,cAAc;GAC7B,gBAAc,aAAa;IAC3B;GACuB"}

package/dist/components/tree/lines.d.ts

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-import * as react35 from "react";
+import * as react51 from "react";
 
 //#region src/components/tree/lines.d.ts
 /**
@@ -22,7 +22,7 @@ import * as react35 from "react";
  * @param props.ancestorLastOfSet - Array tracking which ancestors are last of set at each level.
  * @returns An array of Line components representing the tree structure.
  */
-declare const TreeLines: react35.NamedExoticComponent<{
+declare const TreeLines: react51.NamedExoticComponent<{
   level: number;
   isLastOfSet: boolean;
   ancestorLastOfSet: boolean[];

package/dist/components/tree/types.d.ts

@@ -11,25 +11,28 @@
  */
 
 import { DragAndDropConfig, TreeNode } from "../../hooks/use-tree/types.js";
-import { RenderProps, TreeItemContentRenderProps as TreeItemContentRenderProps$1, TreeItemProps as TreeItemProps$1, TreeProps as TreeProps$1 } from "react-aria-components";
-import { Key as Key$1 } from "@react-types/shared";
+import { TreeItemContentRenderProps as TreeItemContentRenderProps$1, TreeItemProps as TreeItemProps$1, TreeProps as TreeProps$1 } from "react-aria-components/Tree";
+import { Key } from "@react-types/shared";
+import { RenderProps } from "react-aria-components/useRenderProps";
 
 //#region src/components/tree/types.d.ts
 /** Visual density variant for Tree components. */
 type TreeStyleVariant = 'cozy' | 'compact' | 'crammed';
 /**
  * Props for the Tree component.
+ *
+ * @template T - The type of custom values stored in tree nodes (accessed via `node.values`).
  */
 type TreeProps<T> = Omit<TreeProps$1<TreeNode<T>>, 'defaultExpandedKeys' | 'defaultSelectedKeys' | 'disabledKeys' | 'expandedKeys' | 'selectedKeys' | 'onSelectionChange'> & {
-  disabledKeys?: Set<Key$1>;
+  disabledKeys?: Set<Key>;
   dragAndDropConfig?: DragAndDropConfig;
-  expandedKeys?: Set<Key$1>;
-  selectedKeys?: Set<Key$1>;
-  visibleKeys?: Set<Key$1>;
+  expandedKeys?: Set<Key>;
+  selectedKeys?: Set<Key>;
+  visibleKeys?: Set<Key>;
   showRuleLines?: boolean;
   showVisibility?: boolean;
-  onVisibilityChange?: (keys: Set<Key$1>) => void;
-  onSelectionChange?: (keys: Set<Key$1>) => void;
+  onVisibilityChange?: (keys: Set<Key>) => void;
+  onSelectionChange?: (keys: Set<Key>) => void;
   variant?: TreeStyleVariant;
 };
 /**
@@ -37,10 +40,14 @@ type TreeProps<T> = Omit<TreeProps$1<TreeNode<T>>, 'defaultExpandedKeys' | 'defa
  */
 type TreeItemProps = Omit<TreeItemProps$1, 'id'> & {
   /** Unique identifier for the tree item. */
-  id: Key$1;
+  id: Key;
 };
 /**
  * Props for the TreeItemContent component.
+ *
+ * The `children` prop accepts either a ReactNode or a render function
+ * receiving {@link TreeItemContentRenderProps} — use the render function form
+ * to access `isVisible`, `isViewable`, and `variant` from context.
  */
 type TreeItemContentProps = Pick<RenderProps<TreeItemContentRenderProps>, 'children'>;
 /**
@@ -58,11 +65,19 @@ type TreeItemContentRenderProps = TreeItemContentRenderProps$1 & {
  * Context value for the Tree component.
  */
 type TreeContextValue = Required<Pick<TreeProps<unknown>, 'showRuleLines' | 'showVisibility' | 'variant' | 'onVisibilityChange'>> & {
-  disabledKeys?: Set<Key$1>;
-  expandedKeys?: Set<Key$1>;
-  selectedKeys?: Set<Key$1>;
-  visibleKeys?: Set<Key$1>;
-  visibilityComputedKeys?: Set<Key$1>;
+  /** Keys of items explicitly disabled. */
+  disabledKeys?: Set<Key>;
+  /** Keys of items currently expanded. */
+  expandedKeys?: Set<Key>;
+  /** Keys of items currently selected. */
+  selectedKeys?: Set<Key>;
+  /** Keys of items whose own `isVisible` flag is true. */
+  visibleKeys?: Set<Key>;
+  /** Keys of items that are visible after accounting for ancestor visibility. */
+  visibilityComputedKeys?: Set<Key>;
+  /** Keys of items in an indeterminate selection state (cascade mode only). */
+  indeterminateKeys?: Set<Key>;
+  /** Whether the tree uses a static (hard-coded) rather than dynamic (data-driven) collection. */
   isStatic: boolean;
 };
 /**
@@ -74,7 +89,7 @@ type TreeItemContextValue = {
   /** Whether the item is viewable based on ancestor visibility. */
   isViewable?: boolean;
   /** Array of ancestor item keys. */
-  ancestors: Key$1[];
+  ancestors: Key[];
 };
 //#endregion
 export { TreeContextValue, TreeItemContentProps, TreeItemContentRenderProps, TreeItemContextValue, TreeItemProps, TreeProps, TreeStyleVariant };

package/dist/components/video/index.d.ts

@@ -12,7 +12,7 @@
 
 import { VideoProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime105 from "react/jsx-runtime";
+import * as react_jsx_runtime209 from "react/jsx-runtime";
 
 //#region src/components/video/index.d.ts
 
@@ -91,7 +91,7 @@ declare function Video({
   noMutedPref,
   lang,
   ...rest
-}: VideoProps): react_jsx_runtime105.JSX.Element;
+}: VideoProps): react_jsx_runtime209.JSX.Element;
 //#endregion
 export { Video };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/view-stack/context.d.ts

@@ -12,12 +12,12 @@
 
 import { ViewStackContextValue } from "./types.js";
 import "client-only";
-import * as react47 from "react";
+import * as react52 from "react";
 import { UniqueId } from "@accelint/core";
 
 //#region src/components/view-stack/context.d.ts
 /** Context for sharing state across ViewStack components */
-declare const ViewStackContext: react47.Context<ViewStackContextValue>;
+declare const ViewStackContext: react52.Context<ViewStackContextValue>;
 /** Event handlers for ViewStack events */
 declare const ViewStackEventHandlers: {
   readonly back: (stack: UniqueId) => void;

package/dist/components/view-stack/index.d.ts

@@ -12,7 +12,7 @@
 
 import { ViewStackProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime106 from "react/jsx-runtime";
+import * as react_jsx_runtime212 from "react/jsx-runtime";
 
 //#region src/components/view-stack/index.d.ts
 
@@ -47,7 +47,7 @@ declare function ViewStack({
   children,
   defaultView,
   onChange
-}: ViewStackProps): react_jsx_runtime106.JSX.Element;
+}: ViewStackProps): react_jsx_runtime212.JSX.Element;
 //#endregion
 export { ViewStack };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/view-stack/trigger.d.ts

@@ -12,7 +12,7 @@
 
 import { ViewStackTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime107 from "react/jsx-runtime";
+import * as react_jsx_runtime214 from "react/jsx-runtime";
 
 //#region src/components/view-stack/trigger.d.ts
 
@@ -45,7 +45,7 @@ import * as react_jsx_runtime107 from "react/jsx-runtime";
 declare function ViewStackTrigger({
   children,
   for: types
-}: ViewStackTriggerProps): react_jsx_runtime107.JSX.Element;
+}: ViewStackTriggerProps): react_jsx_runtime214.JSX.Element;
 //#endregion
 export { ViewStackTrigger };
 //# sourceMappingURL=trigger.d.ts.map

package/dist/components/view-stack/trigger.js

@@ -16,9 +16,9 @@
 import { ViewStackContext, useViewStackEmit } from "./context.js";
 import "client-only";
 import { useContext } from "react";
-import { Pressable } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
 import { isUUID } from "@accelint/core";
+import { Pressable } from "react-aria-components/Pressable";
 
 //#region src/components/view-stack/trigger.tsx
 /**

package/dist/components/view-stack/trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","names":[],"sources":["../../../src/components/view-stack/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. 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 https://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'use client';\n\nimport 'client-only';\nimport { isUUID, type UniqueId } from '@accelint/core';\nimport { useContext } from 'react';\nimport { Pressable } from 'react-aria-components';\nimport { useViewStackEmit, ViewStackContext } from './context';\nimport type { ViewStackTriggerProps } from './types';\n\n/**\n * ViewStackTrigger - Pressable element that triggers ViewStack navigation actions\n *\n * @example\n * ```tsx\n * <ViewStack id=\"main-stack\">\n *   <ViewStackView id=\"home\">\n *     <h1>Home</h1>\n *     <ViewStackTrigger for=\"settings-view-id\">\n *       <Button>Go to Settings</Button>\n *     </ViewStackTrigger>\n *   </ViewStackView>\n *   <ViewStackView id=\"settings-view-id\">\n *     <h1>Settings</h1>\n *     <ViewStackTrigger for=\"back:main-stack\">\n *       <Button>Back</Button>\n *     </ViewStackTrigger>\n *   </ViewStackView>\n * </ViewStack>\n * ```\n *\n * @param props - {@link ViewStackTriggerProps}\n * @param props.children - Pressable children content.\n * @param props.for - Navigation action(s) to trigger on press.\n * @returns The rendered ViewStackTrigger component.\n */\nexport function ViewStackTrigger({\n  children,\n  for: types,\n}: ViewStackTriggerProps) {\n  const { parent } = useContext(ViewStackContext);\n  const viewStackEmit = useViewStackEmit();\n\n  function handlePress() {\n    for (const type of Array.isArray(types) ? types : [types]) {\n      let [event, id] = (isUUID(type) ? ['push', type] : type.split(':')) as [\n        'back' | 'clear' | 'reset' | 'push',\n        UniqueId | undefined | null,\n      ];\n\n      id ??= parent;\n\n      if (!id) {\n        continue;\n      }\n\n      viewStackEmit[event](id);\n    }\n  }\n\n  return <Pressable onPress={handlePress}>{children}</Pressable>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAgB,iBAAiB,EAC/B,UACA,KAAK,SACmB;CACxB,MAAM,EAAE,WAAW,WAAW,iBAAiB;CAC/C,MAAM,gBAAgB,kBAAkB;CAExC,SAAS,cAAc;AACrB,OAAK,MAAM,QAAQ,MAAM,QAAQ,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE;GACzD,IAAI,CAAC,OAAO,MAAO,OAAO,KAAK,GAAG,CAAC,QAAQ,KAAK,GAAG,KAAK,MAAM,IAAI;AAKlE,UAAO;AAEP,OAAI,CAAC,GACH;AAGF,iBAAc,OAAO,GAAG;;;AAI5B,QAAO,oBAAC;EAAU,SAAS;EAAc;GAAqB"}
+{"version":3,"file":"trigger.js","names":[],"sources":["../../../src/components/view-stack/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. 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 https://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'use client';\n\nimport 'client-only';\nimport { isUUID, type UniqueId } from '@accelint/core';\nimport { useContext } from 'react';\nimport { Pressable } from 'react-aria-components/Pressable';\nimport { useViewStackEmit, ViewStackContext } from './context';\nimport type { ViewStackTriggerProps } from './types';\n\n/**\n * ViewStackTrigger - Pressable element that triggers ViewStack navigation actions\n *\n * @example\n * ```tsx\n * <ViewStack id=\"main-stack\">\n *   <ViewStackView id=\"home\">\n *     <h1>Home</h1>\n *     <ViewStackTrigger for=\"settings-view-id\">\n *       <Button>Go to Settings</Button>\n *     </ViewStackTrigger>\n *   </ViewStackView>\n *   <ViewStackView id=\"settings-view-id\">\n *     <h1>Settings</h1>\n *     <ViewStackTrigger for=\"back:main-stack\">\n *       <Button>Back</Button>\n *     </ViewStackTrigger>\n *   </ViewStackView>\n * </ViewStack>\n * ```\n *\n * @param props - {@link ViewStackTriggerProps}\n * @param props.children - Pressable children content.\n * @param props.for - Navigation action(s) to trigger on press.\n * @returns The rendered ViewStackTrigger component.\n */\nexport function ViewStackTrigger({\n  children,\n  for: types,\n}: ViewStackTriggerProps) {\n  const { parent } = useContext(ViewStackContext);\n  const viewStackEmit = useViewStackEmit();\n\n  function handlePress() {\n    for (const type of Array.isArray(types) ? types : [types]) {\n      let [event, id] = (isUUID(type) ? ['push', type] : type.split(':')) as [\n        'back' | 'clear' | 'reset' | 'push',\n        UniqueId | undefined | null,\n      ];\n\n      id ??= parent;\n\n      if (!id) {\n        continue;\n      }\n\n      viewStackEmit[event](id);\n    }\n  }\n\n  return <Pressable onPress={handlePress}>{children}</Pressable>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAgB,iBAAiB,EAC/B,UACA,KAAK,SACmB;CACxB,MAAM,EAAE,WAAW,WAAW,iBAAiB;CAC/C,MAAM,gBAAgB,kBAAkB;CAExC,SAAS,cAAc;AACrB,OAAK,MAAM,QAAQ,MAAM,QAAQ,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE;GACzD,IAAI,CAAC,OAAO,MAAO,OAAO,KAAK,GAAG,CAAC,QAAQ,KAAK,GAAG,KAAK,MAAM,IAAI;AAKlE,UAAO;AAEP,OAAI,CAAC,GACH;AAGF,iBAAc,OAAO,GAAG;;;AAI5B,QAAO,oBAAC;EAAU,SAAS;EAAc;GAAqB"}

package/dist/components/view-stack/types.d.ts

@@ -12,9 +12,9 @@
 
 import { ViewStackEventTypes } from "./events.js";
 import { ComponentProps, PropsWithChildren, RefAttributes } from "react";
-import { Pressable } from "react-aria-components";
 import { UniqueId } from "@accelint/core";
 import { Payload } from "@accelint/bus";
+import { Pressable } from "react-aria-components/Pressable";
 
 //#region src/components/view-stack/types.d.ts
 /**

package/dist/components/view-stack/view.d.ts

@@ -12,7 +12,7 @@
 
 import { ViewStackViewProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime147 from "react/jsx-runtime";
+import * as react_jsx_runtime199 from "react/jsx-runtime";
 
 //#region src/components/view-stack/view.d.ts
 
@@ -43,7 +43,7 @@ import * as react_jsx_runtime147 from "react/jsx-runtime";
 declare function ViewStackView({
   id,
   children
-}: ViewStackViewProps): react_jsx_runtime147.JSX.Element | null;
+}: ViewStackViewProps): react_jsx_runtime199.JSX.Element | null;
 //#endregion
 export { ViewStackView };
 //# sourceMappingURL=view.d.ts.map

package/dist/hooks/coordinate-field/use-coordinate-field.d.ts

@@ -15,7 +15,7 @@ import { useCoordinateCopy } from "./use-coordinate-copy.js";
 import { useCoordinateFieldState } from "./use-coordinate-field-state.js";
 import { useCoordinateFocus } from "./use-coordinate-focus.js";
 import { useCoordinatePaste } from "./use-coordinate-paste.js";
-import { ValidationResult } from "react-aria-components";
+import { ValidationResult } from "react-aria-components/TextField";
 
 //#region src/hooks/coordinate-field/use-coordinate-field.d.ts
 /** Return value from the useCoordinateField hook */

package/dist/hooks/coordinate-field/use-coordinate-field.js

@@ -17,7 +17,7 @@ import { useCoordinateFocus } from "./use-coordinate-focus.js";
 import { useCoordinatePaste } from "./use-coordinate-paste.js";
 import { useTimeoutCleanup } from "./use-timeout-cleanup.js";
 import { useMemo } from "react";
-import { useId } from "@react-aria/utils";
+import { useId } from "react-aria/useId";
 
 //#region src/hooks/coordinate-field/use-coordinate-field.ts
 const FOCUS_DELAY_MS = 0;

package/dist/hooks/coordinate-field/use-coordinate-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-coordinate-field.js","names":[],"sources":["../../../src/hooks/coordinate-field/use-coordinate-field.ts"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. 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 https://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 { useId } from '@react-aria/utils';\nimport { useMemo } from 'react';\nimport { useCoordinateCopy } from './use-coordinate-copy';\nimport { useCoordinateFieldState } from './use-coordinate-field-state';\nimport { useCoordinateFocus } from './use-coordinate-focus';\nimport { useCoordinatePaste } from './use-coordinate-paste';\nimport { useTimeoutCleanup } from './use-timeout-cleanup';\nimport type { ValidationResult } from 'react-aria-components';\nimport type {\n  CoordinateFieldProps,\n  CoordinateSystem,\n  CoordinateValue,\n} from '../../components/coordinate-field/types';\n\nconst FOCUS_DELAY_MS = 0;\n\n/** Return value from the useCoordinateField hook */\nexport interface UseCoordinateFieldResult {\n  /** Coordinate state management utilities */\n  state: ReturnType<typeof useCoordinateFieldState>;\n  /** Focus management utilities */\n  focus: ReturnType<typeof useCoordinateFocus>;\n  /** Paste handling utilities */\n  paste: ReturnType<typeof useCoordinatePaste>;\n  /** Copy handling utilities */\n  copy: ReturnType<typeof useCoordinateCopy>;\n  /** Register timeouts for cleanup */\n  registerTimeout: (timeoutId: NodeJS.Timeout) => void;\n  /** ARIA props for the field container */\n  fieldProps: {\n    id: string;\n    role: 'group';\n    'aria-labelledby': string | undefined;\n    'aria-describedby': string | undefined;\n    'aria-label': string | undefined;\n    'aria-details': string | undefined;\n    'aria-invalid': boolean | undefined;\n    'aria-required': boolean | undefined;\n    'aria-disabled': boolean | undefined;\n  };\n  /** Props for the label element */\n  labelProps: {\n    id: string;\n    htmlFor: string;\n  };\n  /** Props for the description element */\n  descriptionProps: {\n    id: string;\n  };\n  /** Props for the error message element */\n  errorProps: {\n    id: string;\n  };\n  /** Validation result for react-aria */\n  validation: ValidationResult;\n  /** Generated element IDs */\n  ids: {\n    fieldId: string;\n    labelId: string;\n    descriptionId: string;\n    errorId: string;\n  };\n  /** First error message or null */\n  effectiveErrorMessage: string | null;\n  /** Whether the field is in an invalid state */\n  isInvalid: boolean;\n}\n\n/**\n * Manages coordinate field state, focus, copy, paste, and accessibility props\n *\n * @example\n * ```tsx\n * function CoordinateFieldComponent() {\n *   const [value, setValue] = useState<CoordinateValue | null>(null);\n *\n *   const {\n *     state,\n *     focus,\n *     paste,\n *     copy,\n *     fieldProps,\n *     labelProps,\n *     isInvalid,\n *     effectiveErrorMessage,\n *   } = useCoordinateField({\n *     value,\n *     onChange: setValue,\n *     format: 'dd',\n *     label: 'Location',\n *   });\n *\n *   return (\n *     <div {...fieldProps}>\n *       <label {...labelProps}>Location</label>\n *       {state.editableSegmentConfigs.map((config, index) => (\n *         <input\n *           key={index}\n *           ref={focus.segmentRefs[index]}\n *           value={state.segmentValues[index]}\n *           onChange={(e) => state.handleSegmentChange(index, e.target.value)}\n *         />\n *       ))}\n *       {isInvalid && <span>{effectiveErrorMessage}</span>}\n *     </div>\n *   );\n * }\n * ```\n *\n * @param props - {@link CoordinateFieldProps}\n * @param customAriaLabel - Custom aria-label for the field.\n * @param customAriaDescribedby - Custom aria-describedby IDs.\n * @param customAriaDetails - Custom aria-details ID.\n * @returns {@link UseCoordinateFieldResult} Combined state, focus, copy, paste utilities and accessibility props.\n */\nexport function useCoordinateField(\n  props: CoordinateFieldProps,\n  customAriaLabel?: string,\n  customAriaDescribedby?: string,\n  customAriaDetails?: string,\n): UseCoordinateFieldResult {\n  const {\n    description,\n    errorMessage: errorMessageProp,\n    format = 'dd' as CoordinateSystem,\n    value,\n    defaultValue,\n    onChange,\n    onError,\n    isDisabled = false,\n    isInvalid: isInvalidProp = false,\n    isRequired = false,\n    id: idProp,\n  } = props;\n\n  const fieldId = useId(idProp);\n  const labelId = useId();\n  const descriptionId = useId();\n  const errorId = useId();\n\n  const { registerTimeout } = useTimeoutCleanup();\n\n  const state = useCoordinateFieldState({\n    value,\n    defaultValue,\n    format,\n    onChange,\n    onError,\n    registerTimeout,\n  });\n\n  const focus = useCoordinateFocus({\n    editableSegmentConfigs: state.editableSegmentConfigs,\n  });\n\n  const handlePasteValueApplied = (pastedValue: CoordinateValue) => {\n    state.applyPastedCoordinate(pastedValue);\n\n    // Defer focus until after React commits state updates to the DOM.\n    // applyPastedCoordinate triggers setSegmentValues which updates the input\n    // elements, and we need those updates to complete before focusing.\n    registerTimeout(\n      setTimeout(() => {\n        focus.focusFirstSegment();\n      }, FOCUS_DELAY_MS),\n    );\n  };\n\n  const paste = useCoordinatePaste({\n    onValueApplied: handlePasteValueApplied,\n    onError,\n  });\n\n  const copy = useCoordinateCopy({\n    currentValue: state.currentValue,\n    validationErrors: state.validationErrors,\n    isDisabled,\n    registerTimeout,\n  });\n\n  const effectiveErrorMessage = useMemo(\n    () => errorMessageProp || state.effectiveErrorMessage,\n    [errorMessageProp, state.effectiveErrorMessage],\n  );\n\n  const isInvalid = isInvalidProp || effectiveErrorMessage !== null;\n\n  const describedByIds = [\n    description && descriptionId,\n    effectiveErrorMessage && errorId,\n    customAriaDescribedby,\n  ].filter(Boolean);\n  const describedBy =\n    describedByIds.length > 0 ? describedByIds.join(' ') : undefined;\n\n  const labelProps = {\n    id: labelId,\n    htmlFor: fieldId,\n  };\n\n  // Only use aria-labelledby when we have a visible label (not using aria-label)\n  // When aria-label is provided (e.g., in small size), it takes precedence\n  const ariaLabelledBy = customAriaLabel ? undefined : labelId;\n\n  const fieldProps = {\n    id: fieldId,\n    role: 'group' as const,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': describedBy,\n    'aria-label': customAriaLabel || undefined,\n    'aria-details': customAriaDetails || undefined,\n    'aria-invalid': isInvalid || undefined,\n    'aria-required': isRequired || undefined,\n    'aria-disabled': isDisabled || undefined,\n  };\n\n  const descriptionProps = {\n    id: descriptionId,\n  };\n\n  const errorProps = {\n    id: errorId,\n  };\n\n  const validation: ValidationResult = useMemo(\n    () => ({\n      isInvalid,\n      validationErrors: effectiveErrorMessage ? [effectiveErrorMessage] : [],\n      validationDetails: {} as ValidityState,\n    }),\n    [isInvalid, effectiveErrorMessage],\n  );\n\n  return {\n    state,\n    focus,\n    paste,\n    copy,\n    registerTimeout,\n    fieldProps,\n    labelProps,\n    descriptionProps,\n    errorProps,\n    validation,\n    ids: {\n      fieldId,\n      labelId,\n      descriptionId,\n      errorId,\n    },\n    effectiveErrorMessage,\n    isInvalid,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGvB,SAAgB,mBACd,OACA,iBACA,uBACA,mBAC0B;CAC1B,MAAM,EACJ,aACA,cAAc,kBACd,SAAS,MACT,OACA,cACA,UACA,SACA,aAAa,OACb,WAAW,gBAAgB,OAC3B,aAAa,OACb,IAAI,WACF;CAEJ,MAAM,UAAU,MAAM,OAAO;CAC7B,MAAM,UAAU,OAAO;CACvB,MAAM,gBAAgB,OAAO;CAC7B,MAAM,UAAU,OAAO;CAEvB,MAAM,EAAE,oBAAoB,mBAAmB;CAE/C,MAAM,QAAQ,wBAAwB;EACpC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,QAAQ,mBAAmB,EAC/B,wBAAwB,MAAM,wBAC/B,CAAC;CAEF,MAAM,2BAA2B,gBAAiC;AAChE,QAAM,sBAAsB,YAAY;AAKxC,kBACE,iBAAiB;AACf,SAAM,mBAAmB;KACxB,eAAe,CACnB;;CAGH,MAAM,QAAQ,mBAAmB;EAC/B,gBAAgB;EAChB;EACD,CAAC;CAEF,MAAM,OAAO,kBAAkB;EAC7B,cAAc,MAAM;EACpB,kBAAkB,MAAM;EACxB;EACA;EACD,CAAC;CAEF,MAAM,wBAAwB,cACtB,oBAAoB,MAAM,uBAChC,CAAC,kBAAkB,MAAM,sBAAsB,CAChD;CAED,MAAM,YAAY,iBAAiB,0BAA0B;CAE7D,MAAM,iBAAiB;EACrB,eAAe;EACf,yBAAyB;EACzB;EACD,CAAC,OAAO,QAAQ;CACjB,MAAM,cACJ,eAAe,SAAS,IAAI,eAAe,KAAK,IAAI,GAAG;CAEzD,MAAM,aAAa;EACjB,IAAI;EACJ,SAAS;EACV;CAID,MAAM,iBAAiB,kBAAkB,SAAY;AA+BrD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA,YAnCiB;GACjB,IAAI;GACJ,MAAM;GACN,mBAAmB;GACnB,oBAAoB;GACpB,cAAc,mBAAmB;GACjC,gBAAgB,qBAAqB;GACrC,gBAAgB,aAAa;GAC7B,iBAAiB,cAAc;GAC/B,iBAAiB,cAAc;GAChC;EA0BC;EACA,kBAzBuB,EACvB,IAAI,eACL;EAwBC,YAtBiB,EACjB,IAAI,SACL;EAqBC,YAnBmC,eAC5B;GACL;GACA,kBAAkB,wBAAwB,CAAC,sBAAsB,GAAG,EAAE;GACtE,mBAAmB,EAAE;GACtB,GACD,CAAC,WAAW,sBAAsB,CACnC;EAaC,KAAK;GACH;GACA;GACA;GACA;GACD;EACD;EACA;EACD"}
+{"version":3,"file":"use-coordinate-field.js","names":[],"sources":["../../../src/hooks/coordinate-field/use-coordinate-field.ts"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. 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 https://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 { useId } from 'react-aria/useId';\nimport { useMemo } from 'react';\nimport { useCoordinateCopy } from './use-coordinate-copy';\nimport { useCoordinateFieldState } from './use-coordinate-field-state';\nimport { useCoordinateFocus } from './use-coordinate-focus';\nimport { useCoordinatePaste } from './use-coordinate-paste';\nimport { useTimeoutCleanup } from './use-timeout-cleanup';\nimport type { ValidationResult } from 'react-aria-components/TextField';\nimport type {\n  CoordinateFieldProps,\n  CoordinateSystem,\n  CoordinateValue,\n} from '../../components/coordinate-field/types';\n\nconst FOCUS_DELAY_MS = 0;\n\n/** Return value from the useCoordinateField hook */\nexport interface UseCoordinateFieldResult {\n  /** Coordinate state management utilities */\n  state: ReturnType<typeof useCoordinateFieldState>;\n  /** Focus management utilities */\n  focus: ReturnType<typeof useCoordinateFocus>;\n  /** Paste handling utilities */\n  paste: ReturnType<typeof useCoordinatePaste>;\n  /** Copy handling utilities */\n  copy: ReturnType<typeof useCoordinateCopy>;\n  /** Register timeouts for cleanup */\n  registerTimeout: (timeoutId: NodeJS.Timeout) => void;\n  /** ARIA props for the field container */\n  fieldProps: {\n    id: string;\n    role: 'group';\n    'aria-labelledby': string | undefined;\n    'aria-describedby': string | undefined;\n    'aria-label': string | undefined;\n    'aria-details': string | undefined;\n    'aria-invalid': boolean | undefined;\n    'aria-required': boolean | undefined;\n    'aria-disabled': boolean | undefined;\n  };\n  /** Props for the label element */\n  labelProps: {\n    id: string;\n    htmlFor: string;\n  };\n  /** Props for the description element */\n  descriptionProps: {\n    id: string;\n  };\n  /** Props for the error message element */\n  errorProps: {\n    id: string;\n  };\n  /** Validation result for react-aria */\n  validation: ValidationResult;\n  /** Generated element IDs */\n  ids: {\n    fieldId: string;\n    labelId: string;\n    descriptionId: string;\n    errorId: string;\n  };\n  /** First error message or null */\n  effectiveErrorMessage: string | null;\n  /** Whether the field is in an invalid state */\n  isInvalid: boolean;\n}\n\n/**\n * Manages coordinate field state, focus, copy, paste, and accessibility props\n *\n * @example\n * ```tsx\n * function CoordinateFieldComponent() {\n *   const [value, setValue] = useState<CoordinateValue | null>(null);\n *\n *   const {\n *     state,\n *     focus,\n *     paste,\n *     copy,\n *     fieldProps,\n *     labelProps,\n *     isInvalid,\n *     effectiveErrorMessage,\n *   } = useCoordinateField({\n *     value,\n *     onChange: setValue,\n *     format: 'dd',\n *     label: 'Location',\n *   });\n *\n *   return (\n *     <div {...fieldProps}>\n *       <label {...labelProps}>Location</label>\n *       {state.editableSegmentConfigs.map((config, index) => (\n *         <input\n *           key={index}\n *           ref={focus.segmentRefs[index]}\n *           value={state.segmentValues[index]}\n *           onChange={(e) => state.handleSegmentChange(index, e.target.value)}\n *         />\n *       ))}\n *       {isInvalid && <span>{effectiveErrorMessage}</span>}\n *     </div>\n *   );\n * }\n * ```\n *\n * @param props - {@link CoordinateFieldProps}\n * @param customAriaLabel - Custom aria-label for the field.\n * @param customAriaDescribedby - Custom aria-describedby IDs.\n * @param customAriaDetails - Custom aria-details ID.\n * @returns {@link UseCoordinateFieldResult} Combined state, focus, copy, paste utilities and accessibility props.\n */\nexport function useCoordinateField(\n  props: CoordinateFieldProps,\n  customAriaLabel?: string,\n  customAriaDescribedby?: string,\n  customAriaDetails?: string,\n): UseCoordinateFieldResult {\n  const {\n    description,\n    errorMessage: errorMessageProp,\n    format = 'dd' as CoordinateSystem,\n    value,\n    defaultValue,\n    onChange,\n    onError,\n    isDisabled = false,\n    isInvalid: isInvalidProp = false,\n    isRequired = false,\n    id: idProp,\n  } = props;\n\n  const fieldId = useId(idProp);\n  const labelId = useId();\n  const descriptionId = useId();\n  const errorId = useId();\n\n  const { registerTimeout } = useTimeoutCleanup();\n\n  const state = useCoordinateFieldState({\n    value,\n    defaultValue,\n    format,\n    onChange,\n    onError,\n    registerTimeout,\n  });\n\n  const focus = useCoordinateFocus({\n    editableSegmentConfigs: state.editableSegmentConfigs,\n  });\n\n  const handlePasteValueApplied = (pastedValue: CoordinateValue) => {\n    state.applyPastedCoordinate(pastedValue);\n\n    // Defer focus until after React commits state updates to the DOM.\n    // applyPastedCoordinate triggers setSegmentValues which updates the input\n    // elements, and we need those updates to complete before focusing.\n    registerTimeout(\n      setTimeout(() => {\n        focus.focusFirstSegment();\n      }, FOCUS_DELAY_MS),\n    );\n  };\n\n  const paste = useCoordinatePaste({\n    onValueApplied: handlePasteValueApplied,\n    onError,\n  });\n\n  const copy = useCoordinateCopy({\n    currentValue: state.currentValue,\n    validationErrors: state.validationErrors,\n    isDisabled,\n    registerTimeout,\n  });\n\n  const effectiveErrorMessage = useMemo(\n    () => errorMessageProp || state.effectiveErrorMessage,\n    [errorMessageProp, state.effectiveErrorMessage],\n  );\n\n  const isInvalid = isInvalidProp || effectiveErrorMessage !== null;\n\n  const describedByIds = [\n    description && descriptionId,\n    effectiveErrorMessage && errorId,\n    customAriaDescribedby,\n  ].filter(Boolean);\n  const describedBy =\n    describedByIds.length > 0 ? describedByIds.join(' ') : undefined;\n\n  const labelProps = {\n    id: labelId,\n    htmlFor: fieldId,\n  };\n\n  // Only use aria-labelledby when we have a visible label (not using aria-label)\n  // When aria-label is provided (e.g., in small size), it takes precedence\n  const ariaLabelledBy = customAriaLabel ? undefined : labelId;\n\n  const fieldProps = {\n    id: fieldId,\n    role: 'group' as const,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': describedBy,\n    'aria-label': customAriaLabel || undefined,\n    'aria-details': customAriaDetails || undefined,\n    'aria-invalid': isInvalid || undefined,\n    'aria-required': isRequired || undefined,\n    'aria-disabled': isDisabled || undefined,\n  };\n\n  const descriptionProps = {\n    id: descriptionId,\n  };\n\n  const errorProps = {\n    id: errorId,\n  };\n\n  const validation: ValidationResult = useMemo(\n    () => ({\n      isInvalid,\n      validationErrors: effectiveErrorMessage ? [effectiveErrorMessage] : [],\n      validationDetails: {} as ValidityState,\n    }),\n    [isInvalid, effectiveErrorMessage],\n  );\n\n  return {\n    state,\n    focus,\n    paste,\n    copy,\n    registerTimeout,\n    fieldProps,\n    labelProps,\n    descriptionProps,\n    errorProps,\n    validation,\n    ids: {\n      fieldId,\n      labelId,\n      descriptionId,\n      errorId,\n    },\n    effectiveErrorMessage,\n    isInvalid,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGvB,SAAgB,mBACd,OACA,iBACA,uBACA,mBAC0B;CAC1B,MAAM,EACJ,aACA,cAAc,kBACd,SAAS,MACT,OACA,cACA,UACA,SACA,aAAa,OACb,WAAW,gBAAgB,OAC3B,aAAa,OACb,IAAI,WACF;CAEJ,MAAM,UAAU,MAAM,OAAO;CAC7B,MAAM,UAAU,OAAO;CACvB,MAAM,gBAAgB,OAAO;CAC7B,MAAM,UAAU,OAAO;CAEvB,MAAM,EAAE,oBAAoB,mBAAmB;CAE/C,MAAM,QAAQ,wBAAwB;EACpC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,QAAQ,mBAAmB,EAC/B,wBAAwB,MAAM,wBAC/B,CAAC;CAEF,MAAM,2BAA2B,gBAAiC;AAChE,QAAM,sBAAsB,YAAY;AAKxC,kBACE,iBAAiB;AACf,SAAM,mBAAmB;KACxB,eAAe,CACnB;;CAGH,MAAM,QAAQ,mBAAmB;EAC/B,gBAAgB;EAChB;EACD,CAAC;CAEF,MAAM,OAAO,kBAAkB;EAC7B,cAAc,MAAM;EACpB,kBAAkB,MAAM;EACxB;EACA;EACD,CAAC;CAEF,MAAM,wBAAwB,cACtB,oBAAoB,MAAM,uBAChC,CAAC,kBAAkB,MAAM,sBAAsB,CAChD;CAED,MAAM,YAAY,iBAAiB,0BAA0B;CAE7D,MAAM,iBAAiB;EACrB,eAAe;EACf,yBAAyB;EACzB;EACD,CAAC,OAAO,QAAQ;CACjB,MAAM,cACJ,eAAe,SAAS,IAAI,eAAe,KAAK,IAAI,GAAG;CAEzD,MAAM,aAAa;EACjB,IAAI;EACJ,SAAS;EACV;CAID,MAAM,iBAAiB,kBAAkB,SAAY;AA+BrD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA,YAnCiB;GACjB,IAAI;GACJ,MAAM;GACN,mBAAmB;GACnB,oBAAoB;GACpB,cAAc,mBAAmB;GACjC,gBAAgB,qBAAqB;GACrC,gBAAgB,aAAa;GAC7B,iBAAiB,cAAc;GAC/B,iBAAiB,cAAc;GAChC;EA0BC;EACA,kBAzBuB,EACvB,IAAI,eACL;EAwBC,YAtBiB,EACjB,IAAI,SACL;EAqBC,YAnBmC,eAC5B;GACL;GACA,kBAAkB,wBAAwB,CAAC,sBAAsB,GAAG,EAAE;GACtE,mBAAmB,EAAE;GACtB,GACD,CAAC,WAAW,sBAAsB,CACnC;EAaC,KAAK;GACH;GACA;GACA;GACA;GACD;EACD;EACA;EACD"}