@accelint/design-toolkit 8.1.2 → 9.1.0

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

@@ -1,6 +1,19 @@
-import { RefAttributes, Dispatch, SetStateAction, KeyboardEvent } from 'react';
-import { TextFieldProps, LabelProps, FieldErrorProps } from 'react-aria-components';
+/*
+ * 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 { Dispatch, KeyboardEvent, RefAttributes, SetStateAction } from "react";
+import { FieldErrorProps, LabelProps, TextFieldProps } from "react-aria-components";
+
+//#region src/components/coordinate-field/types.d.ts
 /**
  * Supported coordinate systems for display and input
  */
@@ -23,8 +36,8 @@ declare const COORDINATE_SYSTEMS: readonly CoordinateSystem[];
  * All coordinate values are normalized to this format internally
  */
 type CoordinateValue = {
-    lat: number;
-    lon: number;
+  lat: number;
+  lon: number;
 };
 /**
  * Types of segments in a coordinate input
@@ -34,90 +47,92 @@ type SegmentType = 'numeric' | 'directional' | 'literal' | 'alphanumeric';
  * Configuration for a single coordinate segment
  */
 type SegmentConfig = {
-    type: SegmentType;
-    /** Placeholder text shown when segment is empty */
-    placeholder?: string;
-    /** Maximum character length for the segment */
-    maxLength?: number;
-    /** Regex pattern for allowed characters */
-    allowedChars?: string;
-    /** Fixed value for literal segments (e.g., ", " or "º") */
-    value?: string;
-    /** Padding in CSS 'ch' units to add to the segment width (defaults to 0.5 if not specified) */
-    pad?: number;
+  type: SegmentType;
+  /** Placeholder text shown when segment is empty */
+  placeholder?: string;
+  /** Maximum character length for the segment */
+  maxLength?: number;
+  /** Regex pattern for allowed characters */
+  allowedChars?: string;
+  /** Fixed value for literal segments (e.g., ", " or "º") */
+  value?: string;
+  /** Padding in CSS 'ch' units to add to the segment width (defaults to 0.5 if not specified) */
+  pad?: number;
 };
 /**
  * Result of parsing a pasted coordinate string
  */
 type ParsedCoordinateMatch = {
-    /** The coordinate system format that matched */
-    format: CoordinateSystem;
-    /** The coordinate value in DD format */
-    value: CoordinateValue;
-    /** Display string in the matched format */
-    displayString: string;
+  /** The coordinate system format that matched */
+  format: CoordinateSystem;
+  /** The coordinate value in DD format */
+  value: CoordinateValue;
+  /** Display string in the matched format */
+  displayString: string;
 };
 /**
  * State shared with child components through context
  */
 type CoordinateFieldState = {
-    segmentValues: string[];
-    format: CoordinateFieldProps['format'];
-    /**
-     * Current coordinate value in DD format
-     * - undefined: uncontrolled mode with no default value
-     * - null: controlled mode with empty/invalid value
-     * - CoordinateValue: valid coordinate
-     */
-    currentValue?: CoordinateValue | null;
-    /** Validation errors from @accelint/geo */
-    validationErrors: string[];
-    isDisabled: boolean;
-    isInvalid: boolean;
-    isRequired: boolean;
-    /** Size variant of the field */
-    size: CoordinateFieldProps['size'];
-    /** Function to register timeouts for cleanup on unmount */
-    registerTimeout: (timeoutId: NodeJS.Timeout) => void;
+  segmentValues: string[];
+  format: CoordinateFieldProps['format'];
+  /**
+   * Current coordinate value in DD format
+   * - undefined: uncontrolled mode with no default value
+   * - null: controlled mode with empty/invalid value
+   * - CoordinateValue: valid coordinate
+   */
+  currentValue?: CoordinateValue | null;
+  /** Validation errors from @accelint/geo */
+  validationErrors: string[];
+  isDisabled: boolean;
+  isInvalid: boolean;
+  isRequired: boolean;
+  /** Size variant of the field */
+  size: CoordinateFieldProps['size'];
+  /** Whether or not the logical coordinate fields are inlined or stacked */
+  variant: CoordinateFieldProps['variant'];
+  /** Function to register timeouts for cleanup on unmount */
+  registerTimeout: (timeoutId: NodeJS.Timeout) => void;
 };
 /**
  * Props for the CoordinateSegment component
  */
 type CoordinateSegmentProps = {
-    /** Current value of the segment */
-    value: string;
-    /** Callback when the segment value changes */
-    onChange: (value: string) => void;
-    /** Callback when the segment receives focus */
-    onFocus?: () => void;
-    /** Callback when the segment loses focus */
-    onBlur?: () => void;
-    /** Callback for keyboard events (used for navigation between segments) */
-    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
-    /** Placeholder text to display when segment is empty */
-    placeholder?: string;
-    /** Maximum character length for the segment */
-    maxLength?: number;
-    /** Custom className for styling */
-    className?: string;
-    /** Whether the segment is disabled */
-    isDisabled?: boolean;
-    /** Regex pattern for allowed characters (e.g., "[0-9\\-\\.]" for numeric, "[NSEW]" for directional) */
-    allowedChars?: string;
-    /** Ref to the input element for programmatic focus management */
-    segmentRef?: React.RefObject<HTMLInputElement>;
-    /** Index of this segment in the parent field (for accessibility) */
-    segmentIndex?: number;
-    /** Total number of segments (for accessibility) */
-    totalSegments?: number;
-    /** Callback to trigger auto-advance to next segment */
-    onAutoAdvance?: () => void;
-    /** Callback to trigger auto-retreat to previous segment */
-    onAutoRetreat?: () => void;
-    /** Padding in CSS 'ch' units to add to the segment width (defaults to 0.5 if not specified) */
-    pad?: number;
-    /** Semantic accessibility label for the segment (e.g., "Latitude degrees") */
-    ariaLabel?: string;
+  /** Current value of the segment */
+  value: string;
+  /** Callback when the segment value changes */
+  onChange: (value: string) => void;
+  /** Callback when the segment receives focus */
+  onFocus?: () => void;
+  /** Callback when the segment loses focus */
+  onBlur?: () => void;
+  /** Callback for keyboard events (used for navigation between segments) */
+  onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
+  /** Placeholder text to display when segment is empty */
+  placeholder?: string;
+  /** Maximum character length for the segment */
+  maxLength?: number;
+  /** Custom className for styling */
+  className?: string;
+  /** Whether the segment is disabled */
+  isDisabled?: boolean;
+  /** Regex pattern for allowed characters (e.g., "[0-9\\-\\.]" for numeric, "[NSEW]" for directional) */
+  allowedChars?: string;
+  /** Ref to the input element for programmatic focus management */
+  segmentRef?: React.RefObject<HTMLInputElement>;
+  /** Index of this segment in the parent field (for accessibility) */
+  segmentIndex?: number;
+  /** Total number of segments (for accessibility) */
+  totalSegments?: number;
+  /** Callback to trigger auto-advance to next segment */
+  onAutoAdvance?: () => void;
+  /** Callback to trigger auto-retreat to previous segment */
+  onAutoRetreat?: () => void;
+  /** Padding in CSS 'ch' units to add to the segment width (defaults to 0.5 if not specified) */
+  pad?: number;
+  /** Semantic accessibility label for the segment (e.g., "Latitude degrees") */
+  ariaLabel?: string;
 };
 /**
  * Props for the CoordinateField component
@@ -125,70 +140,76 @@ type CoordinateSegmentProps = {
  * Extends AriaTextFieldProps to inherit standard form field props (id, isDisabled, isRequired, etc.)
  */
 type CoordinateFieldProps = Omit<TextFieldProps, 'children' | 'className' | 'placeholder' | 'type' | 'pattern' | 'value' | 'defaultValue' | 'onChange' | 'name'> & RefAttributes<HTMLDivElement> & {
-    /**
-     * Custom class names for component slots
-     */
-    classNames?: {
-        field?: string;
-        label?: LabelProps['className'];
-        control?: string;
-        input?: string;
-        segment?: string;
-        description?: string;
-        error?: FieldErrorProps['className'];
-        formatButton?: string;
-    };
-    /**
-     * Label text displayed above the input (medium size only)
-     */
-    label?: string;
-    /**
-     * Helper text displayed below the input
-     */
+  /**
+   * Custom class names for component slots
+   */
+  classNames?: {
+    field?: string;
+    label?: LabelProps['className'];
+    control?: string;
+    input?: string;
+    segment?: string;
     description?: string;
-    /**
-     * Error message to display when the field is invalid
-     */
-    errorMessage?: string;
-    /**
-     * Display format for coordinate input
-     * @default 'dd' (Decimal Degrees)
-     */
-    format?: CoordinateSystem;
-    /**
-     * Size variant of the field
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium';
-    /**
-     * Whether to show the format button for copying coordinates in different formats
-     * @default true
-     */
-    showFormatButton?: boolean;
-    /**
-     * Controlled value in Decimal Degrees format
-     * - undefined: uncontrolled mode
-     * - null: controlled mode with no/invalid value
-     * - CoordinateValue: controlled mode with valid value
-     */
-    value?: CoordinateValue | null;
-    /**
-     * Default uncontrolled value in Decimal Degrees format
-     */
-    defaultValue?: CoordinateValue;
-    /**
-     * Callback fired when the coordinate value changes
-     * @param value - The new coordinate value in DD format, or null if invalid
-     */
-    onChange?: Dispatch<SetStateAction<CoordinateValue | null>> | ((value: CoordinateValue | null) => void);
-    /**
-     * Callback fired when validation or paste errors occur
-     * @param message - Error message ("Invalid coordinate value" for validation errors, "Invalid coordinate format" for paste errors)
-     * @param context - Additional context about the error:
-     *   - Validation errors: `{ errors: string[], format: string, segments: string[] }`
-     *   - Paste errors: `{ pastedText: string }`
-     */
-    onError?: (message: string, context?: Record<string, unknown>) => void;
+    error?: FieldErrorProps['className'];
+    formatButton?: string;
+  };
+  /**
+   * Label text displayed above the input (medium size only)
+   */
+  label?: string;
+  /**
+   * Helper text displayed below the input
+   */
+  description?: string;
+  /**
+   * Error message to display when the field is invalid
+   */
+  errorMessage?: string;
+  /**
+   * Display format for coordinate input
+   * @default 'dd' (Decimal Degrees)
+   */
+  format?: CoordinateSystem;
+  /**
+   * Size variant of the field
+   * @default 'medium'
+   */
+  size?: 'small' | 'medium';
+  /**
+   * Whether to show the format button for copying coordinates in different formats
+   * @default true
+   */
+  showFormatButton?: boolean;
+  /**
+   * Controlled value in Decimal Degrees format
+   * - undefined: uncontrolled mode
+   * - null: controlled mode with no/invalid value
+   * - CoordinateValue: controlled mode with valid value
+   */
+  value?: CoordinateValue | null;
+  /**
+   * Whether or not the input is stacked or inline
+   * @default 'inline'
+   */
+  variant?: 'inline' | 'stacked';
+  /**
+   * Default uncontrolled value in Decimal Degrees format
+   */
+  defaultValue?: CoordinateValue;
+  /**
+   * Callback fired when the coordinate value changes
+   * @param value - The new coordinate value in DD format, or null if invalid
+   */
+  onChange?: Dispatch<SetStateAction<CoordinateValue | null>> | ((value: CoordinateValue | null) => void);
+  /**
+   * Callback fired when validation or paste errors occur
+   * @param message - Error message ("Invalid coordinate value" for validation errors, "Invalid coordinate format" for paste errors)
+   * @param context - Additional context about the error:
+   *   - Validation errors: `{ errors: string[], format: string, segments: string[] }`
+   *   - Paste errors: `{ pastedText: string }`
+   */
+  onError?: (message: string, context?: Record<string, unknown>) => void;
 };
