npm - @accelint/design-toolkit - Versions diffs - 9.10.0 → 9.11.1 - Mend

@accelint/design-toolkit 9.10.0 → 9.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (563) hide show

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

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

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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/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 CHANGED Viewed

@@ -10,8 +10,8 @@
  * governing permissions and limitations under the License.
  */
-import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime188 from "react/jsx-runtime";
+import * as react_jsx_runtime204 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_runtime188 from "react/jsx-runtime";
 declare function TreeItemLabel({
   children,
   className
-}: TextProps): react_jsx_runtime188.JSX.Element;
+}: TextProps): react_jsx_runtime204.JSX.Element;
 //#endregion
 export { TreeItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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/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 CHANGED Viewed

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

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

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

package/dist/components/tree/item.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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, 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 CHANGED Viewed

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
-import * as react44 from "react";
+import * as react53 from "react";
 //#region src/components/tree/lines.d.ts
 /**
@@ -22,7 +22,7 @@ import * as react44 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: react44.NamedExoticComponent<{
+declare const TreeLines: react53.NamedExoticComponent<{
   level: number;
   isLastOfSet: boolean;
   ancestorLastOfSet: boolean[];

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

@@ -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,12 +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>;
-  indeterminateKeys?: 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;
 };
 /**
@@ -75,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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -12,7 +12,7 @@
 import { ViewStackProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime232 from "react/jsx-runtime";
+import * as react_jsx_runtime209 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_runtime232.JSX.Element;
+}: ViewStackProps): react_jsx_runtime209.JSX.Element;
 //#endregion
 export { ViewStack };
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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/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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/dist/hooks/coordinate-field/use-coordinate-field-state.d.ts CHANGED Viewed

@@ -43,6 +43,8 @@ interface UseCoordinateFieldStateResult {
   editableSegmentConfigs: SegmentConfig[];
   /** Handle change of a single segment */
   handleSegmentChange: (index: number, newValue: string) => void;
+  /** Handle blur event for a segment */
+  handleSegmentBlur: (index: number) => void;
   /** Set all segment values at once */
   setSegmentValues: (values: string[]) => void;
   /** Set validation errors */

package/dist/hooks/coordinate-field/use-coordinate-field-state.js CHANGED Viewed

@@ -146,12 +146,14 @@ function useCoordinateFieldState({ value, defaultValue, format, onChange, onErro
 	};
 	const handleSegmentChange = (index, newValue) => {
 		const updatedValues = [...segmentValues];
-		updatedValues[index] = newValue;
+		if (format === "mgrs" && (index === 1 || index === 2) && /^[a-zA-Z]+$/.test(newValue)) updatedValues[index] = newValue.toUpperCase();
+		else updatedValues[index] = newValue;
 		setSegmentValues(updatedValues);
 		if (areAllSegmentsFilled(updatedValues)) {
 			clearValidationTimeout();
+			const capturedValues = [...updatedValues];
 			const timeoutId = setTimeout(() => {
-				validateAndUpdateCoordinate(updatedValues);
+				validateAndUpdateCoordinate(capturedValues);
 				validationTimeoutRef.current = null;
 			}, 400);
 			validationTimeoutRef.current = timeoutId;
@@ -162,6 +164,16 @@ function useCoordinateFieldState({ value, defaultValue, format, onChange, onErro
 			if (currentValue !== null) handleChange(null);
 		}
 	};
+	const handleSegmentBlur = (index) => {
+		if (format === "mgrs" && index === 0) {
+			const currentVal = segmentValues[0];
+			if (currentVal && currentVal.length === 1 && /^\d$/.test(currentVal)) {
+				const updatedValues = [...segmentValues];
+				updatedValues[0] = currentVal.padStart(2, "0");
+				setSegmentValues(updatedValues);
+			}
+		}
+	};
 	const applyPastedCoordinate = (pastedValue) => {
 		clearValidationTimeout();
 		const segments = convertDDToDisplaySegments(pastedValue, format);
@@ -184,6 +196,7 @@ function useCoordinateFieldState({ value, defaultValue, format, onChange, onErro
 		segmentConfigs,
 		editableSegmentConfigs,
 		handleSegmentChange,
+		handleSegmentBlur,
 		setSegmentValues,
 		setValidationErrors,
 		effectiveErrorMessage: useMemo(() => validationErrors[0] || null, [validationErrors]),

package/dist/hooks/coordinate-field/use-coordinate-field-state.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-coordinate-field-state.js","names":[],"sources":["../../../src/hooks/coordinate-field/use-coordinate-field-state.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 {\n type Dispatch,\n type SetStateAction,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport {\n areAllSegmentsFilled,\n convertDDToDisplaySegments,\n convertDisplaySegmentsToDD,\n validateCoordinateSegments,\n} from '../../components/coordinate-field/coordinate-utils';\nimport { getSegmentConfigs } from '../../components/coordinate-field/segment-configs';\nimport type {\n CoordinateSystem,\n CoordinateValue,\n SegmentConfig,\n} from '../../components/coordinate-field/types';\n\n/* Options for the useCoordinateFieldState hook /\nexport interface UseCoordinateFieldStateOptions {\n /* Controlled coordinate value /\n value?: CoordinateValue \| null;\n /* Default value for uncontrolled mode /\n defaultValue?: CoordinateValue;\n /* Coordinate format system (dd, ddm, dms, mgrs, utm) /\n format: CoordinateSystem;\n /* Callback when coordinate value changes /\n onChange?:\n \| Dispatch<SetStateAction<CoordinateValue \| null>>\n \| ((value: CoordinateValue \| null) => void);\n /* Callback for validation errors /\n onError?: (message: string, context?: Record<string, unknown>) => void;\n /* Register timeouts for cleanup on unmount /\n registerTimeout?: (timeoutId: NodeJS.Timeout) => void;\n}\n\n/* Return value from the useCoordinateFieldState hook /\nexport interface UseCoordinateFieldStateResult {\n /* Current coordinate value (null if incomplete/invalid) /\n currentValue: CoordinateValue \| null;\n /* Array of display values for each segment /\n segmentValues: string[];\n /* Array of validation error messages /\n validationErrors: string[];\n /* All segment configurations including literals /\n segmentConfigs: SegmentConfig[];\n /* Only editable segment configurations /\n editableSegmentConfigs: SegmentConfig[];\n /* Handle change of a single segment /\n handleSegmentChange: (index: number, newValue: string) => void;\n /* Set all segment values at once /\n setSegmentValues: (values: string[]) => void;\n /* Set validation errors /\n setValidationErrors: (errors: string[]) => void;\n /* First validation error or null /\n effectiveErrorMessage: string \| null;\n /* Apply a pasted coordinate value /\n applyPastedCoordinate: (pastedValue: CoordinateValue) => void;\n /* Immediately run pending validation /\n flushPendingValidation: () => void;\n}\n\n/\n Manages coordinate segment values, validation, and format conversion\n \n @example\n * ```tsx\n * function CoordinateInputs() {\n * const [value, setValue] = useState<CoordinateValue \| null>(null);\n * const { registerTimeout } = useTimeoutCleanup();\n \n const {\n * currentValue,\n * segmentValues,\n * validationErrors,\n * editableSegmentConfigs,\n * handleSegmentChange,\n * } = useCoordinateFieldState({\n * value,\n * format: 'ddm',\n * onChange: setValue,\n * onError: (msg) => console.error(msg),\n * registerTimeout,\n * });\n \n return (\n * <div>\n * {editableSegmentConfigs.map((config, i) => (\n * <input\n * key={i}\n * value={segmentValues[i]}\n * onChange={(e) => handleSegmentChange(i, e.target.value)}\n * placeholder={config.placeholder}\n * />\n * ))}\n * {validationErrors.map((error, i) => (\n * <span key={i}>{error}</span>\n * ))}\n * </div>\n * );\n * }\n * ```\n \n @param options - {@link UseCoordinateFieldStateOptions}\n * @param options.value - Controlled coordinate value.\n * @param options.defaultValue - Default value for uncontrolled mode.\n * @param options.format - Coordinate format system (dd, ddm, dms, mgrs, utm).\n * @param options.onChange - Callback when coordinate value changes.\n * @param options.onError - Callback for validation errors.\n * @param options.registerTimeout - Register timeouts for cleanup on unmount.\n * @returns {@link UseCoordinateFieldStateResult} Segment state, validation, and change handlers.\n /\nexport function useCoordinateFieldState({\n value,\n defaultValue,\n format,\n onChange,\n onError,\n registerTimeout,\n}: UseCoordinateFieldStateOptions): UseCoordinateFieldStateResult {\n const [internalValue, setInternalValue] = useState<CoordinateValue \| null>(\n defaultValue \|\| null,\n );\n const [validationErrors, setValidationErrors] = useState<string[]>([]);\n const validationTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n\n const currentValue = value !== undefined ? value : internalValue;\n\n const clearValidationTimeout = () => {\n if (validationTimeoutRef.current) {\n clearTimeout(validationTimeoutRef.current);\n validationTimeoutRef.current = null;\n }\n };\n\n const handleChange = (newValue: CoordinateValue \| null) => {\n if (value === undefined) {\n setInternalValue(newValue);\n }\n onChange?.(newValue);\n };\n\n const segmentConfigs = useMemo(() => getSegmentConfigs(format), [format]);\n\n const editableSegmentConfigs = useMemo(\n () => segmentConfigs.flat().filter((config) => config.type !== 'literal'),\n [segmentConfigs],\n );\n\n const [segmentValues, setSegmentValues] = useState<string[]>(() => {\n const initialValue = value !== undefined ? value : defaultValue;\n if (!initialValue) {\n return new Array(editableSegmentConfigs.length).fill('');\n }\n\n const segments = convertDDToDisplaySegments(initialValue, format);\n if (!segments) {\n return new Array(editableSegmentConfigs.length).fill('');\n }\n\n return segments;\n });\n\n const convertValueToSegmentsOrClear = useCallback(\n (valueToConvert: CoordinateValue \| null) => {\n // Clear any pending validation when value changes\n clearValidationTimeout();\n\n const segments = valueToConvert\n ? convertDDToDisplaySegments(valueToConvert, format)\n : null;\n\n setSegmentValues(\n segments \|\| new Array(editableSegmentConfigs.length).fill(''),\n );\n setValidationErrors([]);\n },\n [format, editableSegmentConfigs.length],\n );\n\n const prevFormatRef = useRef(format);\n\n useEffect(() => {\n if (prevFormatRef.current !== format) {\n prevFormatRef.current = format;\n const valueToConvert = value !== undefined ? value : internalValue;\n convertValueToSegmentsOrClear(valueToConvert);\n }\n }, [format, value, internalValue, convertValueToSegmentsOrClear]);\n\n useEffect(() => {\n if (value !== undefined) {\n convertValueToSegmentsOrClear(value);\n }\n }, [value, convertValueToSegmentsOrClear]);\n\n /\n Validates segment values and updates the coordinate state\n \n When validation fails, calls onError with \"Invalid coordinate value\" message\n * and context containing the detailed validation errors from @accelint/geo.\n \n @param updatedValues - Array of segment values to validate\n */\n const validateAndUpdateCoordinate = (updatedValues: string[]) => {\n const errors = validateCoordinateSegments(updatedValues, format);\n\n if (errors.length > 0) {\n setValidationErrors(errors);\n onError?.('Invalid coordinate value', {\n errors,\n format,\n segments: updatedValues,\n });\n handleChange(null);\n return;\n }\n\n const ddValue = convertDisplaySegmentsToDD(updatedValues, format);\n if (!ddValue) {\n const errorMsg = 'Invalid coordinate value';\n setValidationErrors([errorMsg]);\n onError?.(errorMsg, { format, segments: updatedValues });\n handleChange(null);\n return;\n }\n\n setValidationErrors([]);\n handleChange(ddValue);\n };\n\n const handleSegmentChange = (index: number, newValue: string) => {\n const updatedValues = [...segmentValues];\n updatedValues[index] = newValue;\n setSegmentValues(updatedValues);\n\n if (areAllSegmentsFilled(updatedValues)) {\n // Clear any pending validation timeout\n clearValidationTimeout();\n\n // Debounce validation by 400ms when all segments are full\n const timeoutId = setTimeout(() => {\n validateAndUpdateCoordinate(updatedValues);\n validationTimeoutRef.current = null;\n }, 400);\n\n validationTimeoutRef.current = timeoutId;\n registerTimeout?.(timeoutId);\n } else {\n // Clear any pending validation when segments become incomplete\n clearValidationTimeout();\n setValidationErrors([]);\n if (currentValue !== null) {\n handleChange(null);\n }\n }\n };\n\n const applyPastedCoordinate = (pastedValue: CoordinateValue) => {\n // Clear any pending validation when applying pasted coordinate\n clearValidationTimeout();\n\n const segments = convertDDToDisplaySegments(pastedValue, format);\n\n if (segments) {\n setSegmentValues(segments);\n setValidationErrors([]);\n handleChange(pastedValue);\n }\n };\n\n const flushPendingValidation = () => {\n if (validationTimeoutRef.current) {\n clearValidationTimeout();\n\n // Immediately validate if all segments are filled\n if (areAllSegmentsFilled(segmentValues)) {\n validateAndUpdateCoordinate(segmentValues);\n }\n }\n };\n\n const effectiveErrorMessage = useMemo(\n () => validationErrors[0] \|\| null,\n [validationErrors],\n );\n\n return {\n currentValue,\n segmentValues,\n validationErrors,\n segmentConfigs,\n editableSegmentConfigs,\n handleSegmentChange,\n setSegmentValues,\n setValidationErrors,\n effectiveErrorMessage,\n applyPastedCoordinate,\n flushPendingValidation,\n };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"use-coordinate-field-state.js","names":[],"sources":["../../../src/hooks/coordinate-field/use-coordinate-field-state.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 {\n type Dispatch,\n type SetStateAction,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport {\n areAllSegmentsFilled,\n convertDDToDisplaySegments,\n convertDisplaySegmentsToDD,\n validateCoordinateSegments,\n} from '../../components/coordinate-field/coordinate-utils';\nimport { getSegmentConfigs } from '../../components/coordinate-field/segment-configs';\nimport type {\n CoordinateSystem,\n CoordinateValue,\n SegmentConfig,\n} from '../../components/coordinate-field/types';\n\n/* Options for the useCoordinateFieldState hook /\nexport interface UseCoordinateFieldStateOptions {\n /* Controlled coordinate value /\n value?: CoordinateValue \| null;\n /* Default value for uncontrolled mode /\n defaultValue?: CoordinateValue;\n /* Coordinate format system (dd, ddm, dms, mgrs, utm) /\n format: CoordinateSystem;\n /* Callback when coordinate value changes /\n onChange?:\n \| Dispatch<SetStateAction<CoordinateValue \| null>>\n \| ((value: CoordinateValue \| null) => void);\n /* Callback for validation errors /\n onError?: (message: string, context?: Record<string, unknown>) => void;\n /* Register timeouts for cleanup on unmount /\n registerTimeout?: (timeoutId: NodeJS.Timeout) => void;\n}\n\n/* Return value from the useCoordinateFieldState hook /\nexport interface UseCoordinateFieldStateResult {\n /* Current coordinate value (null if incomplete/invalid) /\n currentValue: CoordinateValue \| null;\n /* Array of display values for each segment /\n segmentValues: string[];\n /* Array of validation error messages /\n validationErrors: string[];\n /* All segment configurations including literals /\n segmentConfigs: SegmentConfig[];\n /* Only editable segment configurations /\n editableSegmentConfigs: SegmentConfig[];\n /* Handle change of a single segment /\n handleSegmentChange: (index: number, newValue: string) => void;\n /* Handle blur event for a segment /\n handleSegmentBlur: (index: number) => void;\n /* Set all segment values at once /\n setSegmentValues: (values: string[]) => void;\n /* Set validation errors /\n setValidationErrors: (errors: string[]) => void;\n /* First validation error or null /\n effectiveErrorMessage: string \| null;\n /* Apply a pasted coordinate value /\n applyPastedCoordinate: (pastedValue: CoordinateValue) => void;\n /* Immediately run pending validation /\n flushPendingValidation: () => void;\n}\n\n/\n Manages coordinate segment values, validation, and format conversion\n \n @example\n * ```tsx\n * function CoordinateInputs() {\n * const [value, setValue] = useState<CoordinateValue \| null>(null);\n * const { registerTimeout } = useTimeoutCleanup();\n \n const {\n * currentValue,\n * segmentValues,\n * validationErrors,\n * editableSegmentConfigs,\n * handleSegmentChange,\n * } = useCoordinateFieldState({\n * value,\n * format: 'ddm',\n * onChange: setValue,\n * onError: (msg) => console.error(msg),\n * registerTimeout,\n * });\n \n return (\n * <div>\n * {editableSegmentConfigs.map((config, i) => (\n * <input\n * key={i}\n * value={segmentValues[i]}\n * onChange={(e) => handleSegmentChange(i, e.target.value)}\n * placeholder={config.placeholder}\n * />\n * ))}\n * {validationErrors.map((error, i) => (\n * <span key={i}>{error}</span>\n * ))}\n * </div>\n * );\n * }\n * ```\n \n @param options - {@link UseCoordinateFieldStateOptions}\n * @param options.value - Controlled coordinate value.\n * @param options.defaultValue - Default value for uncontrolled mode.\n * @param options.format - Coordinate format system (dd, ddm, dms, mgrs, utm).\n * @param options.onChange - Callback when coordinate value changes.\n * @param options.onError - Callback for validation errors.\n * @param options.registerTimeout - Register timeouts for cleanup on unmount.\n * @returns {@link UseCoordinateFieldStateResult} Segment state, validation, and change handlers.\n /\nexport function useCoordinateFieldState({\n value,\n defaultValue,\n format,\n onChange,\n onError,\n registerTimeout,\n}: UseCoordinateFieldStateOptions): UseCoordinateFieldStateResult {\n const [internalValue, setInternalValue] = useState<CoordinateValue \| null>(\n defaultValue \|\| null,\n );\n const [validationErrors, setValidationErrors] = useState<string[]>([]);\n const validationTimeoutRef = useRef<NodeJS.Timeout \| null>(null);\n\n const currentValue = value !== undefined ? value : internalValue;\n\n const clearValidationTimeout = () => {\n if (validationTimeoutRef.current) {\n clearTimeout(validationTimeoutRef.current);\n validationTimeoutRef.current = null;\n }\n };\n\n const handleChange = (newValue: CoordinateValue \| null) => {\n if (value === undefined) {\n setInternalValue(newValue);\n }\n onChange?.(newValue);\n };\n\n const segmentConfigs = useMemo(() => getSegmentConfigs(format), [format]);\n\n const editableSegmentConfigs = useMemo(\n () => segmentConfigs.flat().filter((config) => config.type !== 'literal'),\n [segmentConfigs],\n );\n\n const [segmentValues, setSegmentValues] = useState<string[]>(() => {\n const initialValue = value !== undefined ? value : defaultValue;\n if (!initialValue) {\n return new Array(editableSegmentConfigs.length).fill('');\n }\n\n const segments = convertDDToDisplaySegments(initialValue, format);\n if (!segments) {\n return new Array(editableSegmentConfigs.length).fill('');\n }\n\n return segments;\n });\n\n const convertValueToSegmentsOrClear = useCallback(\n (valueToConvert: CoordinateValue \| null) => {\n // Clear any pending validation when value changes\n clearValidationTimeout();\n\n const segments = valueToConvert\n ? convertDDToDisplaySegments(valueToConvert, format)\n : null;\n\n setSegmentValues(\n segments \|\| new Array(editableSegmentConfigs.length).fill(''),\n );\n setValidationErrors([]);\n },\n [format, editableSegmentConfigs.length],\n );\n\n const prevFormatRef = useRef(format);\n\n useEffect(() => {\n if (prevFormatRef.current !== format) {\n prevFormatRef.current = format;\n const valueToConvert = value !== undefined ? value : internalValue;\n convertValueToSegmentsOrClear(valueToConvert);\n }\n }, [format, value, internalValue, convertValueToSegmentsOrClear]);\n\n useEffect(() => {\n if (value !== undefined) {\n convertValueToSegmentsOrClear(value);\n }\n }, [value, convertValueToSegmentsOrClear]);\n\n /\n Validates segment values and updates the coordinate state\n \n When validation fails, calls onError with \"Invalid coordinate value\" message\n * and context containing the detailed validation errors from @accelint/geo.\n \n @param updatedValues - Array of segment values to validate\n */\n const validateAndUpdateCoordinate = (updatedValues: string[]) => {\n const errors = validateCoordinateSegments(updatedValues, format);\n\n if (errors.length > 0) {\n setValidationErrors(errors);\n onError?.('Invalid coordinate value', {\n errors,\n format,\n segments: updatedValues,\n });\n handleChange(null);\n return;\n }\n\n const ddValue = convertDisplaySegmentsToDD(updatedValues, format);\n if (!ddValue) {\n const errorMsg = 'Invalid coordinate value';\n setValidationErrors([errorMsg]);\n onError?.(errorMsg, { format, segments: updatedValues });\n handleChange(null);\n return;\n }\n\n setValidationErrors([]);\n handleChange(ddValue);\n };\n\n const handleSegmentChange = (index: number, newValue: string) => {\n const updatedValues = [...segmentValues];\n\n // Normalize MGRS letter inputs (Band/Grid): uppercase only\n if (\n format === 'mgrs' &&\n (index === 1 \|\| index === 2) &&\n /^[a-zA-Z]+$/.test(newValue)\n ) {\n updatedValues[index] = newValue.toUpperCase();\n } else {\n updatedValues[index] = newValue;\n }\n\n setSegmentValues(updatedValues);\n\n if (areAllSegmentsFilled(updatedValues)) {\n // Clear any pending validation timeout\n clearValidationTimeout();\n\n // Capture segment values at timeout creation\n const capturedValues = [...updatedValues];\n\n // Debounce validation by 400ms when all segments are full\n const timeoutId = setTimeout(() => {\n validateAndUpdateCoordinate(capturedValues);\n validationTimeoutRef.current = null;\n }, 400);\n\n validationTimeoutRef.current = timeoutId;\n registerTimeout?.(timeoutId);\n } else {\n // Clear any pending validation when segments become incomplete\n clearValidationTimeout();\n setValidationErrors([]);\n if (currentValue !== null) {\n handleChange(null);\n }\n }\n };\n\n const handleSegmentBlur = (index: number) => {\n // MGRS zone field: add leading zero to single-digit values on blur\n if (format === 'mgrs' && index === 0) {\n const currentVal = segmentValues[0];\n if (currentVal && currentVal.length === 1 && /^\\d$/.test(currentVal)) {\n const updatedValues = [...segmentValues];\n updatedValues[0] = currentVal.padStart(2, '0');\n setSegmentValues(updatedValues);\n }\n }\n };\n\n const applyPastedCoordinate = (pastedValue: CoordinateValue) => {\n // Clear any pending validation when applying pasted coordinate\n clearValidationTimeout();\n\n const segments = convertDDToDisplaySegments(pastedValue, format);\n\n if (segments) {\n setSegmentValues(segments);\n setValidationErrors([]);\n handleChange(pastedValue);\n }\n };\n\n const flushPendingValidation = () => {\n if (validationTimeoutRef.current) {\n clearValidationTimeout();\n\n // Immediately validate if all segments are filled\n if (areAllSegmentsFilled(segmentValues)) {\n validateAndUpdateCoordinate(segmentValues);\n }\n }\n };\n\n const effectiveErrorMessage = useMemo(\n () => validationErrors[0] \|\| null,\n [validationErrors],\n );\n\n return {\n currentValue,\n segmentValues,\n validationErrors,\n segmentConfigs,\n editableSegmentConfigs,\n handleSegmentChange,\n handleSegmentBlur,\n setSegmentValues,\n setValidationErrors,\n effectiveErrorMessage,\n applyPastedCoordinate,\n flushPendingValidation,\n };\n}\n"],"mappings":"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"}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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/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"}