@accelint/design-toolkit 9.9.2 → 9.11.0

package/dist/components/badge/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/badge/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContextProps } from 'react-aria-components';\nimport { BadgeContext } from './context';\nimport styles from './styles.module.css';\nimport type { BadgeProps } from './types';\n\n/**\n * Small status indicator for labels, counts, and notifications.\n * Empty badges render as dot indicators.\n *\n * @param props - The badge props.\n * @param props.ref - Reference to the span element.\n * @param props.className - Additional CSS class names for styling.\n * @param props.color - Semantic color variant.\n * @param props.offset - Offset from positioned edge in pixels.\n * @param props.placement - Position relative to container.\n * @param props.children - Badge content (text, number, or empty for dot).\n * @returns The badge span element.\n *\n * @example\n * ```tsx\n * <Badge>New</Badge>\n * ```\n *\n * @example\n * ```tsx\n * // Color variants\n * <Badge color=\"normal\">Active</Badge>\n * <Badge color=\"advisory\">Pending</Badge>\n * <Badge color=\"critical\">Error</Badge>\n * ```\n *\n * @example\n * ```tsx\n * // Dot indicator (no children)\n * <Badge color=\"normal\" />\n * ```\n *\n * @example\n * ```tsx\n * // Positioned badge\n * <Badge placement=\"top right\" offset={designTokens.spacing.xs}>3</Badge>\n * ```\n */\nexport function Badge({ ref, ...props }: BadgeProps) {\n  [props, ref] = useContextProps(props, ref ?? null, BadgeContext);\n\n  const { className, color = 'info', offset, placement, ...rest } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={clsx('group/badge', styles.badge, className)}\n      data-color={color}\n      data-offset-x={typeof offset === 'number' ? offset : offset?.x}\n      data-offset-y={typeof offset === 'number' ? offset : offset?.y}\n      data-placement={placement || null}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,SAAgB,MAAM,EAAE,KAAK,GAAG,SAAqB;AACnD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,aAAa;CAEhE,MAAM,EAAE,WAAW,QAAQ,QAAQ,QAAQ,WAAW,GAAG,SAAS;AAElE,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KAAK,eAAe,OAAO,OAAO,UAAU;EACvD,cAAY;EACZ,iBAAe,OAAO,WAAW,WAAW,SAAS,QAAQ;EAC7D,iBAAe,OAAO,WAAW,WAAW,SAAS,QAAQ;EAC7D,kBAAgB,aAAa;GAC7B"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/badge/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { BadgeContext } from './context';\nimport styles from './styles.module.css';\nimport type { BadgeProps } from './types';\n\n/**\n * Small status indicator for labels, counts, and notifications.\n * Empty badges render as dot indicators.\n *\n * @param props - The badge props.\n * @param props.ref - Reference to the span element.\n * @param props.className - Additional CSS class names for styling.\n * @param props.color - Semantic color variant.\n * @param props.offset - Offset from positioned edge in pixels.\n * @param props.placement - Position relative to container.\n * @param props.children - Badge content (text, number, or empty for dot).\n * @returns The badge span element.\n *\n * @example\n * ```tsx\n * <Badge>New</Badge>\n * ```\n *\n * @example\n * ```tsx\n * // Color variants\n * <Badge color=\"normal\">Active</Badge>\n * <Badge color=\"advisory\">Pending</Badge>\n * <Badge color=\"critical\">Error</Badge>\n * ```\n *\n * @example\n * ```tsx\n * // Dot indicator (no children)\n * <Badge color=\"normal\" />\n * ```\n *\n * @example\n * ```tsx\n * // Positioned badge\n * <Badge placement=\"top right\" offset={designTokens.spacing.xs}>3</Badge>\n * ```\n */\nexport function Badge({ ref, ...props }: BadgeProps) {\n  [props, ref] = useContextProps(props, ref ?? null, BadgeContext);\n\n  const { className, color = 'info', offset, placement, ...rest } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={clsx('group/badge', styles.badge, className)}\n      data-color={color}\n      data-offset-x={typeof offset === 'number' ? offset : offset?.x}\n      data-offset-y={typeof offset === 'number' ? offset : offset?.y}\n      data-placement={placement || null}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA,SAAgB,MAAM,EAAE,KAAK,GAAG,SAAqB;AACnD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,aAAa;CAEhE,MAAM,EAAE,WAAW,QAAQ,QAAQ,QAAQ,WAAW,GAAG,SAAS;AAElE,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KAAK,eAAe,OAAO,OAAO,UAAU;EACvD,cAAY;EACZ,iBAAe,OAAO,WAAW,WAAW,SAAS,QAAQ;EAC7D,iBAAe,OAAO,WAAW,WAAW,SAAS,QAAQ;EAC7D,kBAAgB,aAAa;GAC7B"}

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

@@ -11,8 +11,8 @@
  */
 
 import "client-only";