-
-export { COORDINATE_FORMAT_LABELS, COORDINATE_FORMAT_NAMES, COORDINATE_SYSTEMS, type CoordinateFieldProps, type CoordinateFieldState, type CoordinateSegmentProps, type CoordinateSystem, type CoordinateValue, type ParsedCoordinateMatch, type SegmentConfig, type SegmentType };
+//#endregion
+export { COORDINATE_FORMAT_LABELS, COORDINATE_FORMAT_NAMES, COORDINATE_SYSTEMS, CoordinateFieldProps, CoordinateFieldState, CoordinateSegmentProps, CoordinateSystem, CoordinateValue, ParsedCoordinateMatch, SegmentConfig, SegmentType };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/coordinate-field/types.js

@@ -1,2 +1,49 @@
-const e={dd:"DD",ddm:"DDM",dms:"DMS",mgrs:"MGRS",utm:"UTM"},t={dd:"Decimal Degrees",ddm:"Degrees Decimal Minutes",dms:"Degrees Minutes Seconds",mgrs:"Military Grid Reference System",utm:"Universal Transverse Mercator"},r=["dd","dms","ddm","mgrs","utm"];export{e as COORDINATE_FORMAT_LABELS,t as COORDINATE_FORMAT_NAMES,r as COORDINATE_SYSTEMS};//# sourceMappingURL=types.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/types.ts
+/**
+* Short labels for coordinate formats (used in popover)
+*/
+const COORDINATE_FORMAT_LABELS = {
+	dd: "DD",
+	ddm: "DDM",
+	dms: "DMS",
+	mgrs: "MGRS",
+	utm: "UTM"
+};
+/**
+* Full names for coordinate formats (used in popover titles/descriptions)
+*/
+const COORDINATE_FORMAT_NAMES = {
+	dd: "Decimal Degrees",
+	ddm: "Degrees Decimal Minutes",
+	dms: "Degrees Minutes Seconds",
+	mgrs: "Military Grid Reference System",
+	utm: "Universal Transverse Mercator"
+};
+/**
+* All supported coordinate systems
+* Use this constant instead of hardcoding the array in multiple places
+*/
+const COORDINATE_SYSTEMS = [
+	"dd",
+	"dms",
+	"ddm",
+	"mgrs",
+	"utm"
+];
+
+//#endregion
+export { COORDINATE_FORMAT_LABELS, COORDINATE_FORMAT_NAMES, COORDINATE_SYSTEMS };
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/coordinate-field/types.ts"],"names":["COORDINATE_FORMAT_LABELS","COORDINATE_FORMAT_NAMES","COORDINATE_SYSTEMS"],"mappings":"AAgCO,MAAMA,CAAAA,CAA6D,CACxE,EAAA,CAAI,IAAA,CACJ,IAAK,KAAA,CACL,GAAA,CAAK,KAAA,CACL,IAAA,CAAM,MAAA,CACN,GAAA,CAAK,KACP,CAAA,CAKaC,EAA4D,CACvE,EAAA,CAAI,iBAAA,CACJ,GAAA,CAAK,yBAAA,CACL,GAAA,CAAK,yBAAA,CACL,IAAA,CAAM,iCACN,GAAA,CAAK,+BACP,CAAA,CAMaC,CAAAA,CAAkD,CAC7D,IAAA,CACA,KAAA,CACA,KAAA,CACA,OACA,KACF","file":"types.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\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  /** 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  /** 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     * 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"]}
+{"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 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\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  /** 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"}

package/dist/components/coordinate-field/width-utils.d.ts

@@ -1,7 +1,18 @@
-import { SegmentConfig } from './types.js';
-import 'react';
-import 'react-aria-components';
+/*
+ * 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 { SegmentConfig } from "./types.js";
+
+//#region src/components/coordinate-field/width-utils.d.ts
 /**
  * Layout spacing constants for coordinate field width calculations.
  * All values are in character widths (ch units) to ensure consistent sizing
@@ -16,14 +27,16 @@ declare const FORMAT_BUTTON_WIDTH = 3.5;
 /** Gap between input and button (gap-m = 1rem = ~1ch) */
 declare const INPUT_BUTTON_GAP = 1.5;
 /**
- * Calculates the maximum width needed for the coordinate field control container.
+ * Calculates the minimum width needed for the coordinate field control container.
  * This keeps the outlined container at a fixed width while segments animate.
  *
+ * @private
  * @param editableSegmentConfigs - Array of editable segment configurations
  * @param segmentConfigs - Array of all segment configurations (including literals)
  * @param showFormatButton - Whether the format button is displayed
  * @returns The calculated width as a CSS string (e.g., "25ch")
  */
