@accelint/design-toolkit 8.1.2 → 9.0.0

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

@@ -1,13 +1,27 @@
-import { RefAttributes } from 'react';
-import { ColorSwatchPickerProps, ColorSwatchPickerItemProps, ColorSwatchProps } 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 { RefAttributes } from "react";
+import { ColorSwatchPickerItemProps, ColorSwatchPickerProps, ColorSwatchProps } from "react-aria-components";
+
+//#region src/components/color-picker/types.d.ts
 type ColorPickerProps = Omit<ColorSwatchPickerProps, 'children' | 'layout'> & RefAttributes<HTMLDivElement> & {
-    classNames?: {
-        picker?: ColorSwatchPickerProps['className'];
-        item?: ColorSwatchPickerItemProps['className'];
-        swatch?: ColorSwatchProps['className'];
-    };
-    items: ColorSwatchPickerItemProps['color'][];
+  classNames?: {
+    picker?: ColorSwatchPickerProps['className'];
+    item?: ColorSwatchPickerItemProps['className'];
+    swatch?: ColorSwatchProps['className'];
+  };
+  items: ColorSwatchPickerItemProps['color'][];
 };
-
-export type { ColorPickerProps };
+//#endregion
+export { ColorPickerProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/color-picker/types.js

@@ -1,2 +1,12 @@
-//# sourceMappingURL=types.js.map
-//# 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.
+ */
+

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

@@ -1,13 +1,29 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
-import { OptionsDataItem } from '../options/types.js';
-import { ComboBoxFieldProps } from './types.js';
-import '../icon/types.js';
-import '../button/types.js';
+/*
+ * 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.
+ */
 
-declare const ComboBoxFieldContext: react.Context<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>;
-declare function ComboBoxFieldProvider<T extends OptionsDataItem>({ children, ...props }: ProviderProps<ComboBoxFieldProps<T>>): react_jsx_runtime.JSX.Element;
+import { ProviderProps } from "../../lib/types.js";
+import { OptionsDataItem } from "../options/types.js";
+import { ComboBoxFieldProps } from "./types.js";
+import "client-only";
+import * as react10 from "react";
+import { ContextValue } from "react-aria-components";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
+//#region src/components/combobox-field/context.d.ts
+declare const ComboBoxFieldContext: react10.Context<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>;
+declare function ComboBoxFieldProvider<T extends OptionsDataItem>({
+  children,
+  ...props
+}: ProviderProps<ComboBoxFieldProps<T>>): react_jsx_runtime25.JSX.Element;
+//#endregion
 export { ComboBoxFieldContext, ComboBoxFieldProvider };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/combobox-field/context.js

@@ -1,4 +1,31 @@
+/*
+ * 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.
+ */
+
+
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const r=createContext(null);function n({children:o,...e}){return jsx(r.Provider,{value:e,children:o})}export{r as ComboBoxFieldContext,n as ComboBoxFieldProvider};//# sourceMappingURL=context.js.map
+import "client-only";
+import { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/combobox-field/context.tsx
+const ComboBoxFieldContext = createContext(null);
+function ComboBoxFieldProvider({ children, ...props }) {
+	return /* @__PURE__ */ jsx(ComboBoxFieldContext.Provider, {
+		value: props,
+		children
+	});
+}
+
+//#endregion
+export { ComboBoxFieldContext, ComboBoxFieldProvider };
 //# sourceMappingURL=context.js.map

package/dist/components/combobox-field/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/combobox-field/context.tsx"],"names":["ComboBoxFieldContext","createContext","ComboBoxFieldProvider","children","props","jsx"],"mappings":"0FAoBO,MAAMA,CAAAA,CAEXC,aAAAA,CAAqE,IAAI,EAEpE,SAASC,CAAAA,CAAiD,CAC/D,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAyC,CACvC,OACEC,GAAAA,CAACL,CAAAA,CAAqB,QAAA,CAArB,CAA8B,KAAA,CAAOI,CAAAA,CACnC,QAAA,CAAAD,EACH,CAEJ","file":"context.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'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { OptionsDataItem } from '../options/types';\nimport type { ComboBoxFieldProps } from './types';\n\nexport const ComboBoxFieldContext =\n  // biome-ignore lint/suspicious/noExplicitAny: Setting a type would restrict it beyond what the component allows to extend to\n  createContext<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>(null);\n\nexport function ComboBoxFieldProvider<T extends OptionsDataItem>({\n  children,\n  ...props\n}: ProviderProps<ComboBoxFieldProps<T>>) {\n  return (\n    <ComboBoxFieldContext.Provider value={props}>\n      {children}\n    </ComboBoxFieldContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/combobox-field/context.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'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { OptionsDataItem } from '../options/types';\nimport type { ComboBoxFieldProps } from './types';\n\nexport const ComboBoxFieldContext =\n  // biome-ignore lint/suspicious/noExplicitAny: Setting a type would restrict it beyond what the component allows to extend to\n  createContext<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>(null);\n\nexport function ComboBoxFieldProvider<T extends OptionsDataItem>({\n  children,\n  ...props\n}: ProviderProps<ComboBoxFieldProps<T>>) {\n  return (\n    <ComboBoxFieldContext.Provider value={props}>\n      {children}\n    </ComboBoxFieldContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,uBAEX,cAAqE,KAAK;AAE5E,SAAgB,sBAAiD,EAC/D,UACA,GAAG,SACoC;AACvC,QACE,oBAAC,qBAAqB;EAAS,OAAO;EACnC;GAC6B"}

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

@@ -1,12 +1,21 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { OptionsDataItem } from '../options/types.js';
-import { ComboBoxFieldProps } from './types.js';
-import 'react';
-import 'react-aria-components';
-import '../icon/types.js';
-import '../button/types.js';
-import '../../lib/types.js';
+/*
+ * 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 { OptionsDataItem } from "../options/types.js";
+import { ComboBoxFieldProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
+
+//#region src/components/combobox-field/index.d.ts
 /**
  * ComboBoxField - Accessible searchable combobox with dropdown options
  *
@@ -18,6 +27,10 @@ import '../../lib/types.js';
  *   {(item) => <OptionsItem key={item.id} textValue={item.name}>{item.name}</OptionsItem>}
  * </ComboBoxField>
  */
-declare function ComboBoxField<T extends OptionsDataItem>({ ref, ...props }: ComboBoxFieldProps<T>): react_jsx_runtime.JSX.Element;
-
+declare function ComboBoxField<T extends OptionsDataItem>({
+  ref,
+  ...props
+}: ComboBoxFieldProps<T>): react_jsx_runtime27.JSX.Element;
+//#endregion
 export { ComboBoxField };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/combobox-field/index.js

@@ -1,4 +1,94 @@
+/*
+ * 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.
+ */
+
+
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {ChevronDown}from'@accelint/icons';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,ComboBox,composeRenderProps,Input,Button,Text,FieldError,Popover,Virtualizer,ListLayout}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {Options}from'../options/index.js';import {ComboBoxFieldContext}from'./context.js';import i from'./styles.module.css';function X({ref:l,...a}){[a,l]=useContextProps(a,l??null,ComboBoxFieldContext);const{children:f,classNames:e,description:m,errorMessage:x,inputProps:g,label:p,layoutOptions:v,menuTrigger:P="focus",size:d="medium",isInvalid:y,...C}=a,c=x||null,u=d==="small";return jsx(ComboBox,{...C,ref:l,className:composeRenderProps(e?.field,n=>clsx("group/combobox-field",i.field,n)),menuTrigger:P,isInvalid:y||(c?true:void 0),"data-size":d,children:({isDisabled:n,isInvalid:N,isRequired:B})=>jsxs(Fragment,{children:[!!p&&!u&&jsx(Label,{className:clsx(i.label,e?.label),isDisabled:n,isRequired:B,children:p}),jsxs("div",{className:clsx(i.control,e?.control),children:[jsx(Input,{...g,className:composeRenderProps(e?.input,t=>clsx(i.input,t))}),jsx(Button,{className:composeRenderProps(e?.trigger,t=>clsx(i.trigger,t)),children:jsx(Icon,{size:"small",children:jsx(ChevronDown,{})})})]}),!!m&&!(u||N)&&jsx(Text,{className:clsx(i.description,e?.description),slot:"description",children:m}),jsx(FieldError,{className:composeRenderProps(e?.error,t=>clsx(i.error,t)),children:c}),jsx(Popover,{className:composeRenderProps(e?.popover,t=>clsx(i.popover,t)),children:jsx(Virtualizer,{layout:ListLayout,layoutOptions:v,children:jsx(Options,{children:f})})})]})})}export{X as ComboBoxField};//# sourceMappingURL=index.js.map
+import { Icon } from "../icon/index.js";
+import { Label as Label$1 } from "../label/index.js";
+import { ComboBoxFieldContext } from "./context.js";
+import { Options } from "../options/index.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { Button, ComboBox, FieldError, Input, ListLayout, Popover, Text, Virtualizer, composeRenderProps, useContextProps } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "@accelint/icons";
+import styles from "./styles.module.css";
+
+//#region src/components/combobox-field/index.tsx
+/**
+* ComboBoxField - Accessible searchable combobox with dropdown options
+*
+* A combobox field that provides a searchable input with virtualized dropdown
+* options and support for sections, icons, and rich content.
+*
+* @example
+* <ComboBoxField defaultItems={items}>
+*   {(item) => <OptionsItem key={item.id} textValue={item.name}>{item.name}</OptionsItem>}
+* </ComboBoxField>
+*/
+function ComboBoxField({ ref, ...props }) {
+	[props, ref] = useContextProps(props, ref ?? null, ComboBoxFieldContext);
+	const { children, classNames, description: descriptionProp, errorMessage: errorMessageProp, inputProps, label: labelProp, layoutOptions, menuTrigger = "focus", size = "medium", isInvalid: isInvalidProp, ...rest } = props;
+	const errorMessage = errorMessageProp || null;
+	const isSmall = size === "small";
+	return /* @__PURE__ */ jsx(ComboBox, {
+		...rest,
+		ref,
+		className: composeRenderProps(classNames?.field, (className) => clsx("group/combobox-field", styles.field, className)),
+		menuTrigger,
+		isInvalid: isInvalidProp || (errorMessage ? true : void 0),
+		"data-size": size,
+		children: ({ isDisabled, isInvalid, isRequired }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+			!!labelProp && !isSmall && /* @__PURE__ */ jsx(Label$1, {
+				className: clsx(styles.label, classNames?.label),
+				isDisabled,
+				isRequired,
+				children: labelProp
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: clsx(styles.control, classNames?.control),
+				children: [/* @__PURE__ */ jsx(Input, {
+					...inputProps,
+					className: composeRenderProps(classNames?.input, (className) => clsx(styles.input, className))
+				}), /* @__PURE__ */ jsx(Button, {
+					className: composeRenderProps(classNames?.trigger, (className) => clsx(styles.trigger, className)),
+					children: /* @__PURE__ */ jsx(Icon, {
+						size: "small",
+						children: /* @__PURE__ */ jsx(ChevronDown, {})
+					})
+				})]
+			}),
+			!!descriptionProp && !(isSmall || isInvalid) && /* @__PURE__ */ jsx(Text, {
+				className: clsx(styles.description, classNames?.description),
+				slot: "description",
+				children: descriptionProp
+			}),
+			/* @__PURE__ */ jsx(FieldError, {
+				className: composeRenderProps(classNames?.error, (className) => clsx(styles.error, className)),
+				children: errorMessage
+			}),
+			/* @__PURE__ */ jsx(Popover, {
+				className: composeRenderProps(classNames?.popover, (className) => clsx(styles.popover, className)),
+				children: /* @__PURE__ */ jsx(Virtualizer, {
+					layout: ListLayout,
+					layoutOptions,
+					children: /* @__PURE__ */ jsx(Options, { children })
+				})
+			})
+		] })
+	});
+}
+
+//#endregion
+export { ComboBoxField };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/combobox-field/index.tsx"],"names":["ref","children","h","q","labelProp","layoutOptions","isInvalidProp","props","errorMessageProp","jsx","ComboBox","rest","composeRenderProps","classNames","o","className","clsx","s","styles","r","isInvalid","b","w","V","isRequired","Input","T","R","descriptionProp","I","M","FieldError","errorMessage","D","ListLayout","E","k"],"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'use client';\n\nimport { ChevronDown } from '@accelint/icons';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Button,\n  ComboBox,\n  composeRenderProps,\n  FieldError,\n  Input,\n  ListLayout,\n  Popover,\n  Text,\n  useContextProps,\n  Virtualizer,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport { ComboBoxFieldContext } from './context';\nimport styles from './styles.module.css';\nimport type { OptionsDataItem } from '../options/types';\nimport type { ComboBoxFieldProps } from './types';\n\n/**\n * ComboBoxField - Accessible searchable combobox with dropdown options\n *\n * A combobox field that provides a searchable input with virtualized dropdown\n * options and support for sections, icons, and rich content.\n *\n * @example\n * <ComboBoxField defaultItems={items}>\n *   {(item) => <OptionsItem key={item.id} textValue={item.name}>{item.name}</OptionsItem>}\n * </ComboBoxField>\n */\nexport function ComboBoxField<T extends OptionsDataItem>({\n  ref,\n  ...props\n}: ComboBoxFieldProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, ComboBoxFieldContext);\n\n  const {\n    children,\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    inputProps,\n    label: labelProp,\n    layoutOptions,\n    menuTrigger = 'focus',\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <ComboBox<T>\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        clsx('group/combobox-field', styles.field, className),\n      )}\n      menuTrigger={menuTrigger}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={clsx(styles.label, classNames?.label)}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div className={clsx(styles.control, classNames?.control)}>\n            <Input\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                clsx(styles.input, className),\n              )}\n            />\n            <Button\n              className={composeRenderProps(classNames?.trigger, (className) =>\n                clsx(styles.trigger, className),\n              )}\n            >\n              <Icon size='small'>\n                <ChevronDown />\n              </Icon>\n            </Button>\n          </div>\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              className={clsx(styles.description, classNames?.description)}\n              slot='description'\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              clsx(styles.error, className),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n          <Popover\n            className={composeRenderProps(classNames?.popover, (className) =>\n              clsx(styles.popover, className),\n            )}\n          >\n            <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n              <Options>{children}</Options>\n            </Virtualizer>\n          </Popover>\n        </>\n      )}\n    </ComboBox>\n  );\n}\n"]}
+{"version":3,"file":"index.js","names":["Label"],"sources":["../../../src/components/combobox-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'use client';\n\nimport { ChevronDown } from '@accelint/icons';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Button,\n  ComboBox,\n  composeRenderProps,\n  FieldError,\n  Input,\n  ListLayout,\n  Popover,\n  Text,\n  useContextProps,\n  Virtualizer,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport { ComboBoxFieldContext } from './context';\nimport styles from './styles.module.css';\nimport type { OptionsDataItem } from '../options/types';\nimport type { ComboBoxFieldProps } from './types';\n\n/**\n * ComboBoxField - Accessible searchable combobox with dropdown options\n *\n * A combobox field that provides a searchable input with virtualized dropdown\n * options and support for sections, icons, and rich content.\n *\n * @example\n * <ComboBoxField defaultItems={items}>\n *   {(item) => <OptionsItem key={item.id} textValue={item.name}>{item.name}</OptionsItem>}\n * </ComboBoxField>\n */\nexport function ComboBoxField<T extends OptionsDataItem>({\n  ref,\n  ...props\n}: ComboBoxFieldProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, ComboBoxFieldContext);\n\n  const {\n    children,\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    inputProps,\n    label: labelProp,\n    layoutOptions,\n    menuTrigger = 'focus',\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <ComboBox<T>\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        clsx('group/combobox-field', styles.field, className),\n      )}\n      menuTrigger={menuTrigger}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={clsx(styles.label, classNames?.label)}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div className={clsx(styles.control, classNames?.control)}>\n            <Input\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                clsx(styles.input, className),\n              )}\n            />\n            <Button\n              className={composeRenderProps(classNames?.trigger, (className) =>\n                clsx(styles.trigger, className),\n              )}\n            >\n              <Icon size='small'>\n                <ChevronDown />\n              </Icon>\n            </Button>\n          </div>\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              className={clsx(styles.description, classNames?.description)}\n              slot='description'\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              clsx(styles.error, className),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n          <Popover\n            className={composeRenderProps(classNames?.popover, (className) =>\n              clsx(styles.popover, className),\n            )}\n          >\n            <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n              <Options>{children}</Options>\n            </Virtualizer>\n          </Popover>\n        </>\n      )}\n    </ComboBox>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,cAAyC,EACvD,KACA,GAAG,SACqB;AACxB,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,qBAAqB;CAExE,MAAM,EACJ,UACA,YACA,aAAa,iBACb,cAAc,kBACd,YACA,OAAO,WACP,eACA,cAAc,SACd,OAAO,UACP,WAAW,eACX,GAAG,SACD;CACJ,MAAM,eAAe,oBAAoB;CACzC,MAAM,UAAU,SAAS;AAEzB,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,wBAAwB,OAAO,OAAO,UAAU,CACtD;EACY;EACb,WAAW,kBAAkB,eAAe,OAAO;EACnD,aAAW;aAGT,EAAE,YAAY,WAAW,iBAEzB;GACG,CAAC,CAAC,aAAa,CAAC,WACf,oBAACA;IACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;IACpC;IACA;cAEX;KACK;GAEV,qBAAC;IAAI,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;eACvD,oBAAC;KACC,GAAI;KACJ,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;MACD,EACF,oBAAC;KACC,WAAW,mBAAmB,YAAY,UAAU,cAClD,KAAK,OAAO,SAAS,UAAU,CAChC;eAED,oBAAC;MAAK,MAAK;gBACT,oBAAC,gBAAc;OACV;MACA;KACL;GACL,CAAC,CAAC,mBAAmB,EAAE,WAAW,cACjC,oBAAC;IACC,WAAW,KAAK,OAAO,aAAa,YAAY,YAAY;IAC5D,MAAK;cAEJ;KACI;GAET,oBAAC;IACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;cAEA;KACU;GACb,oBAAC;IACC,WAAW,mBAAmB,YAAY,UAAU,cAClD,KAAK,OAAO,SAAS,UAAU,CAChC;cAED,oBAAC;KAAY,QAAQ;KAA2B;eAC9C,oBAAC,WAAS,WAAmB;MACjB;KACN;MACT;GAEI"}

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

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-@reference '../../index.module.css';
+@reference '@accelint/design-foundation/styles';
 
 @layer components.l1 {
   .field {

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

@@ -1,26 +1,38 @@
-import { RefAttributes } from 'react';
-import { ComboBoxProps, VirtualizerProps, ListLayoutOptions, LabelProps, InputProps, FieldErrorProps, PopoverProps } from 'react-aria-components';
-import { ButtonProps } from '../button/types.js';
-import { OptionsDataItem, OptionsProps } from '../options/types.js';
-import '../../lib/types.js';
-import '../icon/types.js';
+/*
+ * 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 { ButtonProps as ButtonProps$1 } from "../button/types.js";
+import { OptionsDataItem, OptionsProps } from "../options/types.js";
+import { RefAttributes } from "react";
+import { ComboBoxProps, FieldErrorProps, InputProps, LabelProps, ListLayoutOptions, PopoverProps, VirtualizerProps } from "react-aria-components";
+
+//#region src/components/combobox-field/types.d.ts
 type ComboBoxFieldProps<T extends OptionsDataItem> = Omit<ComboBoxProps<T>, 'children' | 'className'> & Pick<VirtualizerProps<ListLayoutOptions>, 'layoutOptions'> & Pick<OptionsProps<T>, 'children'> & RefAttributes<HTMLDivElement> & {
-    classNames?: {
-        field?: ComboBoxProps<T>['className'];
-        label?: LabelProps['className'];
-        control?: string;
-        input?: InputProps['className'];
-        trigger?: ButtonProps['className'];
-        description?: string;
-        error?: FieldErrorProps['className'];
-        popover?: PopoverProps['className'];
-    };
-    label?: string;
-    inputProps?: Omit<InputProps, 'className'>;
+  classNames?: {
+    field?: ComboBoxProps<T>['className'];
+    label?: LabelProps['className'];
+    control?: string;
+    input?: InputProps['className'];
+    trigger?: ButtonProps$1['className'];
     description?: string;
-    errorMessage?: string;
-    size?: 'small' | 'medium';
+    error?: FieldErrorProps['className'];
+    popover?: PopoverProps['className'];
+  };
+  label?: string;
+  inputProps?: Omit<InputProps, 'className'>;
+  description?: string;
+  errorMessage?: string;
+  size?: 'small' | 'medium';
 };
-
-export type { ComboBoxFieldProps };
+//#endregion
+export { ComboBoxFieldProps };
+//# sourceMappingURL=types.d.ts.map

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

@@ -1,2 +1,12 @@
-//# sourceMappingURL=types.js.map
-//# 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.
+ */
+

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

@@ -1,8 +1,22 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
-import { CoordinateFieldProps, CoordinateFieldState } from './types.js';
+/*
+ * 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 { ProviderProps } from "../../lib/types.js";
+import { CoordinateFieldProps, CoordinateFieldState } from "./types.js";
+import * as react11 from "react";
+import { ContextValue } from "react-aria-components";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+
+//#region src/components/coordinate-field/context.d.ts
 
 /**
  * CoordinateField Context Architecture
@@ -34,7 +48,7 @@ import { CoordinateFieldProps, CoordinateFieldState } from './types.js';
  *
  * @see CoordinateFieldStateContext for internal runtime state
  */
-declare const CoordinateFieldContext: react.Context<ContextValue<CoordinateFieldProps, HTMLDivElement>>;
+declare const CoordinateFieldContext: react11.Context<ContextValue<CoordinateFieldProps, HTMLDivElement>>;
 /**
  * State Context for CoordinateField component.
  *
@@ -52,20 +66,26 @@ declare const CoordinateFieldContext: react.Context<ContextValue<CoordinateField
  * const state = useCoordinateFieldStateContext();
  * const { segmentValues, isDisabled, registerTimeout } = state;
  */
-declare const CoordinateFieldStateContext: react.Context<CoordinateFieldState | null>;
+declare const CoordinateFieldStateContext: react11.Context<CoordinateFieldState | null>;
 /**
  * Provider component for CoordinateField context
  * Wraps children with CoordinateFieldContext
  */
-declare function CoordinateFieldProvider({ children, ...props }: ProviderProps<CoordinateFieldProps>): react_jsx_runtime.JSX.Element;
+declare function CoordinateFieldProvider({
+  children,
+  ...props
+}: ProviderProps<CoordinateFieldProps>): react_jsx_runtime28.JSX.Element;
 /**
  * Provider component for CoordinateField state context
  * Wraps children with CoordinateFieldStateContext
  */
-declare function CoordinateFieldStateProvider({ children, value, }: {
-    children: React.ReactNode;
-    value: CoordinateFieldState;
-}): react_jsx_runtime.JSX.Element;
+declare function CoordinateFieldStateProvider({
+  children,
+  value
+}: {
+  children: React.ReactNode;
+  value: CoordinateFieldState;
+}): react_jsx_runtime28.JSX.Element;
 /**
  * Hook to access CoordinateField state context
  * Must be used within a CoordinateField component
@@ -73,5 +93,6 @@ declare function CoordinateFieldStateProvider({ children, value, }: {
  * @returns {CoordinateFieldState} The coordinate field state
  */
 declare const useCoordinateFieldStateContext: () => CoordinateFieldState;
-
+//#endregion
 export { CoordinateFieldContext, CoordinateFieldProvider, CoordinateFieldStateContext, CoordinateFieldStateProvider, useCoordinateFieldStateContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -1,2 +1,103 @@
-import {jsx}from'react/jsx-runtime';import {createContext,useContext}from'react';const d=createContext(null),r=createContext(null);function l({children:e,...t}){return jsx(d.Provider,{value:t,children:e})}function C({children:e,value:t}){return jsx(r.Provider,{value:t,children:e})}const p=()=>{const e=useContext(r);if(!e)throw new Error("useCoordinateFieldStateContext must be used within CoordinateField");return e};export{d as CoordinateFieldContext,l as CoordinateFieldProvider,r as CoordinateFieldStateContext,C as CoordinateFieldStateProvider,p as useCoordinateFieldStateContext};//# sourceMappingURL=context.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.
+ */
+
+
+'use client';
+
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/coordinate-field/context.tsx
+/**
+* CoordinateField Context Architecture
+*
+* This file defines two separate contexts following the React Aria component pattern:
+*
+* 1. CoordinateFieldContext (Props Context):
+*    - Contains user-provided props for the component
+*    - Used for React Aria's context-based prop merging
+*    - Part of the public composition API
+*
+* 2. CoordinateFieldStateContext (State Context):
+*    - Contains derived/computed runtime state
+*    - Used to share state with child components (e.g., CoordinateSegment)
+*    - Primarily for internal use
+
+* Separation keeps the public API (props) distinct from internal
+* implementation details (state), improving maintainability and composition.
+*/
+/**
+* Props Context for CoordinateField component.
+*
+* Contains user-provided props (label, format, size, value, onChange, etc.)
+* and is used by React Aria's useContextProps hook for context-based prop merging.
+* This enables parent components to provide default props to nested CoordinateField
+* components, supporting composition patterns.
+*
+* Part of the public API - external consumers can use this for component composition.
+*
+* @see CoordinateFieldStateContext for internal runtime state
+*/
+const CoordinateFieldContext = createContext(null);
+/**
+* State Context for CoordinateField component.
+*
+* Contains derived/computed runtime state (segmentValues, currentValue,
+* validationErrors, registerTimeout, etc.) that is shared with child components
+* like CoordinateSegment. This avoids prop drilling for deeply nested children.
+*
+* This follows the React Aria pattern of separating props context (public API)
+* from state context (internal implementation). While exported for composition
+* scenarios and testing, this is primarily for internal use.
+*
+* @see CoordinateFieldContext for user-provided props
+* @example
+* // Used internally by child components
+* const state = useCoordinateFieldStateContext();
+* const { segmentValues, isDisabled, registerTimeout } = state;
+*/
+const CoordinateFieldStateContext = createContext(null);
+/**
+* Provider component for CoordinateField context
+* Wraps children with CoordinateFieldContext
+*/
+function CoordinateFieldProvider({ children, ...props }) {
+	return /* @__PURE__ */ jsx(CoordinateFieldContext.Provider, {
+		value: props,
+		children
+	});
+}
+/**
+* Provider component for CoordinateField state context
+* Wraps children with CoordinateFieldStateContext
+*/
+function CoordinateFieldStateProvider({ children, value }) {
+	return /* @__PURE__ */ jsx(CoordinateFieldStateContext.Provider, {
+		value,
+		children
+	});
+}
+/**
+* Hook to access CoordinateField state context
+* Must be used within a CoordinateField component
+* @throws {Error} If used outside of CoordinateField
+* @returns {CoordinateFieldState} The coordinate field state
+*/
+const useCoordinateFieldStateContext = () => {
+	const context = useContext(CoordinateFieldStateContext);
+	if (!context) throw new Error("useCoordinateFieldStateContext must be used within CoordinateField");
+	return context;
+};
+
+//#endregion
+export { CoordinateFieldContext, CoordinateFieldProvider, CoordinateFieldStateContext, CoordinateFieldStateProvider, useCoordinateFieldStateContext };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/coordinate-field/context.tsx"],"names":["CoordinateFieldContext","createContext","CoordinateFieldStateContext","CoordinateFieldProvider","children","props","jsx","CoordinateFieldStateProvider","value","useCoordinateFieldStateContext","context","useContext"],"mappings":"iFAkDO,MAAMA,EACXC,aAAAA,CAAkE,IAAI,CAAA,CAmB3DC,CAAAA,CACXD,cAA2C,IAAI,EAM1C,SAASE,CAAAA,CAAwB,CACtC,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,EAAwC,CACtC,OACEC,GAAAA,CAACN,CAAAA,CAAuB,SAAvB,CAAgC,KAAA,CAAOK,CAAAA,CACrC,QAAA,CAAAD,EACH,CAEJ,CAMO,SAASG,CAAAA,CAA6B,CAC3C,QAAA,CAAAH,CAAAA,CACA,KAAA,CAAAI,CACF,EAGG,CACD,OACEF,GAAAA,CAACJ,CAAAA,CAA4B,SAA5B,CAAqC,KAAA,CAAOM,CAAAA,CAC1C,QAAA,CAAAJ,EACH,CAEJ,CAQO,MAAMK,CAAAA,CAAiC,IAAM,CAClD,MAAMC,CAAAA,CAAUC,UAAAA,CAAWT,CAA2B,CAAA,CACtD,GAAI,CAACQ,CAAAA,CACH,MAAM,IAAI,KAAA,CACR,oEACF,CAAA,CAEF,OAAOA,CACT","file":"context.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 { createContext, useContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { CoordinateFieldProps, CoordinateFieldState } from './types';\n\n/**\n * CoordinateField Context Architecture\n *\n * This file defines two separate contexts following the React Aria component pattern:\n *\n * 1. CoordinateFieldContext (Props Context):\n *    - Contains user-provided props for the component\n *    - Used for React Aria's context-based prop merging\n *    - Part of the public composition API\n *\n * 2. CoordinateFieldStateContext (State Context):\n *    - Contains derived/computed runtime state\n *    - Used to share state with child components (e.g., CoordinateSegment)\n *    - Primarily for internal use\n\n * Separation keeps the public API (props) distinct from internal\n * implementation details (state), improving maintainability and composition.\n */\n\n/**\n * Props Context for CoordinateField component.\n *\n * Contains user-provided props (label, format, size, value, onChange, etc.)\n * and is used by React Aria's useContextProps hook for context-based prop merging.\n * This enables parent components to provide default props to nested CoordinateField\n * components, supporting composition patterns.\n *\n * Part of the public API - external consumers can use this for component composition.\n *\n * @see CoordinateFieldStateContext for internal runtime state\n */\nexport const CoordinateFieldContext =\n  createContext<ContextValue<CoordinateFieldProps, HTMLDivElement>>(null);\n\n/**\n * State Context for CoordinateField component.\n *\n * Contains derived/computed runtime state (segmentValues, currentValue,\n * validationErrors, registerTimeout, etc.) that is shared with child components\n * like CoordinateSegment. This avoids prop drilling for deeply nested children.\n *\n * This follows the React Aria pattern of separating props context (public API)\n * from state context (internal implementation). While exported for composition\n * scenarios and testing, this is primarily for internal use.\n *\n * @see CoordinateFieldContext for user-provided props\n * @example\n * // Used internally by child components\n * const state = useCoordinateFieldStateContext();\n * const { segmentValues, isDisabled, registerTimeout } = state;\n */\nexport const CoordinateFieldStateContext =\n  createContext<CoordinateFieldState | null>(null);\n\n/**\n * Provider component for CoordinateField context\n * Wraps children with CoordinateFieldContext\n */\nexport function CoordinateFieldProvider({\n  children,\n  ...props\n}: ProviderProps<CoordinateFieldProps>) {\n  return (\n    <CoordinateFieldContext.Provider value={props}>\n      {children}\n    </CoordinateFieldContext.Provider>\n  );\n}\n\n/**\n * Provider component for CoordinateField state context\n * Wraps children with CoordinateFieldStateContext\n */\nexport function CoordinateFieldStateProvider({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: CoordinateFieldState;\n}) {\n  return (\n    <CoordinateFieldStateContext.Provider value={value}>\n      {children}\n    </CoordinateFieldStateContext.Provider>\n  );\n}\n\n/**\n * Hook to access CoordinateField state context\n * Must be used within a CoordinateField component\n * @throws {Error} If used outside of CoordinateField\n * @returns {CoordinateFieldState} The coordinate field state\n */\nexport const useCoordinateFieldStateContext = () => {\n  const context = useContext(CoordinateFieldStateContext);\n  if (!context) {\n    throw new Error(\n      'useCoordinateFieldStateContext must be used within CoordinateField',\n    );\n  }\n  return context;\n};\n"]}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/coordinate-field/context.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 { createContext, useContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { CoordinateFieldProps, CoordinateFieldState } from './types';\n\n/**\n * CoordinateField Context Architecture\n *\n * This file defines two separate contexts following the React Aria component pattern:\n *\n * 1. CoordinateFieldContext (Props Context):\n *    - Contains user-provided props for the component\n *    - Used for React Aria's context-based prop merging\n *    - Part of the public composition API\n *\n * 2. CoordinateFieldStateContext (State Context):\n *    - Contains derived/computed runtime state\n *    - Used to share state with child components (e.g., CoordinateSegment)\n *    - Primarily for internal use\n\n * Separation keeps the public API (props) distinct from internal\n * implementation details (state), improving maintainability and composition.\n */\n\n/**\n * Props Context for CoordinateField component.\n *\n * Contains user-provided props (label, format, size, value, onChange, etc.)\n * and is used by React Aria's useContextProps hook for context-based prop merging.\n * This enables parent components to provide default props to nested CoordinateField\n * components, supporting composition patterns.\n *\n * Part of the public API - external consumers can use this for component composition.\n *\n * @see CoordinateFieldStateContext for internal runtime state\n */\nexport const CoordinateFieldContext =\n  createContext<ContextValue<CoordinateFieldProps, HTMLDivElement>>(null);\n\n/**\n * State Context for CoordinateField component.\n *\n * Contains derived/computed runtime state (segmentValues, currentValue,\n * validationErrors, registerTimeout, etc.) that is shared with child components\n * like CoordinateSegment. This avoids prop drilling for deeply nested children.\n *\n * This follows the React Aria pattern of separating props context (public API)\n * from state context (internal implementation). While exported for composition\n * scenarios and testing, this is primarily for internal use.\n *\n * @see CoordinateFieldContext for user-provided props\n * @example\n * // Used internally by child components\n * const state = useCoordinateFieldStateContext();\n * const { segmentValues, isDisabled, registerTimeout } = state;\n */\nexport const CoordinateFieldStateContext =\n  createContext<CoordinateFieldState | null>(null);\n\n/**\n * Provider component for CoordinateField context\n * Wraps children with CoordinateFieldContext\n */\nexport function CoordinateFieldProvider({\n  children,\n  ...props\n}: ProviderProps<CoordinateFieldProps>) {\n  return (\n    <CoordinateFieldContext.Provider value={props}>\n      {children}\n    </CoordinateFieldContext.Provider>\n  );\n}\n\n/**\n * Provider component for CoordinateField state context\n * Wraps children with CoordinateFieldStateContext\n */\nexport function CoordinateFieldStateProvider({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: CoordinateFieldState;\n}) {\n  return (\n    <CoordinateFieldStateContext.Provider value={value}>\n      {children}\n    </CoordinateFieldStateContext.Provider>\n  );\n}\n\n/**\n * Hook to access CoordinateField state context\n * Must be used within a CoordinateField component\n * @throws {Error} If used outside of CoordinateField\n * @returns {CoordinateFieldState} The coordinate field state\n */\nexport const useCoordinateFieldStateContext = () => {\n  const context = useContext(CoordinateFieldStateContext);\n  if (!context) {\n    throw new Error(\n      'useCoordinateFieldStateContext must be used within CoordinateField',\n    );\n  }\n  return context;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,MAAa,yBACX,cAAkE,KAAK;;;;;;;;;;;;;;;;;;AAmBzE,MAAa,8BACX,cAA2C,KAAK;;;;;AAMlD,SAAgB,wBAAwB,EACtC,UACA,GAAG,SACmC;AACtC,QACE,oBAAC,uBAAuB;EAAS,OAAO;EACrC;GAC+B;;;;;;AAQtC,SAAgB,6BAA6B,EAC3C,UACA,SAIC;AACD,QACE,oBAAC,4BAA4B;EAAgB;EAC1C;GACoC;;;;;;;;AAU3C,MAAa,uCAAuC;CAClD,MAAM,UAAU,WAAW,4BAA4B;AACvD,KAAI,CAAC,QACH,OAAM,IAAI,MACR,qEACD;AAEH,QAAO"}