@accelint/design-toolkit 9.11.0 → 9.11.2

package/dist/components/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaCheckbox","children"],"sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Check from '@accelint/icons/check';\nimport Remove from '@accelint/icons/remove';\nimport { Checkbox as AriaCheckbox } from 'react-aria-components/Checkbox';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { Icon } from '../icon';\nimport { CheckboxContext } from './context';\nimport styles from './styles.module.css';\nimport type { CheckboxProps } from './types';\n\n/**\n * Checkbox - A form control for binary or multiple selection with group support\n *\n * Provides accessible checkbox functionality with support for individual checkboxes\n * or grouped selections. Includes visual feedback for checked, indeterminate, and\n * disabled states with integrated labeling and validation support.\n *\n * @param props - The checkbox props.\n * @param props.ref - Reference to the label element.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.children - Label content for the checkbox.\n * @param props.isSelected - Whether the checkbox is checked.\n * @param props.isIndeterminate - Whether the checkbox is in indeterminate state.\n * @param props.isDisabled - Whether the checkbox is disabled.\n * @returns The checkbox component.\n *\n * @example\n * ```tsx\n * // Basic checkbox\n * <Checkbox>\n *   Accept terms and conditions\n * </Checkbox>\n * ```\n *\n * @example\n * ```tsx\n * // Checkbox group with multiple options\n * <CheckboxGroup label=\"Select preferences\">\n *   <Checkbox value=\"notifications\">Email notifications</Checkbox>\n *   <Checkbox value=\"marketing\">Marketing emails</Checkbox>\n *   <Checkbox value=\"updates\">Product updates</Checkbox>\n * </CheckboxGroup>\n * ```\n *\n * @example\n * ```tsx\n * // Disabled checkbox\n * <Checkbox isDisabled>\n *   Unavailable option\n * </Checkbox>\n * ```\n *\n * @example\n * ```tsx\n * // Indeterminate checkbox (partial selection)\n * <Checkbox isIndeterminate>\n *   Select all items\n * </Checkbox>\n * ```\n */\nexport function Checkbox({ ref, ...props }: CheckboxProps) {\n  [props, ref] = useContextProps(props, ref ?? null, CheckboxContext);\n\n  const { classNames, children, labelPosition = 'end', ...rest } = props;\n\n  return (\n    <AriaCheckbox\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.checkbox, (className) =>\n        clsx(\n          'group/checkbox',\n          styles.checkbox,\n          labelPosition === 'start' && styles.labelStart,\n          className,\n        ),\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isIndeterminate, isSelected }) => (\n          <>\n            <span className={clsx(styles.control, classNames?.control)}>\n              <Icon size='small'>\n                {isIndeterminate && !isSelected && <Remove />}\n                {isSelected && <Check />}\n              </Icon>\n            </span>\n            {children && (\n              <span className={clsx(styles.label, classNames?.label)}>\n                {children}\n              </span>\n            )}\n          </>\n        ),\n      )}\n    </AriaCheckbox>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,SAAgB,SAAS,EAAE,KAAK,GAAG,SAAwB;AACzD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,gBAAgB;CAEnE,MAAM,EAAE,YAAY,UAAU,gBAAgB,OAAO,GAAG,SAAS;AAEjE,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,WAAW,cACnD,KACE,kBACA,OAAO,UACP,kBAAkB,WAAW,OAAO,YACpC,UACD,CACF;YAEA,mBACC,WACC,YAAU,EAAE,iBAAiB,iBAC5B,4CACE,oBAAC;GAAK,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;aACxD,qBAAC;IAAK,MAAK;eACR,mBAAmB,CAAC,cAAc,oBAAC,WAAS,EAC5C,cAAc,oBAAC,UAAQ;KACnB;IACF,EACNC,cACC,oBAAC;GAAK,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;aACnDA;IACI,IAER,CAEN;GACY"}
+{"version":3,"file":"index.js","names":["AriaCheckbox","children"],"sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Check from '@accelint/icons/check';\nimport Remove from '@accelint/icons/remove';\nimport { Checkbox as AriaCheckbox } from 'react-aria-components/Checkbox';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { usePreventScrollFocus } from '../../hooks/use-prevent-scroll-focus';\nimport { Icon } from '../icon';\nimport { CheckboxContext } from './context';\nimport styles from './styles.module.css';\nimport type { CheckboxProps } from './types';\n\n/**\n * Checkbox - A form control for binary or multiple selection with group support\n *\n * Provides accessible checkbox functionality with support for individual checkboxes\n * or grouped selections. Includes visual feedback for checked, indeterminate, and\n * disabled states with integrated labeling and validation support.\n *\n * @param props - The checkbox props.\n * @param props.ref - Reference to the label element.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.children - Label content for the checkbox.\n * @param props.isSelected - Whether the checkbox is checked.\n * @param props.isIndeterminate - Whether the checkbox is in indeterminate state.\n * @param props.isDisabled - Whether the checkbox is disabled.\n * @returns The checkbox component.\n *\n * @example\n * ```tsx\n * // Basic checkbox\n * <Checkbox>\n *   Accept terms and conditions\n * </Checkbox>\n * ```\n *\n * @example\n * ```tsx\n * // Checkbox group with multiple options\n * <CheckboxGroup label=\"Select preferences\">\n *   <Checkbox value=\"notifications\">Email notifications</Checkbox>\n *   <Checkbox value=\"marketing\">Marketing emails</Checkbox>\n *   <Checkbox value=\"updates\">Product updates</Checkbox>\n * </CheckboxGroup>\n * ```\n *\n * @example\n * ```tsx\n * // Disabled checkbox\n * <Checkbox isDisabled>\n *   Unavailable option\n * </Checkbox>\n * ```\n *\n * @example\n * ```tsx\n * // Indeterminate checkbox (partial selection)\n * <Checkbox isIndeterminate>\n *   Select all items\n * </Checkbox>\n * ```\n */\nexport function Checkbox({ ref, ...props }: CheckboxProps) {\n  [props, ref] = useContextProps(props, ref ?? null, CheckboxContext);\n\n  const { classNames, children, labelPosition = 'end', ...rest } = props;\n  const handleRef = usePreventScrollFocus(ref);\n\n  return (\n    <AriaCheckbox\n      {...rest}\n      ref={handleRef}\n      className={composeRenderProps(classNames?.checkbox, (className) =>\n        clsx(\n          'group/checkbox',\n          styles.checkbox,\n          labelPosition === 'start' && styles.labelStart,\n          className,\n        ),\n      )}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isIndeterminate, isSelected }) => (\n          <>\n            <span className={clsx(styles.control, classNames?.control)}>\n              <Icon size='small'>\n                {isIndeterminate && !isSelected && <Remove />}\n                {isSelected && <Check />}\n              </Icon>\n            </span>\n            {children && (\n              <span className={clsx(styles.label, classNames?.label)}>\n                {children}\n              </span>\n            )}\n          </>\n        ),\n      )}\n    </AriaCheckbox>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,SAAgB,SAAS,EAAE,KAAK,GAAG,SAAwB;AACzD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,gBAAgB;CAEnE,MAAM,EAAE,YAAY,UAAU,gBAAgB,OAAO,GAAG,SAAS;CACjE,MAAM,YAAY,sBAAsB,IAAI;AAE5C,QACE,oBAACA;EACC,GAAI;EACJ,KAAK;EACL,WAAW,mBAAmB,YAAY,WAAW,cACnD,KACE,kBACA,OAAO,UACP,kBAAkB,WAAW,OAAO,YACpC,UACD,CACF;YAEA,mBACC,WACC,YAAU,EAAE,iBAAiB,iBAC5B,4CACE,oBAAC;GAAK,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;aACxD,qBAAC;IAAK,MAAK;eACR,mBAAmB,CAAC,cAAc,oBAAC,WAAS,EAC5C,cAAc,oBAAC,UAAQ;KACnB;IACF,EACNC,cACC,oBAAC;GAAK,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;aACnDA;IACI,IAER,CAEN;GACY"}