-declare function calculateMaxControlWidth(editableSegmentConfigs: SegmentConfig[], segmentConfigs: SegmentConfig[], showFormatButton: boolean): string;
-
-export { CONTAINER_PADDING_WIDTH, FORMAT_BUTTON_WIDTH, INPUT_BUTTON_GAP, SEGMENT_GAP_WIDTH, calculateMaxControlWidth };
+declare function calculateMinControlWidth(editableSegmentConfigs: SegmentConfig[], segmentConfigs: SegmentConfig[], showFormatButton: boolean): string;
+//#endregion
+export { CONTAINER_PADDING_WIDTH, FORMAT_BUTTON_WIDTH, INPUT_BUTTON_GAP, SEGMENT_GAP_WIDTH, calculateMinControlWidth };
+//# sourceMappingURL=width-utils.d.ts.map

package/dist/components/coordinate-field/width-utils.js

@@ -1,2 +1,54 @@
-const s=.5,l=2,I=3.5,W=1.5;function u(T,e,o){const c=T.reduce((t,n)=>{const N=n.maxLength||0,d=n.pad??.5;return t+N+d},0),a=e.filter(t=>t.type==="literal").reduce((t,n)=>t+(n.value?.length||0),0),p=Math.max(0,e.length-1)*.5,r=2,i=o?3.5:0,_=o?1.5:0;return `${c+a+p+r+i+_}ch`}export{l as CONTAINER_PADDING_WIDTH,I as FORMAT_BUTTON_WIDTH,W as INPUT_BUTTON_GAP,s as SEGMENT_GAP_WIDTH,u as calculateMaxControlWidth};//# sourceMappingURL=width-utils.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/width-utils.ts
+/**
+* Layout spacing constants for coordinate field width calculations.
+* All values are in character widths (ch units) to ensure consistent sizing
+* with monospace coordinate values.
+*/
+/** Gap spacing between segments (0.5rem = ~0.5ch per gap) */
+const SEGMENT_GAP_WIDTH = .5;
+/** Container padding (px-s = 0.5rem on each side = ~1ch total) */
+const CONTAINER_PADDING_WIDTH = 2;
+/** Format button width (icon button is roughly 2.5-3ch) */
+const FORMAT_BUTTON_WIDTH = 3.5;
+/** Gap between input and button (gap-m = 1rem = ~1ch) */
+const INPUT_BUTTON_GAP = 1.5;
+/**
+* Calculates the minimum width needed for the coordinate field control container.
+* This keeps the outlined container at a fixed width while segments animate.
+*
+* @private
+* @param editableSegmentConfigs - Array of editable segment configurations
+* @param segmentConfigs - Array of all segment configurations (including literals)
+* @param showFormatButton - Whether the format button is displayed
+* @returns The calculated width as a CSS string (e.g., "25ch")
+*/
+function calculateMinControlWidth(editableSegmentConfigs, segmentConfigs, showFormatButton) {
+	const segmentWidth = editableSegmentConfigs.reduce((sum, config) => {
+		const maxLen = config.maxLength || 0;
+		const padding = config.pad ?? .5;
+		return sum + maxLen + padding;
+	}, 0);
+	const literalWidth = segmentConfigs.filter((c) => c.type === "literal").reduce((sum, c) => sum + (c.value?.length || 0), 0);
+	const gapWidth = Math.max(0, segmentConfigs.length - 1) * SEGMENT_GAP_WIDTH;
+	const paddingWidth = CONTAINER_PADDING_WIDTH;
+	const buttonWidth = showFormatButton ? FORMAT_BUTTON_WIDTH : 0;
+	const inputButtonGap = showFormatButton ? INPUT_BUTTON_GAP : 0;
+	return `${segmentWidth + literalWidth + gapWidth + paddingWidth + buttonWidth + inputButtonGap}ch`;
+}
+
+//#endregion
+export { CONTAINER_PADDING_WIDTH, FORMAT_BUTTON_WIDTH, INPUT_BUTTON_GAP, SEGMENT_GAP_WIDTH, calculateMinControlWidth };
 //# sourceMappingURL=width-utils.js.map

