@accelint/design-toolkit 9.9.2 → 9.11.0

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_runtime191 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_runtime191.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_runtime198 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_runtime198.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 react51 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: react51.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_runtime189 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_runtime189.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_runtime194 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_runtime194 from "react/jsx-runtime";
 declare function PaginationNext({
   className,
   onPress
-}: PaginationNextProps): react_jsx_runtime194.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_runtime196 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_runtime196 from "react/jsx-runtime";
 declare function PaginationPages({
   className,
   onPress
-}: PaginationPagesProps): react_jsx_runtime196.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_runtime197 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_runtime197 from "react/jsx-runtime";
 declare function PaginationPrev({
   className,
   onPress
-}: PaginationPrevProps): react_jsx_runtime197.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_runtime172 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_runtime172 from "react/jsx-runtime";
 declare function PopoverContent({
   className,
   ...rest
-}: ComponentPropsWithRef<'div'>): react_jsx_runtime172.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_runtime174 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_runtime174 from "react/jsx-runtime";
 declare function PopoverFooter({
   children,
   className
-}: ComponentPropsWithRef<'footer'>): react_jsx_runtime174.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_runtime199 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_runtime199.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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaPopover"],"sources":["../../../src/components/popover/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 { Popover as AriaPopover, Dialog } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { PopoverProps } from './types';\n\n/**\n * Popover - A floating content container positioned relative to a trigger element\n *\n * Provides accessible popover functionality with flexible positioning and content\n * organization. Perfect for contextual information, menus, or supplementary content\n * that appears on demand without interrupting the user's workflow.\n *\n * @example\n * // Basic popover\n * <PopoverTrigger>\n *   <Button>Show Info</Button>\n *   <Popover>\n *     <PopoverContent>\n *       <p>Additional information appears here</p>\n *     </PopoverContent>\n *   </Popover>\n * </PopoverTrigger>\n *\n * @example\n * // Popover with title and actions\n * <PopoverTrigger>\n *   <Button>Options</Button>\n *   <Popover placement=\"top\">\n *     <PopoverTitle>Quick Actions</PopoverTitle>\n *     <PopoverContent>\n *       <Button>Edit</Button>\n *       <Button>Delete</Button>\n *     </PopoverContent>\n *   </Popover>\n * </PopoverTrigger>\n *\n * @param props - {@link PopoverProps}\n * @param props.children - Content to render inside the popover dialog.\n * @param props.classNames - CSS class names for popover elements.\n * @param props.dialogProps - Additional props passed to the Dialog component.\n * @returns The rendered Popover component.\n */\nexport function Popover({\n  children,\n  classNames,\n  dialogProps,\n  ...rest\n}: PopoverProps) {\n  return (\n    <AriaPopover\n      {...rest}\n      className={clsx(styles.popover, classNames?.popover)}\n    >\n      <Dialog\n        {...dialogProps}\n        className={clsx(styles.dialog, classNames?.dialog)}\n      >\n        {children}\n      </Dialog>\n    </AriaPopover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,SAAgB,QAAQ,EACtB,UACA,YACA,aACA,GAAG,QACY;AACf,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;YAEpD,oBAAC;GACC,GAAI;GACJ,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO;GAEjD;IACM;GACG"}
+{"version":3,"file":"index.js","names":["AriaPopover"],"sources":["../../../src/components/popover/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 { Popover as AriaPopover, Dialog } from 'react-aria-components/Popover';\nimport styles from './styles.module.css';\nimport type { PopoverProps } from './types';\n\n/**\n * Popover - A floating content container positioned relative to a trigger element\n *\n * Provides accessible popover functionality with flexible positioning and content\n * organization. Perfect for contextual information, menus, or supplementary content\n * that appears on demand without interrupting the user's workflow.\n *\n * @example\n * // Basic popover\n * <PopoverTrigger>\n *   <Button>Show Info</Button>\n *   <Popover>\n *     <PopoverContent>\n *       <p>Additional information appears here</p>\n *     </PopoverContent>\n *   </Popover>\n * </PopoverTrigger>\n *\n * @example\n * // Popover with title and actions\n * <PopoverTrigger>\n *   <Button>Options</Button>\n *   <Popover placement=\"top\">\n *     <PopoverTitle>Quick Actions</PopoverTitle>\n *     <PopoverContent>\n *       <Button>Edit</Button>\n *       <Button>Delete</Button>\n *     </PopoverContent>\n *   </Popover>\n * </PopoverTrigger>\n *\n * @param props - {@link PopoverProps}\n * @param props.children - Content to render inside the popover dialog.\n * @param props.classNames - CSS class names for popover elements.\n * @param props.dialogProps - Additional props passed to the Dialog component.\n * @returns The rendered Popover component.\n */\nexport function Popover({\n  children,\n  classNames,\n  dialogProps,\n  ...rest\n}: PopoverProps) {\n  return (\n    <AriaPopover\n      {...rest}\n      className={clsx(styles.popover, classNames?.popover)}\n    >\n      <Dialog\n        {...dialogProps}\n        className={clsx(styles.dialog, classNames?.dialog)}\n      >\n        {children}\n      </Dialog>\n    </AriaPopover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,SAAgB,QAAQ,EACtB,UACA,YACA,aACA,GAAG,QACY;AACf,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;YAEpD,oBAAC;GACC,GAAI;GACJ,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO;GAEjD;IACM;GACG"}

package/dist/components/popover/styles.module.css

@@ -14,8 +14,42 @@
 
 @layer components.l1 {
   .popover {
+    --offset: var(--spacing-xs);
+    --offset-neg: calc(var(--spacing-xs) * -1);
+
     @apply rounded-medium bg-surface-raised p-s outline-static outline;
     max-width: 280px;
+    transition:
+      transform var(--animation-duration-normal),
+      opacity var(--animation-duration-normal);
+
+    @variant motion-safe {
+      @variant placement-top {
+        --origin: translateY(var(--offset));
+      }
+
+      @variant placement-bottom {
+        --origin: translateY(var(--offset-neg));
+      }
+
+      @variant placement-left {
+        --origin: translateX(var(--offset));
+      }
+
+      @variant placement-right {
+        --origin: translateX(var(--offset-neg));
+      }
+
+      @variant entering {
+        transform: var(--origin);
+        opacity: 0;
+      }
+
+      @variant exiting {
+        transform: var(--origin);
+        opacity: 0;
+      }
+    }
   }
 
   .title {

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

@@ -11,8 +11,8 @@
  */
 
 import "client-only";
-import { HeadingProps } from "react-aria-components";
-import * as react_jsx_runtime200 from "react/jsx-runtime";
+import * as react_jsx_runtime143 from "react/jsx-runtime";
+import { HeadingProps } from "react-aria-components/Heading";
 
 //#region src/components/popover/title.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime200 from "react/jsx-runtime";
 declare function PopoverTitle({
   className,
   ...rest
-}: HeadingProps): react_jsx_runtime200.JSX.Element;
+}: HeadingProps): react_jsx_runtime143.JSX.Element;
 //#endregion
 export { PopoverTitle };
 //# sourceMappingURL=title.d.ts.map

package/dist/components/popover/title.js

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

package/dist/components/popover/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","names":["AriaHeading"],"sources":["../../../src/components/popover/title.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 {\n  Heading as AriaHeading,\n  type HeadingProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * PopoverTitle - Semantic heading for the popover\n *\n * @example\n * ```tsx\n * <Popover>\n *   <PopoverTitle>User Settings</PopoverTitle>\n *   <PopoverContent>Settings content</PopoverContent>\n * </Popover>\n * ```\n *\n * @param props - HeadingProps from react-aria-components.\n * @param props.className - Optional CSS class name.\n * @returns The rendered PopoverTitle component.\n */\nexport function PopoverTitle({ className, ...rest }: HeadingProps) {\n  return (\n    <AriaHeading\n      {...rest}\n      slot='title'\n      className={clsx(styles.title, className)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,SAAgB,aAAa,EAAE,WAAW,GAAG,QAAsB;AACjE,QACE,oBAACA;EACC,GAAI;EACJ,MAAK;EACL,WAAW,KAAK,OAAO,OAAO,UAAU;GACxC"}
+{"version":3,"file":"title.js","names":["AriaHeading"],"sources":["../../../src/components/popover/title.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 {\n  Heading as AriaHeading,\n  type HeadingProps,\n} from 'react-aria-components/Heading';\nimport styles from './styles.module.css';\n\n/**\n * PopoverTitle - Semantic heading for the popover\n *\n * @example\n * ```tsx\n * <Popover>\n *   <PopoverTitle>User Settings</PopoverTitle>\n *   <PopoverContent>Settings content</PopoverContent>\n * </Popover>\n * ```\n *\n * @param props - HeadingProps from react-aria-components.\n * @param props.className - Optional CSS class name.\n * @returns The rendered PopoverTitle component.\n */\nexport function PopoverTitle({ className, ...rest }: HeadingProps) {\n  return (\n    <AriaHeading\n      {...rest}\n      slot='title'\n      className={clsx(styles.title, className)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,SAAgB,aAAa,EAAE,WAAW,GAAG,QAAsB;AACjE,QACE,oBAACA;EACC,GAAI;EACJ,MAAK;EACL,WAAW,KAAK,OAAO,OAAO,UAAU;GACxC"}

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

@@ -12,7 +12,7 @@
 
 import { PopoverTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime201 from "react/jsx-runtime";
+import * as react_jsx_runtime135 from "react/jsx-runtime";
 
 //#region src/components/popover/trigger.d.ts
 
@@ -41,7 +41,7 @@ declare function PopoverTrigger({
   ref,
   children,
   ...rest
-}: PopoverTriggerProps): react_jsx_runtime201.JSX.Element;
+}: PopoverTriggerProps): react_jsx_runtime135.JSX.Element;
 //#endregion
 export { PopoverTrigger };
 //# sourceMappingURL=trigger.d.ts.map

package/dist/components/popover/trigger.js

@@ -15,9 +15,9 @@
 
 import "client-only";
 import { Children } from "react";
-import { DialogTrigger } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Pressable as Pressable$1 } from "@react-aria/interactions";
+import { DialogTrigger } from "react-aria-components/Dialog";
+import { Pressable } from "react-aria/Pressable";
 
 //#region src/components/popover/trigger.tsx
 /**
@@ -45,7 +45,7 @@ function PopoverTrigger({ ref, children, ...rest }) {
 	const [trigger, popover] = Children.toArray(children);
 	return /* @__PURE__ */ jsxs(DialogTrigger, {
 		...rest,
-		children: [/* @__PURE__ */ jsx(Pressable$1, {
+		children: [/* @__PURE__ */ jsx(Pressable, {
 			ref,
 			children: trigger
 		}), popover]

package/dist/components/popover/trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","names":["Pressable"],"sources":["../../../src/components/popover/trigger.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 { Pressable } from '@react-aria/interactions';\nimport {\n  Children,\n  type DOMAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { DialogTrigger } from 'react-aria-components';\nimport type { FocusableElement } from '@react-types/shared';\nimport type { PopoverTriggerProps } from './types';\n\n/**\n * PopoverTrigger - Root component that manages popover state and positioning\n *\n * Wraps a trigger element and its associated Popover. The first child becomes\n * the trigger, and the second child should be a Popover component.\n *\n * @example\n * ```tsx\n * <PopoverTrigger>\n *   <Button>Open</Button>\n *   <Popover>\n *     <PopoverContent>Content here</PopoverContent>\n *   </Popover>\n * </PopoverTrigger>\n * ```\n *\n * @param props - {@link PopoverTriggerProps}\n * @param props.ref - Forwarded ref to the trigger element.\n * @param props.children - Trigger element and Popover component.\n * @returns The rendered PopoverTrigger component.\n */\nexport function PopoverTrigger({\n  ref,\n  children,\n  ...rest\n}: PopoverTriggerProps) {\n  const [trigger, popover] = Children.toArray(children) as [\n    ReactElement<DOMAttributes<FocusableElement>, string>,\n    ReactNode,\n  ];\n\n  return (\n    <DialogTrigger {...rest}>\n      <Pressable ref={ref}>{trigger}</Pressable>\n      {popover}\n    </DialogTrigger>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,eAAe,EAC7B,KACA,UACA,GAAG,QACmB;CACtB,MAAM,CAAC,SAAS,WAAW,SAAS,QAAQ,SAAS;AAKrD,QACE,qBAAC;EAAc,GAAI;aACjB,oBAACA;GAAe;aAAM;IAAoB,EACzC;GACa"}
+{"version":3,"file":"trigger.js","names":[],"sources":["../../../src/components/popover/trigger.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 { Pressable } from 'react-aria/Pressable';\nimport {\n  Children,\n  type DOMAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { DialogTrigger } from 'react-aria-components/Dialog';\nimport type { FocusableElement } from '@react-types/shared';\nimport type { PopoverTriggerProps } from './types';\n\n/**\n * PopoverTrigger - Root component that manages popover state and positioning\n *\n * Wraps a trigger element and its associated Popover. The first child becomes\n * the trigger, and the second child should be a Popover component.\n *\n * @example\n * ```tsx\n * <PopoverTrigger>\n *   <Button>Open</Button>\n *   <Popover>\n *     <PopoverContent>Content here</PopoverContent>\n *   </Popover>\n * </PopoverTrigger>\n * ```\n *\n * @param props - {@link PopoverTriggerProps}\n * @param props.ref - Forwarded ref to the trigger element.\n * @param props.children - Trigger element and Popover component.\n * @returns The rendered PopoverTrigger component.\n */\nexport function PopoverTrigger({\n  ref,\n  children,\n  ...rest\n}: PopoverTriggerProps) {\n  const [trigger, popover] = Children.toArray(children) as [\n    ReactElement<DOMAttributes<FocusableElement>, string>,\n    ReactNode,\n  ];\n\n  return (\n    <DialogTrigger {...rest}>\n      <Pressable ref={ref}>{trigger}</Pressable>\n      {popover}\n    </DialogTrigger>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,eAAe,EAC7B,KACA,UACA,GAAG,QACmB;CACtB,MAAM,CAAC,SAAS,WAAW,SAAS,QAAQ,SAAS;AAKrD,QACE,qBAAC;EAAc,GAAI;aACjB,oBAAC;GAAe;aAAM;IAAoB,EACzC;GACa"}