@accelint/design-toolkit 9.9.2 → 9.11.0

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

@@ -0,0 +1,87 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { OptionsDataItem, OptionsItemProps } from "../options/types.js";
+import { SelectFieldProps } from "../select-field/types.js";
+import { HTMLAttributes, PropsWithChildren } from "react";
+import { UniqueId } from "@accelint/core";
+
+//#region src/components/carousel/types.d.ts
+/**
+ * Props for the root Carousel component.
+ */
+type CarouselProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>> & {
+  /** The carousel data items to display. */
+  items: CarouselData[];
+  /** Zero-based index of the currently active item. */
+  currentPosition: number;
+  /** Callback invoked when the active item changes. */
+  setCurrentPosition: (index: number) => void;
+};
+/**
+ * Data describing a single carousel item.
+ */
+type CarouselData = {
+  /** The media type of the item. */
+  dataType: 'image' | 'video' | 'audio';
+  /** URL for the full-size media displayed in the viewer. */
+  dataUrl: string;
+  /** Original file name of the media asset. */
+  fileName: string;
+  /** Optional metadata associated with the item. */
+  metadata?: Record<string, unknown>;
+  /** Display title shown in the gallery and select. */
+  title: string;
+  /** URL for the thumbnail image shown in the gallery. */
+  thumbnailUrl: string;
+  /** Unique identifier for the item. */
+  id: UniqueId;
+};
+/**
+ * Props for the CarouselViewer component.
+ */
+type CarouselViewerProps = PropsWithChildren & {
+  /** Custom class names for viewer elements. */
+  classNames?: {
+    /** Class name for the viewer container. */
+    container?: string;
+    /** Class name for the displayed media element (img, video, or audio). */
+    media?: string;
+  };
+};
+/**
+ * Props for the CarouselSelect dropdown component.
+ */
+type CarouselSelectProps = Omit<SelectFieldProps, 'classNames'> & {
+  /** Custom class names for select elements. */
+  classNames?: {
+    /** Class names passed to the SelectField. */
+    select?: SelectFieldProps['classNames'];
+    /** Class names passed to each OptionsItem. */
+    optionItem?: OptionsItemProps<OptionsDataItem>['classNames'];
+  };
+};
+/**
+ * Props for the CarouselGallery thumbnail strip component.
+ */
+type CarouselGalleryProps = HTMLAttributes<HTMLDivElement> & {
+  /** Custom class names for gallery elements. */
+  classNames?: {
+    /** Class name for the gallery container. */
+    container?: string;
+    /** Class name for individual gallery items. */
+    item?: string;
+  };
+};
+//#endregion
+export { CarouselData, CarouselGalleryProps, CarouselProps, CarouselSelectProps, CarouselViewerProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/carousel/types.js

@@ -0,0 +1,12 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+

package/dist/components/carousel/viewer.d.ts

@@ -0,0 +1,40 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { CarouselViewerProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
+
+//#region src/components/carousel/viewer.d.ts
+/**
+ * Displays the full-size media for the currently active carousel item.
+ * Note that it relies on the <Carousel/> component to supply context and must be used
+ * as a child of that component.
+ *
+ * Reads the active item from CarouselContext and renders it as an image, video, or audio
+ * element based on the item's dataType. Supports additional children for overlay content.
+ *
+ * @param props - The viewer props.
+ * @param props.children - Optional overlay content rendered inside the viewer.
+ * @param props.classNames - Custom class names for viewer elements.
+ * @param props.classNames.container - Class name for the viewer container.
+ * @param props.classNames.media - Class name for the displayed media element (img, video, or audio).
+ * @returns The carousel viewer component.
+ */
+declare function CarouselViewer({
+  children,
+  classNames,
+  ...rest
+}: CarouselViewerProps): react_jsx_runtime23.JSX.Element;
+//#endregion
+export { CarouselViewer };
+//# sourceMappingURL=viewer.d.ts.map

package/dist/components/carousel/viewer.js

@@ -0,0 +1,75 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+'use client';
+
+import { Audio } from "../audio/index.js";
+import { CarouselContext } from "./context.js";
+import { Video } from "../video/index.js";
+import "client-only";
+import { useContext } from "react";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./style.module.css";
+
+//#region src/components/carousel/viewer.tsx
+/**
+* Displays the full-size media for the currently active carousel item.
+* Note that it relies on the <Carousel/> component to supply context and must be used
+* as a child of that component.
+*
+* Reads the active item from CarouselContext and renders it as an image, video, or audio
+* element based on the item's dataType. Supports additional children for overlay content.
+*
+* @param props - The viewer props.
+* @param props.children - Optional overlay content rendered inside the viewer.
+* @param props.classNames - Custom class names for viewer elements.
+* @param props.classNames.container - Class name for the viewer container.
+* @param props.classNames.media - Class name for the displayed media element (img, video, or audio).
+* @returns The carousel viewer component.
+*/
+function CarouselViewer({ children, classNames, ...rest }) {
+	const { items, currentPosition } = useContext(CarouselContext);
+	const currentItem = items[currentPosition];
+	const renderMedia = () => {
+		if (!currentItem) return null;
+		switch (currentItem.dataType) {
+			case "video": return /* @__PURE__ */ jsx(Video, {
+				src: currentItem.dataUrl,
+				poster: currentItem.thumbnailUrl,
+				classNames: { container: classNames?.media }
+			});
+			case "audio": return /* @__PURE__ */ jsx(Audio, {
+				src: currentItem.dataUrl,
+				title: currentItem.title
+			});
+			default: return /* @__PURE__ */ jsx("img", {
+				src: currentItem.dataUrl,
+				alt: currentItem.title
+			});
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx(styles.viewer, classNames?.container),
+		...rest,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: clsx(classNames?.media, styles["viewer-item"]),
+			"data-media": currentItem?.dataType,
+			children: renderMedia()
+		}), children]
+	});
+}
+
+//#endregion
+export { CarouselViewer };
+//# sourceMappingURL=viewer.js.map