package/dist/components/coordinate-field/width-utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/coordinate-field/width-utils.ts"],"names":["SEGMENT_GAP_WIDTH","CONTAINER_PADDING_WIDTH","FORMAT_BUTTON_WIDTH","INPUT_BUTTON_GAP","calculateMaxControlWidth","editableSegmentConfigs","segmentConfigs","showFormatButton","segmentWidth","sum","config","maxLen","padding","literalWidth","c","gapWidth","paddingWidth","buttonWidth","inputButtonGap"],"mappings":"AAqBO,MAAMA,EAAoB,EAAA,CAGpBC,CAAAA,CAA0B,EAG1BC,CAAAA,CAAsB,GAAA,CAGtBC,EAAmB,IAWzB,SAASC,CAAAA,CACdC,CAAAA,CACAC,EACAC,CAAAA,CACQ,CAER,MAAMC,CAAAA,CAAeH,CAAAA,CAAuB,OAAO,CAACI,CAAAA,CAAKC,CAAAA,GAAW,CAClE,MAAMC,CAAAA,CAASD,CAAAA,CAAO,WAAa,CAAA,CAC7BE,CAAAA,CAAUF,EAAO,GAAA,EAAO,EAAA,CAC9B,OAAOD,CAAAA,CAAME,EAASC,CACxB,CAAA,CAAG,CAAC,CAAA,CAGEC,CAAAA,CAAeP,EAClB,MAAA,CAAQQ,CAAAA,EAAMA,CAAAA,CAAE,IAAA,GAAS,SAAS,CAAA,CAClC,MAAA,CAAO,CAACL,CAAAA,CAAKK,CAAAA,GAAML,GAAOK,CAAAA,CAAE,KAAA,EAAO,MAAA,EAAU,CAAA,CAAA,CAAI,CAAC,CAAA,CAK/CC,CAAAA,CADW,KAAK,GAAA,CAAI,CAAA,CAAGT,EAAe,MAAA,CAAS,CAAC,CAAA,CAC1B,EAAA,CAGtBU,EAAe,CAAA,CAGfC,CAAAA,CAAcV,EAAmB,GAAA,CAAsB,CAAA,CAGvDW,EAAiBX,CAAAA,CAAmB,GAAA,CAAmB,CAAA,CAE7D,OAAO,GAAGC,CAAAA,CAAeK,CAAAA,CAAeE,EAAWC,CAAAA,CAAeC,CAAAA,CAAcC,CAAc,CAAA,EAAA,CAChG","file":"width-utils.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\nimport type { SegmentConfig } from './types';\n\n/**\n * Layout spacing constants for coordinate field width calculations.\n * All values are in character widths (ch units) to ensure consistent sizing\n * with monospace coordinate values.\n */\n\n/** Gap spacing between segments (0.5rem = ~0.5ch per gap) */\nexport const SEGMENT_GAP_WIDTH = 0.5;\n\n/** Container padding (px-s = 0.5rem on each side = ~1ch total) */\nexport const CONTAINER_PADDING_WIDTH = 2;\n\n/** Format button width (icon button is roughly 2.5-3ch) */\nexport const FORMAT_BUTTON_WIDTH = 3.5;\n\n/** Gap between input and button (gap-m = 1rem = ~1ch) */\nexport const INPUT_BUTTON_GAP = 1.5;\n\n/**\n * Calculates the maximum width needed for the coordinate field control container.\n * This keeps the outlined container at a fixed width while segments animate.\n *\n * @param editableSegmentConfigs - Array of editable segment configurations\n * @param segmentConfigs - Array of all segment configurations (including literals)\n * @param showFormatButton - Whether the format button is displayed\n * @returns The calculated width as a CSS string (e.g., \"25ch\")\n */\nexport function calculateMaxControlWidth(\n  editableSegmentConfigs: SegmentConfig[],\n  segmentConfigs: SegmentConfig[],\n  showFormatButton: boolean,\n): string {\n  // Sum all editable segment max widths with their padding\n  const segmentWidth = editableSegmentConfigs.reduce((sum, config) => {\n    const maxLen = config.maxLength || 0;\n    const padding = config.pad ?? 0.5;\n    return sum + maxLen + padding;\n  }, 0);\n\n  // Calculate width of literal characters (colons, spaces, etc.)\n  const literalWidth = segmentConfigs\n    .filter((c) => c.type === 'literal')\n    .reduce((sum, c) => sum + (c.value?.length || 0), 0);\n\n  // Add gap spacing between segments\n  // Number of gaps = number of segments - 1 (minimum 0)\n  const gapCount = Math.max(0, segmentConfigs.length - 1);\n  const gapWidth = gapCount * SEGMENT_GAP_WIDTH;\n\n  // Add container padding\n  const paddingWidth = CONTAINER_PADDING_WIDTH;\n\n  // Add format button width if shown\n  const buttonWidth = showFormatButton ? FORMAT_BUTTON_WIDTH : 0;\n\n  // Add gap between input and button if button is shown\n  const inputButtonGap = showFormatButton ? INPUT_BUTTON_GAP : 0;\n\n  return `${segmentWidth + literalWidth + gapWidth + paddingWidth + buttonWidth + inputButtonGap}ch`;\n}\n"]}
+{"version":3,"file":"width-utils.js","names":[],"sources":["../../../src/components/coordinate-field/width-utils.ts"],"sourcesContent":["// __private-exports\n/*\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\nimport type { SegmentConfig } from './types';\n\n/**\n * Layout spacing constants for coordinate field width calculations.\n * All values are in character widths (ch units) to ensure consistent sizing\n * with monospace coordinate values.\n */\n\n/** Gap spacing between segments (0.5rem = ~0.5ch per gap) */\nexport const SEGMENT_GAP_WIDTH = 0.5;\n\n/** Container padding (px-s = 0.5rem on each side = ~1ch total) */\nexport const CONTAINER_PADDING_WIDTH = 2;\n\n/** Format button width (icon button is roughly 2.5-3ch) */\nexport const FORMAT_BUTTON_WIDTH = 3.5;\n\n/** Gap between input and button (gap-m = 1rem = ~1ch) */\nexport const INPUT_BUTTON_GAP = 1.5;\n\n/**\n * Calculates the minimum width needed for the coordinate field control container.\n * This keeps the outlined container at a fixed width while segments animate.\n *\n * @private\n * @param editableSegmentConfigs - Array of editable segment configurations\n * @param segmentConfigs - Array of all segment configurations (including literals)\n * @param showFormatButton - Whether the format button is displayed\n * @returns The calculated width as a CSS string (e.g., \"25ch\")\n */\nexport function calculateMinControlWidth(\n  editableSegmentConfigs: SegmentConfig[],\n  segmentConfigs: SegmentConfig[],\n  showFormatButton: boolean,\n): string {\n  // Sum all editable segment max widths with their padding\n  const segmentWidth = editableSegmentConfigs.reduce((sum, config) => {\n    const maxLen = config.maxLength || 0;\n    const padding = config.pad ?? 0.5;\n    return sum + maxLen + padding;\n  }, 0);\n\n  // Calculate width of literal characters (colons, spaces, etc.)\n  const literalWidth = segmentConfigs\n    .filter((c) => c.type === 'literal')\n    .reduce((sum, c) => sum + (c.value?.length || 0), 0);\n\n  // Add gap spacing between segments\n  // Number of gaps = number of segments - 1 (minimum 0)\n  const gapCount = Math.max(0, segmentConfigs.length - 1);\n  const gapWidth = gapCount * SEGMENT_GAP_WIDTH;\n\n  // Add container padding\n  const paddingWidth = CONTAINER_PADDING_WIDTH;\n\n  // Add format button width if shown\n  const buttonWidth = showFormatButton ? FORMAT_BUTTON_WIDTH : 0;\n\n  // Add gap between input and button if button is shown\n  const inputButtonGap = showFormatButton ? INPUT_BUTTON_GAP : 0;\n\n  return `${segmentWidth + literalWidth + gapWidth + paddingWidth + buttonWidth + inputButtonGap}ch`;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,oBAAoB;;AAGjC,MAAa,0BAA0B;;AAGvC,MAAa,sBAAsB;;AAGnC,MAAa,mBAAmB;;;;;;;;;;;AAYhC,SAAgB,yBACd,wBACA,gBACA,kBACQ;CAER,MAAM,eAAe,uBAAuB,QAAQ,KAAK,WAAW;EAClE,MAAM,SAAS,OAAO,aAAa;EACnC,MAAM,UAAU,OAAO,OAAO;AAC9B,SAAO,MAAM,SAAS;IACrB,EAAE;CAGL,MAAM,eAAe,eAClB,QAAQ,MAAM,EAAE,SAAS,UAAU,CACnC,QAAQ,KAAK,MAAM,OAAO,EAAE,OAAO,UAAU,IAAI,EAAE;CAKtD,MAAM,WADW,KAAK,IAAI,GAAG,eAAe,SAAS,EAAE,GAC3B;CAG5B,MAAM,eAAe;CAGrB,MAAM,cAAc,mBAAmB,sBAAsB;CAG7D,MAAM,iBAAiB,mBAAmB,mBAAmB;AAE7D,QAAO,GAAG,eAAe,eAAe,WAAW,eAAe,cAAc,eAAe"}

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

@@ -1,7 +1,21 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DateValue } from '@internationalized/date';
-import { DateFieldProps } from './types.js';
-import 'react-aria-components';
+/*
+ * 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 { DateFieldProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/date-field/index.d.ts
 
 /**
  * DateField - A comprehensive date input component with segmented editing
@@ -47,6 +61,20 @@ import 'react-aria-components';
  *   onChange={setSelectedDate}
  * />
  */
-declare function DateField<T extends DateValue>({ classNames, description: descriptionProp, errorMessage: errorMessageProp, inputProps, label: labelProp, size, shortMonth, shouldForceLeadingZeros, isDisabled, isInvalid: isInvalidProp, isRequired, ...rest }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;
-
+declare function DateField<T extends DateValue>({
+  classNames,
+  description: descriptionProp,
+  errorMessage: errorMessageProp,
+  inputProps,
+  label: labelProp,
+  size,
+  shortMonth,
+  shouldForceLeadingZeros,
+  isDisabled,
+  isInvalid: isInvalidProp,
+  isRequired,
+  ...rest
+}: DateFieldProps<T>): react_jsx_runtime26.JSX.Element;
+//#endregion
 export { DateField };
+//# sourceMappingURL=index.d.ts.map