@accelint/design-toolkit 9.2.0 → 9.4.0

package/dist/components/button/link.d.ts

@@ -12,7 +12,7 @@
 
 import { LinkButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/button/link.d.ts
 
@@ -23,37 +23,57 @@ import * as react_jsx_runtime29 from "react/jsx-runtime";
  * Perfect for navigation actions that should look like buttons but behave as links.
  * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.
  *
+ * @param props - The link button props.
+ * @param props.ref - Reference to the anchor element.
+ * @param props.children - Link button content (text, icons, or both).
+ * @param props.className - Additional CSS class names for styling.
+ * @param props.color - Semantic color variant.
+ * @param props.size - Size of the link button.
+ * @param props.variant - Visual style variant.
+ * @param props.href - Navigation destination URL.
+ * @returns The link button component.
+ *
  * @example
+ * ```tsx
  * // Basic link button
  * <LinkButton href="/dashboard">Go to Dashboard</LinkButton>
+ * ```
  *
  * @example
+ * ```tsx
  * // Link button with different variants and sizes
  * <LinkButton variant="filled" size="large" href="/create">Create New</LinkButton>
  * <LinkButton variant="outline" size="small" href="/settings">Settings</LinkButton>
+ * ```
  *
  * @example
+ * ```tsx
  * // Link button with icon
  * <LinkButton variant="flat" href="/profile">
  *   <Icon><User /></Icon>
  *   View Profile
  * </LinkButton>
+ * ```
  *
  * @example
+ * ```tsx
  * // Icon-only link button
  * <LinkButton variant="icon" href="/help">
  *   <Icon><HelpCircle /></Icon>
  * </LinkButton>
+ * ```
  *
  * @example
+ * ```tsx
  * // Link button with different colors
  * <LinkButton color="critical" href="/delete">Delete Account</LinkButton>
  * <LinkButton color="serious" href="/reset">Reset Data</LinkButton>
+ * ```
  */
 declare function LinkButton({
   ref,
   ...props
-}: LinkButtonProps): react_jsx_runtime29.JSX.Element;
+}: LinkButtonProps): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { LinkButton };
 //# sourceMappingURL=link.d.ts.map

package/dist/components/button/link.js

@@ -29,32 +29,52 @@ import styles from "./styles.module.css";
 * Perfect for navigation actions that should look like buttons but behave as links.
 * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.
 *
+* @param props - The link button props.
+* @param props.ref - Reference to the anchor element.
+* @param props.children - Link button content (text, icons, or both).
+* @param props.className - Additional CSS class names for styling.
+* @param props.color - Semantic color variant.
+* @param props.size - Size of the link button.
+* @param props.variant - Visual style variant.
+* @param props.href - Navigation destination URL.
+* @returns The link button component.
+*
 * @example
+* ```tsx
 * // Basic link button
 * <LinkButton href="/dashboard">Go to Dashboard</LinkButton>
+* ```
 *
 * @example
+* ```tsx
 * // Link button with different variants and sizes
 * <LinkButton variant="filled" size="large" href="/create">Create New</LinkButton>
 * <LinkButton variant="outline" size="small" href="/settings">Settings</LinkButton>
+* ```
 *
 * @example
+* ```tsx
 * // Link button with icon
 * <LinkButton variant="flat" href="/profile">
 *   <Icon><User /></Icon>
 *   View Profile
 * </LinkButton>
+* ```
 *
 * @example
+* ```tsx
 * // Icon-only link button
 * <LinkButton variant="icon" href="/help">
 *   <Icon><HelpCircle /></Icon>
 * </LinkButton>
+* ```
 *
 * @example