package/dist/components/checkbox/styles.module.css

@@ -31,6 +31,8 @@
 
   .checkbox {
     @apply gap-m flex cursor-pointer items-center;
+    scroll-margin: 0 !important;
+    scroll-padding: 0 !important;
 
     &.labelStart {
       .label {

package/dist/components/chip/context.d.ts

@@ -14,7 +14,7 @@ import { ProviderProps } from "../../lib/types.js";
 import { ChipContextValue } from "./types.js";
 import "client-only";
 import * as react8 from "react";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/chip/context.d.ts
@@ -40,7 +40,7 @@ declare const ChipContext: react8.Context<ContextValue<ChipContextValue, HTMLDiv
 declare function ChipProvider({
   children,
   ...props
-}: ProviderProps<ChipContextValue>): react_jsx_runtime29.JSX.Element;
+}: ProviderProps<ChipContextValue>): react_jsx_runtime45.JSX.Element;
 //#endregion
 export { ChipContext, ChipProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/chip/deletable.d.ts

@@ -12,7 +12,7 @@
 
 import { DeletableChipProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 
 //#region src/components/chip/deletable.d.ts
 
@@ -54,7 +54,7 @@ import * as react_jsx_runtime30 from "react/jsx-runtime";
 declare function DeletableChip({
   ref,
   ...props
-}: DeletableChipProps): react_jsx_runtime30.JSX.Element;
+}: DeletableChipProps): react_jsx_runtime47.JSX.Element;
 //#endregion
 export { DeletableChip };
 //# sourceMappingURL=deletable.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { ChipProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
 
 //#region src/components/chip/index.d.ts
 
@@ -93,7 +93,7 @@ import * as react_jsx_runtime31 from "react/jsx-runtime";
 declare function Chip({
   ref,
   ...props
-}: ChipProps): react_jsx_runtime31.JSX.Element;
+}: ChipProps): react_jsx_runtime49.JSX.Element;
 //#endregion
 export { Chip };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/chip/list.d.ts