-import { BreadcrumbProps, BreadcrumbsProps } from "react-aria-components";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime80 from "react/jsx-runtime";
+import { BreadcrumbProps, BreadcrumbsProps } from "react-aria-components/Breadcrumbs";
 
 //#region src/components/breadcrumbs/index.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime6 from "react/jsx-runtime";
 declare function Breadcrumbs({
   children,
   className
-}: BreadcrumbsProps<BreadcrumbProps>): react_jsx_runtime6.JSX.Element;
+}: BreadcrumbsProps<BreadcrumbProps>): react_jsx_runtime80.JSX.Element;
 //#endregion
 export { Breadcrumbs };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/breadcrumbs/index.js

@@ -15,8 +15,8 @@
 
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Breadcrumbs as Breadcrumbs$1 } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Breadcrumbs as Breadcrumbs$1 } from "react-aria-components/Breadcrumbs";
 import styles from "./styles.module.css";
 
 //#region src/components/breadcrumbs/index.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaBreadcrumbs"],"sources":["../../../src/components/breadcrumbs/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 {\n  Breadcrumbs as AriaBreadcrumbs,\n  type BreadcrumbProps,\n  type BreadcrumbsProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * Breadcrumbs - Accessible breadcrumb navigation\n *\n * Displays the user's location within an application hierarchy and provides\n * links back to parent pages. The final item represents the current page.\n *\n * @param props - The breadcrumbs props.\n * @param props.children - BreadcrumbItem components representing the navigation path.\n * @param props.className - Additional CSS class names for styling.\n * @returns The breadcrumbs navigation component.\n *\n * @example\n * ```tsx\n * <Breadcrumbs>\n *   <BreadcrumbItem linkProps={{ href: '/' }}>Home</BreadcrumbItem>\n *   <BreadcrumbItem>Current</BreadcrumbItem>\n * </Breadcrumbs>\n * ```\n */\nexport function Breadcrumbs({\n  children,\n  className,\n}: BreadcrumbsProps<BreadcrumbProps>) {\n  return (\n    <AriaBreadcrumbs className={clsx(styles.list, className)}>\n      {children}\n    </AriaBreadcrumbs>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,SAAgB,YAAY,EAC1B,UACA,aACoC;AACpC,QACE,oBAACA;EAAgB,WAAW,KAAK,OAAO,MAAM,UAAU;EACrD;GACe"}