+* ```tsx
 * // Link button with different colors
 * <LinkButton color="critical" href="/delete">Delete Account</LinkButton>
 * <LinkButton color="serious" href="/reset">Reset Data</LinkButton>
+* ```
 */
 function LinkButton({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref ?? null, LinkButtonContext);

package/dist/components/button/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":["className"],"sources":["../../../src/components/button/link.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  composeRenderProps,\n  Link,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { LinkButtonContext } from './context';\nimport styles from './styles.module.css';\nimport type { LinkButtonProps } from './types';\n\n/**\n * LinkButton - A button component that renders as a link element\n *\n * Provides accessible link functionality with button-like styling and visual feedback.\n * Perfect for navigation actions that should look like buttons but behave as links.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic link button\n * <LinkButton href=\"/dashboard\">Go to Dashboard</LinkButton>\n *\n * @example\n * // Link button with different variants and sizes\n * <LinkButton variant=\"filled\" size=\"large\" href=\"/create\">Create New</LinkButton>\n * <LinkButton variant=\"outline\" size=\"small\" href=\"/settings\">Settings</LinkButton>\n *\n * @example\n * // Link button with icon\n * <LinkButton variant=\"flat\" href=\"/profile\">\n *   <Icon><User /></Icon>\n *   View Profile\n * </LinkButton>\n *\n * @example\n * // Icon-only link button\n * <LinkButton variant=\"icon\" href=\"/help\">\n *   <Icon><HelpCircle /></Icon>\n * </LinkButton>\n *\n * @example\n * // Link button with different colors\n * <LinkButton color=\"critical\" href=\"/delete\">Delete Account</LinkButton>\n * <LinkButton color=\"serious\" href=\"/reset\">Reset Data</LinkButton>\n */\nexport function LinkButton({ ref, ...props }: LinkButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LinkButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'mono-muted',\n    size = 'medium',\n    variant = 'filled',\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider size={size}>\n      <Link\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          clsx('group/button', styles.button, styles[variant], className),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </Link>\n    </IconProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,SAAgB,WAAW,EAAE,KAAK,GAAG,SAA0B;AAC7D,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,kBAAkB;CAErE,MAAM,EACJ,UACA,WACA,QAAQ,cACR,OAAO,UACP,UAAU,UACV,GAAG,SACD;AAEJ,QACE,oBAAC;EAAmB;YAClB,oBAAC;GACC,GAAI;GACC;GACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,gBAAgB,OAAO,QAAQ,OAAO,UAAUA,YAAU,CAChE;GACD,cAAY;GACZ,aAAW;GAEV;IACI;GACM"}
+{"version":3,"file":"link.js","names":["className"],"sources":["../../../src/components/button/link.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  composeRenderProps,\n  Link,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { LinkButtonContext } from './context';\nimport styles from './styles.module.css';\nimport type { LinkButtonProps } from './types';\n\n/**\n * LinkButton - A button component that renders as a link element\n *\n * Provides accessible link functionality with button-like styling and visual feedback.\n * Perfect for navigation actions that should look like buttons but behave as links.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @param props - The link button props.\n * @param props.ref - Reference to the anchor element.\n * @param props.children - Link button content (text, icons, or both).\n * @param props.className - Additional CSS class names for styling.\n * @param props.color - Semantic color variant.\n * @param props.size - Size of the link button.\n * @param props.variant - Visual style variant.\n * @param props.href - Navigation destination URL.\n * @returns The link button component.\n *\n * @example\n * ```tsx\n * // Basic link button\n * <LinkButton href=\"/dashboard\">Go to Dashboard</LinkButton>\n * ```\n *\n * @example\n * ```tsx\n * // Link button with different variants and sizes\n * <LinkButton variant=\"filled\" size=\"large\" href=\"/create\">Create New</LinkButton>\n * <LinkButton variant=\"outline\" size=\"small\" href=\"/settings\">Settings</LinkButton>\n * ```\n *\n * @example\n * ```tsx\n * // Link button with icon\n * <LinkButton variant=\"flat\" href=\"/profile\">\n *   <Icon><User /></Icon>\n *   View Profile\n * </LinkButton>\n * ```\n *\n * @example\n * ```tsx\n * // Icon-only link button\n * <LinkButton variant=\"icon\" href=\"/help\">\n *   <Icon><HelpCircle /></Icon>\n * </LinkButton>\n * ```\n *\n * @example\n * ```tsx\n * // Link button with different colors\n * <LinkButton color=\"critical\" href=\"/delete\">Delete Account</LinkButton>\n * <LinkButton color=\"serious\" href=\"/reset\">Reset Data</LinkButton>\n * ```\n */\nexport function LinkButton({ ref, ...props }: LinkButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LinkButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'mono-muted',\n    size = 'medium',\n    variant = 'filled',\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider size={size}>\n      <Link\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          clsx('group/button', styles.button, styles[variant], className),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </Link>\n    </IconProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EA,SAAgB,WAAW,EAAE,KAAK,GAAG,SAA0B;AAC7D,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,kBAAkB;CAErE,MAAM,EACJ,UACA,WACA,QAAQ,cACR,OAAO,UACP,UAAU,UACV,GAAG,SACD;AAEJ,QACE,oBAAC;EAAmB;YAClB,oBAAC;GACC,GAAI;GACC;GACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,gBAAgB,OAAO,QAAQ,OAAO,UAAUA,YAAU,CAChE;GACD,cAAY;GACZ,aAAW;GAEV;IACI;GACM"}

package/dist/components/button/toggle.d.ts

@@ -12,7 +12,7 @@
 
 import { ToggleButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/button/toggle.d.ts
 
@@ -23,39 +23,60 @@ import * as react_jsx_runtime30 from "react/jsx-runtime";
  * Perfect for features like favorites, bookmarks, switches, or any binary state controls.
  * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.
  *
+ * @param props - The toggle button props.
+ * @param props.ref - Reference to the button element.
+ * @param props.children - Toggle button content (text, icons, or both).
+ * @param props.className - Additional CSS class names for styling.
+ * @param props.color - Semantic color variant.
+ * @param props.size - Size of the toggle button.
+ * @param props.variant - Visual style variant (filled not available).
+ * @param props.isSelected - Whether the toggle is currently selected.
+ * @param props.onChange - Callback when the toggle state changes.
+ * @returns The toggle button component.
+ *
  * @example
+ * ```tsx
  * // Basic toggle button
  * <ToggleButton>Toggle Feature</ToggleButton>
+ * ```
  *
  * @example
+ * ```tsx
  * // Controlled toggle button with different variants
  * <ToggleButton variant="flat" isSelected={isEnabled} onChange={setIsEnabled}>
  *   Enable Notifications
  * </ToggleButton>
+ * ```
  *
  * @example
+ * ```tsx
  * // Toggle button with icon and state
  * <ToggleButton variant="outline" isSelected={isFavorite} onChange={setIsFavorite}>
  *   <Icon><Heart /></Icon>
  *   {isFavorite ? 'Favorite' : 'Add to Favorites'}
  * </ToggleButton>
+ * ```
  *
  * @example
+ * ```tsx
  * // Icon-only toggle button
  * <ToggleButton variant="icon" isSelected={isBookmarked} onChange={setIsBookmarked}>
  *   <Icon><Bookmark /></Icon>
  * </ToggleButton>
+ * ```
  *
  * @example
+ * ```tsx
  * // Toggle button with different colors and sizes
  * <ToggleButton color="critical" size="small" isSelected={isEnabled}>
  *   Critical Toggle
  * </ToggleButton>
+ * ```
  */
 declare function ToggleButton({
   ref,
   ...props
-}: ToggleButtonProps): react_jsx_runtime30.JSX.Element;
+}: ToggleButtonProps): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { ToggleButton };
 //# sourceMappingURL=toggle.d.ts.map

package/dist/components/button/toggle.js

@@ -29,38 +29,59 @@ import styles from "./styles.module.css";
 * Perfect for features like favorites, bookmarks, switches, or any binary state controls.
 * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.
 *
+* @param props - The toggle button props.
+* @param props.ref - Reference to the button element.
+* @param props.children - Toggle button content (text, icons, or both).
+* @param props.className - Additional CSS class names for styling.
+* @param props.color - Semantic color variant.
+* @param props.size - Size of the toggle button.
+* @param props.variant - Visual style variant (filled not available).
+* @param props.isSelected - Whether the toggle is currently selected.
+* @param props.onChange - Callback when the toggle state changes.
+* @returns The toggle button component.
+*
 * @example
+* ```tsx
 * // Basic toggle button
 * <ToggleButton>Toggle Feature</ToggleButton>
+* ```
 *
 * @example
+* ```tsx
 * // Controlled toggle button with different variants
 * <ToggleButton variant="flat" isSelected={isEnabled} onChange={setIsEnabled}>
 *   Enable Notifications
 * </ToggleButton>
+* ```
 *
 * @example
+* ```tsx
 * // Toggle button with icon and state
 * <ToggleButton variant="outline" isSelected={isFavorite} onChange={setIsFavorite}>
 *   <Icon><Heart /></Icon>
 *   {isFavorite ? 'Favorite' : 'Add to Favorites'}
 * </ToggleButton>
+* ```
 *
 * @example
+* ```tsx
 * // Icon-only toggle button
 * <ToggleButton variant="icon" isSelected={isBookmarked} onChange={setIsBookmarked}>
 *   <Icon><Bookmark /></Icon>
 * </ToggleButton>
+* ```
 *
 * @example
+* ```tsx
 * // Toggle button with different colors and sizes
 * <ToggleButton color="critical" size="small" isSelected={isEnabled}>
 *   Critical Toggle
 * </ToggleButton>
+* ```
 */
 function ToggleButton({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref ?? null, ToggleButtonContext);
-	const { children, className, color = "mono-muted", size = "medium", variant = "filled", ...rest } = props;
+	const { children, className, color = "mono-muted", size = "medium", variant = "flat", ...rest } = props;
 	return /* @__PURE__ */ jsx(IconProvider, {
 		size,
 		children: /* @__PURE__ */ jsx(ToggleButton$1, {

package/dist/components/button/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":["AriaToggleButton","className"],"sources":["../../../src/components/button/toggle.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  ToggleButton as AriaToggleButton,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { ToggleButtonContext } from './context';\nimport styles from './styles.module.css';\nimport type { ToggleButtonProps } from './types';\n\n/**\n * ToggleButton - A button component that maintains pressed/unpressed state\n *\n * Provides accessible toggle functionality with visual feedback for the current state.\n * Perfect for features like favorites, bookmarks, switches, or any binary state controls.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic toggle button\n * <ToggleButton>Toggle Feature</ToggleButton>\n *\n * @example\n * // Controlled toggle button with different variants\n * <ToggleButton variant=\"flat\" isSelected={isEnabled} onChange={setIsEnabled}>\n *   Enable Notifications\n * </ToggleButton>\n *\n * @example\n * // Toggle button with icon and state\n * <ToggleButton variant=\"outline\" isSelected={isFavorite} onChange={setIsFavorite}>\n *   <Icon><Heart /></Icon>\n *   {isFavorite ? 'Favorite' : 'Add to Favorites'}\n * </ToggleButton>\n *\n * @example\n * // Icon-only toggle button\n * <ToggleButton variant=\"icon\" isSelected={isBookmarked} onChange={setIsBookmarked}>\n *   <Icon><Bookmark /></Icon>\n * </ToggleButton>\n *\n * @example\n * // Toggle button with different colors and sizes\n * <ToggleButton color=\"critical\" size=\"small\" isSelected={isEnabled}>\n *   Critical Toggle\n * </ToggleButton>\n */\nexport function ToggleButton({ ref, ...props }: ToggleButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ToggleButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'mono-muted',\n    size = 'medium',\n    variant = 'filled',\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider size={size}>\n      <AriaToggleButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          clsx(\n            'group/button',\n            styles.button,\n            styles.toggle,\n            styles[variant],\n            className,\n          ),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </AriaToggleButton>\n    </IconProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,SAAgB,aAAa,EAAE,KAAK,GAAG,SAA4B;AACjE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,oBAAoB;CAEvE,MAAM,EACJ,UACA,WACA,QAAQ,cACR,OAAO,UACP,UAAU,UACV,GAAG,SACD;AAEJ,QACE,oBAAC;EAAmB;YAClB,oBAACA;GACC,GAAI;GACC;GACL,WAAW,mBAAmB,YAAY,gBACxC,KACE,gBACA,OAAO,QACP,OAAO,QACP,OAAO,UACPC,YACD,CACF;GACD,cAAY;GACZ,aAAW;GAEV;IACgB;GACN"}
+{"version":3,"file":"toggle.js","names":["AriaToggleButton","className"],"sources":["../../../src/components/button/toggle.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  ToggleButton as AriaToggleButton,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { ToggleButtonContext } from './context';\nimport styles from './styles.module.css';\nimport type { ToggleButtonProps } from './types';\n\n/**\n * ToggleButton - A button component that maintains pressed/unpressed state\n *\n * Provides accessible toggle functionality with visual feedback for the current state.\n * Perfect for features like favorites, bookmarks, switches, or any binary state controls.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @param props - The toggle button props.\n * @param props.ref - Reference to the button element.\n * @param props.children - Toggle button content (text, icons, or both).\n * @param props.className - Additional CSS class names for styling.\n * @param props.color - Semantic color variant.\n * @param props.size - Size of the toggle button.\n * @param props.variant - Visual style variant (filled not available).\n * @param props.isSelected - Whether the toggle is currently selected.\n * @param props.onChange - Callback when the toggle state changes.\n * @returns The toggle button component.\n *\n * @example\n * ```tsx\n * // Basic toggle button\n * <ToggleButton>Toggle Feature</ToggleButton>\n * ```\n *\n * @example\n * ```tsx\n * // Controlled toggle button with different variants\n * <ToggleButton variant=\"flat\" isSelected={isEnabled} onChange={setIsEnabled}>\n *   Enable Notifications\n * </ToggleButton>\n * ```\n *\n * @example\n * ```tsx\n * // Toggle button with icon and state\n * <ToggleButton variant=\"outline\" isSelected={isFavorite} onChange={setIsFavorite}>\n *   <Icon><Heart /></Icon>\n *   {isFavorite ? 'Favorite' : 'Add to Favorites'}\n * </ToggleButton>\n * ```\n *\n * @example\n * ```tsx\n * // Icon-only toggle button\n * <ToggleButton variant=\"icon\" isSelected={isBookmarked} onChange={setIsBookmarked}>\n *   <Icon><Bookmark /></Icon>\n * </ToggleButton>\n * ```\n *\n * @example\n * ```tsx\n * // Toggle button with different colors and sizes\n * <ToggleButton color=\"critical\" size=\"small\" isSelected={isEnabled}>\n *   Critical Toggle\n * </ToggleButton>\n * ```\n */\nexport function ToggleButton({ ref, ...props }: ToggleButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ToggleButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'mono-muted',\n    size = 'medium',\n    variant = 'flat',\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider size={size}>\n      <AriaToggleButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          clsx(\n            'group/button',\n            styles.button,\n            styles.toggle,\n            styles[variant],\n            className,\n          ),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </AriaToggleButton>\n    </IconProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,SAAgB,aAAa,EAAE,KAAK,GAAG,SAA4B;AACjE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,oBAAoB;CAEvE,MAAM,EACJ,UACA,WACA,QAAQ,cACR,OAAO,UACP,UAAU,QACV,GAAG,SACD;AAEJ,QACE,oBAAC;EAAmB;YAClB,oBAACA;GACC,GAAI;GACC;GACL,WAAW,mBAAmB,YAAY,gBACxC,KACE,gBACA,OAAO,QACP,OAAO,QACP,OAAO,UACPC,YACD,CACF;GACD,cAAY;GACZ,aAAW;GAEV;IACgB;GACN"}

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

@@ -15,16 +15,42 @@ import { ButtonProps as ButtonProps$1, LinkProps, ToggleButtonProps as ToggleBut
 
 //#region src/components/button/types.d.ts
 type Variants = 'filled' | 'flat' | 'icon' | 'outline';
+/**
+ * Style variant options for Button and LinkButton components.
+ */
 type ButtonStyleVariants = {
+  /** Size of the button. */
   size?: 'large' | 'medium' | 'small' | 'xsmall';
+  /** Semantic color variant. */
   color?: 'mono-muted' | 'mono-bold' | 'accent' | 'serious' | 'critical';
+  /** Visual style variant. */
   variant?: Variants;
 };
+/**
+ * Style variant options for ToggleButton components.
+ * Excludes 'filled' variant which is not supported for toggle buttons.
+ */
 type ToggleButtonStyleVariants = Omit<ButtonStyleVariants, 'variant'> & {
+  /** Visual style variant (filled not available for toggle). */
   variant?: Exclude<Variants, 'filled'>;
 };
+/**
+ * Props for the Button component.
+ *
+ * Extends React Aria Button with style variants and ref support.
+ */
 type ButtonProps = ButtonProps$1 & ButtonStyleVariants & AriaAttributesWithRef<HTMLButtonElement>;
+/**
+ * Props for the LinkButton component.
+ *
+ * Extends React Aria Link with button style variants and ref support.
+ */
 type LinkButtonProps = LinkProps & ButtonStyleVariants & AriaAttributesWithRef<HTMLAnchorElement>;
+/**
+ * Props for the ToggleButton component.
+ *
+ * Extends React Aria ToggleButton with style variants and ref support.
+ */
 type ToggleButtonProps = ToggleButtonProps$1 & ToggleButtonStyleVariants & AriaAttributesWithRef<HTMLButtonElement>;
 //#endregion
 export { ButtonProps, ButtonStyleVariants, LinkButtonProps, ToggleButtonProps, ToggleButtonStyleVariants };

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

@@ -12,12 +12,18 @@
 
 import { CheckboxGroupProps as CheckboxGroupProps$1, CheckboxProps as CheckboxProps$1 } from "./types.js";
 import "client-only";
-import * as react13 from "react";
+import * as react6 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/checkbox/context.d.ts
-declare const CheckboxGroupContext: react13.Context<ContextValue<CheckboxGroupProps$1, HTMLDivElement>>;
-declare const CheckboxContext: react13.Context<ContextValue<CheckboxProps$1, HTMLLabelElement>>;
+/**
+ * React context for sharing CheckboxGroup configuration across components.
+ */
+declare const CheckboxGroupContext: react6.Context<ContextValue<CheckboxGroupProps$1, HTMLDivElement>>;
+/**
+ * React context for sharing Checkbox configuration across components.
+ */
+declare const CheckboxContext: react6.Context<ContextValue<CheckboxProps$1, HTMLLabelElement>>;
 //#endregion
 export { CheckboxContext, CheckboxGroupContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/checkbox/context.js

@@ -17,7 +17,13 @@ import "client-only";
 import { createContext } from "react";
 
 //#region src/components/checkbox/context.tsx
+/**
+* React context for sharing CheckboxGroup configuration across components.
+*/
 const CheckboxGroupContext = createContext(null);
+/**
+* React context for sharing Checkbox configuration across components.
+*/
 const CheckboxContext = createContext(null);
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/checkbox/context.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { CheckboxGroupProps, CheckboxProps } from './types';\n\nexport const CheckboxGroupContext =\n  createContext<ContextValue<CheckboxGroupProps, HTMLDivElement>>(null);\n\nexport const CheckboxContext =\n  createContext<ContextValue<CheckboxProps, HTMLLabelElement>>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAa,uBACX,cAAgE,KAAK;AAEvE,MAAa,kBACX,cAA6D,KAAK"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/checkbox/context.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { 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,13 +12,42 @@
 
 import { CheckboxGroupProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime53 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/components/checkbox/group.d.ts
+
+/**
+ * Groups multiple checkboxes with shared state and configuration.
+ *
+ * @param props - The checkbox group props.
+ * @param props.ref - Reference to the group container element.
+ * @param props.children - Checkbox components to render within the group.
+ * @param props.classNames - Custom class names for sub-elements.
+ * @param props.label - Label text displayed above the group.
+ * @param props.orientation - Layout orientation ('vertical' or 'horizontal').
+ * @returns The checkbox group component.
+ *
+ * @example
+ * ```tsx
+ * <CheckboxGroup label="Preferences">
+ *   <Checkbox value="email">Email</Checkbox>
+ *   <Checkbox value="sms">SMS</Checkbox>
+ * </CheckboxGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Horizontal layout
+ * <CheckboxGroup label="Features" orientation="horizontal">
+ *   <Checkbox value="a">Feature A</Checkbox>
+ *   <Checkbox value="b">Feature B</Checkbox>
+ * </CheckboxGroup>
+ * ```
+ */
 declare function CheckboxGroup({
   ref,
   ...props
-}: CheckboxGroupProps): react_jsx_runtime53.JSX.Element;
+}: CheckboxGroupProps): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { CheckboxGroup };
 //# sourceMappingURL=group.d.ts.map

package/dist/components/checkbox/group.js

@@ -22,6 +22,34 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
 //#region src/components/checkbox/group.tsx
+/**
+* Groups multiple checkboxes with shared state and configuration.
+*
+* @param props - The checkbox group props.
+* @param props.ref - Reference to the group container element.
+* @param props.children - Checkbox components to render within the group.
+* @param props.classNames - Custom class names for sub-elements.
+* @param props.label - Label text displayed above the group.
+* @param props.orientation - Layout orientation ('vertical' or 'horizontal').
+* @returns The checkbox group component.
+*
+* @example
+* ```tsx
+* <CheckboxGroup label="Preferences">
+*   <Checkbox value="email">Email</Checkbox>
+*   <Checkbox value="sms">SMS</Checkbox>
+* </CheckboxGroup>
+* ```
+*
+* @example
+* ```tsx
+* // Horizontal layout
+* <CheckboxGroup label="Features" orientation="horizontal">
+*   <Checkbox value="a">Feature A</Checkbox>
+*   <Checkbox value="b">Feature B</Checkbox>
+* </CheckboxGroup>
+* ```
+*/
 function CheckboxGroup({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref ?? null, CheckboxGroupContext);
 	const { children, classNames, label, orientation = "vertical", ...rest } = props;

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 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { 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 { CheckboxGroupContext } from './context';\nimport styles from './styles.module.css';\nimport type { CheckboxGroupProps } from './types';\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    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        <>\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        </>\n      ))}\n    </AriaCheckboxGroup>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,cAAc,EAAE,KAAK,GAAG,SAA6B;AACnE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,qBAAqB;CAExE,MAAM,EACJ,UACA,YACA,OACA,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,4CACG,SACC,oBAACC;GACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;GACpC;GACA;aAEX;IACK,EAETC,cACA,CACH;GACgB"}
+{"version":3,"file":"group.js","names":["AriaCheckboxGroup","Label","children"],"sources":["../../../src/components/checkbox/group.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { 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 { 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    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        <>\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        </>\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,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,4CACG,SACC,oBAACC;GACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;GACpC;GACA;aAEX;IACK,EAETC,cACA,CACH;GACgB"}

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

@@ -12,7 +12,7 @@
 
 import { CheckboxProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime67 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/checkbox/index.d.ts
 
@@ -23,36 +23,53 @@ import * as react_jsx_runtime67 from "react/jsx-runtime";
  * or grouped selections. Includes visual feedback for checked, indeterminate, and
  * disabled states with integrated labeling and validation support.
  *
+ * @param props - The checkbox props.
+ * @param props.ref - Reference to the label element.
+ * @param props.classNames - Custom class names for sub-elements.
+ * @param props.children - Label content for the checkbox.
+ * @param props.isSelected - Whether the checkbox is checked.
+ * @param props.isIndeterminate - Whether the checkbox is in indeterminate state.
+ * @param props.isDisabled - Whether the checkbox is disabled.
+ * @returns The checkbox component.
+ *
  * @example
+ * ```tsx
  * // Basic checkbox
  * <Checkbox>
  *   Accept terms and conditions
  * </Checkbox>
+ * ```
  *
  * @example
+ * ```tsx
  * // Checkbox group with multiple options
  * <CheckboxGroup label="Select preferences">
  *   <Checkbox value="notifications">Email notifications</Checkbox>
  *   <Checkbox value="marketing">Marketing emails</Checkbox>
  *   <Checkbox value="updates">Product updates</Checkbox>
  * </CheckboxGroup>
+ * ```
  *
  * @example
+ * ```tsx
  * // Disabled checkbox
  * <Checkbox isDisabled>
  *   Unavailable option
  * </Checkbox>
+ * ```
  *
  * @example
+ * ```tsx
  * // Indeterminate checkbox (partial selection)
  * <Checkbox isIndeterminate>
  *   Select all items
  * </Checkbox>
+ * ```
  */
 declare function Checkbox({
   ref,
   ...props
-}: CheckboxProps): react_jsx_runtime67.JSX.Element;
+}: CheckboxProps): react_jsx_runtime17.JSX.Element;
 //#endregion
 export { Checkbox };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/checkbox/index.js

@@ -19,8 +19,9 @@ import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
 import { Checkbox as Checkbox$1, composeRenderProps, useContextProps } from "react-aria-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Check, Remove } from "@accelint/icons";
 import styles from "./styles.module.css";
+import Check from "@accelint/icons/check";
+import Remove from "@accelint/icons/remove";
 
 //#region src/components/checkbox/index.tsx
 /**
@@ -30,31 +31,48 @@ import styles from "./styles.module.css";
 * or grouped selections. Includes visual feedback for checked, indeterminate, and
 * disabled states with integrated labeling and validation support.
 *
+* @param props - The checkbox props.
+* @param props.ref - Reference to the label element.
+* @param props.classNames - Custom class names for sub-elements.
+* @param props.children - Label content for the checkbox.
+* @param props.isSelected - Whether the checkbox is checked.
+* @param props.isIndeterminate - Whether the checkbox is in indeterminate state.
+* @param props.isDisabled - Whether the checkbox is disabled.
+* @returns The checkbox component.
+*
 * @example
+* ```tsx
 * // Basic checkbox
 * <Checkbox>
 *   Accept terms and conditions
 * </Checkbox>
+* ```
 *
 * @example
+* ```tsx
 * // Checkbox group with multiple options
 * <CheckboxGroup label="Select preferences">
 *   <Checkbox value="notifications">Email notifications</Checkbox>
 *   <Checkbox value="marketing">Marketing emails</Checkbox>
 *   <Checkbox value="updates">Product updates</Checkbox>
 * </CheckboxGroup>
+* ```
 *
 * @example
+* ```tsx
 * // Disabled checkbox
 * <Checkbox isDisabled>
 *   Unavailable option
 * </Checkbox>
+* ```
 *
 * @example
+* ```tsx
 * // Indeterminate checkbox (partial selection)
 * <Checkbox isIndeterminate>
 *   Select all items
 * </Checkbox>
+* ```
 */
 function Checkbox({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref ?? null, CheckboxContext);

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 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { Check, Remove } from '@accelint/icons';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\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 * @example\n * // Basic checkbox\n * <Checkbox>\n *   Accept terms and conditions\n * </Checkbox>\n *\n * @example\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 * @example\n * // Disabled checkbox\n * <Checkbox isDisabled>\n *   Unavailable option\n * </Checkbox>\n *\n * @example\n * // Indeterminate checkbox (partial selection)\n * <Checkbox isIndeterminate>\n *   Select all items\n * </Checkbox>\n */\nexport function Checkbox({ ref, ...props }: CheckboxProps) {\n  [props, ref] = useContextProps(props, ref ?? null, CheckboxContext);\n\n  const { classNames, children, ...rest } = props;\n\n  return (\n    <AriaCheckbox\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.checkbox, (className) =>\n        clsx('group/checkbox', styles.checkbox, className),\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,SAAgB,SAAS,EAAE,KAAK,GAAG,SAAwB;AACzD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,gBAAgB;CAEnE,MAAM,EAAE,YAAY,UAAU,GAAG,SAAS;AAE1C,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,WAAW,cACnD,KAAK,kBAAkB,OAAO,UAAU,UAAU,CACnD;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 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport 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, ...rest } = props;\n\n  return (\n    <AriaCheckbox\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.checkbox, (className) =>\n        clsx('group/checkbox', styles.checkbox, className),\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,GAAG,SAAS;AAE1C,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,WAAW,cACnD,KAAK,kBAAkB,OAAO,UAAU,UAAU,CACnD;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"}