@@ -12,14 +12,14 @@
 
 import { ChipListProps } from "./types.js";
 import "client-only";
-import * as react9 from "react";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react0 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/chip/list.d.ts
 /**
  * React context indicating whether chips are being rendered inside a ChipList.
  */
-declare const ChipListRenderingContext: react9.Context<boolean>;
+declare const ChipListRenderingContext: react0.Context<boolean>;
 /**
  * ChipList - Container component for grouping multiple chips with shared behavior.
  *
@@ -65,7 +65,7 @@ declare const ChipListRenderingContext: react9.Context<boolean>;
 declare function ChipList<T extends object>({
   ref,
   ...props
-}: ChipListProps<T>): react_jsx_runtime32.JSX.Element;
+}: ChipListProps<T>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ChipList, ChipListRenderingContext };
 //# sourceMappingURL=list.d.ts.map

package/dist/components/chip/selectable.d.ts

@@ -12,7 +12,7 @@
 
 import { SelectableChipProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
 
 //#region src/components/chip/selectable.d.ts
 
@@ -50,7 +50,7 @@ import * as react_jsx_runtime35 from "react/jsx-runtime";
 declare function SelectableChip({
   ref,
   ...props
-}: SelectableChipProps): react_jsx_runtime35.JSX.Element;
+}: SelectableChipProps): react_jsx_runtime72.JSX.Element;
 //#endregion
 export { SelectableChip };
 //# sourceMappingURL=selectable.d.ts.map

package/dist/components/classification-badge/context.d.ts

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { ClassificationBadgeProps } from "./types.js";
 import "client-only";
-import * as react10 from "react";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react19 from "react";
+import * as react_jsx_runtime73 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/classification-badge/context.d.ts
 /** React context for sharing ClassificationBadge configuration across components. */
