npm - @accelint/design-toolkit - Versions diffs - 9.8.0 → 9.9.1 - Mend

@accelint/design-toolkit 9.8.0 → 9.9.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 (252) hide show

package/dist/components/coordinate-field/index.js CHANGED Viewed

@@ -31,6 +31,8 @@ import { PopoverContent } from "../popover/content.js";
 import { PopoverTitle } from "../popover/title.js";
 import { Radio as Radio$1 } from "../radio/index.js";
 import { RadioGroup as RadioGroup$1 } from "../radio/group.js";
+import { Tooltip as Tooltip$1 } from "../tooltip/index.js";
+import { TooltipTrigger as TooltipTrigger$1 } from "../tooltip/trigger.js";
 import { CoordinateSegment } from "./segment.js";
 import { calculateMinControlWidth } from "./width-utils.js";
 import "client-only";
@@ -39,9 +41,9 @@ import { clsx } from "@accelint/design-foundation/lib/utils";
 import { FieldError, FieldErrorContext, GroupContext, LabelContext, Provider, Text, TextContext, composeRenderProps, useContextProps } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Check from "@accelint/icons/check";
+import { filterDOMProps } from "@react-aria/utils";
 import CopyToClipboard from "@accelint/icons/copy-to-clipboard";
 import GlobalShare from "@accelint/icons/global-share";
-import { filterDOMProps } from "@react-aria/utils";
 import styles from "./styles.module.css";
 //#region src/components/coordinate-field/index.tsx
