@accelint/design-toolkit 9.4.1 → 9.6.0

package/dist/components/clock/index.js

@@ -68,6 +68,7 @@ function Clock({ formatter = DEFAULT_FORMATTER, ...rest }) {
 	const [time, setTime] = useState(now());
 	useEffect(() => setClockInterval(() => setTime(now()), 1e3), [now]);
 	return /* @__PURE__ */ jsx("time", {
+		suppressHydrationWarning: true,
 		...rest,
 		children: time
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/clock/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 { setClockInterval } from '@accelint/temporal';\nimport 'client-only';\nimport { useCallback, useEffect, useState } from 'react';\nimport type { ClockProps } from './types';\n\nconst DEFAULT_FORMATTER = new Intl.DateTimeFormat('en-US', {\n  timeStyle: 'long',\n  timeZone: 'UTC',\n  hour12: false,\n});\n\n/**\n * Clock - An auto-updating UTC time component.\n *\n * Uses a {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat|DateTimeFormat} configured with `'en-US', { timeStyle: 'long, timeZone: 'UTC', hour12: false }` by default,\n * but can be overridden with the `formatter` prop.\n *\n * NOTE: This component comes **unstyled by default**.\n *\n * @param props - The clock props.\n * @param props.formatter - Custom DateTimeFormat for time display.\n * @returns The clock component displaying current time.\n *\n * @example\n * ```tsx\n * // Standard Clock\n * <Clock /> // <time>15:54:14 UTC</time>\n * ```\n *\n * @example\n * ```tsx\n * // Styled\n * <Clock className=\"fg-accent-primary-bold\" />\n * ```\n *\n * @example\n * ```tsx\n * // Custom Format\n * const formatter = new Intl.DateTimeFormat('en-US', {\n *   dateStyle: \"short\",\n *   timeStyle: 'long',\n *   timeZone: 'UTC',\n *   hour12: false\n * });\n *\n * <Clock formatter={formatter} /> // <time>9/30/25, 15:54:14 UTC</time>\n * ```\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat| DateTimeFormat MDN}\n */\nexport function Clock({ formatter = DEFAULT_FORMATTER, ...rest }: ClockProps) {\n  const now = useCallback(() => formatter.format(Date.now()), [formatter]);\n\n  const [time, setTime] = useState<string>(now());\n\n  useEffect(() => setClockInterval(() => setTime(now()), 1000), [now]);\n\n  return <time {...rest}>{time}</time>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,oBAAoB,IAAI,KAAK,eAAe,SAAS;CACzD,WAAW;CACX,UAAU;CACV,QAAQ;CACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCF,SAAgB,MAAM,EAAE,YAAY,mBAAmB,GAAG,QAAoB;CAC5E,MAAM,MAAM,kBAAkB,UAAU,OAAO,KAAK,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC;CAExE,MAAM,CAAC,MAAM,WAAW,SAAiB,KAAK,CAAC;AAE/C,iBAAgB,uBAAuB,QAAQ,KAAK,CAAC,EAAE,IAAK,EAAE,CAAC,IAAI,CAAC;AAEpE,QAAO,oBAAC;EAAK,GAAI;YAAO;GAAY"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/clock/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 { setClockInterval } from '@accelint/temporal';\nimport 'client-only';\nimport { useCallback, useEffect, useState } from 'react';\nimport type { ClockProps } from './types';\n\nconst DEFAULT_FORMATTER = new Intl.DateTimeFormat('en-US', {\n  timeStyle: 'long',\n  timeZone: 'UTC',\n  hour12: false,\n});\n\n/**\n * Clock - An auto-updating UTC time component.\n *\n * Uses a {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat|DateTimeFormat} configured with `'en-US', { timeStyle: 'long, timeZone: 'UTC', hour12: false }` by default,\n * but can be overridden with the `formatter` prop.\n *\n * NOTE: This component comes **unstyled by default**.\n *\n * @param props - The clock props.\n * @param props.formatter - Custom DateTimeFormat for time display.\n * @returns The clock component displaying current time.\n *\n * @example\n * ```tsx\n * // Standard Clock\n * <Clock /> // <time>15:54:14 UTC</time>\n * ```\n *\n * @example\n * ```tsx\n * // Styled\n * <Clock className=\"fg-accent-primary-bold\" />\n * ```\n *\n * @example\n * ```tsx\n * // Custom Format\n * const formatter = new Intl.DateTimeFormat('en-US', {\n *   dateStyle: \"short\",\n *   timeStyle: 'long',\n *   timeZone: 'UTC',\n *   hour12: false\n * });\n *\n * <Clock formatter={formatter} /> // <time>9/30/25, 15:54:14 UTC</time>\n * ```\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat| DateTimeFormat MDN}\n */\nexport function Clock({ formatter = DEFAULT_FORMATTER, ...rest }: ClockProps) {\n  const now = useCallback(() => formatter.format(Date.now()), [formatter]);\n\n  const [time, setTime] = useState<string>(now());\n\n  useEffect(() => setClockInterval(() => setTime(now()), 1000), [now]);\n\n  return (\n    <time suppressHydrationWarning {...rest}>\n      {time}\n    </time>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,oBAAoB,IAAI,KAAK,eAAe,SAAS;CACzD,WAAW;CACX,UAAU;CACV,QAAQ;CACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCF,SAAgB,MAAM,EAAE,YAAY,mBAAmB,GAAG,QAAoB;CAC5E,MAAM,MAAM,kBAAkB,UAAU,OAAO,KAAK,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC;CAExE,MAAM,CAAC,MAAM,WAAW,SAAiB,KAAK,CAAC;AAE/C,iBAAgB,uBAAuB,QAAQ,KAAK,CAAC,EAAE,IAAK,EAAE,CAAC,IAAI,CAAC;AAEpE,QACE,oBAAC;EAAK;EAAyB,GAAI;YAChC;GACI"}

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

@@ -12,7 +12,7 @@
 
 import { ColorPickerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/components/color-picker/index.d.ts
 
@@ -62,7 +62,7 @@ declare function ColorPicker({
   classNames,
   items,
   ...rest
-}: ColorPickerProps): react_jsx_runtime40.JSX.Element;
+}: ColorPickerProps): react_jsx_runtime19.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 react11 from "react";
+import * as react4 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/components/combobox-field/context.d.ts
 /** React context for sharing ComboBoxField configuration across components. */
-declare const ComboBoxFieldContext: react11.Context<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>;
+declare const ComboBoxFieldContext: react4.Context<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>;
 /**
  * Context provider for setting default props across multiple ComboBoxField components.
  *
@@ -39,7 +39,7 @@ declare const ComboBoxFieldContext: react11.Context<ContextValue<ComboBoxFieldPr
 declare function ComboBoxFieldProvider<T extends OptionsDataItem>({
   children,
   ...props
-}: ProviderProps<ComboBoxFieldProps<T>>): react_jsx_runtime41.JSX.Element;
+}: ProviderProps<ComboBoxFieldProps<T>>): react_jsx_runtime20.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_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/components/combobox-field/index.d.ts
 
@@ -43,7 +43,7 @@ import * as react_jsx_runtime42 from "react/jsx-runtime";
 declare function ComboBoxField<T extends OptionsDataItem>({
   ref,
   ...props
-}: ComboBoxFieldProps<T>): react_jsx_runtime42.JSX.Element;
+}: ComboBoxFieldProps<T>): react_jsx_runtime22.JSX.Element;
 //#endregion
 export { ComboBoxField };
 //# sourceMappingURL=index.d.ts.map

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

@@ -16,12 +16,15 @@
 import { Icon } from "../icon/index.js";
 import { Label as Label$1 } from "../label/index.js";
 import { ComboBoxFieldContext } from "./context.js";
+import { ClearButton } from "../button/__internal__/clear.js";
 import { Options } from "../options/index.js";
 import "client-only";
+import { useCallback } from "react";
 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 { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import ChevronDown from "@accelint/icons/chevron-down";
+import { useControlledState } from "@react-stately/utils";
 import styles from "./styles.module.css";
 
 //#region src/components/combobox-field/index.tsx
@@ -50,9 +53,22 @@ import styles from "./styles.module.css";
 */
 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, isReadOnly = false, ...rest } = props;
+	const { children, classNames, description: descriptionProp, errorMessage: errorMessageProp, inputProps, inputValue: inputValueProp, defaultInputValue = "", label: labelProp, layoutOptions, menuTrigger = "focus", size = "medium", isInvalid: isInvalidProp, isReadOnly = false, isClearable = true, onInputChange, onKeyDown, ...rest } = props;
+	const [inputValue, setInputValue] = useControlledState(inputValueProp, defaultInputValue, onInputChange);
 	const errorMessage = errorMessageProp || null;
 	const isSmall = size === "small";
+	const handleClear = useCallback(() => {
+		setInputValue("");
+	}, [setInputValue]);
+	const handleKeyDown = useCallback((event) => {
+		onKeyDown?.(event);
+		if (isClearable && event.key === "Escape" && inputValue) handleClear();
+	}, [
+		onKeyDown,
+		isClearable,
+		handleClear,
+		inputValue
+	]);
 	return /* @__PURE__ */ jsx(ComboBox, {
 		...rest,
 		ref,
@@ -60,10 +76,14 @@ function ComboBoxField({ ref, ...props }) {
 		menuTrigger,
 		isInvalid: isInvalidProp || (errorMessage ? true : void 0),
 		isReadOnly,
+		inputValue,
+		onInputChange: setInputValue,
+		onKeyDown: handleKeyDown,
 		"data-size": size,
+		"data-empty": !inputValue || null,
 		children: ({ isDisabled, isInvalid, isRequired }) => {
 			const shouldShowDescription = !isReadOnly && !!descriptionProp && !(isSmall || isInvalid);
-			return /* @__PURE__ */ jsxs(Fragment, { children: [
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				!!labelProp && !isSmall && /* @__PURE__ */ jsx(Label$1, {
 					className: clsx(styles.label, classNames?.label),
 					isDisabled,
@@ -73,18 +93,26 @@ function ComboBoxField({ ref, ...props }) {
 				/* @__PURE__ */ jsxs("div", {
 					className: clsx(styles.control, classNames?.control),
 					"data-readonly": isReadOnly || null,
-					children: [/* @__PURE__ */ jsx(Input, {
-						...inputProps,
-						tabIndex: isReadOnly ? -1 : 0,
-						className: composeRenderProps(classNames?.input, (className) => clsx(styles.input, className)),
-						title: inputProps?.value ? String(inputProps?.value) : ""
-					}), !isReadOnly && /* @__PURE__ */ jsx(Button, {
-						className: composeRenderProps(classNames?.trigger, (className) => clsx(styles.trigger, className)),
-						children: /* @__PURE__ */ jsx(Icon, {
-							size: "small",
-							children: /* @__PURE__ */ jsx(ChevronDown, {})
+					children: [
+						/* @__PURE__ */ jsx(Input, {
+							...inputProps,
+							tabIndex: isReadOnly ? -1 : 0,
+							className: composeRenderProps(classNames?.input, (className) => clsx(styles.input, className)),
+							title: inputProps?.value ? String(inputProps?.value) : ""
+						}),
+						!isReadOnly && isClearable && /* @__PURE__ */ jsx(ClearButton, {
+							className: composeRenderProps(classNames?.clear, (className) => clsx(styles.clear, className)),
+							isDisabled,
+							onPress: handleClear
+						}),
+						!isReadOnly && /* @__PURE__ */ jsx(Button, {
+							className: composeRenderProps(classNames?.trigger, (className) => clsx(styles.trigger, className)),
+							children: /* @__PURE__ */ jsx(Icon, {
+								size: "small",
+								children: /* @__PURE__ */ jsx(ChevronDown, {})
+							})
 						})
-					})]
+					]
 				}),
 				shouldShowDescription && /* @__PURE__ */ jsx(Text, {
 					className: clsx(styles.description, classNames?.description),

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

@@ -1 +1 @@
-{"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';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\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 * @param props - The combobox field props.\n * @param props.ref - Reference to the field element.\n * @param props.children - Render function for options.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.label - Label text displayed above the field.\n * @param props.description - Helper text displayed below the field.\n * @param props.errorMessage - Error message displayed when invalid.\n * @param props.size - Size variant of the field.\n * @returns The combobox field component.\n *\n * @example\n * ```tsx\n * <ComboBoxField defaultItems={items}>\n *   {(item) => <OptionsItem key={item.id} textValue={item.name}>{item.name}</OptionsItem>}\n * </ComboBoxField>\n * ```\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    isReadOnly = false,\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      isReadOnly={isReadOnly}\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => {\n        const shouldShowDescription =\n          !isReadOnly && !!descriptionProp && !(isSmall || isInvalid);\n\n        return (\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\n              className={clsx(styles.control, classNames?.control)}\n              data-readonly={isReadOnly || null}\n            >\n              <Input\n                {...inputProps}\n                tabIndex={isReadOnly ? -1 : 0}\n                className={composeRenderProps(classNames?.input, (className) =>\n                  clsx(styles.input, className),\n                )}\n                title={inputProps?.value ? String(inputProps?.value) : ''}\n              />\n              {!isReadOnly && (\n                <Button\n                  className={composeRenderProps(\n                    classNames?.trigger,\n                    (className) => clsx(styles.trigger, className),\n                  )}\n                >\n                  <Icon size='small'>\n                    <ChevronDown />\n                  </Icon>\n                </Button>\n              )}\n            </div>\n            {shouldShowDescription && (\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      }}\n    </ComboBox>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,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,aAAa,OACb,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;EACvC;EACZ,aAAW;aAGT,EAAE,YAAY,WAAW,iBACtB;GACH,MAAM,wBACJ,CAAC,cAAc,CAAC,CAAC,mBAAmB,EAAE,WAAW;AAEnD,UACE;IACG,CAAC,CAAC,aAAa,CAAC,WACf,oBAACA;KACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;KACpC;KACA;eAEX;MACK;IAEV,qBAAC;KACC,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;KACpD,iBAAe,cAAc;gBAE7B,oBAAC;MACC,GAAI;MACJ,UAAU,aAAa,KAAK;MAC5B,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;MACD,OAAO,YAAY,QAAQ,OAAO,YAAY,MAAM,GAAG;OACvD,EACD,CAAC,cACA,oBAAC;MACC,WAAW,mBACT,YAAY,UACX,cAAc,KAAK,OAAO,SAAS,UAAU,CAC/C;gBAED,oBAAC;OAAK,MAAK;iBACT,oBAAC,gBAAc;QACV;OACA;MAEP;IACL,yBACC,oBAAC;KACC,WAAW,KAAK,OAAO,aAAa,YAAY,YAAY;KAC5D,MAAK;eAEJ;MACI;IAET,oBAAC;KACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;eAEA;MACU;IACb,oBAAC;KACC,WAAW,mBAAmB,YAAY,UAAU,cAClD,KAAK,OAAO,SAAS,UAAU,CAChC;eAED,oBAAC;MAAY,QAAQ;MAA2B;gBAC9C,oBAAC,WAAS,WAAmB;OACjB;MACN;OACT;;GAGE"}
+{"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';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport { useControlledState } from '@react-stately/utils';\nimport { useCallback } from 'react';\nimport {\n  Button,\n  ComboBox,\n  type ComboBoxProps,\n  composeRenderProps,\n  FieldError,\n  Input,\n  ListLayout,\n  Popover,\n  Text,\n  useContextProps,\n  Virtualizer,\n} from 'react-aria-components';\nimport { ClearButton } from '../button/__internal__/clear';\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 * @param props - The combobox field props.\n * @param props.ref - Reference to the field element.\n * @param props.children - Render function for options.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.label - Label text displayed above the field.\n * @param props.description - Helper text displayed below the field.\n * @param props.errorMessage - Error message displayed when invalid.\n * @param props.size - Size variant of the field.\n * @returns The combobox field component.\n *\n * @example\n * ```tsx\n * <ComboBoxField defaultItems={items}>\n *   {(item) => <OptionsItem key={item.id} textValue={item.name}>{item.name}</OptionsItem>}\n * </ComboBoxField>\n * ```\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    inputValue: inputValueProp,\n    defaultInputValue = '',\n    label: labelProp,\n    layoutOptions,\n    menuTrigger = 'focus',\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    isReadOnly = false,\n    isClearable = true,\n    onInputChange,\n    onKeyDown,\n    ...rest\n  } = props;\n\n  const [inputValue, setInputValue] = useControlledState(\n    inputValueProp,\n    defaultInputValue,\n    onInputChange,\n  );\n\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  const handleClear = useCallback(() => {\n    setInputValue('');\n  }, [setInputValue]);\n\n  const handleKeyDown = useCallback<Required<ComboBoxProps<T>>['onKeyDown']>(\n    (event) => {\n      onKeyDown?.(event);\n      if (isClearable && event.key === 'Escape' && inputValue) {\n        handleClear();\n      }\n    },\n    [onKeyDown, isClearable, handleClear, inputValue],\n  );\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      isReadOnly={isReadOnly}\n      inputValue={inputValue}\n      onInputChange={setInputValue}\n      onKeyDown={handleKeyDown}\n      data-size={size}\n      data-empty={!inputValue || null}\n    >\n      {({ isDisabled, isInvalid, isRequired }) => {\n        const shouldShowDescription =\n          !isReadOnly && !!descriptionProp && !(isSmall || isInvalid);\n\n        return (\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\n              className={clsx(styles.control, classNames?.control)}\n              data-readonly={isReadOnly || null}\n            >\n              <Input\n                {...inputProps}\n                tabIndex={isReadOnly ? -1 : 0}\n                className={composeRenderProps(classNames?.input, (className) =>\n                  clsx(styles.input, className),\n                )}\n                title={inputProps?.value ? String(inputProps?.value) : ''}\n              />\n              {!isReadOnly && isClearable && (\n                <ClearButton\n                  className={composeRenderProps(\n                    classNames?.clear,\n                    (className) => clsx(styles.clear, className),\n                  )}\n                  isDisabled={isDisabled}\n                  onPress={handleClear}\n                />\n              )}\n              {!isReadOnly && (\n                <Button\n                  className={composeRenderProps(\n                    classNames?.trigger,\n                    (className) => clsx(styles.trigger, className),\n                  )}\n                >\n                  <Icon size='small'>\n                    <ChevronDown />\n                  </Icon>\n                </Button>\n              )}\n            </div>\n            {shouldShowDescription && (\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      }}\n    </ComboBox>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,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,YAAY,gBACZ,oBAAoB,IACpB,OAAO,WACP,eACA,cAAc,SACd,OAAO,UACP,WAAW,eACX,aAAa,OACb,cAAc,MACd,eACA,WACA,GAAG,SACD;CAEJ,MAAM,CAAC,YAAY,iBAAiB,mBAClC,gBACA,mBACA,cACD;CAED,MAAM,eAAe,oBAAoB;CACzC,MAAM,UAAU,SAAS;CAEzB,MAAM,cAAc,kBAAkB;AACpC,gBAAc,GAAG;IAChB,CAAC,cAAc,CAAC;CAEnB,MAAM,gBAAgB,aACnB,UAAU;AACT,cAAY,MAAM;AAClB,MAAI,eAAe,MAAM,QAAQ,YAAY,WAC3C,cAAa;IAGjB;EAAC;EAAW;EAAa;EAAa;EAAW,CAClD;AAED,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,wBAAwB,OAAO,OAAO,UAAU,CACtD;EACY;EACb,WAAW,kBAAkB,eAAe,OAAO;EACvC;EACA;EACZ,eAAe;EACf,WAAW;EACX,aAAW;EACX,cAAY,CAAC,cAAc;aAEzB,EAAE,YAAY,WAAW,iBAAiB;GAC1C,MAAM,wBACJ,CAAC,cAAc,CAAC,CAAC,mBAAmB,EAAE,WAAW;AAEnD,UACE;IACG,CAAC,CAAC,aAAa,CAAC,WACf,oBAACA;KACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;KACpC;KACA;eAEX;MACK;IAEV,qBAAC;KACC,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;KACpD,iBAAe,cAAc;;MAE7B,oBAAC;OACC,GAAI;OACJ,UAAU,aAAa,KAAK;OAC5B,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;OACD,OAAO,YAAY,QAAQ,OAAO,YAAY,MAAM,GAAG;QACvD;MACD,CAAC,cAAc,eACd,oBAAC;OACC,WAAW,mBACT,YAAY,QACX,cAAc,KAAK,OAAO,OAAO,UAAU,CAC7C;OACW;OACZ,SAAS;QACT;MAEH,CAAC,cACA,oBAAC;OACC,WAAW,mBACT,YAAY,UACX,cAAc,KAAK,OAAO,SAAS,UAAU,CAC/C;iBAED,oBAAC;QAAK,MAAK;kBACT,oBAAC,gBAAc;SACV;QACA;;MAEP;IACL,yBACC,oBAAC;KACC,WAAW,KAAK,OAAO,aAAa,YAAY,YAAY;KAC5D,MAAK;eAEJ;MACI;IAET,oBAAC;KACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;eAEA;MACU;IACb,oBAAC;KACC,WAAW,mBAAmB,YAAY,UAAU,cAClD,KAAK,OAAO,SAAS,UAAU,CAChC;eAED,oBAAC;MAAY,QAAQ;MAA2B;gBAC9C,oBAAC,WAAS,WAAmB;OACjB;MACN;OACT;;GAGE"}

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

@@ -14,11 +14,11 @@
 
 @layer components.l1 {
   .field {
-    @apply gap-xs flex flex-col;
+    @apply gap-xs flex flex-col select-none;
   }
 
   .control {
-    @apply rounded-medium px-s py-xs fg-primary-bold outline-interactive flex items-center outline;
+    @apply rounded-medium px-s py-xs fg-primary-bold outline-interactive gap-xs flex items-center outline;
 
     @variant placeholder {
       @apply fg-primary-muted;
@@ -99,7 +99,19 @@
 
   .popover {
     --trigger-width: initial; /* is inlined by react aria components on render */
-    @apply -ml-s;
+    @apply -ml-s select-none;
     min-width: calc(var(--trigger-width) + (var(--spacing-s) * 2));
   }
 }
+
+@layer components.l2 {
+  .clear {
+    @apply invisible;
+
+    @variant group-focus-within/combobox-field {
+      @variant group-not-data-empty/combobox-field {
+        @apply visible;
+      }
+    }
+  }
+}

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

@@ -32,6 +32,8 @@ type ComboBoxFieldProps<T extends OptionsDataItem> = Omit<ComboBoxProps<T>, 'chi
     control?: string;
     /** Class name for the input element. */
     input?: InputProps['className'];
+    /** Class name for the clear button. */
+    clear?: ButtonProps$1['className'];
     /** Class name for the trigger button. */
     trigger?: ButtonProps$1['className'];
     /** Class name for the description text. */
@@ -51,6 +53,8 @@ type ComboBoxFieldProps<T extends OptionsDataItem> = Omit<ComboBoxProps<T>, 'chi
   errorMessage?: string;
   /** Size variant of the field. */
   size?: 'small' | 'medium';
+  /** Whether the field shows a clear button. Will not show if the field is read-only. */
+  isClearable?: boolean;
 };
 //#endregion
 export { ComboBoxFieldProps };

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

@@ -12,9 +12,9 @@
 
 import { ProviderProps } from "../../lib/types.js";
 import { CoordinateFieldProps, CoordinateFieldState } from "./types.js";
-import * as react12 from "react";
+import * as react5 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/coordinate-field/context.d.ts
 
@@ -48,7 +48,7 @@ import * as react_jsx_runtime43 from "react/jsx-runtime";
  *
  * @see CoordinateFieldStateContext for internal runtime state
  */
-declare const CoordinateFieldContext: react12.Context<ContextValue<CoordinateFieldProps, HTMLDivElement>>;
+declare const CoordinateFieldContext: react5.Context<ContextValue<CoordinateFieldProps, HTMLDivElement>>;
 /**
  * State Context for CoordinateField component.
  *
@@ -66,7 +66,7 @@ declare const CoordinateFieldContext: react12.Context<ContextValue<CoordinateFie
  * const state = useCoordinateFieldStateContext();
  * const { segmentValues, isDisabled, registerTimeout } = state;
  */
-declare const CoordinateFieldStateContext: react12.Context<CoordinateFieldState | null>;
+declare const CoordinateFieldStateContext: react5.Context<CoordinateFieldState | null>;
 /**
  * Provider component for CoordinateField context
  * Wraps children with CoordinateFieldContext
@@ -78,7 +78,7 @@ declare const CoordinateFieldStateContext: react12.Context<CoordinateFieldState
 declare function CoordinateFieldProvider({
   children,
   ...props
-}: ProviderProps<CoordinateFieldProps>): react_jsx_runtime43.JSX.Element;
+}: ProviderProps<CoordinateFieldProps>): react_jsx_runtime24.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_runtime43.JSX.Element;
+}): react_jsx_runtime24.JSX.Element;
 /**
  * Hook to access CoordinateField state context
  * Must be used within a CoordinateField component

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

@@ -12,7 +12,7 @@
 
 import { CoordinateFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime62 from "react/jsx-runtime";
 
 //#region src/components/coordinate-field/index.d.ts
 
@@ -104,7 +104,7 @@ import * as react_jsx_runtime46 from "react/jsx-runtime";
 declare function CoordinateField({
   ref,
   ...props
-}: CoordinateFieldProps): react_jsx_runtime46.JSX.Element;
+}: CoordinateFieldProps): react_jsx_runtime62.JSX.Element;
 //#endregion
 export { CoordinateField };
 //# sourceMappingURL=index.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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