-declare const ClassificationBadgeContext: react10.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
+declare const ClassificationBadgeContext: react19.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
 /**
  * Context provider for setting default props across multiple ClassificationBadge components.
  *
@@ -38,7 +38,7 @@ declare const ClassificationBadgeContext: react10.Context<ContextValue<Classific
 declare function ClassificationBadgeProvider({
   children,
   ...props
-}: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime36.JSX.Element;
+}: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime73.JSX.Element;
 //#endregion
 export { ClassificationBadgeContext, ClassificationBadgeProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/classification-badge/index.d.ts

@@ -12,7 +12,7 @@
 
 import { ClassificationBadgeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
 
 //#region src/components/classification-badge/index.d.ts
 
@@ -51,7 +51,7 @@ import * as react_jsx_runtime37 from "react/jsx-runtime";
 declare function ClassificationBadge({
   ref,
   ...props
-}: ClassificationBadgeProps): react_jsx_runtime37.JSX.Element;
+}: ClassificationBadgeProps): react_jsx_runtime74.JSX.Element;
 //#endregion
 export { ClassificationBadge };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/classification-banner/context.d.ts

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { ClassificationBannerProps } from "./types.js";
 import "client-only";
-import * as react0 from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react22 from "react";
+import * as react_jsx_runtime75 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/classification-banner/context.d.ts
 /** React context for sharing ClassificationBanner configuration across components. */
-declare const ClassificationBannerContext: react0.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
+declare const ClassificationBannerContext: react22.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
 /**
  * Context provider for setting default props across multiple ClassificationBanner components.
  *
@@ -38,7 +38,7 @@ declare const ClassificationBannerContext: react0.Context<ContextValue<Classific
 declare function ClassificationBannerProvider({
   children,
   ...props
-}: ProviderProps<ClassificationBannerProps>): react_jsx_runtime7.JSX.Element;
+}: ProviderProps<ClassificationBannerProps>): react_jsx_runtime75.JSX.Element;
 //#endregion
 export { ClassificationBannerContext, ClassificationBannerProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/classification-banner/index.d.ts

@@ -12,7 +12,7 @@
 
 import { ClassificationBannerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime76 from "react/jsx-runtime";
 
 //#region src/components/classification-banner/index.d.ts
 
@@ -39,7 +39,7 @@ import * as react_jsx_runtime39 from "react/jsx-runtime";
 declare function ClassificationBanner({
   ref,
   ...props
-}: ClassificationBannerProps): react_jsx_runtime39.JSX.Element;
+}: ClassificationBannerProps): react_jsx_runtime76.JSX.Element;
 //#endregion
 export { ClassificationBanner };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { ClockProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime77 from "react/jsx-runtime";
 
 //#region src/components/clock/index.d.ts
 
@@ -58,7 +58,7 @@ import * as react_jsx_runtime9 from "react/jsx-runtime";
 declare function Clock({
   formatter,
   ...rest
-}: ClockProps): react_jsx_runtime9.JSX.Element;
+}: ClockProps): react_jsx_runtime77.JSX.Element;
 //#endregion
 export { Clock };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/color-picker/index.d.ts

@@ -12,7 +12,7 @@
 
 import { ColorPickerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime78 from "react/jsx-runtime";
 
 //#region src/components/color-picker/index.d.ts
 declare function ColorPicker({
@@ -24,7 +24,7 @@ declare function ColorPicker({
   ref,
   value,
   ...rest
-}: ColorPickerProps): react_jsx_runtime15.JSX.Element;
+}: ColorPickerProps): react_jsx_runtime78.JSX.Element;
 //#endregion
 export { ColorPicker };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/combobox-field/context.d.ts

@@ -14,13 +14,13 @@ import { ProviderProps } from "../../lib/types.js";
 import { OptionsDataItem } from "../options/types.js";
 import { ComboBoxFieldProps } from "./types.js";
 import "client-only";
-import * as react7 from "react";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react15 from "react";
+import * as react_jsx_runtime66 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/combobox-field/context.d.ts
 /** React context for sharing ComboBoxField configuration across components. */
