npm - @accelint/design-toolkit - Versions diffs - 9.10.0 → 9.11.1 - Mend

@accelint/design-toolkit 9.10.0 → 9.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (563) hide show

package/dist/components/checkbox/group.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@
 import { CheckboxGroupProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 //#region src/components/checkbox/group.d.ts
@@ -47,7 +47,7 @@ import * as react_jsx_runtime38 from "react/jsx-runtime";
 declare function CheckboxGroup({
   ref,
   ...props
-}: CheckboxGroupProps): react_jsx_runtime38.JSX.Element;
+}: CheckboxGroupProps): react_jsx_runtime23.JSX.Element;
 //#endregion
 export { CheckboxGroup };
 //# sourceMappingURL=group.d.ts.map

package/dist/components/checkbox/group.js CHANGED Viewed

@@ -13,12 +13,14 @@
 'use client';
-import { Label as Label$1 } from "../label/index.js";
+import { Label } from "../label/index.js";
 import { CheckboxContext, CheckboxGroupContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { CheckboxGroup as CheckboxGroup$1, composeRenderProps, useContextProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useContextProps } from "react-aria-components/slots";
+import { CheckboxGroup as CheckboxGroup$1 } from "react-aria-components/CheckboxGroup";
 import styles from "./styles.module.css";
 //#region src/components/checkbox/group.tsx
@@ -60,7 +62,7 @@ function CheckboxGroup({ ref, ...props }) {
 		"data-orientation": orientation,
 		children: composeRenderProps(children, (children$1, { isDisabled, isRequired }) => /* @__PURE__ */ jsxs(CheckboxContext, {
 			value: { labelPosition },
-			children: [label && /* @__PURE__ */ jsx(Label$1, {
+			children: [label && /* @__PURE__ */ jsx(Label, {
 				className: clsx(styles.label, classNames?.label),
 				isDisabled,
 				isRequired,

package/dist/components/checkbox/group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"group.js","names":["AriaCheckboxGroup","~~Label","~~children"],"sources":["../../../src/components/checkbox/group.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 CheckboxGroup as AriaCheckboxGroup~~,\n composeRenderProps,\n useContextProps,\n~~} from 'react-aria-components';\nimport { Label } from '../label';\nimport { CheckboxContext, CheckboxGroupContext } from './context';\nimport styles from './styles.module.css';\nimport type { CheckboxGroupProps } from './types';\n\n/\n Groups multiple checkboxes with shared state and configuration.\n \n @param props - The checkbox group props.\n * @param props.ref - Reference to the group container element.\n * @param props.children - Checkbox components to render within the group.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.label - Label text displayed above the group.\n * @param props.orientation - Layout orientation ('vertical' or 'horizontal').\n * @returns The checkbox group component.\n \n @example\n * ```tsx\n * <CheckboxGroup label=\"Preferences\">\n * <Checkbox value=\"email\">Email</Checkbox>\n * <Checkbox value=\"sms\">SMS</Checkbox>\n * </CheckboxGroup>\n * ```\n \n @example\n * ```tsx\n * // Horizontal layout\n * <CheckboxGroup label=\"Features\" orientation=\"horizontal\">\n * <Checkbox value=\"a\">Feature A</Checkbox>\n * <Checkbox value=\"b\">Feature B</Checkbox>\n * </CheckboxGroup>\n * ```\n */\nexport function CheckboxGroup({ ref, ...props }: CheckboxGroupProps) {\n [props, ref] = useContextProps(props, ref ?? null, CheckboxGroupContext);\n\n const {\n children,\n classNames,\n label,\n labelPosition,\n orientation = 'vertical',\n ...rest\n } = props;\n\n return (\n <AriaCheckboxGroup\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.group, (className) =>\n clsx('group/checkbox-group', styles.group, className),\n )}\n data-orientation={orientation}\n >\n {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n <CheckboxContext value={{ labelPosition }}>\n {label && (\n <Label\n className={clsx(styles.label, classNames?.label)}\n isDisabled={isDisabled}\n isRequired={isRequired}\n >\n {label}\n </Label>\n )}\n {children}\n </CheckboxContext>\n ))}\n </AriaCheckboxGroup>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA~~,SAAgB,cAAc,EAAE,KAAK,GAAG,SAA6B;AACnE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,qBAAqB;CAExE,MAAM,EACJ,UACA,YACA,OACA,eACA,cAAc,YACd,GAAG,SACD;AAEJ,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,wBAAwB,OAAO,OAAO,UAAU,CACtD;EACD,oBAAkB;YAEjB,mBAAmB,WAAW,YAAU,EAAE,YAAY,iBACrD,qBAAC;GAAgB,OAAO,EAAE,eAAe;cACtC,SACC,~~oBAACC~~;IACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;IACpC;IACA;cAEX;KACK,EAETC;IACe,CAClB;GACgB"}
1	+ {"version":3,"file":"group.js","names":["AriaCheckboxGroup","children"],"sources":["../../../src/components/checkbox/group.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 { CheckboxGroup as AriaCheckboxGroup } from 'react-aria-components/CheckboxGroup';\nimport { Label } from '../label';\nimport { CheckboxContext, CheckboxGroupContext } from './context';\nimport styles from './styles.module.css';\nimport type { CheckboxGroupProps } from './types';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\n\n/\n Groups multiple checkboxes with shared state and configuration.\n \n @param props - The checkbox group props.\n * @param props.ref - Reference to the group container element.\n * @param props.children - Checkbox components to render within the group.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.label - Label text displayed above the group.\n * @param props.orientation - Layout orientation ('vertical' or 'horizontal').\n * @returns The checkbox group component.\n \n @example\n * ```tsx\n * <CheckboxGroup label=\"Preferences\">\n * <Checkbox value=\"email\">Email</Checkbox>\n * <Checkbox value=\"sms\">SMS</Checkbox>\n * </CheckboxGroup>\n * ```\n \n @example\n * ```tsx\n * // Horizontal layout\n * <CheckboxGroup label=\"Features\" orientation=\"horizontal\">\n * <Checkbox value=\"a\">Feature A</Checkbox>\n * <Checkbox value=\"b\">Feature B</Checkbox>\n * </CheckboxGroup>\n * ```\n */\nexport function CheckboxGroup({ ref, ...props }: CheckboxGroupProps) {\n [props, ref] = useContextProps(props, ref ?? null, CheckboxGroupContext);\n\n const {\n children,\n classNames,\n label,\n labelPosition,\n orientation = 'vertical',\n ...rest\n } = props;\n\n return (\n <AriaCheckboxGroup\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.group, (className) =>\n clsx('group/checkbox-group', styles.group, className),\n )}\n data-orientation={orientation}\n >\n {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n <CheckboxContext value={{ labelPosition }}>\n {label && (\n <Label\n className={clsx(styles.label, classNames?.label)}\n isDisabled={isDisabled}\n isRequired={isRequired}\n >\n {label}\n </Label>\n )}\n {children}\n </CheckboxContext>\n ))}\n </AriaCheckboxGroup>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,SAAgB,cAAc,EAAE,KAAK,GAAG,SAA6B;AACnE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,qBAAqB;CAExE,MAAM,EACJ,UACA,YACA,OACA,eACA,cAAc,YACd,GAAG,SACD;AAEJ,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,wBAAwB,OAAO,OAAO,UAAU,CACtD;EACD,oBAAkB;YAEjB,mBAAmB,WAAW,YAAU,EAAE,YAAY,iBACrD,qBAAC;GAAgB,OAAO,EAAE,eAAe;cACtC,SACC,oBAAC;IACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;IACpC;IACA;cAEX;KACK,EAETC;IACe,CAClB;GACgB"}

package/dist/components/checkbox/index.d.ts CHANGED Viewed

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

package/dist/components/checkbox/index.js CHANGED Viewed

@@ -17,11 +17,13 @@ import { Icon } from "../icon/index.js";
 import { CheckboxContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Checkbox as Checkbox$1, composeRenderProps, useContextProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContextProps } from "react-aria-components/slots";
 import styles from "./styles.module.css";
 import Check from "@accelint/icons/check";
 import Remove from "@accelint/icons/remove";
+import { Checkbox as Checkbox$1 } from "react-aria-components/Checkbox";
 //#region src/components/checkbox/index.tsx
 /**

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

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

package/dist/components/checkbox/types.d.ts CHANGED Viewed

@@ -10,9 +10,10 @@
  * governing permissions and limitations under the License.
  */
-import { LabelProps as LabelProps$1 } from "../label/types.js";
+import { LabelProps } from "../label/types.js";
 import { RefAttributes } from "react";
-import { CheckboxGroupProps as CheckboxGroupProps$1, CheckboxProps as CheckboxProps$1 } from "react-aria-components";
+import { CheckboxGroupProps as CheckboxGroupProps$1 } from "react-aria-components/CheckboxGroup";
+import { CheckboxProps as CheckboxProps$1 } from "react-aria-components/Checkbox";
 import { Orientation } from "@react-types/shared";
 //#region src/components/checkbox/types.d.ts
@@ -27,7 +28,7 @@ type CheckboxGroupProps = Omit<CheckboxGroupProps$1, 'className'> & RefAttribute
     /** Class name for the group container. */
     group?: CheckboxGroupProps$1['className'];
     /** Class name for the group label. */
-    label?: LabelProps$1['className'];
+    label?: LabelProps['className'];
   };
   /** Label text displayed above the checkbox group. */
   label?: string;

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

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { ChipContextValue } from "./types.js";
 import "client-only";
-import * as react13 from "react";
-import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react6 from "react";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
+import { ContextValue } from "react-aria-components/slots";
 //#region src/components/chip/context.d.ts
 /**
  * React context for sharing Chip configuration across components.
  */
-declare const ChipContext: react13.Context<ContextValue<ChipContextValue, HTMLDivElement>>;
+declare const ChipContext: react6.Context<ContextValue<ChipContextValue, HTMLDivElement>>;
 /**
  * Context provider for setting default props across multiple Chip components.
  *
@@ -40,7 +40,7 @@ declare const ChipContext: react13.Context<ContextValue<ChipContextValue, HTMLDi
 declare function ChipProvider({
   children,
   ...props
-}: ProviderProps<ChipContextValue>): react_jsx_runtime40.JSX.Element;
+}: ProviderProps<ChipContextValue>): react_jsx_runtime24.JSX.Element;
 //#endregion
 export { ChipContext, ChipProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/chip/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","names":[],"sources":["../../../src/components/chip/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 { ChipContextValue } from './types';\n\n/\n React context for sharing Chip configuration across components.\n /\nexport const ChipContext =\n createContext<ContextValue<ChipContextValue, HTMLDivElement>>(null);\n\n/\n Context provider for setting default props across multiple Chip components.\n \n @param props - The provider props.\n * @param props.children - Child components that will receive the chip context.\n * @returns The chip context provider wrapping children.\n \n @example\n * ```tsx\n * <ChipProvider size=\"small\" color=\"info\">\n * <Chip>Chip 1</Chip>\n * <Chip>Chip 2</Chip>\n * </ChipProvider>\n * ```\n */\nexport function ChipProvider({\n children,\n ...props\n}: ProviderProps<ChipContextValue>) {\n return <ChipContext.Provider value={props}>{children}</ChipContext.Provider>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,cACX,cAA8D,KAAK;;;;;;;;;;;;;;;;AAiBrE,SAAgB,aAAa,EAC3B,UACA,GAAG,SAC+B;AAClC,QAAO,oBAAC,YAAY;EAAS,OAAO;EAAQ;GAAgC"}
1	+ {"version":3,"file":"context.js","names":[],"sources":["../../../src/components/chip/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 { ChipContextValue } from './types';\n\n/\n React context for sharing Chip configuration across components.\n /\nexport const ChipContext =\n createContext<ContextValue<ChipContextValue, HTMLDivElement>>(null);\n\n/\n Context provider for setting default props across multiple Chip components.\n \n @param props - The provider props.\n * @param props.children - Child components that will receive the chip context.\n * @returns The chip context provider wrapping children.\n \n @example\n * ```tsx\n * <ChipProvider size=\"small\" color=\"info\">\n * <Chip>Chip 1</Chip>\n * <Chip>Chip 2</Chip>\n * </ChipProvider>\n * ```\n */\nexport function ChipProvider({\n children,\n ...props\n}: ProviderProps<ChipContextValue>) {\n return <ChipContext.Provider value={props}>{children}</ChipContext.Provider>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,cACX,cAA8D,KAAK;;;;;;;;;;;;;;;;AAiBrE,SAAgB,aAAa,EAC3B,UACA,GAAG,SAC+B;AAClC,QAAO,oBAAC,YAAY;EAAS,OAAO;EAAQ;GAAgC"}

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

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

package/dist/components/chip/deletable.js CHANGED Viewed

@@ -14,13 +14,15 @@
 'use client';
 import { Icon } from "../icon/index.js";
-import { Button as Button$1 } from "../button/index.js";
+import { Button } from "../button/index.js";
 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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContextProps } from "react-aria-components/slots";
 import CancelFill from "@accelint/icons/cancel-fill";
+import { Tag } from "react-aria-components/TagGroup";
 import styles from "./styles.module.css";
 //#region src/components/chip/deletable.tsx
@@ -71,7 +73,7 @@ function DeletableChip({ ref, ...props }) {
 		"data-size": size,
 		children: composeRenderProps(children, (children$1, { allowsRemoving }) => {
 			if (!allowsRemoving) throw new Error("You have a <DeletableChip> in a <ChipList> that does not specify an onRemove handler.");
-			return /* @__PURE__ */ jsxs(Fragment, { children: [children$1, /* @__PURE__ */ jsx(Button$1, {
+			return /* @__PURE__ */ jsxs(Fragment, { children: [children$1, /* @__PURE__ */ jsx(Button, {
 				slot: "remove",
 				color: "mono-muted",
 				size,

package/dist/components/chip/deletable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"deletable.js","names":["AriaTag","children"~~,"Button"~~],"sources":["../../../src/components/chip/deletable.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 CancelFill from '@accelint/icons/cancel-fill';\nimport {\n Tag as AriaTag~~,\n~~ composeRenderProps~~,\n~~ useContextProps~~,\n~~} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ChipContext } from './context';\nimport styles from './styles.module.css';\nimport type { DeletableChipProps } from './types';\n\n/\n DeletableChip - Chip with built-in remove button for dynamic content management.\n \n Must be used inside a ChipList with an onRemove handler.\n \n @param props - The deletable chip props.\n * @param props.ref - Reference to the chip element.\n * @param props.id - Unique identifier for removal tracking.\n * @param props.children - Chip content.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.size - Size of the chip.\n * @param props.textValue - Accessible text value for the chip.\n * @returns The deletable chip component.\n \n @example\n * ```tsx\n * <ChipList onRemove={(keys) => console.log('Removed:', keys)}>\n * <DeletableChip id=\"tag1\">JavaScript</DeletableChip>\n * <DeletableChip id=\"tag2\">Python</DeletableChip>\n * </ChipList>\n * ```\n \n @example\n * ```tsx\n * // With custom classNames\n * <ChipList onRemove={handleRemove}>\n * <DeletableChip\n * id=\"tag1\"\n * classNames={{ chip: 'custom-chip', remove: 'custom-remove' }}\n * >\n * Styled Tag\n * </DeletableChip>\n * </ChipList>\n * ```\n */\nexport function DeletableChip({ ref, ...props }: DeletableChipProps) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const {\n children,\n classNames,\n size = 'medium',\n textValue = typeof children === 'string' ? children : undefined,\n ...rest\n } = props;\n\n const iconSize = size === 'small' ? 'xsmall' : 'small';\n\n return (\n <AriaTag\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.chip, (className) =>\n clsx('group/chip', styles.chip, styles.deletable, className),\n )}\n textValue={textValue}\n data-size={size}\n >\n {composeRenderProps(children, (children, { allowsRemoving }) => {\n if (!allowsRemoving) {\n throw new Error(\n 'You have a <DeletableChip> in a <ChipList> that does not specify an onRemove handler.',\n );\n }\n\n return (\n <>\n {children}\n <Button\n slot='remove'\n color='mono-muted'\n size={size}\n variant='icon'\n className={composeRenderProps(classNames?.remove, (className) =>\n clsx(styles.remove, className),\n )}\n >\n <Icon size={iconSize}>\n <CancelFill />\n </Icon>\n </Button>\n </>\n );\n })}\n </AriaTag>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA~~,SAAgB,cAAc,EAAE,KAAK,GAAG,SAA6B;AACnE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EACJ,UACA,YACA,OAAO,UACP,YAAY,OAAO,aAAa,WAAW,WAAW,QACtD,GAAG,SACD;CAEJ,MAAM,WAAW,SAAS,UAAU,WAAW;AAE/C,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,cAAc,OAAO,MAAM,OAAO,WAAW,UAAU,CAC7D;EACU;EACX,aAAW;YAEV,mBAAmB,WAAW,YAAU,EAAE,qBAAqB;AAC9D,OAAI,CAAC,eACH,OAAM,IAAI,MACR,wFACD;AAGH,UACE,4CACGC,YACD,~~oBAACC~~;IACC,MAAK;IACL,OAAM;IACA;IACN,SAAQ;IACR,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,QAAQ,UAAU,CAC/B;cAED,oBAAC;KAAK,MAAM;eACV,oBAAC,eAAa;MACT;KACA,IACR;IAEL;GACM"}
1	+ {"version":3,"file":"deletable.js","names":["AriaTag","children"],"sources":["../../../src/components/chip/deletable.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 CancelFill from '@accelint/icons/cancel-fill';\nimport { Tag as AriaTag } from 'react-aria-components/TagGroup';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ChipContext } from './context';\nimport styles from './styles.module.css';\nimport type { DeletableChipProps } from './types';\n\n/\n DeletableChip - Chip with built-in remove button for dynamic content management.\n \n Must be used inside a ChipList with an onRemove handler.\n \n @param props - The deletable chip props.\n * @param props.ref - Reference to the chip element.\n * @param props.id - Unique identifier for removal tracking.\n * @param props.children - Chip content.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.size - Size of the chip.\n * @param props.textValue - Accessible text value for the chip.\n * @returns The deletable chip component.\n \n @example\n * ```tsx\n * <ChipList onRemove={(keys) => console.log('Removed:', keys)}>\n * <DeletableChip id=\"tag1\">JavaScript</DeletableChip>\n * <DeletableChip id=\"tag2\">Python</DeletableChip>\n * </ChipList>\n * ```\n \n @example\n * ```tsx\n * // With custom classNames\n * <ChipList onRemove={handleRemove}>\n * <DeletableChip\n * id=\"tag1\"\n * classNames={{ chip: 'custom-chip', remove: 'custom-remove' }}\n * >\n * Styled Tag\n * </DeletableChip>\n * </ChipList>\n * ```\n */\nexport function DeletableChip({ ref, ...props }: DeletableChipProps) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const {\n children,\n classNames,\n size = 'medium',\n textValue = typeof children === 'string' ? children : undefined,\n ...rest\n } = props;\n\n const iconSize = size === 'small' ? 'xsmall' : 'small';\n\n return (\n <AriaTag\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.chip, (className) =>\n clsx('group/chip', styles.chip, styles.deletable, className),\n )}\n textValue={textValue}\n data-size={size}\n >\n {composeRenderProps(children, (children, { allowsRemoving }) => {\n if (!allowsRemoving) {\n throw new Error(\n 'You have a <DeletableChip> in a <ChipList> that does not specify an onRemove handler.',\n );\n }\n\n return (\n <>\n {children}\n <Button\n slot='remove'\n color='mono-muted'\n size={size}\n variant='icon'\n className={composeRenderProps(classNames?.remove, (className) =>\n clsx(styles.remove, className),\n )}\n >\n <Icon size={iconSize}>\n <CancelFill />\n </Icon>\n </Button>\n </>\n );\n })}\n </AriaTag>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAgB,cAAc,EAAE,KAAK,GAAG,SAA6B;AACnE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EACJ,UACA,YACA,OAAO,UACP,YAAY,OAAO,aAAa,WAAW,WAAW,QACtD,GAAG,SACD;CAEJ,MAAM,WAAW,SAAS,UAAU,WAAW;AAE/C,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,cAAc,OAAO,MAAM,OAAO,WAAW,UAAU,CAC7D;EACU;EACX,aAAW;YAEV,mBAAmB,WAAW,YAAU,EAAE,qBAAqB;AAC9D,OAAI,CAAC,eACH,OAAM,IAAI,MACR,wFACD;AAGH,UACE,4CACGC,YACD,oBAAC;IACC,MAAK;IACL,OAAM;IACA;IACN,SAAQ;IACR,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,QAAQ,UAAU,CAC/B;cAED,oBAAC;KAAK,MAAM;eACV,oBAAC,eAAa;MACT;KACA,IACR;IAEL;GACM"}

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

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

package/dist/components/chip/index.js CHANGED Viewed

@@ -19,8 +19,9 @@ import { ChipListRenderingContext } from "./list.js";
 import "client-only";
 import { useContext } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Tag, useContextProps } from "react-aria-components";
 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/index.tsx

package/dist/components/chip/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["AriaTag"],"sources":["../../../src/components/chip/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 { useContext } from 'react';\nimport { Tag as AriaTag, ~~useContextProps~~ } from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { ChipContext } from './context';\nimport { ChipListRenderingContext } from './list';\nimport styles from './styles.module.css';\nimport type { ChipProps } from './types';\n\n/\n Chip - A compact element for displaying tags, filters, or selectable items\n \n Provides flexible chip functionality supporting both individual chips and chip lists.\n * Includes variants for deletable and selectable chips with keyboard navigation and\n * accessibility features. Perfect for tags, filters, or multi-selection interfaces.\n \n @param props - The chip props.\n * @param props.ref - Reference to the chip element.\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 (text, icons, or both).\n * @returns The chip component.\n \n @example\n * ```tsx\n * // Basic chip\n * <Chip>JavaScript</Chip>\n * ```\n \n @example\n * ```tsx\n * // Chip with color variants\n * <Chip color=\"info\">Information</Chip>\n * <Chip color=\"advisory\">Warning</Chip>\n * <Chip color=\"normal\">Success</Chip>\n * <Chip color=\"serious\">Caution</Chip>\n * <Chip color=\"critical\">Error</Chip>\n * ```\n \n @example\n * ```tsx\n * // Chip with icon\n * <Chip color=\"info\">\n * <Icon><Placeholder /></Icon>\n * With Icon\n * </Chip>\n * ```\n \n @example\n * ```tsx\n * // Chip with size variants\n * <Chip size=\"medium\">Medium Chip</Chip>\n * <Chip size=\"small\">Small Chip</Chip>\n * ```\n \n @example\n * ```tsx\n * // Chip list with multiple items\n * <ChipList>\n * <Chip color=\"info\">React</Chip>\n * <Chip color=\"advisory\">TypeScript</Chip>\n * <Chip color=\"normal\">Node.js</Chip>\n * </ChipList>\n * ```\n \n @example\n * ```tsx\n * // Deletable chips\n * <ChipList onRemove={(keys) => console.log('removed', keys)}>\n * <DeletableChip id=\"tag1\">Removable Tag</DeletableChip>\n * </ChipList>\n * ```\n \n @example\n * ```tsx\n * // Selectable chips with color\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 Chip({ ref, ...props }: ChipProps) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const context = useContext(ChipListRenderingContext);\n const Component = context ? AriaTag : 'div';\n const { className, color = 'info', size = 'medium', ...rest } = props;\n\n return (\n <IconProvider size={size === 'medium' ? 'small' : 'xsmall'}>\n <Component\n {...rest}\n ref={ref}\n className={clsx('group/chip', styles.chip, className)}\n data-color={color}\n data-size={size}\n />\n </IconProvider>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA~~,SAAgB,KAAK,EAAE,KAAK,GAAG,SAAoB;AACjD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAG/D,MAAM,YADU,WAAW,yBAAyB,GACxBA,MAAU;CACtC,MAAM,EAAE,WAAW,QAAQ,QAAQ,OAAO,UAAU,GAAG,SAAS;AAEhE,QACE,oBAAC;EAAa,MAAM,SAAS,WAAW,UAAU;YAChD,oBAAC;GACC,GAAI;GACC;GACL,WAAW,KAAK,cAAc,OAAO,MAAM,UAAU;GACrD,cAAY;GACZ,aAAW;IACX;GACW"}
1	+ {"version":3,"file":"index.js","names":["AriaTag"],"sources":["../../../src/components/chip/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 { useContext } from 'react';\nimport { Tag as AriaTag } from 'react-aria-components/TagGroup';\nimport { IconProvider } from '../icon/context';\nimport { ChipContext } from './context';\nimport { ChipListRenderingContext } from './list';\nimport styles from './styles.module.css';\nimport type { ChipProps } from './types';\nimport { useContextProps } from 'react-aria-components/slots';\n\n/\n Chip - A compact element for displaying tags, filters, or selectable items\n \n Provides flexible chip functionality supporting both individual chips and chip lists.\n * Includes variants for deletable and selectable chips with keyboard navigation and\n * accessibility features. Perfect for tags, filters, or multi-selection interfaces.\n \n @param props - The chip props.\n * @param props.ref - Reference to the chip element.\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 (text, icons, or both).\n * @returns The chip component.\n \n @example\n * ```tsx\n * // Basic chip\n * <Chip>JavaScript</Chip>\n * ```\n \n @example\n * ```tsx\n * // Chip with color variants\n * <Chip color=\"info\">Information</Chip>\n * <Chip color=\"advisory\">Warning</Chip>\n * <Chip color=\"normal\">Success</Chip>\n * <Chip color=\"serious\">Caution</Chip>\n * <Chip color=\"critical\">Error</Chip>\n * ```\n \n @example\n * ```tsx\n * // Chip with icon\n * <Chip color=\"info\">\n * <Icon><Placeholder /></Icon>\n * With Icon\n * </Chip>\n * ```\n \n @example\n * ```tsx\n * // Chip with size variants\n * <Chip size=\"medium\">Medium Chip</Chip>\n * <Chip size=\"small\">Small Chip</Chip>\n * ```\n \n @example\n * ```tsx\n * // Chip list with multiple items\n * <ChipList>\n * <Chip color=\"info\">React</Chip>\n * <Chip color=\"advisory\">TypeScript</Chip>\n * <Chip color=\"normal\">Node.js</Chip>\n * </ChipList>\n * ```\n \n @example\n * ```tsx\n * // Deletable chips\n * <ChipList onRemove={(keys) => console.log('removed', keys)}>\n * <DeletableChip id=\"tag1\">Removable Tag</DeletableChip>\n * </ChipList>\n * ```\n \n @example\n * ```tsx\n * // Selectable chips with color\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 Chip({ ref, ...props }: ChipProps) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const context = useContext(ChipListRenderingContext);\n const Component = context ? AriaTag : 'div';\n const { className, color = 'info', size = 'medium', ...rest } = props;\n\n return (\n <IconProvider size={size === 'medium' ? 'small' : 'xsmall'}>\n <Component\n {...rest}\n ref={ref}\n className={clsx('group/chip', styles.chip, className)}\n data-color={color}\n data-size={size}\n />\n </IconProvider>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,SAAgB,KAAK,EAAE,KAAK,GAAG,SAAoB;AACjD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAG/D,MAAM,YADU,WAAW,yBAAyB,GACxBA,MAAU;CACtC,MAAM,EAAE,WAAW,QAAQ,QAAQ,OAAO,UAAU,GAAG,SAAS;AAEhE,QACE,oBAAC;EAAa,MAAM,SAAS,WAAW,UAAU;YAChD,oBAAC;GACC,GAAI;GACC;GACL,WAAW,KAAK,cAAc,OAAO,MAAM,UAAU;GACrD,cAAY;GACZ,aAAW;IACX;GACW"}

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

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

package/dist/components/chip/list.js CHANGED Viewed

@@ -17,8 +17,10 @@ import { ChipContext, ChipProvider } from "./context.js";
 import "client-only";
 import { createContext } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { TagGroup, TagList, 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 { TagGroup, TagList } from "react-aria-components/TagGroup";
 import styles from "./styles.module.css";
 //#region src/components/chip/list.tsx

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

	@@ -1 +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"}
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} 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 CHANGED Viewed

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

package/dist/components/chip/selectable.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 { 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { ClassificationBadgeProps } from "./types.js";
 import "client-only";
-import * as react0 from "react";
-import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react9 from "react";
+import * as react_jsx_runtime32 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: react0.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
+declare const ClassificationBadgeContext: react9.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
 /**
  * Context provider for setting default props across multiple ClassificationBadge components.
  *
@@ -38,7 +38,7 @@ declare const ClassificationBadgeContext: react0.Context<ContextValue<Classifica
 declare function ClassificationBadgeProvider({
   children,
   ...props
-}: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime5.JSX.Element;
+}: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime32.JSX.Element;
 //#endregion
 export { ClassificationBadgeContext, ClassificationBadgeProvider };
 //# sourceMappingURL=context.d.ts.map

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

	@@ -1 +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"}
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/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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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/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 CHANGED Viewed

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { ClassificationBannerProps } from "./types.js";
 import "client-only";
-import * as react1 from "react";
-import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react10 from "react";
+import * as react_jsx_runtime34 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: react1.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
+declare const ClassificationBannerContext: react10.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
 /**
  * Context provider for setting default props across multiple ClassificationBanner components.
  *
@@ -38,7 +38,7 @@ declare const ClassificationBannerContext: react1.Context<ContextValue<Classific
 declare function ClassificationBannerProvider({
   children,
   ...props
-}: ProviderProps<ClassificationBannerProps>): react_jsx_runtime8.JSX.Element;
+}: ProviderProps<ClassificationBannerProps>): react_jsx_runtime34.JSX.Element;
 //#endregion
 export { ClassificationBannerContext, ClassificationBannerProvider };
 //# sourceMappingURL=context.d.ts.map

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

	@@ -1 +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"}
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/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"}