@accelint/design-toolkit 9.10.0 → 9.11.0

package/dist/components/options/index.js

@@ -16,8 +16,10 @@
 import { OptionsContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { ListBox, 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 { ListBox } from "react-aria-components/ListBox";
 import styles from "./styles.module.css";
 
 //#region src/components/options/index.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["className"],"sources":["../../../src/components/options/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  composeRenderProps,\n  ListBox,\n  useContextProps,\n} from 'react-aria-components';\nimport { OptionsContext } from './context';\nimport styles from './styles.module.css';\nimport type { OptionsDataItem, OptionsProps } from './types';\n\n/**\n * Options - A flexible list component for selectable items with rich content\n *\n * Provides accessible list functionality with support for selection, sections,\n * and rich item content including labels, descriptions, and icons. Perfect for\n * dropdown lists, menu items, or any selectable list interface.\n *\n * @example\n * ```tsx\n * // Basic options list\n * <Options>\n *   <OptionsItem>\n *     <OptionsItemLabel>Option 1</OptionsItemLabel>\n *   </OptionsItem>\n *   <OptionsItem>\n *     <OptionsItemLabel>Option 2</OptionsItemLabel>\n *   </OptionsItem>\n * </Options>\n * ```\n *\n * @example\n * ```tsx\n * // Options with descriptions and icons\n * <Options>\n *   <OptionsItem>\n *     <Icon><User /></Icon>\n *     <OptionsItemContent>\n *       <OptionsItemLabel>John Doe</OptionsItemLabel>\n *       <OptionsItemDescription>Senior Developer</OptionsItemDescription>\n *     </OptionsItemContent>\n *   </OptionsItem>\n * </Options>\n * ```\n *\n * @example\n * ```tsx\n * // Sectioned options\n * <Options>\n *   <OptionsSection header=\"Recent\">\n *     <OptionsItem>Recent Item 1</OptionsItem>\n *   </OptionsSection>\n *   <OptionsSection header=\"All Items\">\n *     <OptionsItem>All Items 1</OptionsItem>\n *   </OptionsSection>\n * </Options>\n * ```\n *\n * @param props - {@link OptionsProps}\n * @param props.ref - Forwarded ref to the underlying ListBox element.\n * @param props.children - Options items and sections to render.\n * @param props.className - Optional CSS class name.\n * @param props.size - Size variant for the options list.\n * @returns The rendered Options component.\n */\nexport function Options<T extends OptionsDataItem>({\n  ref,\n  ...props\n}: OptionsProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, OptionsContext);\n\n  const { children, className, size, ...rest } = props;\n\n  return (\n    <ListBox<T>\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx('group/options', styles.list, className),\n      )}\n      data-size={size}\n    >\n      {children}\n    </ListBox>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA,SAAgB,QAAmC,EACjD,KACA,GAAG,SACe;AAClB,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,eAAe;CAElE,MAAM,EAAE,UAAU,WAAW,MAAM,GAAG,SAAS;AAE/C,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,iBAAiB,OAAO,MAAMA,YAAU,CAC9C;EACD,aAAW;EAEV;GACO"}
+{"version":3,"file":"index.js","names":["className"],"sources":["../../../src/components/options/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 { ListBox } from 'react-aria-components/ListBox';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { OptionsContext } from './context';\nimport styles from './styles.module.css';\nimport type { OptionsDataItem, OptionsProps } from './types';\n\n/**\n * Options - A flexible list component for selectable items with rich content\n *\n * Provides accessible list functionality with support for selection, sections,\n * and rich item content including labels, descriptions, and icons. Perfect for\n * dropdown lists, menu items, or any selectable list interface.\n *\n * @example\n * ```tsx\n * // Basic options list\n * <Options>\n *   <OptionsItem>\n *     <OptionsItemLabel>Option 1</OptionsItemLabel>\n *   </OptionsItem>\n *   <OptionsItem>\n *     <OptionsItemLabel>Option 2</OptionsItemLabel>\n *   </OptionsItem>\n * </Options>\n * ```\n *\n * @example\n * ```tsx\n * // Options with descriptions and icons\n * <Options>\n *   <OptionsItem>\n *     <Icon><User /></Icon>\n *     <OptionsItemContent>\n *       <OptionsItemLabel>John Doe</OptionsItemLabel>\n *       <OptionsItemDescription>Senior Developer</OptionsItemDescription>\n *     </OptionsItemContent>\n *   </OptionsItem>\n * </Options>\n * ```\n *\n * @example\n * ```tsx\n * // Sectioned options\n * <Options>\n *   <OptionsSection header=\"Recent\">\n *     <OptionsItem>Recent Item 1</OptionsItem>\n *   </OptionsSection>\n *   <OptionsSection header=\"All Items\">\n *     <OptionsItem>All Items 1</OptionsItem>\n *   </OptionsSection>\n * </Options>\n * ```\n *\n * @param props - {@link OptionsProps}\n * @param props.ref - Forwarded ref to the underlying ListBox element.\n * @param props.children - Options items and sections to render.\n * @param props.className - Optional CSS class name.\n * @param props.size - Size variant for the options list.\n * @returns The rendered Options component.\n */\nexport function Options<T extends OptionsDataItem>({\n  ref,\n  ...props\n}: OptionsProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, OptionsContext);\n\n  const { children, className, size, ...rest } = props;\n\n  return (\n    <ListBox<T>\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx('group/options', styles.list, className),\n      )}\n      data-size={size}\n    >\n      {children}\n    </ListBox>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EA,SAAgB,QAAmC,EACjD,KACA,GAAG,SACe;AAClB,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,eAAe;CAElE,MAAM,EAAE,UAAU,WAAW,MAAM,GAAG,SAAS;AAE/C,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,iBAAiB,OAAO,MAAMA,YAAU,CAC9C;EACD,aAAW;EAEV;GACO"}

package/dist/components/options/item-content.d.ts

@@ -10,8 +10,8 @@
  * governing permissions and limitations under the License.
  */
 
-import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime125 from "react/jsx-runtime";
+import * as react_jsx_runtime130 from "react/jsx-runtime";
+import { TextProps } from "react-aria-components/Text";
 
 //#region src/components/options/item-content.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime125 from "react/jsx-runtime";
 declare function OptionsItemContent({
   className,
   ...rest
-}: TextProps): react_jsx_runtime125.JSX.Element;
+}: TextProps): react_jsx_runtime130.JSX.Element;
 //#endregion
 export { OptionsItemContent };
 //# sourceMappingURL=item-content.d.ts.map

package/dist/components/options/item-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-content.js","names":[],"sources":["../../../src/components/options/item-content.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 */\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { TextProps } from 'react-aria-components';\n\n/**\n * OptionsItemContent - Container for label and description within an item\n *\n * Use when an item needs both a label and description.\n *\n * @example\n * ```tsx\n * <OptionsItem>\n *   <OptionsItemContent>\n *     <OptionsItemLabel>Option Name</OptionsItemLabel>\n *     <OptionsItemDescription>Description text</OptionsItemDescription>\n *   </OptionsItemContent>\n * </OptionsItem>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.className - Optional CSS class name.\n * @returns The rendered OptionsItemContent component.\n */\nexport function OptionsItemContent({ className, ...rest }: TextProps) {\n  return <div {...rest} className={clsx(styles.content, className)} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,mBAAmB,EAAE,WAAW,GAAG,QAAmB;AACpE,QAAO,oBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,SAAS,UAAU;GAAI"}
+{"version":3,"file":"item-content.js","names":[],"sources":["../../../src/components/options/item-content.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 */\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { TextProps } from 'react-aria-components/Text';\n\n/**\n * OptionsItemContent - Container for label and description within an item\n *\n * Use when an item needs both a label and description.\n *\n * @example\n * ```tsx\n * <OptionsItem>\n *   <OptionsItemContent>\n *     <OptionsItemLabel>Option Name</OptionsItemLabel>\n *     <OptionsItemDescription>Description text</OptionsItemDescription>\n *   </OptionsItemContent>\n * </OptionsItem>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.className - Optional CSS class name.\n * @returns The rendered OptionsItemContent component.\n */\nexport function OptionsItemContent({ className, ...rest }: TextProps) {\n  return <div {...rest} className={clsx(styles.content, className)} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,mBAAmB,EAAE,WAAW,GAAG,QAAmB;AACpE,QAAO,oBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,SAAS,UAAU;GAAI"}

package/dist/components/options/item-description.d.ts

@@ -10,8 +10,8 @@
  * governing permissions and limitations under the License.
  */
 
-import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime127 from "react/jsx-runtime";
+import * as react_jsx_runtime131 from "react/jsx-runtime";
+import { TextProps } from "react-aria-components/Text";
 
 //#region src/components/options/item-description.d.ts
 /**
@@ -29,7 +29,7 @@ import * as react_jsx_runtime127 from "react/jsx-runtime";
 declare function OptionsItemDescription({
   className,
   ...rest
-}: TextProps): react_jsx_runtime127.JSX.Element;
+}: TextProps): react_jsx_runtime131.JSX.Element;
 //#endregion
 export { OptionsItemDescription };
 //# sourceMappingURL=item-description.d.ts.map

package/dist/components/options/item-description.js

@@ -12,8 +12,8 @@
 
 
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Text } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Text } from "react-aria-components/Text";
 import styles from "./styles.module.css";
 
 //#region src/components/options/item-description.tsx

package/dist/components/options/item-description.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-description.js","names":[],"sources":["../../../src/components/options/item-description.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\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Text } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { TextProps } from 'react-aria-components';\n\n/**\n * OptionsItemDescription - Secondary text description for an options item\n *\n * @example\n * ```tsx\n * <OptionsItemDescription>Additional details about this option</OptionsItemDescription>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.className - Optional CSS class name.\n * @returns The rendered OptionsItemDescription component.\n */\nexport function OptionsItemDescription({ className, ...rest }: TextProps) {\n  return (\n    <Text\n      {...rest}\n      slot='description'\n      className={clsx(styles.description, className)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,uBAAuB,EAAE,WAAW,GAAG,QAAmB;AACxE,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,WAAW,KAAK,OAAO,aAAa,UAAU;GAC9C"}
+{"version":3,"file":"item-description.js","names":[],"sources":["../../../src/components/options/item-description.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\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Text, type TextProps } from 'react-aria-components/Text';\nimport styles from './styles.module.css';\n\n/**\n * OptionsItemDescription - Secondary text description for an options item\n *\n * @example\n * ```tsx\n * <OptionsItemDescription>Additional details about this option</OptionsItemDescription>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.className - Optional CSS class name.\n * @returns The rendered OptionsItemDescription component.\n */\nexport function OptionsItemDescription({ className, ...rest }: TextProps) {\n  return (\n    <Text\n      {...rest}\n      slot='description'\n      className={clsx(styles.description, className)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAAgB,uBAAuB,EAAE,WAAW,GAAG,QAAmB;AACxE,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,WAAW,KAAK,OAAO,aAAa,UAAU;GAC9C"}

package/dist/components/options/item-label.d.ts

@@ -10,8 +10,8 @@
  * governing permissions and limitations under the License.
  */
 
-import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime129 from "react/jsx-runtime";
+import * as react_jsx_runtime132 from "react/jsx-runtime";
+import { TextProps } from "react-aria-components/Text";
 
 //#region src/components/options/item-label.d.ts
 /**
@@ -30,7 +30,7 @@ declare function OptionsItemLabel({
   className,
   children,
   ...rest
-}: TextProps): react_jsx_runtime129.JSX.Element;
+}: TextProps): react_jsx_runtime132.JSX.Element;
 //#endregion
 export { OptionsItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

package/dist/components/options/item-label.js

@@ -13,8 +13,9 @@
 
 import { useContext } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { ComboBoxStateContext, Text } from "react-aria-components";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ComboBoxStateContext } from "react-aria-components/ComboBox";
+import { Text } from "react-aria-components/Text";
 import styles from "./styles.module.css";
 
 //#region src/components/options/item-label.tsx

package/dist/components/options/item-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-label.js","names":[],"sources":["../../../src/components/options/item-label.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\nimport { useContext } from 'react';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { ComboBoxStateContext, Text } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { ReactNode } from 'react';\nimport type { TextProps } from 'react-aria-components';\n\n/**\n * OptionsItemLabel - Primary text label for an options item\n *\n * @example\n * ```tsx\n * <OptionsItemLabel>Option Name</OptionsItemLabel>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.className - Optional CSS class name.\n * @returns The rendered OptionsItemLabel component.\n */\nexport function OptionsItemLabel({ className, children, ...rest }: TextProps) {\n  const comboBoxState = useContext(ComboBoxStateContext);\n  const inputValue = comboBoxState?.inputValue ?? '';\n\n  const highlighted =\n    typeof children === 'string' && inputValue\n      ? highlightMatch(children, inputValue)\n      : children;\n\n  return (\n    <Text {...rest} slot='label' className={clsx(styles.label, className)}>\n      {highlighted}\n    </Text>\n  );\n}\n\nfunction highlightMatch(text: string, query: string): ReactNode {\n  const index = text.toLowerCase().indexOf(query.toLowerCase());\n  if (index === -1) {\n    return text;\n  }\n\n  return (\n    <>\n      {text.slice(0, index)}\n      <mark className={styles.highlight}>\n        {text.slice(index, index + query.length)}\n      </mark>\n      {text.slice(index + query.length)}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,iBAAiB,EAAE,WAAW,UAAU,GAAG,QAAmB;CAE5E,MAAM,aADgB,WAAW,qBAAqB,EACpB,cAAc;CAEhD,MAAM,cACJ,OAAO,aAAa,YAAY,aAC5B,eAAe,UAAU,WAAW,GACpC;AAEN,QACE,oBAAC;EAAK,GAAI;EAAM,MAAK;EAAQ,WAAW,KAAK,OAAO,OAAO,UAAU;YAClE;GACI;;AAIX,SAAS,eAAe,MAAc,OAA0B;CAC9D,MAAM,QAAQ,KAAK,aAAa,CAAC,QAAQ,MAAM,aAAa,CAAC;AAC7D,KAAI,UAAU,GACZ,QAAO;AAGT,QACE;EACG,KAAK,MAAM,GAAG,MAAM;EACrB,oBAAC;GAAK,WAAW,OAAO;aACrB,KAAK,MAAM,OAAO,QAAQ,MAAM,OAAO;IACnC;EACN,KAAK,MAAM,QAAQ,MAAM,OAAO;KAChC"}
+{"version":3,"file":"item-label.js","names":[],"sources":["../../../src/components/options/item-label.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\nimport { useContext } from 'react';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { ComboBoxStateContext } from 'react-aria-components/ComboBox';\nimport { Text } from 'react-aria-components/Text';\nimport styles from './styles.module.css';\nimport type { ReactNode } from 'react';\nimport type { TextProps } from 'react-aria-components/Text';\n\n/**\n * OptionsItemLabel - Primary text label for an options item\n *\n * @example\n * ```tsx\n * <OptionsItemLabel>Option Name</OptionsItemLabel>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.className - Optional CSS class name.\n * @returns The rendered OptionsItemLabel component.\n */\nexport function OptionsItemLabel({ className, children, ...rest }: TextProps) {\n  const comboBoxState = useContext(ComboBoxStateContext);\n  const inputValue = comboBoxState?.inputValue ?? '';\n\n  const highlighted =\n    typeof children === 'string' && inputValue\n      ? highlightMatch(children, inputValue)\n      : children;\n\n  return (\n    <Text {...rest} slot='label' className={clsx(styles.label, className)}>\n      {highlighted}\n    </Text>\n  );\n}\n\nfunction highlightMatch(text: string, query: string): ReactNode {\n  const index = text.toLowerCase().indexOf(query.toLowerCase());\n  if (index === -1) {\n    return text;\n  }\n\n  return (\n    <>\n      {text.slice(0, index)}\n      <mark className={styles.highlight}>\n        {text.slice(index, index + query.length)}\n      </mark>\n      {text.slice(index + query.length)}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAgB,iBAAiB,EAAE,WAAW,UAAU,GAAG,QAAmB;CAE5E,MAAM,aADgB,WAAW,qBAAqB,EACpB,cAAc;CAEhD,MAAM,cACJ,OAAO,aAAa,YAAY,aAC5B,eAAe,UAAU,WAAW,GACpC;AAEN,QACE,oBAAC;EAAK,GAAI;EAAM,MAAK;EAAQ,WAAW,KAAK,OAAO,OAAO,UAAU;YAClE;GACI;;AAIX,SAAS,eAAe,MAAc,OAA0B;CAC9D,MAAM,QAAQ,KAAK,aAAa,CAAC,QAAQ,MAAM,aAAa,CAAC;AAC7D,KAAI,UAAU,GACZ,QAAO;AAGT,QACE;EACG,KAAK,MAAM,GAAG,MAAM;EACrB,oBAAC;GAAK,WAAW,OAAO;aACrB,KAAK,MAAM,OAAO,QAAQ,MAAM,OAAO;IACnC;EACN,KAAK,MAAM,QAAQ,MAAM,OAAO;KAChC"}

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

@@ -12,7 +12,7 @@
 
 import { OptionsDataItem, OptionsItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime130 from "react/jsx-runtime";
+import * as react_jsx_runtime133 from "react/jsx-runtime";
 
 //#region src/components/options/item.d.ts
 
@@ -43,7 +43,7 @@ declare function OptionsItem<T extends OptionsDataItem>({
   color,
   textValue,
   ...rest
-}: OptionsItemProps<T>): react_jsx_runtime130.JSX.Element;
+}: OptionsItemProps<T>): react_jsx_runtime133.JSX.Element;
 //#endregion
 export { OptionsItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/options/item.js

@@ -17,8 +17,9 @@ import { IconProvider } from "../icon/context.js";
 import { OptionsItemLabel } from "./item-label.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { ListBoxItem, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
+import { ListBoxItem } from "react-aria-components/ListBox";
 import styles from "./styles.module.css";
 
 //#region src/components/options/item.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":["children"],"sources":["../../../src/components/options/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 { composeRenderProps, ListBoxItem } from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { OptionsItemLabel } from './item-label';\nimport styles from './styles.module.css';\nimport type { OptionsDataItem, OptionsItemProps } from './types';\n\n/**\n * OptionsItem - Individual selectable item within an Options list\n *\n * Supports icons, labels, descriptions, and color variants.\n * String children are automatically wrapped in OptionsItemLabel.\n *\n * @example\n * ```tsx\n * <OptionsItem textValue=\"Edit\">\n *   <Icon><Edit /></Icon>\n *   <OptionsItemLabel>Edit</OptionsItemLabel>\n * </OptionsItem>\n * ```\n *\n * @param props - {@link OptionsItemProps}\n * @param props.children - Content to render inside the item.\n * @param props.classNames - CSS class names for item elements.\n * @param props.color - Color variant for the item.\n * @param props.textValue - Accessible text value for the item.\n * @returns The rendered OptionsItem component.\n */\nexport function OptionsItem<T extends OptionsDataItem>({\n  children,\n  classNames,\n  color = 'info',\n  textValue = typeof children === 'string' ? children : '',\n  ...rest\n}: OptionsItemProps<T>) {\n  return (\n    <ListBoxItem\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        clsx('group/options-item', styles.item, className),\n      )}\n      textValue={textValue}\n      data-color={color}\n    >\n      {composeRenderProps(children, (children) => (\n        <IconProvider\n          className={clsx(styles.icon, classNames?.icon)}\n          size='small'\n        >\n          {typeof children === 'string' ? (\n            <OptionsItemLabel>{children}</OptionsItemLabel>\n          ) : (\n            children\n          )}\n        </IconProvider>\n      ))}\n    </ListBoxItem>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,SAAgB,YAAuC,EACrD,UACA,YACA,QAAQ,QACR,YAAY,OAAO,aAAa,WAAW,WAAW,IACtD,GAAG,QACmB;AACtB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,sBAAsB,OAAO,MAAM,UAAU,CACnD;EACU;EACX,cAAY;YAEX,mBAAmB,WAAW,eAC7B,oBAAC;GACC,WAAW,KAAK,OAAO,MAAM,YAAY,KAAK;GAC9C,MAAK;aAEJ,OAAOA,eAAa,WACnB,oBAAC,8BAAkBA,aAA4B,GAE/CA;IAEW,CACf;GACU"}
+{"version":3,"file":"item.js","names":["children"],"sources":["../../../src/components/options/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 { ListBoxItem } from 'react-aria-components/ListBox';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { IconProvider } from '../icon/context';\nimport { OptionsItemLabel } from './item-label';\nimport styles from './styles.module.css';\nimport type { OptionsDataItem, OptionsItemProps } from './types';\n\n/**\n * OptionsItem - Individual selectable item within an Options list\n *\n * Supports icons, labels, descriptions, and color variants.\n * String children are automatically wrapped in OptionsItemLabel.\n *\n * @example\n * ```tsx\n * <OptionsItem textValue=\"Edit\">\n *   <Icon><Edit /></Icon>\n *   <OptionsItemLabel>Edit</OptionsItemLabel>\n * </OptionsItem>\n * ```\n *\n * @param props - {@link OptionsItemProps}\n * @param props.children - Content to render inside the item.\n * @param props.classNames - CSS class names for item elements.\n * @param props.color - Color variant for the item.\n * @param props.textValue - Accessible text value for the item.\n * @returns The rendered OptionsItem component.\n */\nexport function OptionsItem<T extends OptionsDataItem>({\n  children,\n  classNames,\n  color = 'info',\n  textValue = typeof children === 'string' ? children : '',\n  ...rest\n}: OptionsItemProps<T>) {\n  return (\n    <ListBoxItem\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        clsx('group/options-item', styles.item, className),\n      )}\n      textValue={textValue}\n      data-color={color}\n    >\n      {composeRenderProps(children, (children) => (\n        <IconProvider\n          className={clsx(styles.icon, classNames?.icon)}\n          size='small'\n        >\n          {typeof children === 'string' ? (\n            <OptionsItemLabel>{children}</OptionsItemLabel>\n          ) : (\n            children\n          )}\n        </IconProvider>\n      ))}\n    </ListBoxItem>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAgB,YAAuC,EACrD,UACA,YACA,QAAQ,QACR,YAAY,OAAO,aAAa,WAAW,WAAW,IACtD,GAAG,QACmB;AACtB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,sBAAsB,OAAO,MAAM,UAAU,CACnD;EACU;EACX,cAAY;YAEX,mBAAmB,WAAW,eAC7B,oBAAC;GACC,WAAW,KAAK,OAAO,MAAM,YAAY,KAAK;GAC9C,MAAK;aAEJ,OAAOA,eAAa,WACnB,oBAAC,8BAAkBA,aAA4B,GAE/CA;IAEW,CACf;GACU"}

package/dist/components/options/section.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { OptionsDataItem, OptionsSectionProps } from "./types.js";
-import * as react_jsx_runtime154 from "react/jsx-runtime";
+import * as react_jsx_runtime134 from "react/jsx-runtime";
 
 //#region src/components/options/section.d.ts
 
@@ -38,7 +38,7 @@ declare function OptionsSection<T extends OptionsDataItem>({
   classNames,
   header,
   items
-}: OptionsSectionProps<T>): react_jsx_runtime154.JSX.Element;
+}: OptionsSectionProps<T>): react_jsx_runtime134.JSX.Element;
 //#endregion
 export { OptionsSection };
 //# sourceMappingURL=section.d.ts.map

package/dist/components/options/section.js

@@ -12,8 +12,8 @@
 
 
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Collection, Header, ListBoxSection } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Collection, Header, ListBoxSection } from "react-aria-components/ListBox";
 import styles from "./styles.module.css";
 
 //#region src/components/options/section.tsx

package/dist/components/options/section.js.map

@@ -1 +1 @@
-{"version":3,"file":"section.js","names":[],"sources":["../../../src/components/options/section.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\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Collection, Header, ListBoxSection } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { OptionsDataItem, OptionsSectionProps } from './types';\n\n/**\n * OptionsSection - Groups related options with an optional header\n *\n * @example\n * ```tsx\n * <OptionsSection header=\"Recent\">\n *   <OptionsItem>Item 1</OptionsItem>\n *   <OptionsItem>Item 2</OptionsItem>\n * </OptionsSection>\n * ```\n *\n * @param props - {@link OptionsSectionProps}\n * @param props.children - Options items to render in the section.\n * @param props.classNames - CSS class names for section elements.\n * @param props.header - Header text for the section.\n * @param props.items - Collection of items for dynamic rendering.\n * @returns The rendered OptionsSection component.\n */\nexport function OptionsSection<T extends OptionsDataItem>({\n  children,\n  classNames,\n  header,\n  items,\n}: OptionsSectionProps<T>) {\n  return (\n    <ListBoxSection\n      id={header}\n      className={clsx(styles.section, classNames?.section)}\n    >\n      <Header className={clsx(styles.header, classNames?.header)}>\n        {header}\n      </Header>\n      <Collection items={items}>{children}</Collection>\n    </ListBoxSection>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAgB,eAA0C,EACxD,UACA,YACA,QACA,SACyB;AACzB,QACE,qBAAC;EACC,IAAI;EACJ,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;aAEpD,oBAAC;GAAO,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO;aACvD;IACM,EACT,oBAAC;GAAkB;GAAQ;IAAsB;GAClC"}
+{"version":3,"file":"section.js","names":[],"sources":["../../../src/components/options/section.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\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Collection,\n  Header,\n  ListBoxSection,\n} from 'react-aria-components/ListBox';\nimport styles from './styles.module.css';\nimport type { OptionsDataItem, OptionsSectionProps } from './types';\n\n/**\n * OptionsSection - Groups related options with an optional header\n *\n * @example\n * ```tsx\n * <OptionsSection header=\"Recent\">\n *   <OptionsItem>Item 1</OptionsItem>\n *   <OptionsItem>Item 2</OptionsItem>\n * </OptionsSection>\n * ```\n *\n * @param props - {@link OptionsSectionProps}\n * @param props.children - Options items to render in the section.\n * @param props.classNames - CSS class names for section elements.\n * @param props.header - Header text for the section.\n * @param props.items - Collection of items for dynamic rendering.\n * @returns The rendered OptionsSection component.\n */\nexport function OptionsSection<T extends OptionsDataItem>({\n  children,\n  classNames,\n  header,\n  items,\n}: OptionsSectionProps<T>) {\n  return (\n    <ListBoxSection\n      id={header}\n      className={clsx(styles.section, classNames?.section)}\n    >\n      <Header className={clsx(styles.header, classNames?.header)}>\n        {header}\n      </Header>\n      <Collection items={items}>{children}</Collection>\n    </ListBoxSection>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,eAA0C,EACxD,UACA,YACA,QACA,SACyB;AACzB,QACE,qBAAC;EACC,IAAI;EACJ,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;aAEpD,oBAAC;GAAO,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO;aACvD;IACM,EACT,oBAAC;GAAkB;GAAQ;IAAsB;GAClC"}

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

@@ -12,7 +12,7 @@
 
 import { IconProps } from "../icon/types.js";
 import { RefAttributes } from "react";
-import { Key, ListBoxItemProps, ListBoxProps, ListBoxSectionProps } from "react-aria-components";
+import { Key, ListBoxItemProps, ListBoxProps, ListBoxSectionProps } from "react-aria-components/ListBox";
 
 //#region src/components/options/types.d.ts
 /**
@@ -29,7 +29,7 @@ type OptionsDataItem = {
 /**
  * Props for the OptionsItem component.
  */
-type OptionsItemProps<T extends OptionsDataItem> = Omit<ListBoxItemProps<T>, 'className'> & RefAttributes<T> & {
+type OptionsItemProps<T extends OptionsDataItem> = Omit<ListBoxItemProps<T>, 'className'> & RefAttributes<HTMLDivElement> & {
   /** CSS class names for item elements. */
   classNames?: {
     /** Class name for the item container. */

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

@@ -12,11 +12,11 @@
 
 import { PaginationContextValue } from "./types.js";
 import "client-only";
-import * as react40 from "react";
+import * as react36 from "react";
 
 //#region src/components/pagination/context.d.ts
 /** Context for sharing pagination state with sub-components */
-declare const PaginationContext: react40.Context<PaginationContextValue>;
+declare const PaginationContext: react36.Context<PaginationContextValue>;
 //#endregion
 export { PaginationContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { PaginationProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime156 from "react/jsx-runtime";
+import * as react_jsx_runtime136 from "react/jsx-runtime";
 
 //#region src/components/pagination/index.d.ts
 
@@ -46,7 +46,7 @@ declare function Pagination({
   isLoading,
   onChange,
   ...rest
-}: PaginationProps): react_jsx_runtime156.JSX.Element;
+}: PaginationProps): react_jsx_runtime136.JSX.Element;
 //#endregion
 export { Pagination };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/pagination/index.js

@@ -20,7 +20,7 @@ import { PaginationPrev } from "./prev.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useControlledState } from "@react-stately/utils";
+import { useControlledState } from "react-stately/useControlledState";
 import styles from "./styles.module.css";
 
 //#region src/components/pagination/index.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/pagination/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\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useControlledState } from '@react-stately/utils';\nimport { PaginationContext } from './context';\nimport { PaginationNext } from './next';\nimport { PaginationPages } from './pages';\nimport { PaginationPrev } from './prev';\nimport styles from './styles.module.css';\nimport type { PaginationProps } from './types';\n\n/**\n * Pagination - Lightweight page navigation with prev/next controls\n *\n * Displays up to 5 page numbers at a time, automatically adjusting\n * the visible range as the user navigates.\n *\n * @example\n * ```tsx\n * <Pagination value={1} total={10} onChange={setPage} />\n * ```\n *\n * @param props - {@link PaginationProps}\n * @param props.children - Custom pagination content (overrides default layout).\n * @param props.classNames - CSS class names for pagination elements.\n * @param props.defaultValue - Default page number for uncontrolled mode.\n * @param props.total - Total number of pages.\n * @param props.value - Current page number for controlled mode (1-indexed).\n * @param props.isLoading - Whether the pagination is in a loading state.\n * @param props.onChange - Handler called when the page changes.\n * @returns The rendered Pagination component.\n */\nexport function Pagination({\n  children,\n  classNames,\n  defaultValue = 1,\n  total = 0,\n  value,\n  isLoading,\n  onChange,\n  ...rest\n}: PaginationProps) {\n  const [page, setPage] = useControlledState(value, defaultValue, onChange);\n\n  return (\n    <PaginationContext.Provider value={{ page, total, isLoading, setPage }}>\n      <nav\n        {...rest}\n        className={clsx(styles.container, classNames?.container)}\n        aria-label={`Page ${page} of ${total}`}\n      >\n        {children || (\n          <>\n            <PaginationPrev className={classNames?.prev} />\n            <PaginationPages className={classNames?.pages} />\n            <PaginationNext className={classNames?.next} />\n          </>\n        )}\n      </nav>\n    </PaginationContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,WAAW,EACzB,UACA,YACA,eAAe,GACf,QAAQ,GACR,OACA,WACA,UACA,GAAG,QACe;CAClB,MAAM,CAAC,MAAM,WAAW,mBAAmB,OAAO,cAAc,SAAS;AAEzE,QACE,oBAAC,kBAAkB;EAAS,OAAO;GAAE;GAAM;GAAO;GAAW;GAAS;YACpE,oBAAC;GACC,GAAI;GACJ,WAAW,KAAK,OAAO,WAAW,YAAY,UAAU;GACxD,cAAY,QAAQ,KAAK,MAAM;aAE9B,YACC;IACE,oBAAC,kBAAe,WAAW,YAAY,OAAQ;IAC/C,oBAAC,mBAAgB,WAAW,YAAY,QAAS;IACjD,oBAAC,kBAAe,WAAW,YAAY,OAAQ;OAC9C;IAED;GACqB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/pagination/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\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useControlledState } from 'react-stately/useControlledState';\nimport { PaginationContext } from './context';\nimport { PaginationNext } from './next';\nimport { PaginationPages } from './pages';\nimport { PaginationPrev } from './prev';\nimport styles from './styles.module.css';\nimport type { PaginationProps } from './types';\n\n/**\n * Pagination - Lightweight page navigation with prev/next controls\n *\n * Displays up to 5 page numbers at a time, automatically adjusting\n * the visible range as the user navigates.\n *\n * @example\n * ```tsx\n * <Pagination value={1} total={10} onChange={setPage} />\n * ```\n *\n * @param props - {@link PaginationProps}\n * @param props.children - Custom pagination content (overrides default layout).\n * @param props.classNames - CSS class names for pagination elements.\n * @param props.defaultValue - Default page number for uncontrolled mode.\n * @param props.total - Total number of pages.\n * @param props.value - Current page number for controlled mode (1-indexed).\n * @param props.isLoading - Whether the pagination is in a loading state.\n * @param props.onChange - Handler called when the page changes.\n * @returns The rendered Pagination component.\n */\nexport function Pagination({\n  children,\n  classNames,\n  defaultValue = 1,\n  total = 0,\n  value,\n  isLoading,\n  onChange,\n  ...rest\n}: PaginationProps) {\n  const [page, setPage] = useControlledState(value, defaultValue, onChange);\n\n  return (\n    <PaginationContext.Provider value={{ page, total, isLoading, setPage }}>\n      <nav\n        {...rest}\n        className={clsx(styles.container, classNames?.container)}\n        aria-label={`Page ${page} of ${total}`}\n      >\n        {children || (\n          <>\n            <PaginationPrev className={classNames?.prev} />\n            <PaginationPages className={classNames?.pages} />\n            <PaginationNext className={classNames?.next} />\n          </>\n        )}\n      </nav>\n    </PaginationContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,WAAW,EACzB,UACA,YACA,eAAe,GACf,QAAQ,GACR,OACA,WACA,UACA,GAAG,QACe;CAClB,MAAM,CAAC,MAAM,WAAW,mBAAmB,OAAO,cAAc,SAAS;AAEzE,QACE,oBAAC,kBAAkB;EAAS,OAAO;GAAE;GAAM;GAAO;GAAW;GAAS;YACpE,oBAAC;GACC,GAAI;GACJ,WAAW,KAAK,OAAO,WAAW,YAAY,UAAU;GACxD,cAAY,QAAQ,KAAK,MAAM;aAE9B,YACC;IACE,oBAAC,kBAAe,WAAW,YAAY,OAAQ;IAC/C,oBAAC,mBAAgB,WAAW,YAAY,QAAS;IACjD,oBAAC,kBAAe,WAAW,YAAY,OAAQ;OAC9C;IAED;GACqB"}

package/dist/components/pagination/next.d.ts

@@ -12,7 +12,7 @@
 
 import { PaginationNextProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime160 from "react/jsx-runtime";
+import * as react_jsx_runtime137 from "react/jsx-runtime";
 
 //#region src/components/pagination/next.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime160 from "react/jsx-runtime";
 declare function PaginationNext({
   className,
   onPress
-}: PaginationNextProps): react_jsx_runtime160.JSX.Element;
+}: PaginationNextProps): react_jsx_runtime137.JSX.Element;
 //#endregion
 export { PaginationNext };
 //# sourceMappingURL=next.d.ts.map

package/dist/components/pagination/next.js

@@ -14,13 +14,13 @@
 'use client';
 
 import { Icon } from "../icon/index.js";
-import { Button as Button$1 } from "../button/index.js";
+import { Button } from "../button/index.js";
 import { PaginationContext } from "./context.js";
 import { isNavigationDisabled } from "./utils.js";
 import "client-only";
 import { useContext } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
 import ChevronRight from "@accelint/icons/chevron-right";
 import styles from "./styles.module.css";
@@ -43,7 +43,7 @@ import styles from "./styles.module.css";
 */
 function PaginationNext({ className, onPress }) {
 	const { page, total, setPage } = useContext(PaginationContext);
-	return /* @__PURE__ */ jsx(Button$1, {
+	return /* @__PURE__ */ jsx(Button, {
 		className: composeRenderProps(className, (className$1) => clsx(styles.button, className$1)),
 		color: "mono-bold",
 		variant: "icon",

package/dist/components/pagination/next.js.map

@@ -1 +1 @@
-{"version":3,"file":"next.js","names":["Button","className"],"sources":["../../../src/components/pagination/next.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronRight from '@accelint/icons/chevron-right';\nimport { useContext } from 'react';\nimport { composeRenderProps } from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { PaginationContext } from './context';\nimport styles from './styles.module.css';\nimport { isNavigationDisabled } from './utils';\nimport type { PaginationNextProps } from './types';\n\n/**\n * PaginationNext - Next page navigation button\n *\n * @example\n * ```tsx\n * <Pagination page={1} total={10}>\n *   <PaginationNext onPress={(page) => console.log('Next page:', page)} />\n * </Pagination>\n * ```\n *\n * @param props - {@link PaginationNextProps}\n * @param props.className - Optional CSS class name.\n * @param props.onPress - Handler called when the next button is pressed.\n * @returns The rendered PaginationNext component.\n */\nexport function PaginationNext({ className, onPress }: PaginationNextProps) {\n  const { page, total, setPage } = useContext(PaginationContext);\n\n  return (\n    <Button\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.button, className),\n      )}\n      color='mono-bold'\n      variant='icon'\n      isDisabled={page >= total || isNavigationDisabled(total, page)}\n      onPress={() => {\n        setPage(page + 1);\n        onPress?.(page + 1);\n      }}\n      aria-label='Next page'\n    >\n      <Icon>\n        <ChevronRight />\n      </Icon>\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,SAAgB,eAAe,EAAE,WAAW,WAAgC;CAC1E,MAAM,EAAE,MAAM,OAAO,YAAY,WAAW,kBAAkB;AAE9D,QACE,oBAACA;EACC,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,QAAQC,YAAU,CAC/B;EACD,OAAM;EACN,SAAQ;EACR,YAAY,QAAQ,SAAS,qBAAqB,OAAO,KAAK;EAC9D,eAAe;AACb,WAAQ,OAAO,EAAE;AACjB,aAAU,OAAO,EAAE;;EAErB,cAAW;YAEX,oBAAC,kBACC,oBAAC,iBAAe,GACX;GACA"}
+{"version":3,"file":"next.js","names":["className"],"sources":["../../../src/components/pagination/next.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronRight from '@accelint/icons/chevron-right';\nimport { useContext } from 'react';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { PaginationContext } from './context';\nimport styles from './styles.module.css';\nimport { isNavigationDisabled } from './utils';\nimport type { PaginationNextProps } from './types';\n\n/**\n * PaginationNext - Next page navigation button\n *\n * @example\n * ```tsx\n * <Pagination page={1} total={10}>\n *   <PaginationNext onPress={(page) => console.log('Next page:', page)} />\n * </Pagination>\n * ```\n *\n * @param props - {@link PaginationNextProps}\n * @param props.className - Optional CSS class name.\n * @param props.onPress - Handler called when the next button is pressed.\n * @returns The rendered PaginationNext component.\n */\nexport function PaginationNext({ className, onPress }: PaginationNextProps) {\n  const { page, total, setPage } = useContext(PaginationContext);\n\n  return (\n    <Button\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.button, className),\n      )}\n      color='mono-bold'\n      variant='icon'\n      isDisabled={page >= total || isNavigationDisabled(total, page)}\n      onPress={() => {\n        setPage(page + 1);\n        onPress?.(page + 1);\n      }}\n      aria-label='Next page'\n    >\n      <Icon>\n        <ChevronRight />\n      </Icon>\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,SAAgB,eAAe,EAAE,WAAW,WAAgC;CAC1E,MAAM,EAAE,MAAM,OAAO,YAAY,WAAW,kBAAkB;AAE9D,QACE,oBAAC;EACC,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,QAAQA,YAAU,CAC/B;EACD,OAAM;EACN,SAAQ;EACR,YAAY,QAAQ,SAAS,qBAAqB,OAAO,KAAK;EAC9D,eAAe;AACb,WAAQ,OAAO,EAAE;AACjB,aAAU,OAAO,EAAE;;EAErB,cAAW;YAEX,oBAAC,kBACC,oBAAC,iBAAe,GACX;GACA"}

package/dist/components/pagination/pages.d.ts

@@ -12,7 +12,7 @@
 
 import { PaginationPagesProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime158 from "react/jsx-runtime";
+import * as react_jsx_runtime138 from "react/jsx-runtime";
 
 //#region src/components/pagination/pages.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime158 from "react/jsx-runtime";
 declare function PaginationPages({
   className,
   onPress
-}: PaginationPagesProps): react_jsx_runtime158.JSX.Element[] | null;
+}: PaginationPagesProps): react_jsx_runtime138.JSX.Element[] | null;
 //#endregion
 export { PaginationPages };
 //# sourceMappingURL=pages.d.ts.map

package/dist/components/pagination/pages.js

@@ -13,13 +13,13 @@
 
 'use client';
 
-import { ToggleButton as ToggleButton$1 } from "../button/toggle.js";
+import { ToggleButton } from "../button/toggle.js";
 import { PaginationContext } from "./context.js";
 import { getPaginationRange, range } from "./utils.js";
 import "client-only";
 import { useContext, useMemo } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
@@ -47,7 +47,7 @@ function PaginationPages({ className, onPress }) {
 	const { minRange, maxRange } = useMemo(() => getPaginationRange(total, page), [total, page]);
 	const pages = useMemo(() => range(minRange, maxRange), [minRange, maxRange]);
 	if (minRange === 0 || maxRange === 0 || isLoading) return null;
-	return pages.map((number) => /* @__PURE__ */ jsx(ToggleButton$1, {
+	return pages.map((number) => /* @__PURE__ */ jsx(ToggleButton, {
 		className: composeRenderProps(className, (className$1) => clsx(styles.button, className$1)),
 		color: "accent",
 		variant: "flat",

package/dist/components/pagination/pages.js.map

@@ -1 +1 @@
-{"version":3,"file":"pages.js","names":["ToggleButton","className"],"sources":["../../../src/components/pagination/pages.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext, useMemo } from 'react';\nimport { composeRenderProps } from 'react-aria-components';\nimport { ToggleButton } from '../button/toggle';\nimport { PaginationContext } from './context';\nimport styles from './styles.module.css';\nimport { getPaginationRange, range } from './utils';\nimport type { PaginationPagesProps } from './types';\n\n/**\n * PaginationPages - Page number toggle buttons\n *\n * Renders up to 5 page numbers, automatically adjusting the\n * visible range based on current page position.\n *\n * @example\n * ```tsx\n * <Pagination page={3} total={20}>\n *   <PaginationPages onPress={(page) => console.log('Go to page:', page)} />\n * </Pagination>\n * ```\n *\n * @param props - {@link PaginationPagesProps}\n * @param props.className - Optional CSS class name.\n * @param props.onPress - Handler called when a page button is pressed.\n * @returns The rendered PaginationPages component, or null if invalid state.\n */\nexport function PaginationPages({ className, onPress }: PaginationPagesProps) {\n  const { page, total, isLoading, setPage } = useContext(PaginationContext);\n  const { minRange, maxRange } = useMemo(\n    () => getPaginationRange(total, page),\n    [total, page],\n  );\n  const pages = useMemo(() => range(minRange, maxRange), [minRange, maxRange]);\n\n  // No display for invalid props.\n  if (minRange === 0 || maxRange === 0 || isLoading) {\n    return null;\n  }\n\n  return pages.map((number) => (\n    <ToggleButton\n      key={`page-${number}`}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.button, className),\n      )}\n      color='accent'\n      variant='flat'\n      isSelected={number === page}\n      onPress={() => {\n        setPage(number);\n        onPress?.(number);\n      }}\n      aria-current={number === page ? 'page' : undefined}\n    >\n      {number}\n    </ToggleButton>\n  ));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,SAAgB,gBAAgB,EAAE,WAAW,WAAiC;CAC5E,MAAM,EAAE,MAAM,OAAO,WAAW,YAAY,WAAW,kBAAkB;CACzE,MAAM,EAAE,UAAU,aAAa,cACvB,mBAAmB,OAAO,KAAK,EACrC,CAAC,OAAO,KAAK,CACd;CACD,MAAM,QAAQ,cAAc,MAAM,UAAU,SAAS,EAAE,CAAC,UAAU,SAAS,CAAC;AAG5E,KAAI,aAAa,KAAK,aAAa,KAAK,UACtC,QAAO;AAGT,QAAO,MAAM,KAAK,WAChB,oBAACA;EAEC,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,QAAQC,YAAU,CAC/B;EACD,OAAM;EACN,SAAQ;EACR,YAAY,WAAW;EACvB,eAAe;AACb,WAAQ,OAAO;AACf,aAAU,OAAO;;EAEnB,gBAAc,WAAW,OAAO,SAAS;YAExC;IAbI,QAAQ,SAcA,CACf"}
+{"version":3,"file":"pages.js","names":["className"],"sources":["../../../src/components/pagination/pages.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext, useMemo } from 'react';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { ToggleButton } from '../button/toggle';\nimport { PaginationContext } from './context';\nimport styles from './styles.module.css';\nimport { getPaginationRange, range } from './utils';\nimport type { PaginationPagesProps } from './types';\n\n/**\n * PaginationPages - Page number toggle buttons\n *\n * Renders up to 5 page numbers, automatically adjusting the\n * visible range based on current page position.\n *\n * @example\n * ```tsx\n * <Pagination page={3} total={20}>\n *   <PaginationPages onPress={(page) => console.log('Go to page:', page)} />\n * </Pagination>\n * ```\n *\n * @param props - {@link PaginationPagesProps}\n * @param props.className - Optional CSS class name.\n * @param props.onPress - Handler called when a page button is pressed.\n * @returns The rendered PaginationPages component, or null if invalid state.\n */\nexport function PaginationPages({ className, onPress }: PaginationPagesProps) {\n  const { page, total, isLoading, setPage } = useContext(PaginationContext);\n  const { minRange, maxRange } = useMemo(\n    () => getPaginationRange(total, page),\n    [total, page],\n  );\n  const pages = useMemo(() => range(minRange, maxRange), [minRange, maxRange]);\n\n  // No display for invalid props.\n  if (minRange === 0 || maxRange === 0 || isLoading) {\n    return null;\n  }\n\n  return pages.map((number) => (\n    <ToggleButton\n      key={`page-${number}`}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.button, className),\n      )}\n      color='accent'\n      variant='flat'\n      isSelected={number === page}\n      onPress={() => {\n        setPage(number);\n        onPress?.(number);\n      }}\n      aria-current={number === page ? 'page' : undefined}\n    >\n      {number}\n    </ToggleButton>\n  ));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,SAAgB,gBAAgB,EAAE,WAAW,WAAiC;CAC5E,MAAM,EAAE,MAAM,OAAO,WAAW,YAAY,WAAW,kBAAkB;CACzE,MAAM,EAAE,UAAU,aAAa,cACvB,mBAAmB,OAAO,KAAK,EACrC,CAAC,OAAO,KAAK,CACd;CACD,MAAM,QAAQ,cAAc,MAAM,UAAU,SAAS,EAAE,CAAC,UAAU,SAAS,CAAC;AAG5E,KAAI,aAAa,KAAK,aAAa,KAAK,UACtC,QAAO;AAGT,QAAO,MAAM,KAAK,WAChB,oBAAC;EAEC,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,QAAQA,YAAU,CAC/B;EACD,OAAM;EACN,SAAQ;EACR,YAAY,WAAW;EACvB,eAAe;AACb,WAAQ,OAAO;AACf,aAAU,OAAO;;EAEnB,gBAAc,WAAW,OAAO,SAAS;YAExC;IAbI,QAAQ,SAcA,CACf"}

package/dist/components/pagination/prev.d.ts

@@ -12,7 +12,7 @@
 
 import { PaginationPrevProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime166 from "react/jsx-runtime";
+import * as react_jsx_runtime139 from "react/jsx-runtime";
 
 //#region src/components/pagination/prev.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime166 from "react/jsx-runtime";
 declare function PaginationPrev({
   className,
   onPress
-}: PaginationPrevProps): react_jsx_runtime166.JSX.Element;
+}: PaginationPrevProps): react_jsx_runtime139.JSX.Element;
 //#endregion
 export { PaginationPrev };
 //# sourceMappingURL=prev.d.ts.map

package/dist/components/pagination/prev.js

@@ -14,13 +14,13 @@
 'use client';
 
 import { Icon } from "../icon/index.js";
-import { Button as Button$1 } from "../button/index.js";
+import { Button } from "../button/index.js";
 import { PaginationContext } from "./context.js";
 import { isNavigationDisabled } from "./utils.js";
 import "client-only";
 import { useContext } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
 import ChevronLeft from "@accelint/icons/chevron-left";
 import styles from "./styles.module.css";
@@ -43,7 +43,7 @@ import styles from "./styles.module.css";
 */
 function PaginationPrev({ className, onPress }) {
 	const { page, total, setPage } = useContext(PaginationContext);
-	return /* @__PURE__ */ jsx(Button$1, {
+	return /* @__PURE__ */ jsx(Button, {
 		className: composeRenderProps(className, (className$1) => clsx(styles.button, className$1)),
 		color: "mono-bold",
 		variant: "icon",

package/dist/components/pagination/prev.js.map

@@ -1 +1 @@
-{"version":3,"file":"prev.js","names":["Button","className"],"sources":["../../../src/components/pagination/prev.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronLeft from '@accelint/icons/chevron-left';\nimport { useContext } from 'react';\nimport { composeRenderProps } from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { PaginationContext } from './context';\nimport styles from './styles.module.css';\nimport { isNavigationDisabled } from './utils';\nimport type { PaginationPrevProps } from './types';\n\n/**\n * PaginationPrev - Previous page navigation button\n *\n * @example\n * ```tsx\n * <Pagination page={5} total={10}>\n *   <PaginationPrev onPress={(page) => console.log('Previous page:', page)} />\n * </Pagination>\n * ```\n *\n * @param props - {@link PaginationPrevProps}\n * @param props.className - Optional CSS class name.\n * @param props.onPress - Handler called when the previous button is pressed.\n * @returns The rendered PaginationPrev component.\n */\nexport function PaginationPrev({ className, onPress }: PaginationPrevProps) {\n  const { page, total, setPage } = useContext(PaginationContext);\n\n  return (\n    <Button\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.button, className),\n      )}\n      color='mono-bold'\n      variant='icon'\n      isDisabled={page === 1 || isNavigationDisabled(total, page)}\n      onPress={() => {\n        setPage(page - 1);\n        onPress?.(page - 1);\n      }}\n      aria-label='Previous page'\n    >\n      <Icon>\n        <ChevronLeft />\n      </Icon>\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,SAAgB,eAAe,EAAE,WAAW,WAAgC;CAC1E,MAAM,EAAE,MAAM,OAAO,YAAY,WAAW,kBAAkB;AAE9D,QACE,oBAACA;EACC,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,QAAQC,YAAU,CAC/B;EACD,OAAM;EACN,SAAQ;EACR,YAAY,SAAS,KAAK,qBAAqB,OAAO,KAAK;EAC3D,eAAe;AACb,WAAQ,OAAO,EAAE;AACjB,aAAU,OAAO,EAAE;;EAErB,cAAW;YAEX,oBAAC,kBACC,oBAAC,gBAAc,GACV;GACA"}
+{"version":3,"file":"prev.js","names":["className"],"sources":["../../../src/components/pagination/prev.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronLeft from '@accelint/icons/chevron-left';\nimport { useContext } from 'react';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { PaginationContext } from './context';\nimport styles from './styles.module.css';\nimport { isNavigationDisabled } from './utils';\nimport type { PaginationPrevProps } from './types';\n\n/**\n * PaginationPrev - Previous page navigation button\n *\n * @example\n * ```tsx\n * <Pagination page={5} total={10}>\n *   <PaginationPrev onPress={(page) => console.log('Previous page:', page)} />\n * </Pagination>\n * ```\n *\n * @param props - {@link PaginationPrevProps}\n * @param props.className - Optional CSS class name.\n * @param props.onPress - Handler called when the previous button is pressed.\n * @returns The rendered PaginationPrev component.\n */\nexport function PaginationPrev({ className, onPress }: PaginationPrevProps) {\n  const { page, total, setPage } = useContext(PaginationContext);\n\n  return (\n    <Button\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.button, className),\n      )}\n      color='mono-bold'\n      variant='icon'\n      isDisabled={page === 1 || isNavigationDisabled(total, page)}\n      onPress={() => {\n        setPage(page - 1);\n        onPress?.(page - 1);\n      }}\n      aria-label='Previous page'\n    >\n      <Icon>\n        <ChevronLeft />\n      </Icon>\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,SAAgB,eAAe,EAAE,WAAW,WAAgC;CAC1E,MAAM,EAAE,MAAM,OAAO,YAAY,WAAW,kBAAkB;AAE9D,QACE,oBAAC;EACC,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,QAAQA,YAAU,CAC/B;EACD,OAAM;EACN,SAAQ;EACR,YAAY,SAAS,KAAK,qBAAqB,OAAO,KAAK;EAC3D,eAAe;AACb,WAAQ,OAAO,EAAE;AACjB,aAAU,OAAO,EAAE;;EAErB,cAAW;YAEX,oBAAC,kBACC,oBAAC,gBAAc,GACV;GACA"}

package/dist/components/popover/content.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime167 from "react/jsx-runtime";
+import * as react_jsx_runtime140 from "react/jsx-runtime";
 
 //#region src/components/popover/content.d.ts
 
@@ -36,7 +36,7 @@ import * as react_jsx_runtime167 from "react/jsx-runtime";
 declare function PopoverContent({
   className,
   ...rest
-}: ComponentPropsWithRef<'div'>): react_jsx_runtime167.JSX.Element;
+}: ComponentPropsWithRef<'div'>): react_jsx_runtime140.JSX.Element;
 //#endregion
 export { PopoverContent };
 //# sourceMappingURL=content.d.ts.map

package/dist/components/popover/footer.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime169 from "react/jsx-runtime";
+import * as react_jsx_runtime141 from "react/jsx-runtime";
 
 //#region src/components/popover/footer.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime169 from "react/jsx-runtime";
 declare function PopoverFooter({
   children,
   className
-}: ComponentPropsWithRef<'footer'>): react_jsx_runtime169.JSX.Element;
+}: ComponentPropsWithRef<'footer'>): react_jsx_runtime141.JSX.Element;
 //#endregion
 export { PopoverFooter };
 //# sourceMappingURL=footer.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { PopoverProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime174 from "react/jsx-runtime";
+import * as react_jsx_runtime142 from "react/jsx-runtime";
 
 //#region src/components/popover/index.d.ts
 
@@ -58,7 +58,7 @@ declare function Popover({
   classNames,
   dialogProps,
   ...rest
-}: PopoverProps): react_jsx_runtime174.JSX.Element;
+}: PopoverProps): react_jsx_runtime142.JSX.Element;
 //#endregion
 export { Popover };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/popover/index.js

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