-declare const ComboBoxFieldContext: react7.Context<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>;
+declare const ComboBoxFieldContext: react15.Context<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>;
 /**
  * Context provider for setting default props across multiple ComboBoxField components.
  *
@@ -39,7 +39,7 @@ declare const ComboBoxFieldContext: react7.Context<ContextValue<ComboBoxFieldPro
 declare function ComboBoxFieldProvider<T extends OptionsDataItem>({
   children,
   ...props
-}: ProviderProps<ComboBoxFieldProps<T>>): react_jsx_runtime28.JSX.Element;
+}: ProviderProps<ComboBoxFieldProps<T>>): react_jsx_runtime66.JSX.Element;
 //#endregion
 export { ComboBoxFieldContext, ComboBoxFieldProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -13,7 +13,7 @@
 import { OptionsDataItem } from "../options/types.js";
 import { ComboBoxFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
 
 //#region src/components/combobox-field/index.d.ts
 
@@ -43,7 +43,7 @@ import * as react_jsx_runtime33 from "react/jsx-runtime";
 declare function ComboBoxField<T extends OptionsDataItem>({
   ref,
   ...props
-}: ComboBoxFieldProps<T>): react_jsx_runtime33.JSX.Element;
+}: ComboBoxFieldProps<T>): react_jsx_runtime69.JSX.Element;
 //#endregion
 export { ComboBoxField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/combobox-field/styles.module.css

@@ -118,11 +118,20 @@
 
 @layer components.l2 {
   .clear {
-    @apply invisible;
+    @apply pointer-events-none invisible;
 
     @variant group-focus-within/combobox-field {
       @variant group-not-data-empty/combobox-field {
-        @apply visible;
+        @apply pointer-events-auto visible;
+      }
+    }
+  }
+
+  .input {
+    @variant group-not-focus-within/combobox-field {
+      @variant group-data-empty/combobox-field {
+        margin-right: calc((var(--icon-size-s) + var(--spacing-xs)) * -1);
+        padding-right: calc(var(--icon-size-s) + var(--spacing-xs));
       }
     }
   }

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

@@ -12,8 +12,8 @@
 
 import { ProviderProps } from "../../lib/types.js";
 import { CoordinateFieldProps, CoordinateFieldState } from "./types.js";
-import * as react1 from "react";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react3 from "react";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/coordinate-field/context.d.ts
@@ -48,7 +48,7 @@ import { ContextValue } from "react-aria-components/slots";
  *
  * @see CoordinateFieldStateContext for internal runtime state
  */
-declare const CoordinateFieldContext: react1.Context<ContextValue<CoordinateFieldProps, HTMLDivElement>>;
+declare const CoordinateFieldContext: react3.Context<ContextValue<CoordinateFieldProps, HTMLDivElement>>;
 /**
  * State Context for CoordinateField component.
  *
@@ -66,7 +66,7 @@ declare const CoordinateFieldContext: react1.Context<ContextValue<CoordinateFiel
  * const state = useCoordinateFieldStateContext();
  * const { segmentValues, isDisabled, registerTimeout } = state;
  */
-declare const CoordinateFieldStateContext: react1.Context<CoordinateFieldState | null>;
+declare const CoordinateFieldStateContext: react3.Context<CoordinateFieldState | null>;
 /**
  * Provider component for CoordinateField context
  * Wraps children with CoordinateFieldContext
@@ -78,7 +78,7 @@ declare const CoordinateFieldStateContext: react1.Context<CoordinateFieldState |
 declare function CoordinateFieldProvider({
   children,
   ...props
-}: ProviderProps<CoordinateFieldProps>): react_jsx_runtime11.JSX.Element;
+}: ProviderProps<CoordinateFieldProps>): react_jsx_runtime26.JSX.Element;
 /**
  * Provider component for CoordinateField state context
  * Wraps children with CoordinateFieldStateContext
@@ -94,7 +94,7 @@ declare function CoordinateFieldStateProvider({
 }: {
   children: React.ReactNode;
   value: CoordinateFieldState;
-}): react_jsx_runtime11.JSX.Element;
+}): react_jsx_runtime26.JSX.Element;
 /**
  * Hook to access CoordinateField state context
  * Must be used within a CoordinateField component

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

@@ -428,6 +428,8 @@ function convertDDToDisplaySegments(value, format) {
 	try {
 		const coord = createCoordinate(coordinateSystems.dd, "LATLON")(`${Number(value.lat.toFixed(10))} / ${Number(value.lon.toFixed(10))}`);
 		if (!coord.valid) return null;
+		coord.raw.LAT = value.lat;
+		coord.raw.LON = value.lon;
 		let coordString;
 		switch (format) {
 			case "dd":