@@ -132,7 +134,7 @@ import styles from "./styles.module.css";
 */
 function CoordinateField({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref, CoordinateFieldContext);
-	const { classNames, description: descriptionProp, label: labelProp, format = "dd", size = "medium", variant = "inline", showFormatButton = true, isDisabled = false, isInvalid: isInvalidProp = false, isRequired = false, isReadOnly = false, ...rest } = props;
+	const { classNames, description: descriptionProp, label: labelProp, format = "dd", size = "medium", variant = "inline", showFormatButton = true, formatButtonTooltip = "View/copy other formats", isDisabled = false, isInvalid: isInvalidProp = false, isRequired = false, isReadOnly = false, ...rest } = props;
 	const isSmall = size === "small";
 	const DOMProps = filterDOMProps(rest, { global: true });
 	const ariaLabelForSmallSize = isSmall && labelProp ? labelProp : rest["aria-label"];
@@ -150,7 +152,9 @@ function CoordinateField({ ref, ...props }) {
 		registerTimeout
 	};
 	const [allCoordinateFormats, setAllCoordinateFormats] = useState(null);
+	const [isPopoverOpen, setIsPopoverOpen] = useState(false);
 	const handlePopoverOpenChange = useCallback((isOpen) => {
+		setIsPopoverOpen(isOpen);
 		if (isOpen) setAllCoordinateFormats(getAllCoordinateFormats(state.currentValue));
 	}, [state.currentValue]);
 	const minControlWidth = useMemo(() => calculateMinControlWidth(state.editableSegmentConfigs, state.segmentConfigs, showFormatButton), [
@@ -235,47 +239,50 @@ function CoordinateField({ ref, ...props }) {
 							className: clsx(styles.segmentGroup, styles[variant]),
 							children: group
 						}, `${format}-group-${groupIndex}`))
-					}), showFormatButton && /* @__PURE__ */ jsxs(DialogTrigger$1, {
-						onOpenChange: handlePopoverOpenChange,
-						children: [/* @__PURE__ */ jsx(Button$1, {
-							variant: "icon",
-							size: "small",
-							color: "mono-bold",
-							className: clsx(styles.formatButton, classNames?.formatButton),
-							"aria-label": "View coordinate in all formats",
-							isDisabled: !copy.isFormatButtonEnabled,
-							children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(GlobalShare, {}) })
-						}), /* @__PURE__ */ jsxs(Popover$1, {
-							classNames: { popover: styles.popover },
-							children: [/* @__PURE__ */ jsx(PopoverTitle, {
-								className: styles.popoverTitle,
-								children: "Copy Coordinates"
-							}), /* @__PURE__ */ jsx(PopoverContent, { children: allCoordinateFormats && COORDINATE_SYSTEMS.map((formatKey) => {
-								const formatResult = allCoordinateFormats[formatKey];
-								const isCopied = copy.copiedFormat === formatKey;
-								return /* @__PURE__ */ jsxs("div", {
-									className: styles.formatRow,
-									children: [/* @__PURE__ */ jsxs("div", {
-										className: styles.formatLabels,
-										children: [/* @__PURE__ */ jsx("span", {
-											className: styles.formatLabel,
-											children: COORDINATE_FORMAT_LABELS[formatKey]
-										}), /* @__PURE__ */ jsx("span", {
-											className: styles.formatValue,
-											title: formatResult.value,
-											children: formatResult.value
+					}), showFormatButton && /* @__PURE__ */ jsxs(TooltipTrigger$1, {
+						isDisabled: isPopoverOpen,
+						children: [/* @__PURE__ */ jsxs(DialogTrigger$1, {
+							onOpenChange: handlePopoverOpenChange,
+							children: [/* @__PURE__ */ jsx(Button$1, {
+								variant: "icon",
+								size: "small",
+								color: "mono-bold",
+								className: clsx(styles.formatButton, classNames?.formatButton),
+								"aria-label": "View coordinate in all formats",
+								isDisabled: !copy.isFormatButtonEnabled,
+								children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(GlobalShare, {}) })
+							}), /* @__PURE__ */ jsxs(Popover$1, {
+								classNames: { popover: styles.popover },
+								children: [/* @__PURE__ */ jsx(PopoverTitle, {
+									className: styles.popoverTitle,
+									children: "Copy Coordinates"
+								}), /* @__PURE__ */ jsx(PopoverContent, { children: allCoordinateFormats && COORDINATE_SYSTEMS.map((formatKey) => {
+									const formatResult = allCoordinateFormats[formatKey];
+									const isCopied = copy.copiedFormat === formatKey;
+									return /* @__PURE__ */ jsxs("div", {
+										className: styles.formatRow,
+										children: [/* @__PURE__ */ jsxs("div", {
+											className: styles.formatLabels,
+											children: [/* @__PURE__ */ jsx("span", {
+												className: styles.formatLabel,
+												children: COORDINATE_FORMAT_LABELS[formatKey]
+											}), /* @__PURE__ */ jsx("span", {
+												className: styles.formatValue,
+												title: formatResult.value,
+												children: formatResult.value
+											})]
+										}), /* @__PURE__ */ jsx(Button$1, {
+											variant: "icon",
+											color: "mono-bold",
+											"aria-label": `Copy ${COORDINATE_FORMAT_LABELS[formatKey]} format`,
+											onPress: () => copy.handleCopyFormat(formatKey),
+											isDisabled: !formatResult.isValid,
+											children: /* @__PURE__ */ jsx(Icon, { children: isCopied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(CopyToClipboard, {}) })
 										})]
-									}), /* @__PURE__ */ jsx(Button$1, {
-										variant: "icon",
-										color: "mono-bold",
-										"aria-label": `Copy ${COORDINATE_FORMAT_LABELS[formatKey]} format`,
-										onPress: () => copy.handleCopyFormat(formatKey),
-										isDisabled: !formatResult.isValid,
-										children: /* @__PURE__ */ jsx(Icon, { children: isCopied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(CopyToClipboard, {}) })
-									})]
-								}, formatKey);
-							}) })]
-						})]
+									}, formatKey);
+								}) })]
+							})]
+						}), /* @__PURE__ */ jsx(Tooltip$1, { children: formatButtonTooltip })]
 					})]
 				}),
 				descriptionProp && !isSmall && (!isInvalid || isDisabled) && /* @__PURE__ */ jsx(Text, {

package/dist/components/coordinate-field/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["Label","DialogTrigger","Button","Popover","AriaText","Dialog","RadioGroup","Radio"],"sources":["../../../src/components/coordinate-field/index.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\n'use client';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Check from '@accelint/icons/check';\nimport CopyToClipboard from '@accelint/icons/copy-to-clipboard';\nimport GlobalShare from '@accelint/icons/global-share';\nimport { filterDOMProps } from '@react-aria/utils';\nimport 'client-only';\nimport {\n type CSSProperties,\n type ReactNode,\n useCallback,\n useMemo,\n useState,\n} from 'react';\nimport {\n Text as AriaText,\n composeRenderProps,\n FieldError,\n FieldErrorContext,\n GroupContext,\n LabelContext,\n Provider,\n TextContext,\n useContextProps,\n} from 'react-aria-components';\nimport { useCoordinateField } from '../../hooks/coordinate-field';\nimport { Button } from '../button';\nimport { Dialog } from '../dialog';\nimport { DialogContent } from '../dialog/content';\nimport { DialogFooter } from '../dialog/footer';\nimport { DialogTitle } from '../dialog/title';\nimport { DialogTrigger } from '../dialog/trigger';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Popover } from '../popover';\nimport { PopoverContent } from '../popover/content';\nimport { PopoverTitle } from '../popover/title';\nimport { Radio } from '../radio';\nimport { RadioGroup } from '../radio/group';\nimport { CoordinateFieldContext, CoordinateFieldStateContext } from './context';\nimport {\n type CoordinateFormatResult,\n getAllCoordinateFormats,\n} from './coordinate-utils';\nimport { CoordinateSegment } from './segment';\nimport { GROUP_SEPARATOR, getSegmentLabel } from './segment-configs';\nimport styles from './styles.module.css';\nimport {\n COORDINATE_FORMAT_LABELS,\n COORDINATE_FORMAT_NAMES,\n COORDINATE_SYSTEMS,\n type CoordinateSystem,\n} from './types';\nimport { calculateMinControlWidth } from './width-utils';\nimport type { CoordinateFieldProps } from './types';\n\n/\n CoordinateField - A comprehensive coordinate input component with multiple format support\n \n Provides accessible coordinate input functionality with support for multiple coordinate\n * systems (DD, DDM, DMS, MGRS, UTM). All values are normalized to Decimal Degrees internally\n * for consistency.\n \n @param props - The coordinate field props.\n * @param props.ref - Reference to the coordinate field element.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.description - Description text displayed below the field.\n * @param props.label - Label text for the coordinate field.\n * @param props.format - Coordinate format to use (dd, ddm, dms, mgrs, utm).\n * @param props.size - Size variant of the field.\n * @param props.variant - Layout variant (inline or stacked).\n * @param props.showFormatButton - Whether to show the format conversion button.\n * @param props.isDisabled - Whether the field is disabled.\n * @param props.isInvalid - Whether the field is in an invalid state.\n * @param props.isRequired - Whether the field is required.\n * @param props.isReadOnly - Whether the field is read-only.\n * @returns The coordinate field component.\n \n @example\n * ```tsx\n * // Basic coordinate field\n * <CoordinateField label=\"Location\" />\n * ```\n \n @example\n * ```tsx\n * // Coordinate field with validation\n * <CoordinateField\n * label=\"Target Coordinates\"\n * isRequired\n * isInvalid={hasError}\n * errorMessage=\"Please enter a valid coordinate\"\n * />\n * ```\n \n @example\n * ```tsx\n * // Coordinate field with specific format\n * <CoordinateField\n * label=\"Position\"\n * format=\"dms\"\n * description=\"Enter coordinates in Degrees Minutes Seconds format\"\n * />\n * ```\n \n @example\n * ```tsx\n * // Compact coordinate field\n * <CoordinateField\n * label=\"Coordinates\"\n * size=\"small\"\n * format=\"dd\"\n * />\n * ```\n \n @example\n * ```tsx\n * // Controlled coordinate field\n * <CoordinateField\n * label=\"Selected Location\"\n * value={coordinates}\n * onChange={setCoordinates}\n * />\n * ```\n \n @example\n * ```tsx\n * // Coordinate field with error handling\n * <CoordinateField\n * label=\"Target Coordinates\"\n * onError={(message, context) => {\n * // message will be \"Invalid coordinate value\" for validation errors\n * // or \"Invalid coordinate format\" for paste errors\n * setErrorMessage(message);\n * console.error(message, context);\n * }}\n * isInvalid={!!errorMessage}\n * errorMessage={errorMessage}\n * />\n * ```\n /\nexport function CoordinateField({ ref, ...props }: CoordinateFieldProps) {\n [props, ref] = useContextProps(props, ref, CoordinateFieldContext);\n\n const {\n classNames,\n description: descriptionProp,\n label: labelProp,\n format = 'dd',\n size = 'medium',\n variant = 'inline',\n showFormatButton = true,\n isDisabled = false,\n isInvalid: isInvalidProp = false,\n isRequired = false,\n isReadOnly = false,\n ...rest\n } = props;\n\n const isSmall = size === 'small';\n\n const DOMProps = filterDOMProps(rest, { global: true });\n\n // When size is small and label is hidden, use aria-label instead of aria-labelledby\n // to ensure screen readers have an accessible name\n const ariaLabelForSmallSize =\n isSmall && labelProp ? labelProp : rest['aria-label'];\n\n const {\n state,\n focus,\n paste,\n copy,\n registerTimeout,\n fieldProps,\n labelProps,\n descriptionProps,\n errorProps,\n validation,\n effectiveErrorMessage,\n isInvalid,\n } = useCoordinateField(\n props,\n ariaLabelForSmallSize,\n rest['aria-describedby'],\n rest['aria-details'],\n );\n\n const componentState = {\n segmentValues: state.segmentValues,\n format,\n currentValue: state.currentValue,\n validationErrors: state.validationErrors,\n isDisabled,\n isInvalid,\n isRequired,\n size,\n variant,\n registerTimeout,\n };\n\n // Store all coordinate formats, calculated only when popover opens\n const [allCoordinateFormats, setAllCoordinateFormats] = useState<Record<\n CoordinateSystem,\n CoordinateFormatResult\n > \| null>(null);\n\n const handlePopoverOpenChange = useCallback(\n (isOpen: boolean) => {\n if (isOpen) {\n setAllCoordinateFormats(getAllCoordinateFormats(state.currentValue));\n }\n },\n [state.currentValue],\n );\n\n // Calculate the minimum width needed for the control container\n // This keeps the outlined container at a fixed width while segments animate\n const minControlWidth = useMemo(\n () =>\n calculateMinControlWidth(\n state.editableSegmentConfigs,\n state.segmentConfigs,\n showFormatButton,\n ),\n [state.editableSegmentConfigs, state.segmentConfigs, showFormatButton],\n );\n\n return (\n <Provider\n values={[\n [CoordinateFieldContext, props],\n [CoordinateFieldStateContext, componentState],\n [GroupContext, fieldProps],\n [LabelContext, labelProps],\n [\n TextContext,\n {\n slots: {\n description: descriptionProps,\n errorMessage: errorProps,\n },\n },\n ],\n [FieldErrorContext, validation],\n ]}\n >\n <div\n {...DOMProps}\n {...fieldProps}\n ref={ref}\n className={clsx(\n 'group/coordinate-field',\n styles.field,\n classNames?.field,\n )}\n data-size={size}\n data-disabled={isDisabled \|\| null}\n data-invalid={isInvalid \|\| null}\n >\n {!isSmall && labelProp && (\n <Label\n className={classNames?.label}\n isDisabled={isDisabled}\n isRequired={isRequired}\n >\n {labelProp}\n </Label>\n )}\n\n <div\n style={\n {\n '--min-width': variant === 'stacked' ? 'unset' : minControlWidth,\n } as CSSProperties\n }\n className={clsx(styles.control, classNames?.control)}\n data-readonly={isReadOnly \|\| null}\n >\n <div\n className={clsx(styles.input, styles[variant], classNames?.input)}\n onPasteCapture={paste.handleInputPaste}\n data-input-container\n >\n {state.segmentConfigs\n .reduce<ReactNode[][]>(\n (acc, config, configIndex) => {\n const currentGroupIndex = acc.length - 1;\n\n if (\n config.value === GROUP_SEPARATOR &&\n variant === 'stacked'\n ) {\n acc.push([]);\n\n return acc;\n }\n\n if (config.type === 'literal') {\n acc[currentGroupIndex]?.push(\n <span\n key={`${format}-literal-${configIndex}-${config.value}`}\n className={styles.literal}\n >\n {config.value}\n </span>,\n );\n\n return acc;\n }\n\n const editableIndex = state.segmentConfigs\n .slice(0, configIndex)\n .filter((c) => c.type !== 'literal').length;\n\n acc[currentGroupIndex]?.push(\n <CoordinateSegment\n key={`${format}-segment-${editableIndex}`}\n value={state.segmentValues[editableIndex] \|\| ''}\n onChange={(newValue) =>\n state.handleSegmentChange(editableIndex, newValue)\n }\n onFocus={() =>\n focus.setFocusedSegmentIndex(editableIndex)\n }\n onBlur={() => {\n focus.setFocusedSegmentIndex(-1);\n state.flushPendingValidation();\n }}\n onKeyDown={(e) =>\n focus.handleSegmentKeyDown(editableIndex, e)\n }\n onAutoAdvance={() =>\n focus.focusNextSegment(editableIndex)\n }\n onAutoRetreat={() =>\n focus.focusPreviousSegment(editableIndex)\n }\n placeholder={config.placeholder}\n maxLength={config.maxLength}\n pad={config.pad}\n className={clsx(styles.segment, classNames?.segment)}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n allowedChars={config.allowedChars}\n segmentRef={focus.segmentRefs[editableIndex]}\n segmentIndex={editableIndex}\n totalSegments={state.editableSegmentConfigs.length}\n ariaLabel={getSegmentLabel(format, editableIndex)}\n />,\n );\n\n return acc;\n },\n [[]],\n )\n .map((group, groupIndex) => (\n <div\n className={clsx(styles.segmentGroup, styles[variant])}\n key={`${format}-group-${\n // biome-ignore lint/suspicious/noArrayIndexKey: intentional\n groupIndex\n }`}\n >\n {group}\n </div>\n ))}\n </div>\n\n {showFormatButton && (\n <DialogTrigger onOpenChange={handlePopoverOpenChange}>\n <Button\n variant='icon'\n size='small'\n color='mono-bold'\n className={clsx(styles.formatButton, classNames?.formatButton)}\n aria-label='View coordinate in all formats'\n isDisabled={!copy.isFormatButtonEnabled}\n >\n <Icon>\n <GlobalShare />\n </Icon>\n </Button>\n <Popover classNames={{ popover: styles.popover }}>\n <PopoverTitle className={styles.popoverTitle}>\n Copy Coordinates\n </PopoverTitle>\n <PopoverContent>\n {allCoordinateFormats &&\n COORDINATE_SYSTEMS.map((formatKey) => {\n const formatResult = allCoordinateFormats[formatKey];\n const isCopied = copy.copiedFormat === formatKey;\n\n return (\n <div key={formatKey} className={styles.formatRow}>\n <div className={styles.formatLabels}>\n <span className={styles.formatLabel}>\n {COORDINATE_FORMAT_LABELS[formatKey]}\n </span>\n <span\n className={styles.formatValue}\n title={formatResult.value}\n >\n {formatResult.value}\n </span>\n </div>\n <Button\n variant='icon'\n color='mono-bold'\n aria-label={`Copy ${COORDINATE_FORMAT_LABELS[formatKey]} format`}\n onPress={() => copy.handleCopyFormat(formatKey)}\n isDisabled={!formatResult.isValid}\n >\n <Icon>\n {isCopied ? <Check /> : <CopyToClipboard />}\n </Icon>\n </Button>\n </div>\n );\n })}\n </PopoverContent>\n </Popover>\n </DialogTrigger>\n )}\n </div>\n\n {/ Description is hidden when field is invalid (unless disabled) to make room for error message */}\n {descriptionProp && !isSmall && (!isInvalid \|\| isDisabled) && (\n <AriaText\n className={clsx(styles.description, classNames?.description)}\n slot='description'\n >\n {descriptionProp}\n </AriaText>\n )}\n\n <FieldError\n className={composeRenderProps(classNames?.error, (className) =>\n clsx(styles.error, className),\n )}\n >\n {effectiveErrorMessage}\n </FieldError>\n\n <DialogTrigger\n isOpen={paste.showDisambiguationModal}\n onOpenChange={paste.setShowDisambiguationModal}\n >\n <Button className={styles.hiddenTrigger}>Hidden Trigger</Button>\n <Dialog size='small'>\n <DialogTitle className={styles.modalTitle}>\n Select Coordinate Format\n </DialogTitle>\n <DialogContent>\n <p className={styles.modalDescription}>\n The pasted value matches multiple coordinate formats. Please\n select the correct interpretation:\n </p>\n\n <RadioGroup\n classNames={{ group: styles.formatOptions }}\n value={paste.selectedDisambiguationFormat}\n onChange={(value) =>\n paste.setSelectedDisambiguationFormat(\n value as CoordinateSystem,\n )\n }\n >\n {paste.disambiguationMatches.map((match) => (\n <Radio key={match.format} value={match.format}>\n <div className={styles.modalOptionContent}>\n <span className={styles.formatOptionLabel}>\n {COORDINATE_FORMAT_NAMES[match.format]}\n </span>\n <span className={styles.formatOptionValue}>\n {match.displayString}\n </span>\n </div>\n </Radio>\n ))}\n </RadioGroup>\n </DialogContent>\n <DialogFooter className={styles.modalActions}>\n <Button\n variant='flat'\n onPress={() => paste.setShowDisambiguationModal(false)}\n >\n Cancel\n </Button>\n <Button onPress={paste.handleDisambiguationSelect}>\n Apply Selected\n </Button>\n </DialogFooter>\n </Dialog>\n </DialogTrigger>\n </div>\n </Provider>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","names":["Label","TooltipTrigger","DialogTrigger","Button","Popover","Tooltip","AriaText","Dialog","RadioGroup","Radio"],"sources":["../../../src/components/coordinate-field/index.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\n'use client';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Check from '@accelint/icons/check';\nimport CopyToClipboard from '@accelint/icons/copy-to-clipboard';\nimport GlobalShare from '@accelint/icons/global-share';\nimport { filterDOMProps } from '@react-aria/utils';\nimport 'client-only';\nimport {\n type CSSProperties,\n type ReactNode,\n useCallback,\n useMemo,\n useState,\n} from 'react';\nimport {\n Text as AriaText,\n composeRenderProps,\n FieldError,\n FieldErrorContext,\n GroupContext,\n LabelContext,\n Provider,\n TextContext,\n useContextProps,\n} from 'react-aria-components';\nimport { useCoordinateField } from '../../hooks/coordinate-field';\nimport { Button } from '../button';\nimport { Dialog } from '../dialog';\nimport { DialogContent } from '../dialog/content';\nimport { DialogFooter } from '../dialog/footer';\nimport { DialogTitle } from '../dialog/title';\nimport { DialogTrigger } from '../dialog/trigger';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Popover } from '../popover';\nimport { PopoverContent } from '../popover/content';\nimport { PopoverTitle } from '../popover/title';\nimport { Radio } from '../radio';\nimport { RadioGroup } from '../radio/group';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { CoordinateFieldContext, CoordinateFieldStateContext } from './context';\nimport {\n type CoordinateFormatResult,\n getAllCoordinateFormats,\n} from './coordinate-utils';\nimport { CoordinateSegment } from './segment';\nimport { GROUP_SEPARATOR, getSegmentLabel } from './segment-configs';\nimport styles from './styles.module.css';\nimport {\n COORDINATE_FORMAT_LABELS,\n COORDINATE_FORMAT_NAMES,\n COORDINATE_SYSTEMS,\n type CoordinateSystem,\n} from './types';\nimport { calculateMinControlWidth } from './width-utils';\nimport type { CoordinateFieldProps } from './types';\n\n/\n CoordinateField - A comprehensive coordinate input component with multiple format support\n \n Provides accessible coordinate input functionality with support for multiple coordinate\n * systems (DD, DDM, DMS, MGRS, UTM). All values are normalized to Decimal Degrees internally\n * for consistency.\n \n @param props - The coordinate field props.\n * @param props.ref - Reference to the coordinate field element.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.description - Description text displayed below the field.\n * @param props.label - Label text for the coordinate field.\n * @param props.format - Coordinate format to use (dd, ddm, dms, mgrs, utm).\n * @param props.size - Size variant of the field.\n * @param props.variant - Layout variant (inline or stacked).\n * @param props.showFormatButton - Whether to show the format conversion button.\n * @param props.isDisabled - Whether the field is disabled.\n * @param props.isInvalid - Whether the field is in an invalid state.\n * @param props.isRequired - Whether the field is required.\n * @param props.isReadOnly - Whether the field is read-only.\n * @returns The coordinate field component.\n \n @example\n * ```tsx\n * // Basic coordinate field\n * <CoordinateField label=\"Location\" />\n * ```\n \n @example\n * ```tsx\n * // Coordinate field with validation\n * <CoordinateField\n * label=\"Target Coordinates\"\n * isRequired\n * isInvalid={hasError}\n * errorMessage=\"Please enter a valid coordinate\"\n * />\n * ```\n \n @example\n * ```tsx\n * // Coordinate field with specific format\n * <CoordinateField\n * label=\"Position\"\n * format=\"dms\"\n * description=\"Enter coordinates in Degrees Minutes Seconds format\"\n * />\n * ```\n \n @example\n * ```tsx\n * // Compact coordinate field\n * <CoordinateField\n * label=\"Coordinates\"\n * size=\"small\"\n * format=\"dd\"\n * />\n * ```\n \n @example\n * ```tsx\n * // Controlled coordinate field\n * <CoordinateField\n * label=\"Selected Location\"\n * value={coordinates}\n * onChange={setCoordinates}\n * />\n * ```\n \n @example\n * ```tsx\n * // Coordinate field with error handling\n * <CoordinateField\n * label=\"Target Coordinates\"\n * onError={(message, context) => {\n * // message will be \"Invalid coordinate value\" for validation errors\n * // or \"Invalid coordinate format\" for paste errors\n * setErrorMessage(message);\n * console.error(message, context);\n * }}\n * isInvalid={!!errorMessage}\n * errorMessage={errorMessage}\n * />\n * ```\n /\nexport function CoordinateField({ ref, ...props }: CoordinateFieldProps) {\n [props, ref] = useContextProps(props, ref, CoordinateFieldContext);\n\n const {\n classNames,\n description: descriptionProp,\n label: labelProp,\n format = 'dd',\n size = 'medium',\n variant = 'inline',\n showFormatButton = true,\n formatButtonTooltip = 'View/copy other formats',\n isDisabled = false,\n isInvalid: isInvalidProp = false,\n isRequired = false,\n isReadOnly = false,\n ...rest\n } = props;\n\n const isSmall = size === 'small';\n\n const DOMProps = filterDOMProps(rest, { global: true });\n\n // When size is small and label is hidden, use aria-label instead of aria-labelledby\n // to ensure screen readers have an accessible name\n const ariaLabelForSmallSize =\n isSmall && labelProp ? labelProp : rest['aria-label'];\n\n const {\n state,\n focus,\n paste,\n copy,\n registerTimeout,\n fieldProps,\n labelProps,\n descriptionProps,\n errorProps,\n validation,\n effectiveErrorMessage,\n isInvalid,\n } = useCoordinateField(\n props,\n ariaLabelForSmallSize,\n rest['aria-describedby'],\n rest['aria-details'],\n );\n\n const componentState = {\n segmentValues: state.segmentValues,\n format,\n currentValue: state.currentValue,\n validationErrors: state.validationErrors,\n isDisabled,\n isInvalid,\n isRequired,\n size,\n variant,\n registerTimeout,\n };\n\n // Store all coordinate formats, calculated only when popover opens\n const [allCoordinateFormats, setAllCoordinateFormats] = useState<Record<\n CoordinateSystem,\n CoordinateFormatResult\n > \| null>(null);\n\n // Track popover open state so tooltip hides when popover is open\n const [isPopoverOpen, setIsPopoverOpen] = useState(false);\n\n const handlePopoverOpenChange = useCallback(\n (isOpen: boolean) => {\n setIsPopoverOpen(isOpen);\n if (isOpen) {\n setAllCoordinateFormats(getAllCoordinateFormats(state.currentValue));\n }\n },\n [state.currentValue],\n );\n\n // Calculate the minimum width needed for the control container\n // This keeps the outlined container at a fixed width while segments animate\n const minControlWidth = useMemo(\n () =>\n calculateMinControlWidth(\n state.editableSegmentConfigs,\n state.segmentConfigs,\n showFormatButton,\n ),\n [state.editableSegmentConfigs, state.segmentConfigs, showFormatButton],\n );\n\n return (\n <Provider\n values={[\n [CoordinateFieldContext, props],\n [CoordinateFieldStateContext, componentState],\n [GroupContext, fieldProps],\n [LabelContext, labelProps],\n [\n TextContext,\n {\n slots: {\n description: descriptionProps,\n errorMessage: errorProps,\n },\n },\n ],\n [FieldErrorContext, validation],\n ]}\n >\n <div\n {...DOMProps}\n {...fieldProps}\n ref={ref}\n className={clsx(\n 'group/coordinate-field',\n styles.field,\n classNames?.field,\n )}\n data-size={size}\n data-disabled={isDisabled \|\| null}\n data-invalid={isInvalid \|\| null}\n >\n {!isSmall && labelProp && (\n <Label\n className={classNames?.label}\n isDisabled={isDisabled}\n isRequired={isRequired}\n >\n {labelProp}\n </Label>\n )}\n\n <div\n style={\n {\n '--min-width': variant === 'stacked' ? 'unset' : minControlWidth,\n } as CSSProperties\n }\n className={clsx(styles.control, classNames?.control)}\n data-readonly={isReadOnly \|\| null}\n >\n <div\n className={clsx(styles.input, styles[variant], classNames?.input)}\n onPasteCapture={paste.handleInputPaste}\n data-input-container\n >\n {state.segmentConfigs\n .reduce<ReactNode[][]>(\n (acc, config, configIndex) => {\n const currentGroupIndex = acc.length - 1;\n\n if (\n config.value === GROUP_SEPARATOR &&\n variant === 'stacked'\n ) {\n acc.push([]);\n\n return acc;\n }\n\n if (config.type === 'literal') {\n acc[currentGroupIndex]?.push(\n <span\n key={`${format}-literal-${configIndex}-${config.value}`}\n className={styles.literal}\n >\n {config.value}\n </span>,\n );\n\n return acc;\n }\n\n const editableIndex = state.segmentConfigs\n .slice(0, configIndex)\n .filter((c) => c.type !== 'literal').length;\n\n acc[currentGroupIndex]?.push(\n <CoordinateSegment\n key={`${format}-segment-${editableIndex}`}\n value={state.segmentValues[editableIndex] \|\| ''}\n onChange={(newValue) =>\n state.handleSegmentChange(editableIndex, newValue)\n }\n onFocus={() =>\n focus.setFocusedSegmentIndex(editableIndex)\n }\n onBlur={() => {\n focus.setFocusedSegmentIndex(-1);\n state.flushPendingValidation();\n }}\n onKeyDown={(e) =>\n focus.handleSegmentKeyDown(editableIndex, e)\n }\n onAutoAdvance={() =>\n focus.focusNextSegment(editableIndex)\n }\n onAutoRetreat={() =>\n focus.focusPreviousSegment(editableIndex)\n }\n placeholder={config.placeholder}\n maxLength={config.maxLength}\n pad={config.pad}\n className={clsx(styles.segment, classNames?.segment)}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n allowedChars={config.allowedChars}\n segmentRef={focus.segmentRefs[editableIndex]}\n segmentIndex={editableIndex}\n totalSegments={state.editableSegmentConfigs.length}\n ariaLabel={getSegmentLabel(format, editableIndex)}\n />,\n );\n\n return acc;\n },\n [[]],\n )\n .map((group, groupIndex) => (\n <div\n className={clsx(styles.segmentGroup, styles[variant])}\n key={`${format}-group-${\n // biome-ignore lint/suspicious/noArrayIndexKey: intentional\n groupIndex\n }`}\n >\n {group}\n </div>\n ))}\n </div>\n\n {showFormatButton && (\n <TooltipTrigger isDisabled={isPopoverOpen}>\n <DialogTrigger onOpenChange={handlePopoverOpenChange}>\n <Button\n variant='icon'\n size='small'\n color='mono-bold'\n className={clsx(\n styles.formatButton,\n classNames?.formatButton,\n )}\n aria-label='View coordinate in all formats'\n isDisabled={!copy.isFormatButtonEnabled}\n >\n <Icon>\n <GlobalShare />\n </Icon>\n </Button>\n <Popover classNames={{ popover: styles.popover }}>\n <PopoverTitle className={styles.popoverTitle}>\n Copy Coordinates\n </PopoverTitle>\n <PopoverContent>\n {allCoordinateFormats &&\n COORDINATE_SYSTEMS.map((formatKey) => {\n const formatResult = allCoordinateFormats[formatKey];\n const isCopied = copy.copiedFormat === formatKey;\n\n return (\n <div key={formatKey} className={styles.formatRow}>\n <div className={styles.formatLabels}>\n <span className={styles.formatLabel}>\n {COORDINATE_FORMAT_LABELS[formatKey]}\n </span>\n <span\n className={styles.formatValue}\n title={formatResult.value}\n >\n {formatResult.value}\n </span>\n </div>\n <Button\n variant='icon'\n color='mono-bold'\n aria-label={`Copy ${COORDINATE_FORMAT_LABELS[formatKey]} format`}\n onPress={() => copy.handleCopyFormat(formatKey)}\n isDisabled={!formatResult.isValid}\n >\n <Icon>\n {isCopied ? <Check /> : <CopyToClipboard />}\n </Icon>\n </Button>\n </div>\n );\n })}\n </PopoverContent>\n </Popover>\n </DialogTrigger>\n <Tooltip>{formatButtonTooltip}</Tooltip>\n </TooltipTrigger>\n )}\n </div>\n\n {/ Description is hidden when field is invalid (unless disabled) to make room for error message */}\n {descriptionProp && !isSmall && (!isInvalid \|\| isDisabled) && (\n <AriaText\n className={clsx(styles.description, classNames?.description)}\n slot='description'\n >\n {descriptionProp}\n </AriaText>\n )}\n\n <FieldError\n className={composeRenderProps(classNames?.error, (className) =>\n clsx(styles.error, className),\n )}\n >\n {effectiveErrorMessage}\n </FieldError>\n\n <DialogTrigger\n isOpen={paste.showDisambiguationModal}\n onOpenChange={paste.setShowDisambiguationModal}\n >\n <Button className={styles.hiddenTrigger}>Hidden Trigger</Button>\n <Dialog size='small'>\n <DialogTitle className={styles.modalTitle}>\n Select Coordinate Format\n </DialogTitle>\n <DialogContent>\n <p className={styles.modalDescription}>\n The pasted value matches multiple coordinate formats. Please\n select the correct interpretation:\n </p>\n\n <RadioGroup\n classNames={{ group: styles.formatOptions }}\n value={paste.selectedDisambiguationFormat}\n onChange={(value) =>\n paste.setSelectedDisambiguationFormat(\n value as CoordinateSystem,\n )\n }\n >\n {paste.disambiguationMatches.map((match) => (\n <Radio key={match.format} value={match.format}>\n <div className={styles.modalOptionContent}>\n <span className={styles.formatOptionLabel}>\n {COORDINATE_FORMAT_NAMES[match.format]}\n </span>\n <span className={styles.formatOptionValue}>\n {match.displayString}\n </span>\n </div>\n </Radio>\n ))}\n </RadioGroup>\n </DialogContent>\n <DialogFooter className={styles.modalActions}>\n <Button\n variant='flat'\n onPress={() => paste.setShowDisambiguationModal(false)}\n >\n Cancel\n </Button>\n <Button onPress={paste.handleDisambiguationSelect}>\n Apply Selected\n </Button>\n </DialogFooter>\n </Dialog>\n </DialogTrigger>\n </div>\n </Provider>\n );\n}\n"],"mappings":"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"}

package/dist/components/coordinate-field/segment.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@
 import { CoordinateSegmentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime90 from "react/jsx-runtime";
 //#region src/components/coordinate-field/segment.d.ts
@@ -91,7 +91,7 @@ declare function CoordinateSegment({
   onAutoRetreat,
   pad,
   ariaLabel
-}: CoordinateSegmentProps): react_jsx_runtime22.JSX.Element;
+}: CoordinateSegmentProps): react_jsx_runtime90.JSX.Element;
 //#endregion
 export { CoordinateSegment };
 //# sourceMappingURL=segment.d.ts.map

package/dist/components/coordinate-field/types.d.ts CHANGED Viewed

@@ -211,6 +211,11 @@ type CoordinateFieldProps = Omit<TextFieldProps, 'children' | 'className' | 'pla
    *   - Paste errors: `{ pastedText: string }`
    */
   onError?: (message: string, context?: Record<string, unknown>) => void;
+  /**
+   * Tooltip text for the format button
+   * @default 'View/copy other formats'
+   */
+  formatButtonTooltip?: string;
 };
 //#endregion
 export { COORDINATE_FORMAT_LABELS, COORDINATE_FORMAT_NAMES, COORDINATE_SYSTEMS, CoordinateFieldProps, CoordinateFieldState, CoordinateSegmentProps, CoordinateSystem, CoordinateValue, ParsedCoordinateMatch, SegmentConfig, SegmentType };

