@accelint/design-toolkit 9.9.2 → 9.11.0

package/dist/components/chip/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["AriaTagGroup","AriaTagList","className"],"sources":["../../../src/components/chip/list.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { createContext } from 'react';\nimport {\n  TagGroup as AriaTagGroup,\n  TagList as AriaTagList,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { ChipContext, ChipProvider } from './context';\nimport styles from './styles.module.css';\nimport type { ChipListProps } from './types';\n\n/**\n * React context indicating whether chips are being rendered inside a ChipList.\n */\nexport const ChipListRenderingContext = createContext(false);\n\n/**\n * ChipList - Container component for grouping multiple chips with shared behavior.\n *\n * Provides context for size and color, and enables selection and removal functionality.\n *\n * @param props - The chip list props.\n * @param props.ref - Reference to the list container element.\n * @param props.children - Chip components to render in the list.\n * @param props.className - Additional CSS class names for styling.\n * @param props.color - Default color for all chips in the list.\n * @param props.size - Default size for all chips in the list.\n * @param props.selectionMode - Enable single or multiple selection.\n * @param props.onRemove - Callback when chips are removed.\n * @returns The chip list component.\n *\n * @example\n * ```tsx\n * // Basic list\n * <ChipList>\n *   <Chip color=\"info\">React</Chip>\n *   <Chip color=\"advisory\">TypeScript</Chip>\n * </ChipList>\n * ```\n *\n * @example\n * ```tsx\n * // Selectable chips\n * <ChipList selectionMode=\"multiple\" onSelectionChange={handleChange}>\n *   <SelectableChip id=\"react\">React</SelectableChip>\n *   <SelectableChip id=\"vue\">Vue</SelectableChip>\n * </ChipList>\n * ```\n *\n * @example\n * ```tsx\n * // Deletable chips\n * <ChipList onRemove={(keys) => console.log('Removed:', keys)}>\n *   <DeletableChip id=\"tag1\">Tag 1</DeletableChip>\n *   <DeletableChip id=\"tag2\">Tag 2</DeletableChip>\n * </ChipList>\n * ```\n */\nexport function ChipList<T extends object>({\n  ref,\n  ...props\n}: ChipListProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n  const {\n    children,\n    className,\n    color,\n    dependencies,\n    items,\n    renderEmptyState,\n    size = 'small',\n    ...rest\n  } = props;\n\n  return (\n    <ChipListRenderingContext.Provider value>\n      <ChipProvider color={color} size={size}>\n        <AriaTagGroup {...rest}>\n          <AriaTagList<T>\n            ref={ref}\n            className={composeRenderProps(className, (className) =>\n              clsx('group/chip-list', styles.list, className),\n            )}\n            dependencies={dependencies}\n            items={items}\n            renderEmptyState={renderEmptyState}\n          >\n            {children}\n          </AriaTagList>\n        </AriaTagGroup>\n      </ChipProvider>\n    </ChipListRenderingContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAa,2BAA2B,cAAc,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4C5D,SAAgB,SAA2B,EACzC,KACA,GAAG,SACgB;AACnB,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EACJ,UACA,WACA,OACA,cACA,OACA,kBACA,OAAO,SACP,GAAG,SACD;AAEJ,QACE,oBAAC,yBAAyB;EAAS;YACjC,oBAAC;GAAoB;GAAa;aAChC,oBAACA;IAAa,GAAI;cAChB,oBAACC;KACM;KACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,mBAAmB,OAAO,MAAMC,YAAU,CAChD;KACa;KACP;KACW;KAEjB;MACW;KACD;IACF;GACmB"}
+{"version":3,"file":"list.js","names":["AriaTagGroup","AriaTagList","className"],"sources":["../../../src/components/chip/list.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { createContext } from 'react';\nimport {\n  TagGroup as AriaTagGroup,\n  TagList as AriaTagList,\n} from 'react-aria-components/TagGroup';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { ChipContext, ChipProvider } from './context';\nimport styles from './styles.module.css';\nimport type { ChipListProps } from './types';\n\n/**\n * React context indicating whether chips are being rendered inside a ChipList.\n */\nexport const ChipListRenderingContext = createContext(false);\n\n/**\n * ChipList - Container component for grouping multiple chips with shared behavior.\n *\n * Provides context for size and color, and enables selection and removal functionality.\n *\n * @param props - The chip list props.\n * @param props.ref - Reference to the list container element.\n * @param props.children - Chip components to render in the list.\n * @param props.className - Additional CSS class names for styling.\n * @param props.color - Default color for all chips in the list.\n * @param props.size - Default size for all chips in the list.\n * @param props.selectionMode - Enable single or multiple selection.\n * @param props.onRemove - Callback when chips are removed.\n * @returns The chip list component.\n *\n * @example\n * ```tsx\n * // Basic list\n * <ChipList>\n *   <Chip color=\"info\">React</Chip>\n *   <Chip color=\"advisory\">TypeScript</Chip>\n * </ChipList>\n * ```\n *\n * @example\n * ```tsx\n * // Selectable chips\n * <ChipList selectionMode=\"multiple\" onSelectionChange={handleChange}>\n *   <SelectableChip id=\"react\">React</SelectableChip>\n *   <SelectableChip id=\"vue\">Vue</SelectableChip>\n * </ChipList>\n * ```\n *\n * @example\n * ```tsx\n * // Deletable chips\n * <ChipList onRemove={(keys) => console.log('Removed:', keys)}>\n *   <DeletableChip id=\"tag1\">Tag 1</DeletableChip>\n *   <DeletableChip id=\"tag2\">Tag 2</DeletableChip>\n * </ChipList>\n * ```\n */\nexport function ChipList<T extends object>({\n  ref,\n  ...props\n}: ChipListProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n  const {\n    children,\n    className,\n    color,\n    dependencies,\n    items,\n    renderEmptyState,\n    size = 'small',\n    ...rest\n  } = props;\n\n  return (\n    <ChipListRenderingContext.Provider value>\n      <ChipProvider color={color} size={size}>\n        <AriaTagGroup {...rest}>\n          <AriaTagList<T>\n            ref={ref}\n            className={composeRenderProps(className, (className) =>\n              clsx('group/chip-list', styles.list, className),\n            )}\n            dependencies={dependencies}\n            items={items}\n            renderEmptyState={renderEmptyState}\n          >\n            {children}\n          </AriaTagList>\n        </AriaTagGroup>\n      </ChipProvider>\n    </ChipListRenderingContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAa,2BAA2B,cAAc,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4C5D,SAAgB,SAA2B,EACzC,KACA,GAAG,SACgB;AACnB,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EACJ,UACA,WACA,OACA,cACA,OACA,kBACA,OAAO,SACP,GAAG,SACD;AAEJ,QACE,oBAAC,yBAAyB;EAAS;YACjC,oBAAC;GAAoB;GAAa;aAChC,oBAACA;IAAa,GAAI;cAChB,oBAACC;KACM;KACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,mBAAmB,OAAO,MAAMC,YAAU,CAChD;KACa;KACP;KACW;KAEjB;MACW;KACD;IACF;GACmB"}

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

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

package/dist/components/chip/selectable.js

@@ -16,8 +16,10 @@
 import { ChipContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Tag, composeRenderProps, useContextProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
+import { useContextProps } from "react-aria-components/slots";
+import { Tag } from "react-aria-components/TagGroup";
 import styles from "./styles.module.css";
 
 //#region src/components/chip/selectable.tsx

package/dist/components/chip/selectable.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectable.js","names":["AriaTag","className"],"sources":["../../../src/components/chip/selectable.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Tag as AriaTag,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { ChipContext } from './context';\nimport styles from './styles.module.css';\nimport type { SelectableChipProps } from './types';\n\n/**\n * SelectableChip - Interactive chip that can be selected/deselected for filtering.\n *\n * Must be used inside a ChipList with selectionMode set to \"single\" or \"multiple\".\n *\n * @param props - The selectable chip props.\n * @param props.ref - Reference to the chip element.\n * @param props.id - Unique identifier for selection tracking.\n * @param props.className - Additional CSS class names for styling.\n * @param props.color - Semantic color variant.\n * @param props.size - Size of the chip.\n * @param props.children - Chip content.\n * @returns The selectable chip component.\n *\n * @example\n * ```tsx\n * <ChipList selectionMode=\"multiple\">\n *   <SelectableChip id=\"react\">React</SelectableChip>\n *   <SelectableChip id=\"vue\">Vue</SelectableChip>\n * </ChipList>\n * ```\n *\n * @example\n * ```tsx\n * // With colors\n * <ChipList selectionMode=\"single\">\n *   <SelectableChip id=\"up\" color=\"normal\">UP</SelectableChip>\n *   <SelectableChip id=\"down\" color=\"critical\">DOWN</SelectableChip>\n * </ChipList>\n * ```\n */\nexport function SelectableChip({ ref, ...props }: SelectableChipProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n  const { className, color, size = 'medium', ...rest } = props;\n\n  return (\n    <AriaTag\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx('group/chip', styles.chip, styles.selectable, className),\n      )}\n      data-color={color}\n      data-size={size}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,SAAgB,eAAe,EAAE,KAAK,GAAG,SAA8B;AACrE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EAAE,WAAW,OAAO,OAAO,UAAU,GAAG,SAAS;AAEvD,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,cAAc,OAAO,MAAM,OAAO,YAAYC,YAAU,CAC9D;EACD,cAAY;EACZ,aAAW;GACX"}
+{"version":3,"file":"selectable.js","names":["AriaTag","className"],"sources":["../../../src/components/chip/selectable.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Tag as AriaTag } from 'react-aria-components/TagGroup';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { ChipContext } from './context';\nimport styles from './styles.module.css';\nimport type { SelectableChipProps } from './types';\n\n/**\n * SelectableChip - Interactive chip that can be selected/deselected for filtering.\n *\n * Must be used inside a ChipList with selectionMode set to \"single\" or \"multiple\".\n *\n * @param props - The selectable chip props.\n * @param props.ref - Reference to the chip element.\n * @param props.id - Unique identifier for selection tracking.\n * @param props.className - Additional CSS class names for styling.\n * @param props.color - Semantic color variant.\n * @param props.size - Size of the chip.\n * @param props.children - Chip content.\n * @returns The selectable chip component.\n *\n * @example\n * ```tsx\n * <ChipList selectionMode=\"multiple\">\n *   <SelectableChip id=\"react\">React</SelectableChip>\n *   <SelectableChip id=\"vue\">Vue</SelectableChip>\n * </ChipList>\n * ```\n *\n * @example\n * ```tsx\n * // With colors\n * <ChipList selectionMode=\"single\">\n *   <SelectableChip id=\"up\" color=\"normal\">UP</SelectableChip>\n *   <SelectableChip id=\"down\" color=\"critical\">DOWN</SelectableChip>\n * </ChipList>\n * ```\n */\nexport function SelectableChip({ ref, ...props }: SelectableChipProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n  const { className, color, size = 'medium', ...rest } = props;\n\n  return (\n    <AriaTag\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx('group/chip', styles.chip, styles.selectable, className),\n      )}\n      data-color={color}\n      data-size={size}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,SAAgB,eAAe,EAAE,KAAK,GAAG,SAA8B;AACrE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EAAE,WAAW,OAAO,OAAO,UAAU,GAAG,SAAS;AAEvD,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,cAAc,OAAO,MAAM,OAAO,YAAYC,YAAU,CAC9D;EACD,cAAY;EACZ,aAAW;GACX"}

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

@@ -10,8 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
+import { ButtonProps } from "../button/types.js";
 import { ComponentPropsWithRef, RefAttributes } from "react";
-import { ButtonProps, TagGroupProps, TagListProps, TagProps } from "react-aria-components";
+import { TagGroupProps, TagListProps, TagProps } from "react-aria-components/TagGroup";
 
 //#region src/components/chip/types.d.ts
 type BaseChipProps = {
@@ -29,7 +30,7 @@ type ChipListProps<T> = Omit<TagGroupProps, 'children'> & Pick<TagListProps<T>,
  *
  * Basic chip with color and size variants, can be used standalone or in a ChipList.
  */
-type ChipProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onClick'> & BaseChipProps & {
+type ChipProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onClick' | 'onFocus' | 'onBlur'> & BaseChipProps & {
   /** Additional CSS class name for styling. */
   className?: string;
 };

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

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

package/dist/components/classification-badge/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/classification-badge/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ClassificationBadgeProps } from './types';\n\n/** React context for sharing ClassificationBadge configuration across components. */\nexport const ClassificationBadgeContext =\n  createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\n/**\n * Context provider for setting default props across multiple ClassificationBadge components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the classification badge context.\n * @returns The classification badge context provider wrapping children.\n *\n * @example\n * ```tsx\n * <ClassificationBadgeProvider variant=\"secret\" size=\"small\">\n *   <ClassificationBadge />\n *   <ClassificationBadge />\n * </ClassificationBadgeProvider>\n * ```\n */\nexport function ClassificationBadgeProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBadgeProps>) {\n  return (\n    <ClassificationBadgeContext.Provider value={props}>\n      {children}\n    </ClassificationBadgeContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,6BACX,cAAuE,KAAK;;;;;;;;;;;;;;;;AAiB9E,SAAgB,4BAA4B,EAC1C,UACA,GAAG,SACuC;AAC1C,QACE,oBAAC,2BAA2B;EAAS,OAAO;EACzC;GACmC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/classification-badge/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components/slots';\nimport type { ClassificationBadgeProps } from './types';\n\n/** React context for sharing ClassificationBadge configuration across components. */\nexport const ClassificationBadgeContext =\n  createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\n/**\n * Context provider for setting default props across multiple ClassificationBadge components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the classification badge context.\n * @returns The classification badge context provider wrapping children.\n *\n * @example\n * ```tsx\n * <ClassificationBadgeProvider variant=\"secret\" size=\"small\">\n *   <ClassificationBadge />\n *   <ClassificationBadge />\n * </ClassificationBadgeProvider>\n * ```\n */\nexport function ClassificationBadgeProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBadgeProps>) {\n  return (\n    <ClassificationBadgeContext.Provider value={props}>\n      {children}\n    </ClassificationBadgeContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,6BACX,cAAuE,KAAK;;;;;;;;;;;;;;;;AAiB9E,SAAgB,4BAA4B,EAC1C,UACA,GAAG,SACuC;AAC1C,QACE,oBAAC,2BAA2B;EAAS,OAAO;EACzC;GACmC"}

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

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

package/dist/components/classification-badge/index.js

@@ -16,8 +16,8 @@
 import { ClassificationBadgeContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { useContextProps } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { useContextProps } from "react-aria-components/slots";
 import styles from "./styles.module.css";
 
 //#region src/components/classification-badge/index.tsx

package/dist/components/classification-badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/classification-badge/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContextProps } from 'react-aria-components';\nimport { ClassificationBadgeContext } from './context';\nimport styles from './styles.module.css';\nimport type { ClassificationBadgeProps } from './types';\n\nconst fallbackContent = {\n  missing: 'Missing',\n  unclassified: 'Unclassified',\n  cui: 'CUI',\n  confidential: 'Confidential',\n  secret: 'Secret',\n  'top-secret': 'Top Secret',\n  'ts-sci': 'TS/SCI',\n} as const;\n\n/**\n * ClassificationBadge - Displays security classification levels for documents and data.\n *\n * Provides standardized visual indicators for classification levels such as\n * unclassified, confidential, secret, and top-secret. Designed for compliance\n * with security standards in government and secure environments.\n *\n * @param props - The classification badge props.\n * @param props.ref - Reference to the badge element.\n * @param props.children - Custom text content (defaults to variant label).\n * @param props.className - Additional CSS class names for styling.\n * @param props.size - Size of the badge.\n * @param props.variant - Classification level variant.\n * @returns The classification badge component.\n *\n * @example\n * ```tsx\n * <ClassificationBadge variant=\"secret\" />\n * ```\n *\n * @example\n * ```tsx\n * // With custom text\n * <ClassificationBadge variant=\"top-secret\">TOP SECRET//NOFORN</ClassificationBadge>\n * ```\n *\n * @example\n * ```tsx\n * // Different sizes\n * <ClassificationBadge variant=\"confidential\" size=\"small\" />\n * ```\n */\nexport function ClassificationBadge({\n  ref,\n  ...props\n}: ClassificationBadgeProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBadgeContext,\n  );\n\n  const {\n    children,\n    className,\n    size = 'medium',\n    variant = 'missing',\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      className={clsx(\n        'group/classification-badge',\n        styles.badge,\n        styles[variant],\n        className,\n      )}\n      data-size={size}\n    >\n      {children || fallbackContent[variant]}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,kBAAkB;CACtB,SAAS;CACT,cAAc;CACd,KAAK;CACL,cAAc;CACd,QAAQ;CACR,cAAc;CACd,UAAU;CACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCD,SAAgB,oBAAoB,EAClC,KACA,GAAG,SACwB;AAC3B,EAAC,OAAO,OAAO,gBACb,OACA,OAAO,MACP,2BACD;CAED,MAAM,EACJ,UACA,WACA,OAAO,UACP,UAAU,WACV,GAAG,SACD;AAEJ,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KACT,8BACA,OAAO,OACP,OAAO,UACP,UACD;EACD,aAAW;YAEV,YAAY,gBAAgB;GACxB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/classification-badge/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { ClassificationBadgeContext } from './context';\nimport styles from './styles.module.css';\nimport type { ClassificationBadgeProps } from './types';\n\nconst fallbackContent = {\n  missing: 'Missing',\n  unclassified: 'Unclassified',\n  cui: 'CUI',\n  confidential: 'Confidential',\n  secret: 'Secret',\n  'top-secret': 'Top Secret',\n  'ts-sci': 'TS/SCI',\n} as const;\n\n/**\n * ClassificationBadge - Displays security classification levels for documents and data.\n *\n * Provides standardized visual indicators for classification levels such as\n * unclassified, confidential, secret, and top-secret. Designed for compliance\n * with security standards in government and secure environments.\n *\n * @param props - The classification badge props.\n * @param props.ref - Reference to the badge element.\n * @param props.children - Custom text content (defaults to variant label).\n * @param props.className - Additional CSS class names for styling.\n * @param props.size - Size of the badge.\n * @param props.variant - Classification level variant.\n * @returns The classification badge component.\n *\n * @example\n * ```tsx\n * <ClassificationBadge variant=\"secret\" />\n * ```\n *\n * @example\n * ```tsx\n * // With custom text\n * <ClassificationBadge variant=\"top-secret\">TOP SECRET//NOFORN</ClassificationBadge>\n * ```\n *\n * @example\n * ```tsx\n * // Different sizes\n * <ClassificationBadge variant=\"confidential\" size=\"small\" />\n * ```\n */\nexport function ClassificationBadge({\n  ref,\n  ...props\n}: ClassificationBadgeProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBadgeContext,\n  );\n\n  const {\n    children,\n    className,\n    size = 'medium',\n    variant = 'missing',\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      className={clsx(\n        'group/classification-badge',\n        styles.badge,\n        styles[variant],\n        className,\n      )}\n      data-size={size}\n    >\n      {children || fallbackContent[variant]}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,kBAAkB;CACtB,SAAS;CACT,cAAc;CACd,KAAK;CACL,cAAc;CACd,QAAQ;CACR,cAAc;CACd,UAAU;CACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCD,SAAgB,oBAAoB,EAClC,KACA,GAAG,SACwB;AAC3B,EAAC,OAAO,OAAO,gBACb,OACA,OAAO,MACP,2BACD;CAED,MAAM,EACJ,UACA,WACA,OAAO,UACP,UAAU,WACV,GAAG,SACD;AAEJ,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KACT,8BACA,OAAO,OACP,OAAO,UACP,UACD;EACD,aAAW;YAEV,YAAY,gBAAgB;GACxB"}

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

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

package/dist/components/classification-banner/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/classification-banner/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ClassificationBannerProps } from './types';\n\n/** React context for sharing ClassificationBanner configuration across components. */\nexport const ClassificationBannerContext =\n  createContext<ContextValue<ClassificationBannerProps, HTMLDivElement>>(null);\n\n/**\n * Context provider for setting default props across multiple ClassificationBanner components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the classification banner context.\n * @returns The classification banner context provider wrapping children.\n *\n * @example\n * ```tsx\n * <ClassificationBannerProvider variant=\"secret\">\n *   <ClassificationBanner />\n *   <ClassificationBanner />\n * </ClassificationBannerProvider>\n * ```\n */\nexport function ClassificationBannerProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBannerProps>) {\n  return (\n    <ClassificationBannerContext.Provider value={props}>\n      {children}\n    </ClassificationBannerContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,8BACX,cAAuE,KAAK;;;;;;;;;;;;;;;;AAiB9E,SAAgB,6BAA6B,EAC3C,UACA,GAAG,SACwC;AAC3C,QACE,oBAAC,4BAA4B;EAAS,OAAO;EAC1C;GACoC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/classification-banner/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components/slots';\nimport type { ClassificationBannerProps } from './types';\n\n/** React context for sharing ClassificationBanner configuration across components. */\nexport const ClassificationBannerContext =\n  createContext<ContextValue<ClassificationBannerProps, HTMLDivElement>>(null);\n\n/**\n * Context provider for setting default props across multiple ClassificationBanner components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the classification banner context.\n * @returns The classification banner context provider wrapping children.\n *\n * @example\n * ```tsx\n * <ClassificationBannerProvider variant=\"secret\">\n *   <ClassificationBanner />\n *   <ClassificationBanner />\n * </ClassificationBannerProvider>\n * ```\n */\nexport function ClassificationBannerProvider({\n  children,\n  ...props\n}: ProviderProps<ClassificationBannerProps>) {\n  return (\n    <ClassificationBannerContext.Provider value={props}>\n      {children}\n    </ClassificationBannerContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,8BACX,cAAuE,KAAK;;;;;;;;;;;;;;;;AAiB9E,SAAgB,6BAA6B,EAC3C,UACA,GAAG,SACwC;AAC3C,QACE,oBAAC,4BAA4B;EAAS,OAAO;EAC1C;GACoC"}

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

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

package/dist/components/classification-banner/index.js

@@ -16,8 +16,8 @@
 import { ClassificationBannerContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { useContextProps } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { useContextProps } from "react-aria-components/slots";
 import styles from "./styles.module.css";
 
 //#region src/components/classification-banner/index.tsx

package/dist/components/classification-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/classification-banner/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContextProps } from 'react-aria-components';\nimport { ClassificationBannerContext } from './context';\nimport styles from './styles.module.css';\nimport type { ClassificationBannerProps } from './types';\n\nconst fallbackContent = {\n  missing: 'Missing',\n  unclassified: 'Unclassified',\n  cui: 'CUI',\n  confidential: 'Confidential',\n  secret: 'Secret',\n  'top-secret': 'Top Secret',\n  'ts-sci': 'Top Secret/SCI',\n} as const;\n\n/**\n * ClassificationBanner - A prominent banner for displaying security classification\n *\n * Provides a full-width banner component for displaying security classification\n * information at the top or bottom of pages. Essential for applications handling\n * classified or sensitive information requiring clear visual indicators.\n *\n * @param props - The classification banner props.\n * @param props.ref - Reference to the banner element.\n * @param props.children - Custom text content (defaults to variant label).\n * @param props.className - Additional CSS class names for styling.\n * @param props.variant - Classification level variant.\n * @returns The classification banner component.\n *\n * @example\n * ```tsx\n * // Top classification banner\n * <ClassificationBanner variant=\"confidential\" />\n * ```\n */\nexport function ClassificationBanner({\n  ref,\n  ...props\n}: ClassificationBannerProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBannerContext,\n  );\n\n  const { children, className, variant = 'missing', ...rest } = props;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={clsx(styles.banner, styles[variant], className)}\n    >\n      {children || fallbackContent[variant]}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,kBAAkB;CACtB,SAAS;CACT,cAAc;CACd,KAAK;CACL,cAAc;CACd,QAAQ;CACR,cAAc;CACd,UAAU;CACX;;;;;;;;;;;;;;;;;;;;;AAsBD,SAAgB,qBAAqB,EACnC,KACA,GAAG,SACyB;AAC5B,EAAC,OAAO,OAAO,gBACb,OACA,OAAO,MACP,4BACD;CAED,MAAM,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS;AAE9D,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KAAK,OAAO,QAAQ,OAAO,UAAU,UAAU;YAEzD,YAAY,gBAAgB;GACzB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/classification-banner/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { ClassificationBannerContext } from './context';\nimport styles from './styles.module.css';\nimport type { ClassificationBannerProps } from './types';\n\nconst fallbackContent = {\n  missing: 'Missing',\n  unclassified: 'Unclassified',\n  cui: 'CUI',\n  confidential: 'Confidential',\n  secret: 'Secret',\n  'top-secret': 'Top Secret',\n  'ts-sci': 'Top Secret/SCI',\n} as const;\n\n/**\n * ClassificationBanner - A prominent banner for displaying security classification\n *\n * Provides a full-width banner component for displaying security classification\n * information at the top or bottom of pages. Essential for applications handling\n * classified or sensitive information requiring clear visual indicators.\n *\n * @param props - The classification banner props.\n * @param props.ref - Reference to the banner element.\n * @param props.children - Custom text content (defaults to variant label).\n * @param props.className - Additional CSS class names for styling.\n * @param props.variant - Classification level variant.\n * @returns The classification banner component.\n *\n * @example\n * ```tsx\n * // Top classification banner\n * <ClassificationBanner variant=\"confidential\" />\n * ```\n */\nexport function ClassificationBanner({\n  ref,\n  ...props\n}: ClassificationBannerProps) {\n  [props, ref] = useContextProps(\n    props,\n    ref ?? null,\n    ClassificationBannerContext,\n  );\n\n  const { children, className, variant = 'missing', ...rest } = props;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={clsx(styles.banner, styles[variant], className)}\n    >\n      {children || fallbackContent[variant]}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,kBAAkB;CACtB,SAAS;CACT,cAAc;CACd,KAAK;CACL,cAAc;CACd,QAAQ;CACR,cAAc;CACd,UAAU;CACX;;;;;;;;;;;;;;;;;;;;;AAsBD,SAAgB,qBAAqB,EACnC,KACA,GAAG,SACyB;AAC5B,EAAC,OAAO,OAAO,gBACb,OACA,OAAO,MACP,4BACD;CAED,MAAM,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAAS;AAE9D,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KAAK,OAAO,QAAQ,OAAO,UAAU,UAAU;YAEzD,YAAY,gBAAgB;GACzB"}

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

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

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

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

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

@@ -13,15 +13,16 @@
 
 'use client';
 
-import { Label as Label$1 } from "../label/index.js";
+import { Label } from "../label/index.js";
 import "client-only";
 import { useMemo } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { ColorSwatch, ColorSwatchPicker, ColorSwatchPickerItem, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { rgba255TupleToHex } from "@accelint/converters/hex";
 import { uuid } from "@accelint/core";
 import { isRgba255Tuple } from "@accelint/predicates/is-rgba-255-tuple";
+import { ColorSwatch, ColorSwatchPicker, ColorSwatchPickerItem } from "react-aria-components/ColorSwatchPicker";
 import styles from "./styles.module.css";
 
 //#region src/components/color-picker/index.tsx
@@ -33,7 +34,7 @@ function ColorPicker({ classNames, defaultValue, isRequired, items, label, ref,
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		className: clsx(styles.container, classNames?.container),
-		children: [label && /* @__PURE__ */ jsx(Label$1, {
+		children: [label && /* @__PURE__ */ jsx(Label, {
 			className: classNames?.label,
 			id: labelId,
 			isRequired,

package/dist/components/color-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Label"],"sources":["../../../src/components/color-picker/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { rgba255TupleToHex } from '@accelint/converters/hex';\nimport { uuid } from '@accelint/core';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  isRgba255Tuple,\n  type Rgba255Tuple,\n} from '@accelint/predicates/is-rgba-255-tuple';\nimport { useMemo } from 'react';\nimport {\n  ColorSwatch,\n  ColorSwatchPicker,\n  ColorSwatchPickerItem,\n  composeRenderProps,\n  type Color,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport styles from './styles.module.css';\nimport type { ColorPickerProps } from './types';\n\n/**\n * A color picker component that renders a grid of color swatches for selection.\n *\n * This component provides a simple interface for users to select from a predefined\n * set of colors. It renders each color as an interactive swatch that can be clicked\n * to select that color. The component supports keyboard navigation, accessibility\n * features, and fine-grained styling control through the classNames prop.\n *\n * @param props - The color picker props.\n * @param props.items - Array of color values to display as selectable swatches.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.classNames.container - Class name for the outer container element.\n * @param props.classNames.label - Class name for the label element.\n * @param props.classNames.picker - Class name for the picker container.\n * @param props.classNames.item - Class name for individual swatch items.\n * @param props.classNames.swatch - Class name for the color swatch elements.\n * @param props.label - Label text displayed above the picker.\n * @returns The color picker component.\n *\n * @example\n * ```tsx\n * const colors = [\n *   '#ff0000',\n *   '#00ff00',\n *   '#0000ff',\n * ];\n *\n * <ColorPicker\n *   items={colors}\n *   value=\"#ff0000\"\n *   onChange={(color) => console.log('Selected:', color)}\n *   classNames={{\n *     picker: 'gap-4',\n *     item: 'rounded-lg',\n *     swatch: 'w-8 h-8',\n *   }}\n * />\n * ```\n *\n * @remarks\n * - Colors can be provided as Color objects or color strings\n * - The component automatically handles color parsing and validation\n * - Supports all accessibility features from react-aria-components\n * - Uses a grid layout by default but can be customized via the layout prop\n */\nfunction normalizeColor(value: string | Color | Rgba255Tuple): string | Color;\nfunction normalizeColor(\n  value: string | Color | Rgba255Tuple | undefined,\n): string | Color | undefined;\nfunction normalizeColor(\n  value: string | Color | Rgba255Tuple | undefined,\n): string | Color | undefined {\n  return isRgba255Tuple(value) ? rgba255TupleToHex(value) : value;\n}\n\nexport function ColorPicker({\n  classNames,\n  defaultValue,\n  isRequired,\n  items,\n  label,\n  ref,\n  value,\n  ...rest\n}: ColorPickerProps) {\n  const labelId = useMemo(\n    () => (label ? uuid({ path: [label] }) : undefined),\n    [label],\n  );\n\n  return (\n    <div ref={ref} className={clsx(styles.container, classNames?.container)}>\n      {label && (\n        <Label\n          className={classNames?.label}\n          id={labelId}\n          isRequired={isRequired}\n        >\n          {label}\n        </Label>\n      )}\n      <ColorSwatchPicker\n        {...rest}\n        aria-labelledby={labelId}\n        defaultValue={normalizeColor(defaultValue)}\n        value={normalizeColor(value)}\n        className={composeRenderProps(classNames?.picker, (className) =>\n          clsx(styles.picker, className),\n        )}\n      >\n        {items.map((item) => {\n          const color = normalizeColor(item);\n          return (\n            <ColorSwatchPickerItem\n              key={typeof color === 'string' ? color : color.toString('hexa')}\n              className={composeRenderProps(classNames?.item, (className) =>\n                clsx(styles.item, className),\n              )}\n              color={color}\n            >\n              <ColorSwatch\n                className={composeRenderProps(classNames?.swatch, (className) =>\n                  clsx(styles.swatch, className),\n                )}\n              />\n            </ColorSwatchPickerItem>\n          );\n        })}\n      </ColorSwatchPicker>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,SAAS,eACP,OAC4B;AAC5B,QAAO,eAAe,MAAM,GAAG,kBAAkB,MAAM,GAAG;;AAG5D,SAAgB,YAAY,EAC1B,YACA,cACA,YACA,OACA,OACA,KACA,OACA,GAAG,QACgB;CACnB,MAAM,UAAU,cACP,QAAQ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,QACzC,CAAC,MAAM,CACR;AAED,QACE,qBAAC;EAAS;EAAK,WAAW,KAAK,OAAO,WAAW,YAAY,UAAU;aACpE,SACC,oBAACA;GACC,WAAW,YAAY;GACvB,IAAI;GACQ;aAEX;IACK,EAEV,oBAAC;GACC,GAAI;GACJ,mBAAiB;GACjB,cAAc,eAAe,aAAa;GAC1C,OAAO,eAAe,MAAM;GAC5B,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,QAAQ,UAAU,CAC/B;aAEA,MAAM,KAAK,SAAS;IACnB,MAAM,QAAQ,eAAe,KAAK;AAClC,WACE,oBAAC;KAEC,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,OAAO,MAAM,UAAU,CAC7B;KACM;eAEP,oBAAC,eACC,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,QAAQ,UAAU,CAC/B,GACD;OAVG,OAAO,UAAU,WAAW,QAAQ,MAAM,SAAS,OAAO,CAWzC;KAE1B;IACgB;GAChB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/color-picker/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { rgba255TupleToHex } from '@accelint/converters/hex';\nimport { uuid } from '@accelint/core';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  isRgba255Tuple,\n  type Rgba255Tuple,\n} from '@accelint/predicates/is-rgba-255-tuple';\nimport { useMemo } from 'react';\nimport {\n  ColorSwatch,\n  ColorSwatchPicker,\n  ColorSwatchPickerItem,\n  type Color,\n} from 'react-aria-components/ColorSwatchPicker';\nimport { Label } from '../label';\nimport styles from './styles.module.css';\nimport type { ColorPickerProps } from './types';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\n\n/**\n * A color picker component that renders a grid of color swatches for selection.\n *\n * This component provides a simple interface for users to select from a predefined\n * set of colors. It renders each color as an interactive swatch that can be clicked\n * to select that color. The component supports keyboard navigation, accessibility\n * features, and fine-grained styling control through the classNames prop.\n *\n * @param props - The color picker props.\n * @param props.items - Array of color values to display as selectable swatches.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.classNames.container - Class name for the outer container element.\n * @param props.classNames.label - Class name for the label element.\n * @param props.classNames.picker - Class name for the picker container.\n * @param props.classNames.item - Class name for individual swatch items.\n * @param props.classNames.swatch - Class name for the color swatch elements.\n * @param props.label - Label text displayed above the picker.\n * @returns The color picker component.\n *\n * @example\n * ```tsx\n * const colors = [\n *   '#ff0000',\n *   '#00ff00',\n *   '#0000ff',\n * ];\n *\n * <ColorPicker\n *   items={colors}\n *   value=\"#ff0000\"\n *   onChange={(color) => console.log('Selected:', color)}\n *   classNames={{\n *     picker: 'gap-4',\n *     item: 'rounded-lg',\n *     swatch: 'w-8 h-8',\n *   }}\n * />\n * ```\n *\n * @remarks\n * - Colors can be provided as Color objects or color strings\n * - The component automatically handles color parsing and validation\n * - Supports all accessibility features from react-aria-components\n * - Uses a grid layout by default but can be customized via the layout prop\n */\nfunction normalizeColor(value: string | Color | Rgba255Tuple): string | Color;\nfunction normalizeColor(\n  value: string | Color | Rgba255Tuple | undefined,\n): string | Color | undefined;\nfunction normalizeColor(\n  value: string | Color | Rgba255Tuple | undefined,\n): string | Color | undefined {\n  return isRgba255Tuple(value) ? rgba255TupleToHex(value) : value;\n}\n\nexport function ColorPicker({\n  classNames,\n  defaultValue,\n  isRequired,\n  items,\n  label,\n  ref,\n  value,\n  ...rest\n}: ColorPickerProps) {\n  const labelId = useMemo(\n    () => (label ? uuid({ path: [label] }) : undefined),\n    [label],\n  );\n\n  return (\n    <div ref={ref} className={clsx(styles.container, classNames?.container)}>\n      {label && (\n        <Label\n          className={classNames?.label}\n          id={labelId}\n          isRequired={isRequired}\n        >\n          {label}\n        </Label>\n      )}\n      <ColorSwatchPicker\n        {...rest}\n        aria-labelledby={labelId}\n        defaultValue={normalizeColor(defaultValue)}\n        value={normalizeColor(value)}\n        className={composeRenderProps(classNames?.picker, (className) =>\n          clsx(styles.picker, className),\n        )}\n      >\n        {items.map((item) => {\n          const color = normalizeColor(item);\n          return (\n            <ColorSwatchPickerItem\n              key={typeof color === 'string' ? color : color.toString('hexa')}\n              className={composeRenderProps(classNames?.item, (className) =>\n                clsx(styles.item, className),\n              )}\n              color={color}\n            >\n              <ColorSwatch\n                className={composeRenderProps(classNames?.swatch, (className) =>\n                  clsx(styles.swatch, className),\n                )}\n              />\n            </ColorSwatchPickerItem>\n          );\n        })}\n      </ColorSwatchPicker>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,SAAS,eACP,OAC4B;AAC5B,QAAO,eAAe,MAAM,GAAG,kBAAkB,MAAM,GAAG;;AAG5D,SAAgB,YAAY,EAC1B,YACA,cACA,YACA,OACA,OACA,KACA,OACA,GAAG,QACgB;CACnB,MAAM,UAAU,cACP,QAAQ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,QACzC,CAAC,MAAM,CACR;AAED,QACE,qBAAC;EAAS;EAAK,WAAW,KAAK,OAAO,WAAW,YAAY,UAAU;aACpE,SACC,oBAAC;GACC,WAAW,YAAY;GACvB,IAAI;GACQ;aAEX;IACK,EAEV,oBAAC;GACC,GAAI;GACJ,mBAAiB;GACjB,cAAc,eAAe,aAAa;GAC1C,OAAO,eAAe,MAAM;GAC5B,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,QAAQ,UAAU,CAC/B;aAEA,MAAM,KAAK,SAAS;IACnB,MAAM,QAAQ,eAAe,KAAK;AAClC,WACE,oBAAC;KAEC,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,OAAO,MAAM,UAAU,CAC7B;KACM;eAEP,oBAAC,eACC,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,QAAQ,UAAU,CAC/B,GACD;OAVG,OAAO,UAAU,WAAW,QAAQ,MAAM,SAAS,OAAO,CAWzC;KAE1B;IACgB;GAChB"}

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

@@ -11,8 +11,9 @@
  */
 
 import { RefAttributes } from "react";
-import { ColorSwatchPickerItemProps, ColorSwatchPickerProps, ColorSwatchProps, LabelProps } from "react-aria-components";
+import { LabelProps } from "react-aria-components/Label";
 import { Rgba255Tuple } from "@accelint/predicates/is-rgba-255-tuple";
+import { ColorSwatchPickerItemProps, ColorSwatchPickerProps, ColorSwatchProps } from "react-aria-components/ColorSwatchPicker";
 
 //#region src/components/color-picker/types.d.ts
 /**

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 react14 from "react";
-import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react7 from "react";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/combobox-field/context.d.ts
 /** React context for sharing ComboBoxField configuration across components. */
-declare const ComboBoxFieldContext: react14.Context<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>;
+declare const ComboBoxFieldContext: react7.Context<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>;
 /**
  * Context provider for setting default props across multiple ComboBoxField components.
  *
@@ -39,7 +39,7 @@ declare const ComboBoxFieldContext: react14.Context<ContextValue<ComboBoxFieldPr
 declare function ComboBoxFieldProvider<T extends OptionsDataItem>({
   children,
   ...props
-}: ProviderProps<ComboBoxFieldProps<T>>): react_jsx_runtime47.JSX.Element;
+}: ProviderProps<ComboBoxFieldProps<T>>): react_jsx_runtime28.JSX.Element;
 //#endregion
 export { ComboBoxFieldContext, ComboBoxFieldProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/combobox-field/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\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\n/** React context for sharing ComboBoxField configuration across components. */\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\n/**\n * Context provider for setting default props across multiple ComboBoxField components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the combobox field context.\n * @returns The combobox field context provider wrapping children.\n *\n * @example\n * ```tsx\n * <ComboBoxFieldProvider size=\"small\">\n *   <ComboBoxField defaultItems={items1}>{...}</ComboBoxField>\n *   <ComboBoxField defaultItems={items2}>{...}</ComboBoxField>\n * </ComboBoxFieldProvider>\n * ```\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":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,uBAEX,cAAqE,KAAK;;;;;;;;;;;;;;;;AAiB5E,SAAgB,sBAAiD,EAC/D,UACA,GAAG,SACoC;AACvC,QACE,oBAAC,qBAAqB;EAAS,OAAO;EACnC;GAC6B"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/combobox-field/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components/slots';\nimport type { ProviderProps } from '@/lib/types';\nimport type { OptionsDataItem } from '../options/types';\nimport type { ComboBoxFieldProps } from './types';\n\n/** React context for sharing ComboBoxField configuration across components. */\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\n/**\n * Context provider for setting default props across multiple ComboBoxField components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the combobox field context.\n * @returns The combobox field context provider wrapping children.\n *\n * @example\n * ```tsx\n * <ComboBoxFieldProvider size=\"small\">\n *   <ComboBoxField defaultItems={items1}>{...}</ComboBoxField>\n *   <ComboBoxField defaultItems={items2}>{...}</ComboBoxField>\n * </ComboBoxFieldProvider>\n * ```\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":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,uBAEX,cAAqE,KAAK;;;;;;;;;;;;;;;;AAiB5E,SAAgB,sBAAiD,EAC/D,UACA,GAAG,SACoC;AACvC,QACE,oBAAC,qBAAqB;EAAS,OAAO;EACnC;GAC6B"}

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_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/combobox-field/index.d.ts
 
@@ -43,7 +43,7 @@ import * as react_jsx_runtime48 from "react/jsx-runtime";
 declare function ComboBoxField<T extends OptionsDataItem>({
   ref,
   ...props
-}: ComboBoxFieldProps<T>): react_jsx_runtime48.JSX.Element;
+}: ComboBoxFieldProps<T>): react_jsx_runtime33.JSX.Element;
 //#endregion
 export { ComboBoxField };
 //# sourceMappingURL=index.d.ts.map

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

@@ -14,27 +14,27 @@
 'use client';
 
 import { Icon } from "../icon/index.js";
-import { Label as Label$1 } from "../label/index.js";
+import { Label } from "../label/index.js";
+import { Options } from "../options/index.js";
 import { ComboBoxFieldContext } from "./context.js";
-import { $23b9f4fcf0fe224b$export$d68d59712b04d9d1 } from "../../node_modules/.pnpm/@react-aria_collections@3.0.0-rc.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@react-aria/collections/dist/BaseCollection.js";
 import { ClearButton } from "../button/__internal__/clear.js";
-import { Options } from "../options/index.js";
 import "client-only";
 import { useCallback, useRef } 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 { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useContextProps } from "react-aria-components/slots";
 import ChevronDown from "@accelint/icons/chevron-down";
-import { useControlledState } from "@react-stately/utils";
+import { Button } from "react-aria-components/Button";
+import { ComboBox, FieldError } from "react-aria-components/ComboBox";
+import { Text } from "react-aria-components/Text";
+import { ListLayout, Virtualizer } from "react-aria-components/Virtualizer";
 import styles from "./styles.module.css";
+import { useControlledState } from "react-stately/useControlledState";
+import { Input } from "react-aria-components/Input";
+import { Popover } from "react-aria-components/Popover";
 
 //#region src/components/combobox-field/index.tsx
-if (Object.getOwnPropertyDescriptor($23b9f4fcf0fe224b$export$d68d59712b04d9d1.prototype, "childNodes")?.get) Object.defineProperty($23b9f4fcf0fe224b$export$d68d59712b04d9d1.prototype, "childNodes", {
-	get() {
-		return [];
-	},
-	configurable: true
-});
 /**
 * ComboBoxField - Accessible searchable combobox with dropdown options
 *
@@ -92,7 +92,7 @@ function ComboBoxField({ ref, ...props }) {
 		children: ({ isDisabled, isInvalid, isRequired }) => {
 			const shouldShowDescription = !isReadOnly && !!descriptionProp && !(isSmall || isInvalid);
 			return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-				!!labelProp && !isSmall && /* @__PURE__ */ jsx(Label$1, {
+				!!labelProp && !isSmall && /* @__PURE__ */ jsx(Label, {
 					className: clsx(styles.label, classNames?.label),
 					isDisabled,
 					isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CollectionNode","Label"],"sources":["../../../src/components/combobox-field/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport { CollectionNode } from '@react-aria/collections';\nimport { useControlledState } from '@react-stately/utils';\nimport { useCallback, useRef } from 'react';\n\n// Patch CollectionNode.childNodes getter to return an empty array instead of\n// throwing. React 19 dev-mode profiling (logComponentRender → addObjectDiffToProperties)\n// accesses this getter when diffing component props during commitPassiveMountOnFiber.\n// The thrown error prevents useComboBoxState's effect from running, breaking\n// internal state tracking and causing input value resets on every keystroke\n// with static children.\n// https://github.com/adobe/react-spectrum/issues/9405\nif (\n  Object.getOwnPropertyDescriptor(CollectionNode.prototype, 'childNodes')?.get\n) {\n  Object.defineProperty(CollectionNode.prototype, 'childNodes', {\n    get() {\n      return [];\n    },\n    configurable: true,\n  });\n}\n\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 pointerDownInsidePopoverRef = useRef(false);\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              onPointerDownCapture={() => {\n                pointerDownInsidePopoverRef.current = true;\n              }}\n              onPointerUpCapture={(e) => {\n                if (!pointerDownInsidePopoverRef.current) {\n                  e.stopPropagation();\n                  e.preventDefault();\n                }\n                pointerDownInsidePopoverRef.current = false;\n              }}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IACE,OAAO,yBAAyBA,0CAAe,WAAW,aAAa,EAAE,IAEzE,QAAO,eAAeA,0CAAe,WAAW,cAAc;CAC5D,MAAM;AACJ,SAAO,EAAE;;CAEX,cAAc;CACf,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AAgDJ,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,8BAA8B,OAAO,MAAM;CACjD,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,oBAACC;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,4BAA4B;AAC1B,kCAA4B,UAAU;;KAExC,qBAAqB,MAAM;AACzB,UAAI,CAAC,4BAA4B,SAAS;AACxC,SAAE,iBAAiB;AACnB,SAAE,gBAAgB;;AAEpB,kCAA4B,UAAU;;KAExC,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":[],"sources":["../../../src/components/combobox-field/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport { useCallback, useRef } from 'react';\nimport {\n  ComboBox,\n  type ComboBoxProps,\n  FieldError,\n} from 'react-aria-components/ComboBox';\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';\nimport { useControlledState } from 'react-stately/useControlledState';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { Input } from 'react-aria-components/Input';\nimport { Button } from 'react-aria-components/Button';\nimport { Text } from 'react-aria-components/Text';\nimport { Popover } from 'react-aria-components/Popover';\nimport { Virtualizer, ListLayout } from 'react-aria-components/Virtualizer';\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 pointerDownInsidePopoverRef = useRef(false);\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              onPointerDownCapture={() => {\n                pointerDownInsidePopoverRef.current = true;\n              }}\n              onPointerUpCapture={(e) => {\n                if (!pointerDownInsidePopoverRef.current) {\n                  e.stopPropagation();\n                  e.preventDefault();\n                }\n                pointerDownInsidePopoverRef.current = false;\n              }}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,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,8BAA8B,OAAO,MAAM;CACjD,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,oBAAC;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,4BAA4B;AAC1B,kCAA4B,UAAU;;KAExC,qBAAqB,MAAM;AACzB,UAAI,CAAC,4BAA4B,SAAS;AACxC,SAAE,iBAAiB;AACnB,SAAE,gBAAgB;;AAEpB,kCAA4B,UAAU;;KAExC,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

@@ -101,6 +101,18 @@
     --trigger-width: initial; /* is inlined by react aria components on render */
     @apply -ml-s select-none;
     min-width: calc(var(--trigger-width) + (var(--spacing-s) * 2));
+
+    @variant motion-safe {
+      @variant entering {
+        animation: fade-enter var(--animation-duration-normal)
+          var(--animation-easing-decelerate) both;
+      }
+
+      @variant exiting {
+        animation: fade-exit var(--animation-duration-fast)
+          var(--animation-easing-accelerate) both;
+      }
+    }
   }
 }
 

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

@@ -10,10 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import { ButtonProps as ButtonProps$1 } from "../button/types.js";
+import { ButtonProps } 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";
+import { ComboBoxProps, FieldErrorProps } from "react-aria-components/ComboBox";
+import { ListLayoutOptions, VirtualizerProps } from "react-aria-components/Virtualizer";
+import { LabelProps } from "react-aria-components/Label";
+import { InputProps } from "react-aria-components/Input";
+import { PopoverProps } from "react-aria-components/Popover";
 
 //#region src/components/combobox-field/types.d.ts
 /**
@@ -33,9 +37,9 @@ type ComboBoxFieldProps<T extends OptionsDataItem> = Omit<ComboBoxProps<T>, 'chi
     /** Class name for the input element. */
     input?: InputProps['className'];
     /** Class name for the clear button. */
-    clear?: ButtonProps$1['className'];
+    clear?: ButtonProps['className'];
     /** Class name for the trigger button. */
-    trigger?: ButtonProps$1['className'];
+    trigger?: ButtonProps['className'];
     /** Class name for the description text. */
     description?: string;
     /** Class name for the error message. */