package/dist/components/carousel/viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer.js","names":[],"sources":["../../../src/components/carousel/viewer.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\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext } from 'react';\nimport { Audio } from '../audio';\nimport { Video } from '../video';\nimport { CarouselContext } from './context';\nimport styles from './style.module.css';\nimport type { CarouselViewerProps } from './types';\n\n/**\n * Displays the full-size media for the currently active carousel item.\n * Note that it relies on the <Carousel/> component to supply context and must be used\n * as a child of that component.\n *\n * Reads the active item from CarouselContext and renders it as an image, video, or audio\n * element based on the item's dataType. Supports additional children for overlay content.\n *\n * @param props - The viewer props.\n * @param props.children - Optional overlay content rendered inside the viewer.\n * @param props.classNames - Custom class names for viewer elements.\n * @param props.classNames.container - Class name for the viewer container.\n * @param props.classNames.media - Class name for the displayed media element (img, video, or audio).\n * @returns The carousel viewer component.\n */\nexport function CarouselViewer({\n  children,\n  classNames,\n  ...rest\n}: CarouselViewerProps) {\n  const { items, currentPosition } = useContext(CarouselContext);\n  const currentItem = items[currentPosition];\n\n  const renderMedia = () => {\n    if (!currentItem) return null;\n\n    switch (currentItem.dataType) {\n      case 'video':\n        return (\n          <Video\n            src={currentItem.dataUrl}\n            poster={currentItem.thumbnailUrl}\n            classNames={{ container: classNames?.media }}\n          />\n        );\n      case 'audio':\n        return <Audio src={currentItem.dataUrl} title={currentItem.title} />;\n      default:\n        return <img src={currentItem.dataUrl} alt={currentItem.title} />;\n    }\n  };\n\n  return (\n    <div className={clsx(styles.viewer, classNames?.container)} {...rest}>\n      <div\n        className={clsx(classNames?.media, styles['viewer-item'])}\n        data-media={currentItem?.dataType}\n      >\n        {renderMedia()}\n      </div>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,SAAgB,eAAe,EAC7B,UACA,YACA,GAAG,QACmB;CACtB,MAAM,EAAE,OAAO,oBAAoB,WAAW,gBAAgB;CAC9D,MAAM,cAAc,MAAM;CAE1B,MAAM,oBAAoB;AACxB,MAAI,CAAC,YAAa,QAAO;AAEzB,UAAQ,YAAY,UAApB;GACE,KAAK,QACH,QACE,oBAAC;IACC,KAAK,YAAY;IACjB,QAAQ,YAAY;IACpB,YAAY,EAAE,WAAW,YAAY,OAAO;KAC5C;GAEN,KAAK,QACH,QAAO,oBAAC;IAAM,KAAK,YAAY;IAAS,OAAO,YAAY;KAAS;GACtE,QACE,QAAO,oBAAC;IAAI,KAAK,YAAY;IAAS,KAAK,YAAY;KAAS;;;AAItE,QACE,qBAAC;EAAI,WAAW,KAAK,OAAO,QAAQ,YAAY,UAAU;EAAE,GAAI;aAC9D,oBAAC;GACC,WAAW,KAAK,YAAY,OAAO,OAAO,eAAe;GACzD,cAAY,aAAa;aAExB,aAAa;IACV,EACL;GACG"}

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

@@ -10,20 +10,20 @@
  * governing permissions and limitations under the License.
  */
 
-import { CheckboxGroupProps as CheckboxGroupProps$1, CheckboxProps as CheckboxProps$1 } from "./types.js";
+import { CheckboxGroupProps, CheckboxProps } from "./types.js";
 import "client-only";
-import * as react4 from "react";
-import { ContextValue } from "react-aria-components";
+import * as react5 from "react";
+import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/checkbox/context.d.ts
 /**
  * React context for sharing CheckboxGroup configuration across components.
  */
-declare const CheckboxGroupContext: react4.Context<ContextValue<CheckboxGroupProps$1, HTMLDivElement>>;
+declare const CheckboxGroupContext: react5.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
 /**
  * React context for sharing Checkbox configuration across components.
  */
-declare const CheckboxContext: react4.Context<ContextValue<CheckboxProps$1, HTMLLabelElement>>;
+declare const CheckboxContext: react5.Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
 //#endregion
 export { CheckboxContext, CheckboxGroupContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/checkbox/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 { CheckboxGroupProps, CheckboxProps } from './types';\n\n/**\n * React context for sharing CheckboxGroup configuration across components.\n */\nexport const CheckboxGroupContext =\n  createContext<ContextValue<CheckboxGroupProps, HTMLDivElement>>(null);\n\n/**\n * React context for sharing Checkbox configuration across components.\n */\nexport const CheckboxContext =\n  createContext<ContextValue<CheckboxProps, HTMLLabelElement>>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,uBACX,cAAgE,KAAK;;;;AAKvE,MAAa,kBACX,cAA6D,KAAK"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/checkbox/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 { CheckboxGroupProps, CheckboxProps } from './types';\n\n/**\n * React context for sharing CheckboxGroup configuration across components.\n */\nexport const CheckboxGroupContext =\n  createContext<ContextValue<CheckboxGroupProps, HTMLDivElement>>(null);\n\n/**\n * React context for sharing Checkbox configuration across components.\n */\nexport const CheckboxContext =\n  createContext<ContextValue<CheckboxProps, HTMLLabelElement>>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,uBACX,cAAgE,KAAK;;;;AAKvE,MAAa,kBACX,cAA6D,KAAK"}

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

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

package/dist/components/checkbox/group.js

@@ -13,12 +13,14 @@
 
 'use client';
 
+import { Label } from "../label/index.js";
 import { CheckboxContext, CheckboxGroupContext } from "./context.js";
-import { Label as Label$1 } from "../label/index.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

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

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

package/dist/components/checkbox/index.js

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

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

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

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

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

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

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

package/dist/components/chip/deletable.js

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

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

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

package/dist/components/chip/index.js

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

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

@@ -12,14 +12,14 @@
 
 import { ChipListProps } from "./types.js";
 import "client-only";
-import * as react6 from "react";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react9 from "react";
+import * as react_jsx_runtime32 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: react6.Context<boolean>;
+declare const ChipListRenderingContext: react9.Context<boolean>;
 /**
  * ChipList - Container component for grouping multiple chips with shared behavior.
  *
@@ -65,7 +65,7 @@ declare const ChipListRenderingContext: react6.Context<boolean>;
 declare function ChipList<T extends object>({
   ref,
   ...props
-}: ChipListProps<T>): react_jsx_runtime17.JSX.Element;
+}: ChipListProps<T>): react_jsx_runtime32.JSX.Element;
 //#endregion
 export { ChipList, ChipListRenderingContext };
 //# sourceMappingURL=list.d.ts.map

package/dist/components/chip/list.js

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