@accelint/design-toolkit 8.1.2 → 9.1.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/coordinate-field/index.tsx"],"names":["isDisabled","re","isInvalidProp","O","rest","filterDOMProps","ariaLabelForSmallSize","isSmall","labelProp","state","paste","fieldProps","labelProps","Y","errorProps","effectiveErrorMessage","useCoordinateField","format","ie","isInvalid","registerTimeout","handlePopoverOpenChange","setAllCoordinateFormats","getAllCoordinateFormats","calculateMaxControlWidth","Se","jsx","Provider","CoordinateFieldContext","props","Q","CoordinateFieldStateContext","Ne","GroupContext","jsxs","e","te","styles","ae","classNames","size","i","Label","isRequired","maxControlWidth","pe","clsx","d","configIndex","c","newValue","editableIndex","focus","he","config","getSegmentLabel","PopoverTrigger","Button","Pe","fe","copy","R","allCoordinateFormats","COORDINATE_SYSTEMS","ce","formatKey","formatResult","ue","Fe","COORDINATE_FORMAT_LABELS","A","g","Icon","isCopied","CopyToClipboard","descriptionProp","FieldError","composeRenderProps","className","X","j","Z","de","DialogContent","value","ve","match","COORDINATE_FORMAT_NAMES"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 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 'client-only';\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 { useCallback, useMemo, useState } 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 { PopoverTrigger } from '../popover/trigger';\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 { 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 { calculateMaxControlWidth } 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 * @example\n * // Basic coordinate field\n * <CoordinateField label=\"Location\" />\n *\n * @example\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 * @example\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 * @example\n * // Compact coordinate field\n * <CoordinateField\n *   label=\"Coordinates\"\n *   size=\"small\"\n *   format=\"dd\"\n * />\n *\n * @example\n * // Controlled coordinate field\n * <CoordinateField\n *   label=\"Selected Location\"\n *   value={coordinates}\n *   onChange={setCoordinates}\n * />\n *\n * @example\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 */\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    showFormatButton = true,\n    isDisabled = false,\n    isInvalid: isInvalidProp = false,\n    isRequired = 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    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 maximum width needed for the control container\n  // This keeps the outlined container at a fixed width while segments animate\n  const maxControlWidth = useMemo(\n    () =>\n      calculateMaxControlWidth(\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          className={clsx(styles.control, classNames?.control)}\n          style={{ width: maxControlWidth }}\n        >\n          <div\n            className={clsx(styles.input, classNames?.input)}\n            onPasteCapture={paste.handleInputPaste}\n            data-input-container\n          >\n            {state.segmentConfigs.map((config, configIndex) => {\n              if (config.type === 'literal') {\n                return (\n                  <span\n                    key={`${format}-literal-${configIndex}-${config.value}`}\n                    className='fg-primary-muted'\n                  >\n                    {config.value}\n                  </span>\n                );\n              }\n\n              const editableIndex = state.segmentConfigs\n                .slice(0, configIndex)\n                .filter((c) => c.type !== 'literal').length;\n\n              return (\n                <CoordinateSegment\n                  key={`${format}-segment-${editableIndex}`}\n                  value={state.segmentValues[editableIndex] || ''}\n                  onChange={(newValue) =>\n                    state.handleSegmentChange(editableIndex, newValue)\n                  }\n                  onFocus={() => focus.setFocusedSegmentIndex(editableIndex)}\n                  onBlur={() => {\n                    focus.setFocusedSegmentIndex(-1);\n                    state.flushPendingValidation();\n                  }}\n                  onKeyDown={(e) =>\n                    focus.handleSegmentKeyDown(editableIndex, e)\n                  }\n                  onAutoAdvance={() => focus.focusNextSegment(editableIndex)}\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                  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          </div>\n\n          {showFormatButton && (\n            <PopoverTrigger onOpenChange={handlePopoverOpenChange}>\n              <Button\n                variant='icon'\n                size={size}\n                color='mono-bold'\n                className={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                            onClick={() => 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            </PopoverTrigger>\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='hidden'>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"]}
+{"version":3,"file":"index.js","names":["Label","Button","Popover","AriaText","DialogTrigger","Dialog","RadioGroup","Radio"],"sources":["../../../src/components/coordinate-field/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 { PopoverTrigger } from '../popover/trigger';\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 { getSegmentLabel, GROUP_SEPARATOR } from './segment-configs';\nimport styles from './styles.module.css';\nimport type { CoordinateFieldProps } from './types';\nimport {\n  COORDINATE_FORMAT_LABELS,\n  COORDINATE_FORMAT_NAMES,\n  COORDINATE_SYSTEMS,\n  type CoordinateSystem,\n} from './types';\nimport { calculateMinControlWidth } from './width-utils';\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 * @example\n * // Basic coordinate field\n * <CoordinateField label=\"Location\" />\n *\n * @example\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 * @example\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 * @example\n * // Compact coordinate field\n * <CoordinateField\n *   label=\"Coordinates\"\n *   size=\"small\"\n *   format=\"dd\"\n * />\n *\n * @example\n * // Controlled coordinate field\n * <CoordinateField\n *   label=\"Selected Location\"\n *   value={coordinates}\n *   onChange={setCoordinates}\n * />\n *\n * @example\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 */\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    ...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        >\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                      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            <PopoverTrigger onOpenChange={handlePopoverOpenChange}>\n              <Button\n                variant='icon'\n                size={size}\n                color='mono-bold'\n                className={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                            onClick={() => 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            </PopoverTrigger>\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='hidden'>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-configs.d.ts

@@ -1,29 +1,21 @@
-import { CoordinateSystem, SegmentConfig } from './types.js';
-import 'react';
-import 'react-aria-components';
-
-/**
- * Coordinate Field Segment Configurations
- *
- * This file defines the segment layouts for each supported coordinate system format.
- * Each configuration specifies the editable segments and literal separators that make up
- * the coordinate input for that format.
- *
- * Supported formats:
- * - DD (Decimal Degrees) - 2 editable segments
- * - DDM (Degrees Decimal Minutes) - 6 editable segments
- * - DMS (Degrees Minutes Seconds) - 8 editable segments
- * - MGRS (Military Grid Reference System) - 5 editable segments
- * - UTM (Universal Transverse Mercator) - 4 editable segments
- *
- * References:
- * - DD parser: /packages/geo/src/coordinates/latlon/decimal-degrees/parser.ts
- * - DDM parser: /packages/geo/src/coordinates/latlon/degrees-decimal-minutes/parser.ts
- * - DMS parser: /packages/geo/src/coordinates/latlon/degrees-minutes-seconds/parser.ts
- * - MGRS parser: /packages/geo/src/coordinates/mgrs/parser.ts
- * - UTM parser: /packages/geo/src/coordinates/utm/parser.ts
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
  */
 
+import { CoordinateSystem, SegmentConfig } from "./types.js";
+
+//#region src/components/coordinate-field/segment-configs.d.ts
+
+/** The separator used for the logical field groups. */
+declare const GROUP_SEPARATOR = ", ";
 /**
  * DD (Decimal Degrees) Segment Configuration
  *
@@ -159,5 +151,6 @@ declare const EXPECTED_SEGMENT_COUNTS: Record<CoordinateSystem, number>;
  * @returns Semantic label string for the segment
  */
 declare function getSegmentLabel(format: CoordinateSystem, editableIndex: number): string;
-
-export { EXPECTED_SEGMENT_COUNTS, ddSegmentConfigs, ddmSegmentConfigs, dmsSegmentConfigs, getEditableSegmentCount, getFormatDescription, getSegmentConfigs, getSegmentLabel, mgrsSegmentConfigs, utmSegmentConfigs };
+//#endregion
+export { EXPECTED_SEGMENT_COUNTS, GROUP_SEPARATOR, ddSegmentConfigs, ddmSegmentConfigs, dmsSegmentConfigs, getEditableSegmentCount, getFormatDescription, getSegmentConfigs, getSegmentLabel, mgrsSegmentConfigs, utmSegmentConfigs };
+//# sourceMappingURL=segment-configs.d.ts.map

package/dist/components/coordinate-field/segment-configs.js

@@ -1,2 +1,477 @@
-const a=[{type:"numeric",placeholder:"00.000000",allowedChars:"[0-9\\-\\.]",maxLength:10,pad:.25},{type:"literal",value:", "},{type:"numeric",placeholder:"-000.000000",allowedChars:"[0-9\\-\\.]",maxLength:11,pad:.5}],n=[{type:"numeric",placeholder:"00",allowedChars:"[0-9]",maxLength:2,pad:.25},{type:"literal",value:"\xB0 "},{type:"numeric",placeholder:"00.0000",allowedChars:"[0-9\\.]",maxLength:7,pad:.25},{type:"literal",value:"' "},{type:"directional",placeholder:"N",allowedChars:"[NS]",maxLength:1,pad:0},{type:"literal",value:", "},{type:"numeric",placeholder:"000",allowedChars:"[0-9]",maxLength:3,pad:.25},{type:"literal",value:"\xB0 "},{type:"numeric",placeholder:"00.0000",allowedChars:"[0-9\\.]",maxLength:7,pad:.5},{type:"literal",value:"' "},{type:"directional",placeholder:"W",allowedChars:"[EW]",maxLength:1,pad:0}],l=[{type:"numeric",placeholder:"00",allowedChars:"[0-9]",maxLength:2,pad:.25},{type:"literal",value:"\xB0 "},{type:"numeric",placeholder:"00",allowedChars:"[0-9]",maxLength:2,pad:.25},{type:"literal",value:"' "},{type:"numeric",placeholder:"00.00",allowedChars:"[0-9\\.]",maxLength:5,pad:.25},{type:"literal",value:'" '},{type:"directional",placeholder:"N",allowedChars:"[NS]",maxLength:1,pad:0},{type:"literal",value:", "},{type:"numeric",placeholder:"000",allowedChars:"[0-9]",maxLength:3,pad:.25},{type:"literal",value:"\xB0 "},{type:"numeric",placeholder:"00",allowedChars:"[0-9]",maxLength:2,pad:.25},{type:"literal",value:"' "},{type:"numeric",placeholder:"00.00",allowedChars:"[0-9\\.]",maxLength:5,pad:.25},{type:"literal",value:'" '},{type:"directional",placeholder:"W",allowedChars:"[EW]",maxLength:1,pad:0}],o=[{type:"numeric",placeholder:"00",allowedChars:"[0-9]",maxLength:2,pad:.25},{type:"alphanumeric",placeholder:"T",allowedChars:"[C-HJ-NP-X]",maxLength:1,pad:0},{type:"literal",value:" "},{type:"alphanumeric",placeholder:"WM",allowedChars:"[A-HJ-NP-Z]",maxLength:2,pad:0},{type:"literal",value:" "},{type:"numeric",placeholder:"00000",allowedChars:"[0-9]",maxLength:5,pad:.25},{type:"literal",value:" "},{type:"numeric",placeholder:"00000",allowedChars:"[0-9]",maxLength:5,pad:.5}],d=[{type:"numeric",placeholder:"00",allowedChars:"[0-9]",maxLength:2,pad:.25},{type:"directional",placeholder:"N",allowedChars:"[NS]",maxLength:1,pad:0},{type:"literal",value:" "},{type:"numeric",placeholder:"000000",allowedChars:"[0-9]",maxLength:7,pad:.25},{type:"literal",value:" "},{type:"numeric",placeholder:"0000000",allowedChars:"[0-9]",maxLength:7,pad:.5}];function s(t){switch(t){case "dd":return a;case "ddm":return n;case "dms":return l;case "mgrs":return o;case "utm":return d;default:return a}}function c(t){switch(t){case "dd":return "Example: 40.7128, -74.0060 (New York City)";case "ddm":return "Example: 40\xB0 42.768' N, 74\xB0 0.360' W (New York City)";case "dms":return `Example: 40\xB0 42' 46.08" N, 74\xB0 0' 21.60" W (New York City)`;case "mgrs":return "Example: 18T WL 80654 06346 (New York City)";case "utm":return "Example: 18N 585628 4511644 (New York City)";default:return ""}}function p(t){return s(t).filter(r=>r.type!=="literal").length}const m={dd:2,ddm:6,dms:8,mgrs:5,utm:4};function g(t,e){switch(t){case "dd":return e===0?"Latitude":"Longitude";case "ddm":switch(e){case 0:return "Latitude degrees";case 1:return "Latitude minutes";case 2:return "Latitude direction";case 3:return "Longitude degrees";case 4:return "Longitude minutes";case 5:return "Longitude direction";default:return `Coordinate segment ${e+1}`}case "dms":switch(e){case 0:return "Latitude degrees";case 1:return "Latitude minutes";case 2:return "Latitude seconds";case 3:return "Latitude direction";case 4:return "Longitude degrees";case 5:return "Longitude minutes";case 6:return "Longitude seconds";case 7:return "Longitude direction";default:return `Coordinate segment ${e+1}`}case "mgrs":switch(e){case 0:return "MGRS zone";case 1:return "MGRS band";case 2:return "MGRS grid square";case 3:return "MGRS easting";case 4:return "MGRS northing";default:return `Coordinate segment ${e+1}`}case "utm":switch(e){case 0:return "UTM zone";case 1:return "UTM hemisphere";case 2:return "UTM easting";case 3:return "UTM northing";default:return `Coordinate segment ${e+1}`}default:return `Coordinate segment ${e+1}`}}export{m as EXPECTED_SEGMENT_COUNTS,a as ddSegmentConfigs,n as ddmSegmentConfigs,l as dmsSegmentConfigs,p as getEditableSegmentCount,c as getFormatDescription,s as getSegmentConfigs,g as getSegmentLabel,o as mgrsSegmentConfigs,d as utmSegmentConfigs};//# sourceMappingURL=segment-configs.js.map
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+//#region src/components/coordinate-field/segment-configs.ts
+/** Padding for numeric segments (0.25ch ≈ quarter character width for visual spacing) */
+const NUMERIC_PAD = .25;
+/** Larger padding for final segment to account for container edge (0.5ch ≈ half character) */
+const LAST_PAD = .5;
+/** The separator used for the logical field groups. */
+const GROUP_SEPARATOR = ", ";
+/**
+* DD (Decimal Degrees) Segment Configuration
+*
+* Format: [lat_deg], [lon_deg]
+* Example: 89.765432, -123.456789
+*
+* Segments:
+* - Latitude degrees: -90 to 90, allows negative sign, decimals, 0-9
+* - Longitude degrees: -180 to 180, allows negative sign, decimals, 0-9
+*
+* Total segments: 2 editable
+*/
+const ddSegmentConfigs = [
+	{
+		type: "numeric",
+		placeholder: "00.000000",
+		allowedChars: "[0-9\\-\\.]",
+		maxLength: 10,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "literal",
+		value: GROUP_SEPARATOR
+	},
+	{
+		type: "numeric",
+		placeholder: "-000.000000",
+		allowedChars: "[0-9\\-\\.]",
+		maxLength: 11,
+		pad: LAST_PAD
+	}
+];
+/**
+* DDM (Degrees Decimal Minutes) Segment Configuration
+*
+* Format: [lat_deg]° [lat_min]' [lat_dir], [lon_deg]° [lon_min]' [lon_dir]
+* Example: 89° 45.9259' N, 123° 27.4073' W
+*
+* Segments:
+* - Latitude degrees: 0-90, whole number only (no decimals)
+* - Latitude minutes: 0-59.9999, decimals allowed
+* - Latitude direction: N or S
+* - Longitude degrees: 0-180, whole number only (no decimals)
+* - Longitude minutes: 0-59.9999, decimals allowed
+* - Longitude direction: E or W
+*
+* Total segments: 6 editable
+*/
+const ddmSegmentConfigs = [
+	{
+		type: "numeric",
+		placeholder: "00",
+		allowedChars: "[0-9]",
+		maxLength: 2,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "literal",
+		value: "°"
+	},
+	{
+		type: "numeric",
+		placeholder: "00.0000",
+		allowedChars: "[0-9\\.]",
+		maxLength: 7,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "literal",
+		value: "'"
+	},
+	{
+		type: "directional",
+		placeholder: "N",
+		allowedChars: "[NS]",
+		maxLength: 1,
+		pad: 0
+	},
+	{
+		type: "literal",
+		value: GROUP_SEPARATOR
+	},
+	{
+		type: "numeric",
+		placeholder: "000",
+		allowedChars: "[0-9]",
+		maxLength: 3,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "literal",
+		value: "°"
+	},
+	{
+		type: "numeric",
+		placeholder: "00.0000",
+		allowedChars: "[0-9\\.]",
+		maxLength: 7,
+		pad: LAST_PAD
+	},
+	{
+		type: "literal",
+		value: "'"
+	},
+	{
+		type: "directional",
+		placeholder: "W",
+		allowedChars: "[EW]",
+		maxLength: 1,
+		pad: 0
+	}
+];
+/**
+* DMS (Degrees Minutes Seconds) Segment Configuration
+*
+* Format: [lat_deg]° [lat_min]' [lat_sec]" [lat_dir], [lon_deg]° [lon_min]' [lon_sec]" [lon_dir]
+* Example: 89° 45' 55.56" N, 123° 27' 24.44" W
+*
+* Segments:
+* - Latitude degrees: 0-90, whole number only (no decimals)
+* - Latitude minutes: 0-59, whole number only (no decimals)
+* - Latitude seconds: 0-59.999, decimals allowed
+* - Latitude direction: N or S
+* - Longitude degrees: 0-180, whole number only (no decimals)
+* - Longitude minutes: 0-59, whole number only (no decimals)
+* - Longitude seconds: 0-59.999, decimals allowed
+* - Longitude direction: E or W
+*
+* Total segments: 8 editable
+*/
+const dmsSegmentConfigs = [
+	{
+		type: "numeric",
+		placeholder: "00",
+		allowedChars: "[0-9]",
+		maxLength: 2,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "literal",
+		value: "°"
+	},
+	{
+		type: "numeric",
+		placeholder: "00",
+		allowedChars: "[0-9]",
+		maxLength: 2,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "literal",
+		value: "'"
+	},
+	{
+		type: "numeric",
+		placeholder: "00.00",
+		allowedChars: "[0-9\\.]",
+		maxLength: 5,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "literal",
+		value: "\""
+	},
+	{
+		type: "directional",
+		placeholder: "N",
+		allowedChars: "[NS]",
+		maxLength: 1,
+		pad: 0
+	},
+	{
+		type: "literal",
+		value: GROUP_SEPARATOR
+	},
+	{
+		type: "numeric",
+		placeholder: "000",
+		allowedChars: "[0-9]",
+		maxLength: 3,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "literal",
+		value: "°"
+	},
+	{
+		type: "numeric",
+		placeholder: "00",
+		allowedChars: "[0-9]",
+		maxLength: 2,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "literal",
+		value: "'"
+	},
+	{
+		type: "numeric",
+		placeholder: "00.00",
+		allowedChars: "[0-9\\.]",
+		maxLength: 5,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "literal",
+		value: "\""
+	},
+	{
+		type: "directional",
+		placeholder: "W",
+		allowedChars: "[EW]",
+		maxLength: 1,
+		pad: 0
+	}
+];
+/**
+* MGRS (Military Grid Reference System) Segment Configuration
+*
+* Format: [zone][band] [grid_100km] [easting] [northing]
+* Example: 18T WM 12345 67890
+*
+* Segments:
+* - Zone: 1-60, 2 digits
+* - Band: C-X (excluding I and O), 1 letter
+* - Grid 100km: 2 letters (A-Z excluding I and O)
+* - Easting: 5 digits (can be 1-5 based on precision)
+* - Northing: 5 digits (can be 1-5 based on precision)
+*
+* Total segments: 5 editable
+*
+* Reference: /packages/geo/src/coordinates/mgrs/parser.ts
+* Pattern: /^((?:..?)?)(\w?)\s*((?:\w{2})?)\s*(?:(\d+(?:\.\d*)?)?)\s*(?:(\d+(?:\.\d*)?)?)$/i
+*/
+const mgrsSegmentConfigs = [
+	{
+		type: "numeric",
+		placeholder: "00",
+		allowedChars: "[0-9]",
+		maxLength: 2,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "alphanumeric",
+		placeholder: "T",
+		allowedChars: "[C-HJ-NP-X]",
+		maxLength: 1,
+		pad: 0
+	},
+	{
+		type: "literal",
+		value: " "
+	},
+	{
+		type: "alphanumeric",
+		placeholder: "WM",
+		allowedChars: "[A-HJ-NP-Z]",
+		maxLength: 2,
+		pad: 0
+	},
+	{
+		type: "literal",
+		value: " "
+	},
+	{
+		type: "numeric",
+		placeholder: "00000",
+		allowedChars: "[0-9]",
+		maxLength: 5,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "literal",
+		value: " "
+	},
+	{
+		type: "numeric",
+		placeholder: "00000",
+		allowedChars: "[0-9]",
+		maxLength: 5,
+		pad: LAST_PAD
+	}
+];
+/**
+* UTM (Universal Transverse Mercator) Segment Configuration
+*
+* Format: [zone][hemisphere] [easting] [northing]
+* Example: 18N 585628 4511644
+*
+* Segments:
+* - Zone: 1-60, 2 digits
+* - Hemisphere: N or S, 1 letter
+* - Easting: 6-7 digits
+* - Northing: 7 digits
+*
+* Total segments: 4 editable
+*
+* Reference: /packages/geo/src/coordinates/utm/parser.ts
+* Pattern: /^((?:..)?)\s*(\w?)\s*(?:(\d+(?:\.\d*)?)?)\s*(?:(\d+(?:\.\d*)?)?)$/i
+*/
+const utmSegmentConfigs = [
+	{
+		type: "numeric",
+		placeholder: "00",
+		allowedChars: "[0-9]",
+		maxLength: 2,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "directional",
+		placeholder: "N",
+		allowedChars: "[NS]",
+		maxLength: 1,
+		pad: 0
+	},
+	{
+		type: "literal",
+		value: " "
+	},
+	{
+		type: "numeric",
+		placeholder: "000000",
+		allowedChars: "[0-9]",
+		maxLength: 7,
+		pad: NUMERIC_PAD
+	},
+	{
+		type: "literal",
+		value: " "
+	},
+	{
+		type: "numeric",
+		placeholder: "0000000",
+		allowedChars: "[0-9]",
+		maxLength: 7,
+		pad: LAST_PAD
+	}
+];
+/**
+* Get segment configurations for a specific coordinate system
+*
+* @param format - The coordinate system format
+* @returns Array of segment configurations for the specified format
+*/
+function getSegmentConfigs(format) {
+	switch (format) {
+		case "dd": return ddSegmentConfigs;
+		case "ddm": return ddmSegmentConfigs;
+		case "dms": return dmsSegmentConfigs;
+		case "mgrs": return mgrsSegmentConfigs;
+		case "utm": return utmSegmentConfigs;
+		default: return ddSegmentConfigs;
+	}
+}
+/**
+* Get format description with example
+*
+* Provides a user-friendly description of the coordinate format with an example value.
+* These descriptions can be used as helper text to guide users on the expected format.
+*
+* @param format - The coordinate system format
+* @returns Description string with format example
+*/
+function getFormatDescription(format) {
+	switch (format) {
+		case "dd": return "Example: 40.7128, -74.0060 (New York City)";
+		case "ddm": return "Example: 40° 42.768' N, 74° 0.360' W (New York City)";
+		case "dms": return "Example: 40° 42' 46.08\" N, 74° 0' 21.60\" W (New York City)";
+		case "mgrs": return "Example: 18T WL 80654 06346 (New York City)";
+		case "utm": return "Example: 18N 585628 4511644 (New York City)";
+		default: return "";
+	}
+}
+/**
+* Get editable segment count for a format
+*
+* Returns the number of editable segments (excluding literal separators) for each format.
+* This is useful for initializing segment values and validation.
+*
+* @param format - The coordinate system format
+* @returns Number of editable segments
+*/
+function getEditableSegmentCount(format) {
+	return getSegmentConfigs(format).filter((config) => config.type !== "literal").length;
+}
+/**
+* Validate segment count for each format
+*
+* Expected editable segment counts:
+* - DD: 2 segments (lat, lon)
+* - DDM: 6 segments (lat_deg, lat_min, lat_dir, lon_deg, lon_min, lon_dir)
+* - DMS: 8 segments (lat_deg, lat_min, lat_sec, lat_dir, lon_deg, lon_min, lon_sec, lon_dir)
+* - MGRS: 5 segments (zone, band, grid, easting, northing)
+* - UTM: 4 segments (zone, hemisphere, easting, northing)
+*/
+const EXPECTED_SEGMENT_COUNTS = {
+	dd: 2,
+	ddm: 6,
+	dms: 8,
+	mgrs: 5,
+	utm: 4
+};
+/**
+* Get semantic accessibility label for a segment based on format and editable index
+*
+* Provides descriptive labels for screen readers (e.g., "Latitude degrees", "Longitude minutes")
+* to improve accessibility beyond generic "Coordinate segment 1" announcements.
+*
+* @param format - The coordinate system format
+* @param editableIndex - The index of the editable segment (0-based, excluding literals)
+* @returns Semantic label string for the segment
+*/
+function getSegmentLabel(format, editableIndex) {
+	switch (format) {
+		case "dd": return editableIndex === 0 ? "Latitude" : "Longitude";
+		case "ddm": switch (editableIndex) {
+			case 0: return "Latitude degrees";
+			case 1: return "Latitude minutes";
+			case 2: return "Latitude direction";
+			case 3: return "Longitude degrees";
+			case 4: return "Longitude minutes";
+			case 5: return "Longitude direction";
+			default: return `Coordinate segment ${editableIndex + 1}`;
+		}
+		case "dms": switch (editableIndex) {
+			case 0: return "Latitude degrees";
+			case 1: return "Latitude minutes";
+			case 2: return "Latitude seconds";
+			case 3: return "Latitude direction";
+			case 4: return "Longitude degrees";
+			case 5: return "Longitude minutes";
+			case 6: return "Longitude seconds";
+			case 7: return "Longitude direction";
+			default: return `Coordinate segment ${editableIndex + 1}`;
+		}
+		case "mgrs": switch (editableIndex) {
+			case 0: return "MGRS zone";
+			case 1: return "MGRS band";
+			case 2: return "MGRS grid square";
+			case 3: return "MGRS easting";
+			case 4: return "MGRS northing";
+			default: return `Coordinate segment ${editableIndex + 1}`;
+		}
+		case "utm": switch (editableIndex) {
+			case 0: return "UTM zone";
+			case 1: return "UTM hemisphere";
+			case 2: return "UTM easting";
+			case 3: return "UTM northing";
+			default: return `Coordinate segment ${editableIndex + 1}`;
+		}
+		default: return `Coordinate segment ${editableIndex + 1}`;
+	}
+}
+
+//#endregion
+export { EXPECTED_SEGMENT_COUNTS, GROUP_SEPARATOR, ddSegmentConfigs, ddmSegmentConfigs, dmsSegmentConfigs, getEditableSegmentCount, getFormatDescription, getSegmentConfigs, getSegmentLabel, mgrsSegmentConfigs, utmSegmentConfigs };
 //# sourceMappingURL=segment-configs.js.map