package/dist/components/coordinate-field/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":["COORDINATE_FORMAT_LABELS: Record<CoordinateSystem, string>","COORDINATE_FORMAT_NAMES: Record<CoordinateSystem, string>","COORDINATE_SYSTEMS: readonly CoordinateSystem[]"],"sources":["../../../src/components/coordinate-field/types.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 type {\n Dispatch,\n KeyboardEvent,\n RefAttributes,\n SetStateAction,\n} from 'react';\nimport type {\n TextFieldProps as AriaTextFieldProps,\n FieldErrorProps,\n LabelProps,\n} from 'react-aria-components';\n\n/\n Supported coordinate systems for display and input\n /\nexport type CoordinateSystem = 'dd' \| 'ddm' \| 'dms' \| 'mgrs' \| 'utm';\n\n/\n Short labels for coordinate formats (used in popover)\n /\nexport const COORDINATE_FORMAT_LABELS: Record<CoordinateSystem, string> = {\n dd: 'DD',\n ddm: 'DDM',\n dms: 'DMS',\n mgrs: 'MGRS',\n utm: 'UTM',\n};\n\n/\n Full names for coordinate formats (used in popover titles/descriptions)\n /\nexport const COORDINATE_FORMAT_NAMES: Record<CoordinateSystem, string> = {\n dd: 'Decimal Degrees',\n ddm: 'Degrees Decimal Minutes',\n dms: 'Degrees Minutes Seconds',\n mgrs: 'Military Grid Reference System',\n utm: 'Universal Transverse Mercator',\n};\n\n/\n All supported coordinate systems\n * Use this constant instead of hardcoding the array in multiple places\n /\nexport const COORDINATE_SYSTEMS: readonly CoordinateSystem[] = [\n 'dd',\n 'dms',\n 'ddm',\n 'mgrs',\n 'utm',\n] as const;\n\n/\n Coordinate value in Decimal Degrees format (internal representation)\n * All coordinate values are normalized to this format internally\n /\nexport type CoordinateValue = {\n lat: number; // Latitude in decimal degrees (-90 to 90)\n lon: number; // Longitude in decimal degrees (-180 to 180)\n};\n\n/\n Types of segments in a coordinate input\n /\nexport type SegmentType =\n \| 'numeric'\n \| 'directional'\n \| 'literal'\n \| 'alphanumeric';\n\n/\n Configuration for a single coordinate segment\n /\nexport type SegmentConfig = {\n type: SegmentType;\n /* Placeholder text shown when segment is empty /\n placeholder?: string;\n /* Maximum character length for the segment /\n maxLength?: number;\n /* Regex pattern for allowed characters /\n allowedChars?: string;\n /* Fixed value for literal segments (e.g., \", \" or \"º\") /\n value?: string;\n /* Padding in CSS 'ch' units to add to the segment width (defaults to 0.5 if not specified) /\n pad?: number;\n};\n\n/\n Result of parsing a pasted coordinate string\n /\nexport type ParsedCoordinateMatch = {\n /* The coordinate system format that matched /\n format: CoordinateSystem;\n /* The coordinate value in DD format /\n value: CoordinateValue;\n /* Display string in the matched format /\n displayString: string;\n};\n\n/\n State shared with child components through context\n /\nexport type CoordinateFieldState = {\n segmentValues: string[];\n format: CoordinateFieldProps['format'];\n /\n Current coordinate value in DD format\n * - undefined: uncontrolled mode with no default value\n * - null: controlled mode with empty/invalid value\n * - CoordinateValue: valid coordinate\n /\n currentValue?: CoordinateValue \| null;\n /* Validation errors from @accelint/geo /\n validationErrors: string[];\n isDisabled: boolean;\n isInvalid: boolean;\n isRequired: boolean;\n /* Size variant of the field /\n size: CoordinateFieldProps['size'];\n /* Whether or not the logical coordinate fields are inlined or stacked /\n variant: CoordinateFieldProps['variant'];\n /* Function to register timeouts for cleanup on unmount /\n registerTimeout: (timeoutId: NodeJS.Timeout) => void;\n};\n\n/\n Props for the CoordinateSegment component\n /\nexport type CoordinateSegmentProps = {\n /* Current value of the segment /\n value: string;\n /* Callback when the segment value changes /\n onChange: (value: string) => void;\n /* Callback when the segment receives focus /\n onFocus?: () => void;\n /* Callback when the segment loses focus /\n onBlur?: () => void;\n /* Callback for keyboard events (used for navigation between segments) /\n onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;\n /* Placeholder text to display when segment is empty /\n placeholder?: string;\n /* Maximum character length for the segment /\n maxLength?: number;\n /* Custom className for styling /\n className?: string;\n /* Whether the segment is disabled /\n isDisabled?: boolean;\n /* Whether the segment is read-only /\n isReadOnly?: boolean;\n /* Regex pattern for allowed characters (e.g., \"[0-9\\\\-\\\\.]\" for numeric, \"[NSEW]\" for directional) /\n allowedChars?: string;\n /* Ref to the input element for programmatic focus management /\n segmentRef?: React.RefObject<HTMLInputElement>;\n /* Index of this segment in the parent field (for accessibility) /\n segmentIndex?: number;\n /* Total number of segments (for accessibility) /\n totalSegments?: number;\n /* Callback to trigger auto-advance to next segment /\n onAutoAdvance?: () => void;\n /* Callback to trigger auto-retreat to previous segment /\n onAutoRetreat?: () => void;\n /* Padding in CSS 'ch' units to add to the segment width (defaults to 0.5 if not specified) /\n pad?: number;\n /* Semantic accessibility label for the segment (e.g., \"Latitude degrees\") /\n ariaLabel?: string;\n};\n\n/\n Props for the CoordinateField component\n \n Extends AriaTextFieldProps to inherit standard form field props (id, isDisabled, isRequired, etc.)\n /\nexport type CoordinateFieldProps = Omit<\n AriaTextFieldProps,\n \| 'children'\n \| 'className'\n \| 'placeholder'\n \| 'type'\n \| 'pattern'\n \| 'value'\n \| 'defaultValue'\n \| 'onChange'\n \| 'name' // Not applicable to multi-segment fields\n> &\n RefAttributes<HTMLDivElement> & {\n /\n Custom class names for component slots\n /\n classNames?: {\n field?: string;\n label?: LabelProps['className'];\n control?: string;\n input?: string;\n segment?: string;\n description?: string;\n error?: FieldErrorProps['className'];\n formatButton?: string;\n };\n\n /\n Label text displayed above the input (medium size only)\n /\n label?: string;\n\n /\n Helper text displayed below the input\n /\n description?: string;\n\n /\n Error message to display when the field is invalid\n /\n errorMessage?: string;\n\n /\n Display format for coordinate input\n * @default 'dd' (Decimal Degrees)\n /\n format?: CoordinateSystem;\n\n /\n Size variant of the field\n * @default 'medium'\n /\n size?: 'small' \| 'medium';\n\n /\n Whether to show the format button for copying coordinates in different formats\n * @default true\n /\n showFormatButton?: boolean;\n\n /\n Controlled value in Decimal Degrees format\n * - undefined: uncontrolled mode\n * - null: controlled mode with no/invalid value\n * - CoordinateValue: controlled mode with valid value\n /\n value?: CoordinateValue \| null;\n\n /\n Whether or not the input is stacked or inline\n * @default 'inline'\n /\n variant?: 'inline' \| 'stacked';\n\n /\n Default uncontrolled value in Decimal Degrees format\n /\n defaultValue?: CoordinateValue;\n\n /\n Callback fired when the coordinate value changes\n * @param value - The new coordinate value in DD format, or null if invalid\n /\n onChange?:\n \| Dispatch<SetStateAction<CoordinateValue \| null>>\n \| ((value: CoordinateValue \| null) => void);\n\n /\n Callback fired when validation or paste errors occur\n * @param message - Error message (\"Invalid coordinate value\" for validation errors, \"Invalid coordinate format\" for paste errors)\n * @param context - Additional context about the error:\n * - Validation errors: `{ errors: string[], format: string, segments: string[] }`\n * - Paste errors: `{ pastedText: string }`\n */\n onError?: (message: string, context?: Record<string, unknown>) => void;\n };\n"],"mappings":";;;;;;;;;;;;;;;;;AAgCA,MAAaA,2BAA6D;CACxE,IAAI;CACJ,KAAK;CACL,KAAK;CACL,MAAM;CACN,KAAK;CACN;;;;AAKD,MAAaC,0BAA4D;CACvE,IAAI;CACJ,KAAK;CACL,KAAK;CACL,MAAM;CACN,KAAK;CACN;;;;;AAMD,MAAaC,qBAAkD;CAC7D;CACA;CACA;CACA;CACA;CACD"}
1	+ {"version":3,"file":"types.js","names":["COORDINATE_FORMAT_LABELS: Record<CoordinateSystem, string>","COORDINATE_FORMAT_NAMES: Record<CoordinateSystem, string>","COORDINATE_SYSTEMS: readonly CoordinateSystem[]"],"sources":["../../../src/components/coordinate-field/types.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 type {\n Dispatch,\n KeyboardEvent,\n RefAttributes,\n SetStateAction,\n} from 'react';\nimport type {\n TextFieldProps as AriaTextFieldProps,\n FieldErrorProps,\n LabelProps,\n} from 'react-aria-components';\n\n/\n Supported coordinate systems for display and input\n /\nexport type CoordinateSystem = 'dd' \| 'ddm' \| 'dms' \| 'mgrs' \| 'utm';\n\n/\n Short labels for coordinate formats (used in popover)\n /\nexport const COORDINATE_FORMAT_LABELS: Record<CoordinateSystem, string> = {\n dd: 'DD',\n ddm: 'DDM',\n dms: 'DMS',\n mgrs: 'MGRS',\n utm: 'UTM',\n};\n\n/\n Full names for coordinate formats (used in popover titles/descriptions)\n /\nexport const COORDINATE_FORMAT_NAMES: Record<CoordinateSystem, string> = {\n dd: 'Decimal Degrees',\n ddm: 'Degrees Decimal Minutes',\n dms: 'Degrees Minutes Seconds',\n mgrs: 'Military Grid Reference System',\n utm: 'Universal Transverse Mercator',\n};\n\n/\n All supported coordinate systems\n * Use this constant instead of hardcoding the array in multiple places\n /\nexport const COORDINATE_SYSTEMS: readonly CoordinateSystem[] = [\n 'dd',\n 'dms',\n 'ddm',\n 'mgrs',\n 'utm',\n] as const;\n\n/\n Coordinate value in Decimal Degrees format (internal representation)\n * All coordinate values are normalized to this format internally\n /\nexport type CoordinateValue = {\n lat: number; // Latitude in decimal degrees (-90 to 90)\n lon: number; // Longitude in decimal degrees (-180 to 180)\n};\n\n/\n Types of segments in a coordinate input\n /\nexport type SegmentType =\n \| 'numeric'\n \| 'directional'\n \| 'literal'\n \| 'alphanumeric';\n\n/\n Configuration for a single coordinate segment\n /\nexport type SegmentConfig = {\n type: SegmentType;\n /* Placeholder text shown when segment is empty /\n placeholder?: string;\n /* Maximum character length for the segment /\n maxLength?: number;\n /* Regex pattern for allowed characters /\n allowedChars?: string;\n /* Fixed value for literal segments (e.g., \", \" or \"º\") /\n value?: string;\n /* Padding in CSS 'ch' units to add to the segment width (defaults to 0.5 if not specified) /\n pad?: number;\n};\n\n/\n Result of parsing a pasted coordinate string\n /\nexport type ParsedCoordinateMatch = {\n /* The coordinate system format that matched /\n format: CoordinateSystem;\n /* The coordinate value in DD format /\n value: CoordinateValue;\n /* Display string in the matched format /\n displayString: string;\n};\n\n/\n State shared with child components through context\n /\nexport type CoordinateFieldState = {\n segmentValues: string[];\n format: CoordinateFieldProps['format'];\n /\n Current coordinate value in DD format\n * - undefined: uncontrolled mode with no default value\n * - null: controlled mode with empty/invalid value\n * - CoordinateValue: valid coordinate\n /\n currentValue?: CoordinateValue \| null;\n /* Validation errors from @accelint/geo /\n validationErrors: string[];\n isDisabled: boolean;\n isInvalid: boolean;\n isRequired: boolean;\n /* Size variant of the field /\n size: CoordinateFieldProps['size'];\n /* Whether or not the logical coordinate fields are inlined or stacked /\n variant: CoordinateFieldProps['variant'];\n /* Function to register timeouts for cleanup on unmount /\n registerTimeout: (timeoutId: NodeJS.Timeout) => void;\n};\n\n/\n Props for the CoordinateSegment component\n /\nexport type CoordinateSegmentProps = {\n /* Current value of the segment /\n value: string;\n /* Callback when the segment value changes /\n onChange: (value: string) => void;\n /* Callback when the segment receives focus /\n onFocus?: () => void;\n /* Callback when the segment loses focus /\n onBlur?: () => void;\n /* Callback for keyboard events (used for navigation between segments) /\n onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;\n /* Placeholder text to display when segment is empty /\n placeholder?: string;\n /* Maximum character length for the segment /\n maxLength?: number;\n /* Custom className for styling /\n className?: string;\n /* Whether the segment is disabled /\n isDisabled?: boolean;\n /* Whether the segment is read-only /\n isReadOnly?: boolean;\n /* Regex pattern for allowed characters (e.g., \"[0-9\\\\-\\\\.]\" for numeric, \"[NSEW]\" for directional) /\n allowedChars?: string;\n /* Ref to the input element for programmatic focus management /\n segmentRef?: React.RefObject<HTMLInputElement>;\n /* Index of this segment in the parent field (for accessibility) /\n segmentIndex?: number;\n /* Total number of segments (for accessibility) /\n totalSegments?: number;\n /* Callback to trigger auto-advance to next segment /\n onAutoAdvance?: () => void;\n /* Callback to trigger auto-retreat to previous segment /\n onAutoRetreat?: () => void;\n /* Padding in CSS 'ch' units to add to the segment width (defaults to 0.5 if not specified) /\n pad?: number;\n /* Semantic accessibility label for the segment (e.g., \"Latitude degrees\") /\n ariaLabel?: string;\n};\n\n/\n Props for the CoordinateField component\n \n Extends AriaTextFieldProps to inherit standard form field props (id, isDisabled, isRequired, etc.)\n /\nexport type CoordinateFieldProps = Omit<\n AriaTextFieldProps,\n \| 'children'\n \| 'className'\n \| 'placeholder'\n \| 'type'\n \| 'pattern'\n \| 'value'\n \| 'defaultValue'\n \| 'onChange'\n \| 'name' // Not applicable to multi-segment fields\n> &\n RefAttributes<HTMLDivElement> & {\n /\n Custom class names for component slots\n /\n classNames?: {\n field?: string;\n label?: LabelProps['className'];\n control?: string;\n input?: string;\n segment?: string;\n description?: string;\n error?: FieldErrorProps['className'];\n formatButton?: string;\n };\n\n /\n Label text displayed above the input (medium size only)\n /\n label?: string;\n\n /\n Helper text displayed below the input\n /\n description?: string;\n\n /\n Error message to display when the field is invalid\n /\n errorMessage?: string;\n\n /\n Display format for coordinate input\n * @default 'dd' (Decimal Degrees)\n /\n format?: CoordinateSystem;\n\n /\n Size variant of the field\n * @default 'medium'\n /\n size?: 'small' \| 'medium';\n\n /\n Whether to show the format button for copying coordinates in different formats\n * @default true\n /\n showFormatButton?: boolean;\n\n /\n Controlled value in Decimal Degrees format\n * - undefined: uncontrolled mode\n * - null: controlled mode with no/invalid value\n * - CoordinateValue: controlled mode with valid value\n /\n value?: CoordinateValue \| null;\n\n /\n Whether or not the input is stacked or inline\n * @default 'inline'\n /\n variant?: 'inline' \| 'stacked';\n\n /\n Default uncontrolled value in Decimal Degrees format\n /\n defaultValue?: CoordinateValue;\n\n /\n Callback fired when the coordinate value changes\n * @param value - The new coordinate value in DD format, or null if invalid\n /\n onChange?:\n \| Dispatch<SetStateAction<CoordinateValue \| null>>\n \| ((value: CoordinateValue \| null) => void);\n\n /\n Callback fired when validation or paste errors occur\n * @param message - Error message (\"Invalid coordinate value\" for validation errors, \"Invalid coordinate format\" for paste errors)\n * @param context - Additional context about the error:\n * - Validation errors: `{ errors: string[], format: string, segments: string[] }`\n * - Paste errors: `{ pastedText: string }`\n /\n onError?: (message: string, context?: Record<string, unknown>) => void;\n\n /\n Tooltip text for the format button\n * @default 'View/copy other formats'\n */\n formatButtonTooltip?: string;\n };\n"],"mappings":";;;;;;;;;;;;;;;;;AAgCA,MAAaA,2BAA6D;CACxE,IAAI;CACJ,KAAK;CACL,KAAK;CACL,MAAM;CACN,KAAK;CACN;;;;AAKD,MAAaC,0BAA4D;CACvE,IAAI;CACJ,KAAK;CACL,KAAK;CACL,MAAM;CACN,KAAK;CACN;;;;;AAMD,MAAaC,qBAAkD;CAC7D;CACA;CACA;CACA;CACA;CACD"}

package/dist/components/date-field/index.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@
 import { DateFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime157 from "react/jsx-runtime";
 import { DateValue } from "@internationalized/date";
 //#region src/components/date-field/index.d.ts
@@ -100,7 +100,7 @@ declare function DateField<T extends DateValue>({
   isRequired,
   isReadOnly,
   ...rest
-}: DateFieldProps<T>): react_jsx_runtime29.JSX.Element;
+}: DateFieldProps<T>): react_jsx_runtime157.JSX.Element;
 //#endregion
 export { DateField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/deferred-collection/index.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@
  */
 import { DeferredCollectionProps } from "./types.js";
-import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime159 from "react/jsx-runtime";
 //#region src/components/deferred-collection/index.d.ts
@@ -45,7 +45,7 @@ declare function DeferredCollection({
   children,
   fallback,
   deferFrames
-}: DeferredCollectionProps): react_jsx_runtime47.JSX.Element;
+}: DeferredCollectionProps): react_jsx_runtime159.JSX.Element;
 //#endregion
 export { DeferredCollection, type DeferredCollectionProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/details-list/context.d.ts CHANGED Viewed

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { DetailsListProps } from "./types.js";
 import "client-only";
-import * as react23 from "react";
+import * as react1 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime56 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 //#region src/components/details-list/context.d.ts
 /**
  * Context for sharing DetailsList props across component tree.
  */
-declare const DetailsListContext: react23.Context<ContextValue<DetailsListProps, HTMLDListElement>>;
+declare const DetailsListContext: react1.Context<ContextValue<DetailsListProps, HTMLDListElement>>;
 /**
  * DetailsListProvider - Context provider for setting default DetailsList props.
  *
@@ -43,7 +43,7 @@ declare const DetailsListContext: react23.Context<ContextValue<DetailsListProps,
 declare function DetailsListProvider({
   children,
   ...props
-}: ProviderProps<DetailsListProps>): react_jsx_runtime56.JSX.Element;
+}: ProviderProps<DetailsListProps>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { DetailsListContext, DetailsListProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/details-list/index.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@
 import { DetailsListProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 //#region src/components/details-list/index.d.ts
@@ -55,7 +55,7 @@ import * as react_jsx_runtime60 from "react/jsx-runtime";
 declare function DetailsList({
   ref,
   ...props
-}: DetailsListProps): react_jsx_runtime60.JSX.Element;
+}: DetailsListProps): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { DetailsList };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/details-list/label.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@
 import { DetailsListLabelProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime63 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 //#region src/components/details-list/label.d.ts
 /**
@@ -31,7 +31,7 @@ import * as react_jsx_runtime63 from "react/jsx-runtime";
  * </DetailsList>
  * ```
  */
-declare function DetailsListLabel(props: DetailsListLabelProps): react_jsx_runtime63.JSX.Element;
+declare function DetailsListLabel(props: DetailsListLabelProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { DetailsListLabel };
 //# sourceMappingURL=label.d.ts.map

package/dist/components/details-list/value.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@
 import { DetailsListValueProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime68 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 //#region src/components/details-list/value.d.ts
@@ -33,7 +33,7 @@ import * as react_jsx_runtime68 from "react/jsx-runtime";
  * </DetailsList>
  * ```
  */
-declare function DetailsListValue(props: DetailsListValueProps): react_jsx_runtime68.JSX.Element;
+declare function DetailsListValue(props: DetailsListValueProps): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { DetailsListValue };
 //# sourceMappingURL=value.d.ts.map

package/dist/components/dialog/content.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@
 import "client-only";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime69 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 //#region src/components/dialog/content.d.ts
@@ -39,7 +39,7 @@ import * as react_jsx_runtime69 from "react/jsx-runtime";
 declare function DialogContent({
   children,
   className
-}: ComponentProps<'div'>): react_jsx_runtime69.JSX.Element;
+}: ComponentProps<'div'>): react_jsx_runtime11.JSX.Element;
 //#endregion
 export { DialogContent };
 //# sourceMappingURL=content.d.ts.map

package/dist/components/dialog/context.d.ts CHANGED Viewed

@@ -12,14 +12,14 @@
 import { DialogProps as DialogProps$1 } from "./types.js";
 import "client-only";
-import * as react26 from "react";
+import * as react3 from "react";
 import { ContextValue } from "react-aria-components";
 //#region src/components/dialog/context.d.ts
 /**
  * Context for sharing Dialog props across component tree.
  */
-declare const DialogContext: react26.Context<ContextValue<DialogProps$1, HTMLDivElement>>;
+declare const DialogContext: react3.Context<ContextValue<DialogProps$1, HTMLDivElement>>;
 //#endregion
 export { DialogContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/dialog/footer.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@
 import "client-only";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime76 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 //#region src/components/dialog/footer.d.ts
@@ -42,7 +42,7 @@ import * as react_jsx_runtime76 from "react/jsx-runtime";
 declare function DialogFooter({
   children,
   className
-}: ComponentProps<'footer'>): react_jsx_runtime76.JSX.Element;
+}: ComponentProps<'footer'>): react_jsx_runtime14.JSX.Element;
 //#endregion
 export { DialogFooter };
 //# sourceMappingURL=footer.d.ts.map

package/dist/components/dialog/index.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@
 import { DialogProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 //#region src/components/dialog/index.d.ts
@@ -53,7 +53,7 @@ import * as react_jsx_runtime25 from "react/jsx-runtime";
 declare function Dialog({
   ref,
   ...props
-}: DialogProps): react_jsx_runtime25.JSX.Element;
+}: DialogProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Dialog };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/dialog/title.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@
 import "client-only";
 import { HeadingProps } from "react-aria-components";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 //#region src/components/dialog/title.d.ts
@@ -37,7 +37,7 @@ import * as react_jsx_runtime28 from "react/jsx-runtime";
 declare function DialogTitle({
   children,
   className
-}: HeadingProps): react_jsx_runtime28.JSX.Element;
+}: HeadingProps): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { DialogTitle };
 //# sourceMappingURL=title.d.ts.map

package/dist/components/divider/context.d.ts CHANGED Viewed

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { DividerProps } from "./types.js";
 import "client-only";
-import * as react11 from "react";
+import * as react0 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 //#region src/components/divider/context.d.ts
 /**
  * Context for sharing Divider props across component tree.
  */
-declare const DividerContext: react11.Context<ContextValue<DividerProps, HTMLHRElement>>;
+declare const DividerContext: react0.Context<ContextValue<DividerProps, HTMLHRElement>>;
 /**
  * DividerProvider - Context provider for setting default Divider props.
  *
@@ -42,7 +42,7 @@ declare const DividerContext: react11.Context<ContextValue<DividerProps, HTMLHRE
 declare function DividerProvider({
   children,
   ...props
-}: ProviderProps<DividerProps>): react_jsx_runtime32.JSX.Element;
+}: ProviderProps<DividerProps>): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { DividerContext, DividerProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/divider/index.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@
 import { DividerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 //#region src/components/divider/index.d.ts
@@ -43,7 +43,7 @@ import * as react_jsx_runtime33 from "react/jsx-runtime";
 declare function Divider({
   ref,
   ...props
-}: DividerProps): react_jsx_runtime33.JSX.Element;
+}: DividerProps): react_jsx_runtime18.JSX.Element;
 //#endregion
 export { Divider };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/drawer/back.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@
  */
 import "client-only";
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 //#region src/components/drawer/back.d.ts
@@ -33,7 +33,7 @@ import * as react_jsx_runtime42 from "react/jsx-runtime";
  * </DrawerView>
  * ```
  */
-declare function DrawerBack(): react_jsx_runtime42.JSX.Element | null;
+declare function DrawerBack(): react_jsx_runtime22.JSX.Element | null;
 //#endregion
 export { DrawerBack };
 //# sourceMappingURL=back.d.ts.map

package/dist/components/drawer/close.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@
 import { DrawerCloseProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 //#region src/components/drawer/close.d.ts
@@ -34,7 +34,7 @@ import * as react_jsx_runtime43 from "react/jsx-runtime";
  * </DrawerHeader>
  * ```
  */
-declare function DrawerClose(props: DrawerCloseProps): react_jsx_runtime43.JSX.Element;
+declare function DrawerClose(props: DrawerCloseProps): react_jsx_runtime23.JSX.Element;
 declare namespace DrawerClose {
   var displayName: string;
 }