+{"version":3,"file":"index.js","names":["AriaBreadcrumbs"],"sources":["../../../src/components/breadcrumbs/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 {\n  Breadcrumbs as AriaBreadcrumbs,\n  type BreadcrumbProps,\n  type BreadcrumbsProps,\n} from 'react-aria-components/Breadcrumbs';\nimport styles from './styles.module.css';\n\n/**\n * Breadcrumbs - Accessible breadcrumb navigation\n *\n * Displays the user's location within an application hierarchy and provides\n * links back to parent pages. The final item represents the current page.\n *\n * @param props - The breadcrumbs props.\n * @param props.children - BreadcrumbItem components representing the navigation path.\n * @param props.className - Additional CSS class names for styling.\n * @returns The breadcrumbs navigation component.\n *\n * @example\n * ```tsx\n * <Breadcrumbs>\n *   <BreadcrumbItem linkProps={{ href: '/' }}>Home</BreadcrumbItem>\n *   <BreadcrumbItem>Current</BreadcrumbItem>\n * </Breadcrumbs>\n * ```\n */\nexport function Breadcrumbs({\n  children,\n  className,\n}: BreadcrumbsProps<BreadcrumbProps>) {\n  return (\n    <AriaBreadcrumbs className={clsx(styles.list, className)}>\n      {children}\n    </AriaBreadcrumbs>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,SAAgB,YAAY,EAC1B,UACA,aACoC;AACpC,QACE,oBAACA;EAAgB,WAAW,KAAK,OAAO,MAAM,UAAU;EACrD;GACe"}

package/dist/components/breadcrumbs/item.d.ts

@@ -12,7 +12,7 @@
 
 import { BreadcrumbItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
 
 //#region src/components/breadcrumbs/item.d.ts
 
@@ -43,7 +43,7 @@ declare function BreadcrumbItem({
   classNames,
   linkProps,
   ...rest
-}: BreadcrumbItemProps): react_jsx_runtime7.JSX.Element;
+}: BreadcrumbItemProps): react_jsx_runtime49.JSX.Element;
 //#endregion
 export { BreadcrumbItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/breadcrumbs/item.js

@@ -16,10 +16,12 @@
 import { Icon } from "../icon/index.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Breadcrumb, Link, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Breadcrumb } from "react-aria-components/Breadcrumbs";
 import styles from "./styles.module.css";
 import ChevronRight from "@accelint/icons/chevron-right";
+import { Link } from "react-aria-components/Link";
 
 //#region src/components/breadcrumbs/item.tsx
 /**

package/dist/components/breadcrumbs/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":[],"sources":["../../../src/components/breadcrumbs/item.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 ChevronRight from '@accelint/icons/chevron-right';\nimport { Breadcrumb, composeRenderProps, Link } from 'react-aria-components';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\nimport type { BreadcrumbItemProps } from './types';\n\n/**\n * Individual breadcrumb item. Renders as a link when `linkProps` is provided,\n * or as plain text for the current page.\n *\n * @param props - The breadcrumb item props.\n * @param props.children - Content to display in the breadcrumb.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.linkProps - Props for the Link component (omit for current page).\n * @returns The breadcrumb item component.\n *\n * @example\n * ```tsx\n * // Link item\n * <BreadcrumbItem linkProps={{ href: '/home' }}>Home</BreadcrumbItem>\n * ```\n *\n * @example\n * ```tsx\n * // Current page (no link)\n * <BreadcrumbItem>Current Page</BreadcrumbItem>\n * ```\n */\nexport function BreadcrumbItem({\n  children,\n  classNames,\n  linkProps,\n  ...rest\n}: BreadcrumbItemProps) {\n  return (\n    <Breadcrumb\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        clsx('group/breadcrumb', styles.item, className),\n      )}\n    >\n      {composeRenderProps(linkProps ? null : children, (itemChildren) => (\n        <>\n          {linkProps ? (\n            <Link\n              {...linkProps}\n              className={composeRenderProps(classNames?.link, (className) =>\n                clsx(styles.link, className),\n              )}\n            >\n              {children}\n            </Link>\n          ) : (\n            itemChildren\n          )}\n          <Icon\n            aria-hidden='true'\n            className={clsx(styles.separator, classNames?.separator)}\n          >\n            <ChevronRight />\n          </Icon>\n        </>\n      ))}\n    </Breadcrumb>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAgB,eAAe,EAC7B,UACA,YACA,WACA,GAAG,QACmB;AACtB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,oBAAoB,OAAO,MAAM,UAAU,CACjD;YAEA,mBAAmB,YAAY,OAAO,WAAW,iBAChD,4CACG,YACC,oBAAC;GACC,GAAI;GACJ,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,OAAO,MAAM,UAAU,CAC7B;GAEA;IACI,GAEP,cAEF,oBAAC;GACC,eAAY;GACZ,WAAW,KAAK,OAAO,WAAW,YAAY,UAAU;aAExD,oBAAC,iBAAe;IACX,IACN,CACH;GACS"}
+{"version":3,"file":"item.js","names":[],"sources":["../../../src/components/breadcrumbs/item.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 ChevronRight from '@accelint/icons/chevron-right';\nimport { Breadcrumb } from 'react-aria-components/Breadcrumbs';\nimport { Link } from 'react-aria-components/Link';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\nimport type { BreadcrumbItemProps } from './types';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\n\n/**\n * Individual breadcrumb item. Renders as a link when `linkProps` is provided,\n * or as plain text for the current page.\n *\n * @param props - The breadcrumb item props.\n * @param props.children - Content to display in the breadcrumb.\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.linkProps - Props for the Link component (omit for current page).\n * @returns The breadcrumb item component.\n *\n * @example\n * ```tsx\n * // Link item\n * <BreadcrumbItem linkProps={{ href: '/home' }}>Home</BreadcrumbItem>\n * ```\n *\n * @example\n * ```tsx\n * // Current page (no link)\n * <BreadcrumbItem>Current Page</BreadcrumbItem>\n * ```\n */\nexport function BreadcrumbItem({\n  children,\n  classNames,\n  linkProps,\n  ...rest\n}: BreadcrumbItemProps) {\n  return (\n    <Breadcrumb\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        clsx('group/breadcrumb', styles.item, className),\n      )}\n    >\n      {composeRenderProps(linkProps ? null : children, (itemChildren) => (\n        <>\n          {linkProps ? (\n            <Link\n              {...linkProps}\n              className={composeRenderProps(classNames?.link, (className) =>\n                clsx(styles.link, className),\n              )}\n            >\n              {children}\n            </Link>\n          ) : (\n            itemChildren\n          )}\n          <Icon\n            aria-hidden='true'\n            className={clsx(styles.separator, classNames?.separator)}\n          >\n            <ChevronRight />\n          </Icon>\n        </>\n      ))}\n    </Breadcrumb>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,eAAe,EAC7B,UACA,YACA,WACA,GAAG,QACmB;AACtB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,oBAAoB,OAAO,MAAM,UAAU,CACjD;YAEA,mBAAmB,YAAY,OAAO,WAAW,iBAChD,4CACG,YACC,oBAAC;GACC,GAAI;GACJ,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,OAAO,MAAM,UAAU,CAC7B;GAEA;IACI,GAEP,cAEF,oBAAC;GACC,eAAY;GACZ,WAAW,KAAK,OAAO,WAAW,YAAY,UAAU;aAExD,oBAAC,iBAAe;IACX,IACN,CACH;GACS"}

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

@@ -10,7 +10,8 @@
  * governing permissions and limitations under the License.
  */
 
-import { BreadcrumbProps, LinkProps } from "react-aria-components";
+import { BreadcrumbProps } from "react-aria-components/Breadcrumbs";
+import { LinkProps } from "react-aria-components/Link";
 
 //#region src/components/breadcrumbs/types.d.ts
 /**

package/dist/components/button/__internal__/clear.js

@@ -16,8 +16,9 @@
 import { Icon } from "../../icon/index.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Button, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
+import { Button } from "react-aria-components/Button";
 import CancelFill from "@accelint/icons/cancel-fill";
 import styles from "./styles.module.css";
 

package/dist/components/button/__internal__/clear.js.map

@@ -1 +1 @@
-{"version":3,"file":"clear.js","names":["className"],"sources":["../../../../src/components/button/__internal__/clear.tsx"],"sourcesContent":["// __private-exports\n/*\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';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport CancelFill from '@accelint/icons/cancel-fill';\nimport {\n  type ButtonProps as AriaButtonProps,\n  Button,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { Icon } from '../../icon';\nimport styles from './styles.module.css';\n\n/**\n * ClearButton - Internal-only button for clearing input values\n *\n * A lightweight button component used internally by input\n * components to provide clear functionality. This component is not exported\n * from the design-toolkit package and should not be used directly by consumers.\n *\n * @internal\n */\nexport type ClearButtonProps = Readonly<\n  Omit<AriaButtonProps, 'children' | 'size' | 'variant'>\n>;\n\n/**\n * @internal\n */\nexport function ClearButton({ className, ...rest }: ClearButtonProps) {\n  return (\n    <Button\n      {...rest}\n      slot={null}\n      excludeFromTabOrder\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.clearButton, className),\n      )}\n    >\n      <Icon size='small'>\n        <CancelFill />\n      </Icon>\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,SAAgB,YAAY,EAAE,WAAW,GAAG,QAA0B;AACpE,QACE,oBAAC;EACC,GAAI;EACJ,MAAM;EACN;EACA,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,aAAaA,YAAU,CACpC;YAED,oBAAC;GAAK,MAAK;aACT,oBAAC,eAAa;IACT;GACA"}
+{"version":3,"file":"clear.js","names":["className"],"sources":["../../../../src/components/button/__internal__/clear.tsx"],"sourcesContent":["// __private-exports\n/*\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';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport CancelFill from '@accelint/icons/cancel-fill';\nimport {\n  type ButtonProps as AriaButtonProps,\n  Button,\n} from 'react-aria-components/Button';\nimport { Icon } from '../../icon';\nimport styles from './styles.module.css';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\n\n/**\n * ClearButton - Internal-only button for clearing input values\n *\n * A lightweight button component used internally by input\n * components to provide clear functionality. This component is not exported\n * from the design-toolkit package and should not be used directly by consumers.\n *\n * @internal\n */\nexport type ClearButtonProps = Readonly<\n  Omit<AriaButtonProps, 'children' | 'size' | 'variant'>\n>;\n\n/**\n * @internal\n */\nexport function ClearButton({ className, ...rest }: ClearButtonProps) {\n  return (\n    <Button\n      {...rest}\n      slot={null}\n      excludeFromTabOrder\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.clearButton, className),\n      )}\n    >\n      <Icon size='small'>\n        <CancelFill />\n      </Icon>\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,SAAgB,YAAY,EAAE,WAAW,GAAG,QAA0B;AACpE,QACE,oBAAC;EACC,GAAI;EACJ,MAAM;EACN;EACA,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,aAAaA,YAAU,CACpC;YAED,oBAAC;GAAK,MAAK;aACT,oBAAC,eAAa;IACT;GACA"}

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

@@ -11,17 +11,17 @@
  */
 
 import { ProviderProps } from "../../lib/types.js";
-import { ButtonProps as ButtonProps$1, LinkButtonProps, ToggleButtonProps as ToggleButtonProps$1 } from "./types.js";
+import { ButtonProps, LinkButtonProps, ToggleButtonProps } from "./types.js";
 import "client-only";
-import * as react1 from "react";
-import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react31 from "react";
+import * as react_jsx_runtime124 from "react/jsx-runtime";
+import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/button/context.d.ts
 /**
  * React context for sharing Button configuration across components.
  */
-declare const ButtonContext: react1.Context<ContextValue<ButtonProps$1, HTMLButtonElement>>;
+declare const ButtonContext: react31.Context<ContextValue<ButtonProps, HTMLButtonElement>>;
 /**
  * Context provider for setting default props across multiple Button components.
  *
@@ -40,11 +40,11 @@ declare const ButtonContext: react1.Context<ContextValue<ButtonProps$1, HTMLButt
 declare function ButtonProvider({
   children,
   ...props
-}: ProviderProps<ButtonProps$1>): react_jsx_runtime8.JSX.Element;
+}: ProviderProps<ButtonProps>): react_jsx_runtime124.JSX.Element;
 /**
  * React context for sharing LinkButton configuration across components.
  */
-declare const LinkButtonContext: react1.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
+declare const LinkButtonContext: react31.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
 /**
  * Context provider for setting default props across multiple LinkButton components.
  *
@@ -63,11 +63,11 @@ declare const LinkButtonContext: react1.Context<ContextValue<LinkButtonProps, HT
 declare function LinkButtonProvider({
   children,
   ...props
-}: ProviderProps<LinkButtonProps>): react_jsx_runtime8.JSX.Element;
+}: ProviderProps<LinkButtonProps>): react_jsx_runtime124.JSX.Element;
 /**
  * React context for sharing ToggleButton configuration across components.
  */
-declare const ToggleButtonContext: react1.Context<ContextValue<ToggleButtonProps$1, HTMLButtonElement>>;
+declare const ToggleButtonContext: react31.Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
 /**
  * Context provider for setting default props across multiple ToggleButton components.
  *
@@ -86,7 +86,7 @@ declare const ToggleButtonContext: react1.Context<ContextValue<ToggleButtonProps
 declare function ToggleButtonProvider({
   children,
   ...props
-}: ProviderProps<ToggleButtonProps$1>): react_jsx_runtime8.JSX.Element;
+}: ProviderProps<ToggleButtonProps>): react_jsx_runtime124.JSX.Element;
 //#endregion
 export { ButtonContext, ButtonProvider, LinkButtonContext, LinkButtonProvider, ToggleButtonContext, ToggleButtonProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/button/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 { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types';\n\n/**\n * React context for sharing Button configuration across components.\n */\nexport const ButtonContext =\n  createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\n/**\n * Context provider for setting default props across multiple Button components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the button context.\n * @returns The button context provider wrapping children.\n *\n * @example\n * ```tsx\n * <ButtonProvider size=\"small\" variant=\"outline\">\n *   <Button>Button 1</Button>\n *   <Button>Button 2</Button>\n * </ButtonProvider>\n * ```\n */\nexport function ButtonProvider({\n  children,\n  ...props\n}: ProviderProps<ButtonProps>) {\n  return (\n    <ButtonContext.Provider value={props}>{children}</ButtonContext.Provider>\n  );\n}\n\n/**\n * React context for sharing LinkButton configuration across components.\n */\nexport const LinkButtonContext =\n  createContext<ContextValue<LinkButtonProps, HTMLAnchorElement>>(null);\n\n/**\n * Context provider for setting default props across multiple LinkButton components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the link button context.\n * @returns The link button context provider wrapping children.\n *\n * @example\n * ```tsx\n * <LinkButtonProvider size=\"small\" variant=\"outline\">\n *   <LinkButton href=\"/page1\">Link 1</LinkButton>\n *   <LinkButton href=\"/page2\">Link 2</LinkButton>\n * </LinkButtonProvider>\n * ```\n */\nexport function LinkButtonProvider({\n  children,\n  ...props\n}: ProviderProps<LinkButtonProps>) {\n  return (\n    <LinkButtonContext.Provider value={props}>\n      {children}\n    </LinkButtonContext.Provider>\n  );\n}\n\n/**\n * React context for sharing ToggleButton configuration across components.\n */\nexport const ToggleButtonContext =\n  createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>(null);\n\n/**\n * Context provider for setting default props across multiple ToggleButton components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the toggle button context.\n * @returns The toggle button context provider wrapping children.\n *\n * @example\n * ```tsx\n * <ToggleButtonProvider size=\"small\" variant=\"flat\">\n *   <ToggleButton>Toggle 1</ToggleButton>\n *   <ToggleButton>Toggle 2</ToggleButton>\n * </ToggleButtonProvider>\n * ```\n */\nexport function ToggleButtonProvider({\n  children,\n  ...props\n}: ProviderProps<ToggleButtonProps>) {\n  return (\n    <ToggleButtonContext.Provider value={props}>\n      {children}\n    </ToggleButtonContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,gBACX,cAA4D,KAAK;;;;;;;;;;;;;;;;AAiBnE,SAAgB,eAAe,EAC7B,UACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,cAAc;EAAS,OAAO;EAAQ;GAAkC;;;;;AAO7E,MAAa,oBACX,cAAgE,KAAK;;;;;;;;;;;;;;;;AAiBvE,SAAgB,mBAAmB,EACjC,UACA,GAAG,SAC8B;AACjC,QACE,oBAAC,kBAAkB;EAAS,OAAO;EAChC;GAC0B;;;;;AAOjC,MAAa,sBACX,cAAkE,KAAK;;;;;;;;;;;;;;;;AAiBzE,SAAgB,qBAAqB,EACnC,UACA,GAAG,SACgC;AACnC,QACE,oBAAC,oBAAoB;EAAS,OAAO;EAClC;GAC4B"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/button/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 { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types';\n\n/**\n * React context for sharing Button configuration across components.\n */\nexport const ButtonContext =\n  createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\n/**\n * Context provider for setting default props across multiple Button components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the button context.\n * @returns The button context provider wrapping children.\n *\n * @example\n * ```tsx\n * <ButtonProvider size=\"small\" variant=\"outline\">\n *   <Button>Button 1</Button>\n *   <Button>Button 2</Button>\n * </ButtonProvider>\n * ```\n */\nexport function ButtonProvider({\n  children,\n  ...props\n}: ProviderProps<ButtonProps>) {\n  return (\n    <ButtonContext.Provider value={props}>{children}</ButtonContext.Provider>\n  );\n}\n\n/**\n * React context for sharing LinkButton configuration across components.\n */\nexport const LinkButtonContext =\n  createContext<ContextValue<LinkButtonProps, HTMLAnchorElement>>(null);\n\n/**\n * Context provider for setting default props across multiple LinkButton components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the link button context.\n * @returns The link button context provider wrapping children.\n *\n * @example\n * ```tsx\n * <LinkButtonProvider size=\"small\" variant=\"outline\">\n *   <LinkButton href=\"/page1\">Link 1</LinkButton>\n *   <LinkButton href=\"/page2\">Link 2</LinkButton>\n * </LinkButtonProvider>\n * ```\n */\nexport function LinkButtonProvider({\n  children,\n  ...props\n}: ProviderProps<LinkButtonProps>) {\n  return (\n    <LinkButtonContext.Provider value={props}>\n      {children}\n    </LinkButtonContext.Provider>\n  );\n}\n\n/**\n * React context for sharing ToggleButton configuration across components.\n */\nexport const ToggleButtonContext =\n  createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>(null);\n\n/**\n * Context provider for setting default props across multiple ToggleButton components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the toggle button context.\n * @returns The toggle button context provider wrapping children.\n *\n * @example\n * ```tsx\n * <ToggleButtonProvider size=\"small\" variant=\"flat\">\n *   <ToggleButton>Toggle 1</ToggleButton>\n *   <ToggleButton>Toggle 2</ToggleButton>\n * </ToggleButtonProvider>\n * ```\n */\nexport function ToggleButtonProvider({\n  children,\n  ...props\n}: ProviderProps<ToggleButtonProps>) {\n  return (\n    <ToggleButtonContext.Provider value={props}>\n      {children}\n    </ToggleButtonContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,gBACX,cAA4D,KAAK;;;;;;;;;;;;;;;;AAiBnE,SAAgB,eAAe,EAC7B,UACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,cAAc;EAAS,OAAO;EAAQ;GAAkC;;;;;AAO7E,MAAa,oBACX,cAAgE,KAAK;;;;;;;;;;;;;;;;AAiBvE,SAAgB,mBAAmB,EACjC,UACA,GAAG,SAC8B;AACjC,QACE,oBAAC,kBAAkB;EAAS,OAAO;EAChC;GAC0B;;;;;AAOjC,MAAa,sBACX,cAAkE,KAAK;;;;;;;;;;;;;;;;AAiBzE,SAAgB,qBAAqB,EACnC,UACA,GAAG,SACgC;AACnC,QACE,oBAAC,oBAAoB;EAAS,OAAO;EAClC;GAC4B"}

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

@@ -12,7 +12,7 @@
 
 import { ButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 
 //#region src/components/button/index.d.ts
 
@@ -72,7 +72,7 @@ import * as react_jsx_runtime12 from "react/jsx-runtime";
 declare function Button({
   ref,
   ...props
-}: ButtonProps): react_jsx_runtime12.JSX.Element;
+}: ButtonProps): react_jsx_runtime40.JSX.Element;
 //#endregion
 export { Button };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.js

@@ -17,8 +17,10 @@ import { ButtonContext } from "./context.js";
 import { IconProvider } from "../icon/context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Button as Button$1, 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 { Button as Button$1 } from "react-aria-components/Button";
 import styles from "./styles.module.css";
 
 //#region src/components/button/index.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaButton","className"],"sources":["../../../src/components/button/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 {\n  Button as AriaButton,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { ButtonContext } from './context';\nimport styles from './styles.module.css';\nimport type { ButtonProps } from './types';\n\n/**\n * Button - A versatile interactive button component with multiple variants\n *\n * Provides accessible button functionality with support for different visual styles,\n * sizes, and interactive states. Includes icon support and integrates with React Aria\n * for keyboard navigation and accessibility features.\n *\n * @param props - The button props.\n * @param props.ref - Reference to the button element.\n * @param props.children - 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 button.\n * @param props.variant - Visual style variant.\n * @returns The button component.\n *\n * @example\n * ```tsx\n * // Basic button\n * <Button>Click me</Button>\n * ```\n *\n * @example\n * ```tsx\n * // Primary button with different sizes\n * <Button variant=\"filled\" size=\"large\">Large Filled</Button>\n * <Button variant=\"outline\" size=\"small\">Small Outline</Button>\n * ```\n *\n * @example\n * ```tsx\n * // Button with icon\n * <Button variant=\"flat\">\n *   <Icon><Plus /></Icon>\n *   Add Item\n * </Button>\n * ```\n *\n * @example\n * ```tsx\n * // Icon-only button\n * <Button variant=\"icon\">\n *   <Icon><Settings /></Icon>\n * </Button>\n * ```\n *\n * @example\n * ```tsx\n * // Button with different colors\n * <Button color=\"critical\">Critical Button</Button>\n * <Button color=\"serious\">Delete</Button>\n * ```\n */\nexport function Button({ ref, ...props }: ButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ButtonContext);\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      <AriaButton\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      </AriaButton>\n    </IconProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA,SAAgB,OAAO,EAAE,KAAK,GAAG,SAAsB;AACrD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,cAAc;CAEjE,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,KAAK,gBAAgB,OAAO,QAAQ,OAAO,UAAUC,YAAU,CAChE;GACD,cAAY;GACZ,aAAW;GAEV;IACU;GACA"}
+{"version":3,"file":"index.js","names":["AriaButton","className"],"sources":["../../../src/components/button/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 { Button as AriaButton } from 'react-aria-components/Button';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { IconProvider } from '../icon/context';\nimport { ButtonContext } from './context';\nimport styles from './styles.module.css';\nimport type { ButtonProps } from './types';\n\n/**\n * Button - A versatile interactive button component with multiple variants\n *\n * Provides accessible button functionality with support for different visual styles,\n * sizes, and interactive states. Includes icon support and integrates with React Aria\n * for keyboard navigation and accessibility features.\n *\n * @param props - The button props.\n * @param props.ref - Reference to the button element.\n * @param props.children - 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 button.\n * @param props.variant - Visual style variant.\n * @returns The button component.\n *\n * @example\n * ```tsx\n * // Basic button\n * <Button>Click me</Button>\n * ```\n *\n * @example\n * ```tsx\n * // Primary button with different sizes\n * <Button variant=\"filled\" size=\"large\">Large Filled</Button>\n * <Button variant=\"outline\" size=\"small\">Small Outline</Button>\n * ```\n *\n * @example\n * ```tsx\n * // Button with icon\n * <Button variant=\"flat\">\n *   <Icon><Plus /></Icon>\n *   Add Item\n * </Button>\n * ```\n *\n * @example\n * ```tsx\n * // Icon-only button\n * <Button variant=\"icon\">\n *   <Icon><Settings /></Icon>\n * </Button>\n * ```\n *\n * @example\n * ```tsx\n * // Button with different colors\n * <Button color=\"critical\">Critical Button</Button>\n * <Button color=\"serious\">Delete</Button>\n * ```\n */\nexport function Button({ ref, ...props }: ButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ButtonContext);\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      <AriaButton\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      </AriaButton>\n    </IconProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EA,SAAgB,OAAO,EAAE,KAAK,GAAG,SAAsB;AACrD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,cAAc;CAEjE,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,KAAK,gBAAgB,OAAO,QAAQ,OAAO,UAAUC,YAAU,CAChE;GACD,cAAY;GACZ,aAAW;GAEV;IACU;GACA"}

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

@@ -12,7 +12,7 @@
 
 import { LinkButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/button/link.d.ts
 
@@ -73,7 +73,7 @@ import * as react_jsx_runtime13 from "react/jsx-runtime";
 declare function LinkButton({
   ref,
   ...props
-}: LinkButtonProps): react_jsx_runtime13.JSX.Element;
+}: LinkButtonProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { LinkButton };
 //# sourceMappingURL=link.d.ts.map

package/dist/components/button/link.js

@@ -17,9 +17,11 @@ import { LinkButtonContext } from "./context.js";
 import { IconProvider } from "../icon/context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Link, 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 styles from "./styles.module.css";
+import { Link } from "react-aria-components/Link";
 
 //#region src/components/button/link.tsx
 /**

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 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  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"}
+{"version":3,"file":"link.js","names":["className"],"sources":["../../../src/components/button/link.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 { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { Link } from 'react-aria-components/Link';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EA,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/styles.module.css

@@ -16,6 +16,14 @@
   .button {
     @apply rounded-medium flex w-fit shrink-0 cursor-pointer items-center justify-center outline outline-transparent select-none;
 
+    @variant motion-safe {
+      transition:
+        background-color var(--animation-duration-normal)
+          var(--animation-easing-standard),
+        outline-color var(--animation-duration-normal)
+          var(--animation-easing-standard);
+    }
+
     @variant size-large {
       @apply gap-xs px-l py-s text-button-l;
       min-width: 96px;
@@ -404,6 +412,14 @@
   }
 
   .toggle {
+    @variant motion-safe {
+      transition:
+        background-color var(--animation-duration-normal)
+          var(--animation-easing-standard),
+        outline-color var(--animation-duration-normal)
+          var(--animation-easing-standard);
+    }
+
     &.flat {
       @variant color-mono-muted {
         @apply fg-primary-muted bg-transparent;

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

@@ -12,7 +12,7 @@
 
 import { ToggleButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/button/toggle.d.ts
 
@@ -76,7 +76,7 @@ import * as react_jsx_runtime14 from "react/jsx-runtime";
 declare function ToggleButton({
   ref,
   ...props
-}: ToggleButtonProps): react_jsx_runtime14.JSX.Element;
+}: ToggleButtonProps): react_jsx_runtime10.JSX.Element;
 //#endregion
 export { ToggleButton };
 //# sourceMappingURL=toggle.d.ts.map

package/dist/components/button/toggle.js

@@ -17,9 +17,11 @@ import { ToggleButtonContext } from "./context.js";
 import { IconProvider } from "../icon/context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { ToggleButton as ToggleButton$1, 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 styles from "./styles.module.css";
+import { ToggleButton as ToggleButton$1 } from "react-aria-components/ToggleButton";
 
 //#region src/components/button/toggle.tsx
 /**

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 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  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"}
+{"version":3,"file":"toggle.js","names":["AriaToggleButton","className"],"sources":["../../../src/components/button/toggle.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 { ToggleButton as AriaToggleButton } from 'react-aria-components/ToggleButton';\nimport { IconProvider } from '../icon/context';\nimport { ToggleButtonContext } from './context';\nimport styles from './styles.module.css';\nimport type { ToggleButtonProps } from './types';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgFA,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

@@ -11,7 +11,9 @@
  */
 
 import { AriaAttributesWithRef } from "../../lib/types.js";
-import { ButtonProps as ButtonProps$1, LinkProps, ToggleButtonProps as ToggleButtonProps$1 } from "react-aria-components";
+import { ButtonProps as ButtonProps$1 } from "react-aria-components/Button";
+import { LinkProps } from "react-aria-components/Link";
+import { ToggleButtonProps as ToggleButtonProps$1 } from "react-aria-components/ToggleButton";
 
 //#region src/components/button/types.d.ts
 type Variants = 'filled' | 'flat' | 'icon' | 'outline';

package/dist/components/carousel/context.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 { ProviderProps } from "../../lib/types.js";
+import { CarouselProps } from "./types.js";
+import "client-only";
+import * as react3 from "react";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+
+//#region src/components/carousel/context.d.ts
+/** React context providing carousel state to sub-components. */
+declare const CarouselContext: react3.Context<CarouselProps>;
+/**
+ * Provides carousel state to child components via CarouselContext.
+ *
+ * @param props - The provider props.
+ * @param props.children - Child components that consume carousel context.
+ * @param props.items - The carousel data items.
+ * @param props.currentPosition - Zero-based index of the active item.
+ * @param props.setCurrentPosition - Callback to update the active item.
+ * @returns The context provider wrapping children.
+ */
+declare function CarouselProvider({
+  children,
+  items,
+  currentPosition,
+  setCurrentPosition
+}: ProviderProps<CarouselProps>): react_jsx_runtime18.JSX.Element;
+//#endregion
+export { CarouselContext, CarouselProvider };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/carousel/context.js

@@ -0,0 +1,55 @@
+/*
+ * 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 "client-only";
+import { createContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/carousel/context.tsx
+/** React context providing carousel state to sub-components. */
+const CarouselContext = createContext({
+	currentPosition: 0,
+	items: [],
+	setCurrentPosition: () => void 0
+});
+/**
+* Provides carousel state to child components via CarouselContext.
+*
+* @param props - The provider props.
+* @param props.children - Child components that consume carousel context.
+* @param props.items - The carousel data items.
+* @param props.currentPosition - Zero-based index of the active item.
+* @param props.setCurrentPosition - Callback to update the active item.
+* @returns The context provider wrapping children.
+*/
+function CarouselProvider({ children, items, currentPosition, setCurrentPosition }) {
+	const value = useMemo(() => ({
+		currentPosition,
+		items,
+		setCurrentPosition
+	}), [
+		currentPosition,
+		items,
+		setCurrentPosition
+	]);
+	return /* @__PURE__ */ jsx(CarouselContext.Provider, {
+		value,
+		children
+	});
+}
+
+//#endregion
+export { CarouselContext, CarouselProvider };
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/carousel/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\n'use client';\n\nimport 'client-only';\nimport { createContext, useMemo } from 'react';\nimport type { ProviderProps } from '@/lib/types';\nimport type { CarouselProps } from './types';\n\n/** React context providing carousel state to sub-components. */\nexport const CarouselContext = createContext<CarouselProps>({\n  currentPosition: 0,\n  items: [],\n  setCurrentPosition: () => undefined,\n});\n\n/**\n * Provides carousel state to child components via CarouselContext.\n *\n * @param props - The provider props.\n * @param props.children - Child components that consume carousel context.\n * @param props.items - The carousel data items.\n * @param props.currentPosition - Zero-based index of the active item.\n * @param props.setCurrentPosition - Callback to update the active item.\n * @returns The context provider wrapping children.\n */\nexport function CarouselProvider({\n  children,\n  items,\n  currentPosition,\n  setCurrentPosition,\n}: ProviderProps<CarouselProps>) {\n  const value = useMemo(\n    () => ({ currentPosition, items, setCurrentPosition }),\n    [currentPosition, items, setCurrentPosition],\n  );\n\n  return (\n    <CarouselContext.Provider value={value}>\n      {children}\n    </CarouselContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,kBAAkB,cAA6B;CAC1D,iBAAiB;CACjB,OAAO,EAAE;CACT,0BAA0B;CAC3B,CAAC;;;;;;;;;;;AAYF,SAAgB,iBAAiB,EAC/B,UACA,OACA,iBACA,sBAC+B;CAC/B,MAAM,QAAQ,eACL;EAAE;EAAiB;EAAO;EAAoB,GACrD;EAAC;EAAiB;EAAO;EAAmB,CAC7C;AAED,QACE,oBAAC,gBAAgB;EAAgB;EAC9B;GACwB"}

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

@@ -0,0 +1,38 @@
+/*
+ * 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 { CarouselGalleryProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/components/carousel/gallery.d.ts
+/**
+ * Renders a horizontally-scrolling strip of thumbnail buttons for carousel navigation.
+ *
+ * Automatically scrolls to keep the selected thumbnail visible. Clicking a
+ * thumbnail navigates the carousel to that item. Note that it relies on the <Carousel/>
+ * component to supply context and must be used as a child of that component.
+ *
+ * @param props - The gallery props.
+ * @param props.classNames - Custom class names for gallery elements.
+ * @param props.classNames.container - Class name for the gallery container.
+ * @param props.classNames.item - Class name for individual gallery items.
+ * @returns The carousel gallery component.
+ * ```
+ */
+declare function CarouselGallery({
+  classNames,
+  ...rest
+}: CarouselGalleryProps): react_jsx_runtime13.JSX.Element;
+//#endregion
+export { CarouselGallery };
+//# sourceMappingURL=gallery.d.ts.map