@accelint/design-toolkit 8.1.1 → 9.0.0

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

@@ -1,117 +1,128 @@
-import { Key } from '@react-types/shared';
-import { ColumnDef, RowSelectionState, Row, Cell, Header, HeaderGroup } from '@tanstack/react-table';
-import { Dispatch, SetStateAction, ComponentPropsWithRef, PropsWithChildren } from 'react';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { ComponentPropsWithRef, Dispatch, PropsWithChildren, SetStateAction } from "react";
+import { Cell, ColumnDef, Header, HeaderGroup, Row, RowSelectionState } from "@tanstack/react-table";
+import { Key } from "@react-types/shared";
 
+//#region src/components/table/types.d.ts
 type BaseTableProps = Omit<ComponentPropsWithRef<'table'>, 'children'>;
 type ExtendedTableProps<T extends {
-    id: Key;
+  id: Key;
 }> = {
-    /**
-     * An array of column definitions, one for each key in `T`.
-     */
-    columns: {
-        [K in keyof Required<T>]: ColumnDef<T, T[K]>;
-    }[keyof T][];
-    /**
-     * An array of data objects of type `T`.
-     * Each object must have a unique `id` property.
-     */
-    data: T[];
-    /**
-     * Whether to display a checkbox column.
-     */
-    showCheckbox?: boolean;
-    /**
-     * Initial row selection state.
-     * An object mapping row IDs to their selection state (true = selected).
-     * Example: { 'row-1': true, 'row-2': true }
-     */
-    rowSelection?: RowSelectionState;
-    /**
-     * Position of the kebab menu, either 'left' or 'right'.
-     */
-    kebabPosition?: 'left' | 'right';
-    /**
-     * Whether to persist the header kebab menu.
-     * If true, the header kebab menu is always visible.
-     * If false, it is only visible on hover or when the row is hovered.
-     */
-    persistHeaderKebabMenu?: boolean;
-    /**
-     * Whether to persist the kebab menu.
-     * If true, the kebab menu is always visible.
-     * If false, it is only visible on hover or when the row is hovered.
-     */
-    persistRowKebabMenu?: boolean;
-    /**
-     * Whether to persist numeral columns.
-     * If true, numeral columns are always visible.
-     * If false, they are only visible on hover or when the row is hovered.
-     */
-    persistNumerals?: boolean;
-    /**
-     * Whether to enable sorting.
-     * If true, the table will support sorting.
-     * If false, the table will not support sorting.
-     */
-    enableSorting?: boolean;
-    /**
-     * Whether to enable column ordering.
-     * If true, the table will support column ordering.
-     * If false, the table will not support column ordering.
-     */
-    enableColumnReordering?: boolean;
-    /**
-     * Whether to enable actions for rows.
-     * If true, the table will support ability to take action on row.
-     * If false, the table will not support ability to take action on row.
-     */
-    enableRowActions?: boolean;
-    /**
-     * When manualSorting is set to true, the table will assume that the data that you provide is already sorted, and will not apply any sorting to it.
-     * This is used for server-side sorting.
-     * If true, getSortedRowModel() is not needed.
-     ***/
-    manualSorting?: boolean;
-    /**
-     * Callback function triggered when the sorting state changes.
-     *
-     * @param columnId - The ID of the column whose sort direction changed.
-     * @param sortDirection - The new sort direction for the column:
-     * `'asc'` for ascending, `'desc'` for descending, or `null` to clear sorting.
-     */
-    onSortChange?: (columnId: string, sortDirection: 'asc' | 'desc' | null) => void;
-    /**
-     * Callback function triggered when a column is reordered via drag-and-drop or other mechanism.
-     *
-     * @param index - The new index position of the column after reordering.
-     */
-    onColumnReorderChange?: (index: number) => void;
-    /**
-     * Callback function triggered when row selection changes.
-     * Receives an updater function or direct value following TanStack Table's API pattern.
-     *
-     * @param updaterOrValue - Either a function that receives the old state and returns new state,
-     * or a direct RowSelectionState object.
-     *
-     * @example
-     * // Using with state setter
-     * onRowSelectionChange={setSelectedRows}
-     *
-     * @example
-     * // Using with custom handler
-     * onRowSelectionChange={(updater) => {
-     *   const newState = typeof updater === 'function' ? updater(oldState) : updater;
-     *   console.log('Selected rows:', newState);
-     * }}
-     */
-    onRowSelectionChange?: (updaterOrValue: RowSelectionState | ((old: RowSelectionState) => RowSelectionState)) => void;
-    /**
-     * Whether the table should take full width and use fixed layout.
-     * When true, applies 'w-full table-fixed' classes.
-     * @default false
-     */
-    fullWidth?: boolean;
+  /**
+   * An array of column definitions, one for each key in `T`.
+   */
+  columns: { [K in keyof Required<T>]: ColumnDef<T, T[K]> }[keyof T][];
+  /**
+   * An array of data objects of type `T`.
+   * Each object must have a unique `id` property.
+   */
+  data: T[];
+  /**
+   * Whether to display a checkbox column.
+   */
+  showCheckbox?: boolean;
+  /**
+   * Initial row selection state.
+   * An object mapping row IDs to their selection state (true = selected).
+   * Example: { 'row-1': true, 'row-2': true }
+   */
+  rowSelection?: RowSelectionState;
+  /**
+   * Position of the kebab menu, either 'left' or 'right'.
+   */
+  kebabPosition?: 'left' | 'right';
+  /**
+   * Whether to persist the header kebab menu.
+   * If true, the header kebab menu is always visible.
+   * If false, it is only visible on hover or when the row is hovered.
+   */
+  persistHeaderKebabMenu?: boolean;
+  /**
+   * Whether to persist the kebab menu.
+   * If true, the kebab menu is always visible.
+   * If false, it is only visible on hover or when the row is hovered.
+   */
+  persistRowKebabMenu?: boolean;
+  /**
+   * Whether to persist numeral columns.
+   * If true, numeral columns are always visible.
+   * If false, they are only visible on hover or when the row is hovered.
+   */
+  persistNumerals?: boolean;
+  /**
+   * Whether to enable sorting.
+   * If true, the table will support sorting.
+   * If false, the table will not support sorting.
+   */
+  enableSorting?: boolean;
+  /**
+   * Whether to enable column ordering.
+   * If true, the table will support column ordering.
+   * If false, the table will not support column ordering.
+   */
+  enableColumnReordering?: boolean;
+  /**
+   * Whether to enable actions for rows.
+   * If true, the table will support ability to take action on row.
+   * If false, the table will not support ability to take action on row.
+   */
+  enableRowActions?: boolean;
+  /**
+   * When manualSorting is set to true, the table will assume that the data that you provide is already sorted, and will not apply any sorting to it.
+   * This is used for server-side sorting.
+   * If true, getSortedRowModel() is not needed.
+   ***/
+  manualSorting?: boolean;
+  /**
+   * Callback function triggered when the sorting state changes.
+   *
+   * @param columnId - The ID of the column whose sort direction changed.
+   * @param sortDirection - The new sort direction for the column:
+   * `'asc'` for ascending, `'desc'` for descending, or `null` to clear sorting.
+   */
+  onSortChange?: (columnId: string, sortDirection: 'asc' | 'desc' | null) => void;
+  /**
+   * Callback function triggered when a column is reordered via drag-and-drop or other mechanism.
+   *
+   * @param index - The new index position of the column after reordering.
+   */
+  onColumnReorderChange?: (index: number) => void;
+  /**
+   * Callback function triggered when row selection changes.
+   * Receives an updater function or direct value following TanStack Table's API pattern.
+   *
+   * @param updaterOrValue - Either a function that receives the old state and returns new state,
+   * or a direct RowSelectionState object.
+   *
+   * @example
+   * // Using with state setter
+   * onRowSelectionChange={setSelectedRows}
+   *
+   * @example
+   * // Using with custom handler
+   * onRowSelectionChange={(updater) => {
+   *   const newState = typeof updater === 'function' ? updater(oldState) : updater;
+   *   console.log('Selected rows:', newState);
+   * }}
+   */
+  onRowSelectionChange?: (updaterOrValue: RowSelectionState | ((old: RowSelectionState) => RowSelectionState)) => void;
+  /**
+   * Whether the table should take full width and use fixed layout.
+   * When true, applies 'w-full table-fixed' classes.
+   * @default false
+   */
+  fullWidth?: boolean;
 };
 /**
  * Props for the Table component.
@@ -136,12 +147,10 @@ type ExtendedTableProps<T extends {
  * @see {@link BaseTableProps}
  */
 type TableProps<T extends {
-    id: Key;
+  id: Key;
 }> = BaseTableProps & ((ExtendedTableProps<T> & {
-    children?: never;
-}) | PropsWithChildren<{
-    [K in keyof ExtendedTableProps<T>]?: never;
-}>);
+  children?: never;
+}) | PropsWithChildren<{ [K in keyof ExtendedTableProps<T>]?: never }>);
 /**
  * Props for the `<tbody>` section of a table component.
  *
@@ -152,7 +161,7 @@ type TableProps<T extends {
  * @see {@link RefAttributes}
  */
 type TableBodyProps<T> = ComponentPropsWithRef<'tbody'> & {
-    rows?: Row<T>[];
+  rows?: Row<T>[];
 };
 /**
  * Props for a table row (`<tr>`) component.
@@ -164,7 +173,7 @@ type TableBodyProps<T> = ComponentPropsWithRef<'tbody'> & {
  * @see {@link RefAttributes}
  */
 type TableRowProps<T> = ComponentPropsWithRef<'tr'> & {
-    row?: Row<T>;
+  row?: Row<T>;
 };
 /**
  * Props for a table cell component.
@@ -179,7 +188,7 @@ type TableRowProps<T> = ComponentPropsWithRef<'tr'> & {
  * @property className - Optional class name for custom styling.
  */
 type TableCellProps<T> = ComponentPropsWithRef<'td'> & {
-    cell?: Cell<T, unknown>;
+  cell?: Cell<T, unknown>;
 };
 /**
  * Props for a table header cell component.
@@ -190,7 +199,7 @@ type TableCellProps<T> = ComponentPropsWithRef<'td'> & {
  * @see {@link RefAttributes}
  */
 type TableHeaderCellProps<T> = ComponentPropsWithRef<'th'> & {
-    header?: Header<T, unknown>;
+  header?: Header<T, unknown>;
 };
 /**
  * Props for the table header (`<thead>`) component.
@@ -201,29 +210,30 @@ type TableHeaderCellProps<T> = ComponentPropsWithRef<'th'> & {
  * @see {@link RefAttributes}
  */
 type TableHeaderProps<T> = ComponentPropsWithRef<'thead'> & {
-    /**
-     * Array of header groups of the table
-     */
-    headerGroups?: HeaderGroup<T>[];
-    /**
-     * The currently selected column ID
-     */
-    columnSelection?: string | null;
+  /**
+   * Array of header groups of the table
+   */
+  headerGroups?: HeaderGroup<T>[];
+  /**
+   * The currently selected column ID
+   */
+  columnSelection?: string | null;
 };
 type TableContextValue = {
-    columnSelection: string | null;
-    enableColumnReordering: boolean;
-    enableSorting: boolean;
-    enableRowActions: boolean;
-    persistHeaderKebabMenu: boolean;
-    persistRowKebabMenu: boolean;
-    persistNumerals: boolean;
-    moveColumnLeft: (index: number) => void;
-    moveColumnRight: (index: number) => void;
-    setColumnSelection: Dispatch<SetStateAction<string | null>>;
-    manualSorting: boolean;
-    handleSortChange?: (columnId: string, direction: 'asc' | 'desc' | null) => void;
-    handleColumnReordering?: (index: number) => void;
+  columnSelection: string | null;
+  enableColumnReordering: boolean;
+  enableSorting: boolean;
+  enableRowActions: boolean;
+  persistHeaderKebabMenu: boolean;
+  persistRowKebabMenu: boolean;
+  persistNumerals: boolean;
+  moveColumnLeft: (index: number) => void;
+  moveColumnRight: (index: number) => void;
+  setColumnSelection: Dispatch<SetStateAction<string | null>>;
+  manualSorting: boolean;
+  handleSortChange?: (columnId: string, direction: 'asc' | 'desc' | null) => void;
+  handleColumnReordering?: (index: number) => void;
 };
-
-export type { TableBodyProps, TableCellProps, TableContextValue, TableHeaderCellProps, TableHeaderProps, TableProps, TableRowProps };
+//#endregion
+export { TableBodyProps, TableCellProps, TableContextValue, TableHeaderCellProps, TableHeaderProps, TableProps, TableRowProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/table/types.js

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

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

@@ -1,20 +1,38 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
-import { TabsProps } from './types.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { ProviderProps } from "../../lib/types.js";
+import { TabsProps as TabsProps$1 } from "./types.js";
+import "client-only";
+import * as react25 from "react";
+import { ContextValue } from "react-aria-components";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
+
+//#region src/components/tabs/context.d.ts
 /**
  * Context for Tabs component
  *
  * Provides context for Tabs component to share props
  */
-declare const TabsContext: react.Context<ContextValue<TabsProps, HTMLDivElement>>;
+declare const TabsContext: react25.Context<ContextValue<TabsProps$1, HTMLDivElement>>;
 /**
  * Provider for Tabs component
  *
  * Allows setting default props for all Tabs components within
  */
-declare function TabsProvider({ children, ...props }: ProviderProps<TabsProps>): react_jsx_runtime.JSX.Element;
-
+declare function TabsProvider({
+  children,
+  ...props
+}: ProviderProps<TabsProps$1>): react_jsx_runtime97.JSX.Element;
+//#endregion
 export { TabsContext, TabsProvider };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/tabs/context.js

@@ -1,4 +1,41 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const e=createContext(null);function n({children:o,...r}){return jsx(e.Provider,{value:r,children:o})}export{e as TabsContext,n as TabsProvider};//# sourceMappingURL=context.js.map
+import "client-only";
+import { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/tabs/context.tsx
+/**
+* Context for Tabs component
+*
+* Provides context for Tabs component to share props
+*/
+const TabsContext = createContext(null);
+/**
+* Provider for Tabs component
+*
+* Allows setting default props for all Tabs components within
+*/
+function TabsProvider({ children, ...props }) {
+	return /* @__PURE__ */ jsx(TabsContext.Provider, {
+		value: props,
+		children
+	});
+}
+
+//#endregion
+export { TabsContext, TabsProvider };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs/context.tsx"],"names":["TabsContext","createContext","TabsProvider","children","props","jsx"],"mappings":"0FAyBO,MAAMA,CAAAA,CACXC,aAAAA,CAAuD,IAAI,EAOtD,SAASC,CAAAA,CAAa,CAAE,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAA6B,CAC7E,OAAOC,GAAAA,CAACL,CAAAA,CAAY,QAAA,CAAZ,CAAqB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,EAAS,CACvD","file":"context.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { TabsProps } from './types';\n\n/**\n * Context for Tabs component\n *\n * Provides context for Tabs component to share props\n */\nexport const TabsContext =\n  createContext<ContextValue<TabsProps, HTMLDivElement>>(null);\n\n/**\n * Provider for Tabs component\n *\n * Allows setting default props for all Tabs components within\n */\nexport function TabsProvider({ children, ...props }: ProviderProps<TabsProps>) {\n  return <TabsContext.Provider value={props}>{children}</TabsContext.Provider>;\n}\n"]}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tabs/context.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { TabsProps } from './types';\n\n/**\n * Context for Tabs component\n *\n * Provides context for Tabs component to share props\n */\nexport const TabsContext =\n  createContext<ContextValue<TabsProps, HTMLDivElement>>(null);\n\n/**\n * Provider for Tabs component\n *\n * Allows setting default props for all Tabs components within\n */\nexport function TabsProvider({ children, ...props }: ProviderProps<TabsProps>) {\n  return <TabsContext.Provider value={props}>{children}</TabsContext.Provider>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,cACX,cAAuD,KAAK;;;;;;AAO9D,SAAgB,aAAa,EAAE,UAAU,GAAG,SAAmC;AAC7E,QAAO,oBAAC,YAAY;EAAS,OAAO;EAAQ;GAAgC"}

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

@@ -1,7 +1,20 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TabsProps } from './types.js';
-import 'react';
-import 'react-aria-components';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { TabsProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
+
+//#region src/components/tabs/index.d.ts
 
 /**
  * Tabs - A tab navigation component for organizing content into sections
@@ -49,6 +62,10 @@ import 'react-aria-components';
  *   <TabsPanel id="search">Search content</TabsPanel>
  * </Tabs>
  */
-declare function Tabs({ ref, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
-
+declare function Tabs({
+  ref,
+  ...props
+}: TabsProps): react_jsx_runtime67.JSX.Element;
+//#endregion
 export { Tabs };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tabs/index.js

@@ -1,4 +1,83 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,Tabs,composeRenderProps}from'react-aria-components';import {TabsContext}from'./context.js';import l from'./styles.module.css';function y({ref:s,...o}){[o,s]=useContextProps(o,s??null,TabsContext);const{children:r,className:t,...a}=o;return jsx(Tabs,{...a,ref:s,className:composeRenderProps(t,e=>clsx("group/tabs",l.tabs,e)),children:r})}export{y as Tabs};//# sourceMappingURL=index.js.map
+import { TabsContext } from "./context.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { Tabs as Tabs$1, composeRenderProps, useContextProps } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/tabs/index.tsx
+/**
+* Tabs - A tab navigation component for organizing content into sections
+*
+* Provides accessible tab navigation with keyboard support and proper ARIA implementation.
+* Supports both horizontal and vertical orientations with icon and text variants.
+* Perfect for organizing related content into separate, focusable sections.
+*
+* @example
+* // Basic horizontal tabs
+* <Tabs>
+*   <TabsList>
+*     <TabsListTab id="overview">Overview</TabsListTab>
+*     <TabsListTab id="details">Details</TabsListTab>
+*     <TabsListTab id="settings">Settings</TabsListTab>
+*   </TabsList>
+*   <TabsPanel id="overview">Overview content</TabsPanel>
+*   <TabsPanel id="details">Details content</TabsPanel>
+*   <TabsPanel id="settings">Settings content</TabsPanel>
+* </Tabs>
+*
+* @example
+* // Vertical tabs
+* <Tabs orientation="vertical">
+*   <TabsList>
+*     <TabsListTab id="profile">Profile</TabsListTab>
+*     <TabsListTab id="account">Account</TabsListTab>
+*   </TabsList>
+*   <TabsPanel id="profile">Profile settings</TabsPanel>
+*   <TabsPanel id="account">Account settings</TabsPanel>
+* </Tabs>
+*
+* @example
+* // Icon tabs
+* <Tabs>
+*   <TabsList variant="icons">
+*     <TabsListTab id="home">
+*       <Icon><Home /></Icon>
+*     </TabsListTab>
+*     <TabsListTab id="search">
+*       <Icon><Search /></Icon>
+*     </TabsListTab>
+*   </TabsList>
+*   <TabsPanel id="home">Home content</TabsPanel>
+*   <TabsPanel id="search">Search content</TabsPanel>
+* </Tabs>
+*/
+function Tabs({ ref, ...props }) {
+	[props, ref] = useContextProps(props, ref ?? null, TabsContext);
+	const { children, className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Tabs$1, {
+		...rest,
+		ref,
+		className: composeRenderProps(className, (className$1) => clsx("group/tabs", styles.tabs, className$1)),
+		children
+	});
+}
+
+//#endregion
+export { Tabs };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs/index.tsx"],"names":["ref","props","useContextProps","TabsContext","rest","c","p","className","clsx","m"],"mappings":"gRAuEuB,CAAA,CAAAA,CAAAA,IAAQC,CAAM,CAAA,GAClCA,EAAOD,CAAG,CAAA,CAAIE,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,eAAAA,CAAO,CAAA,CAAA,CAAA,EAAMG,kBAE7C,KAAE,CAAA,QAAU,CAAA,CAAA,CAAA,SAAW,CAAGC,CAAK,CAAA,GAErC,YAEKC,GAAA,CAAAC,IAAGF,EACJ,GAAA,CAAKJ,CAAAA,GACL,CAAA,CAAA,CAAA,SAA0CO,CAAAA,kBAAAA,CACxCC,CAAAA,CAAK,CAAA,EAAAC,IAAA,CAAA,eAA2BF,IAGjC,CAAA,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Tabs as AriaTabs,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { TabsContext } from './context';\nimport styles from './styles.module.css';\nimport type { TabsProps } from './types';\n\n/**\n * Tabs - A tab navigation component for organizing content into sections\n *\n * Provides accessible tab navigation with keyboard support and proper ARIA implementation.\n * Supports both horizontal and vertical orientations with icon and text variants.\n * Perfect for organizing related content into separate, focusable sections.\n *\n * @example\n * // Basic horizontal tabs\n * <Tabs>\n *   <TabsList>\n *     <TabsListTab id=\"overview\">Overview</TabsListTab>\n *     <TabsListTab id=\"details\">Details</TabsListTab>\n *     <TabsListTab id=\"settings\">Settings</TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"overview\">Overview content</TabsPanel>\n *   <TabsPanel id=\"details\">Details content</TabsPanel>\n *   <TabsPanel id=\"settings\">Settings content</TabsPanel>\n * </Tabs>\n *\n * @example\n * // Vertical tabs\n * <Tabs orientation=\"vertical\">\n *   <TabsList>\n *     <TabsListTab id=\"profile\">Profile</TabsListTab>\n *     <TabsListTab id=\"account\">Account</TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"profile\">Profile settings</TabsPanel>\n *   <TabsPanel id=\"account\">Account settings</TabsPanel>\n * </Tabs>\n *\n * @example\n * // Icon tabs\n * <Tabs>\n *   <TabsList variant=\"icons\">\n *     <TabsListTab id=\"home\">\n *       <Icon><Home /></Icon>\n *     </TabsListTab>\n *     <TabsListTab id=\"search\">\n *       <Icon><Search /></Icon>\n *     </TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"home\">Home content</TabsPanel>\n *   <TabsPanel id=\"search\">Search content</TabsPanel>\n * </Tabs>\n */\nexport function Tabs({ ref, ...props }: TabsProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TabsContext);\n\n  const { children, className, ...rest } = props;\n\n  return (\n    <AriaTabs\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx('group/tabs', styles.tabs, className),\n      )}\n    >\n      {children}\n    </AriaTabs>\n  );\n}\n"]}
+{"version":3,"file":"index.js","names":["AriaTabs","className"],"sources":["../../../src/components/tabs/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Tabs as AriaTabs,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { TabsContext } from './context';\nimport styles from './styles.module.css';\nimport type { TabsProps } from './types';\n\n/**\n * Tabs - A tab navigation component for organizing content into sections\n *\n * Provides accessible tab navigation with keyboard support and proper ARIA implementation.\n * Supports both horizontal and vertical orientations with icon and text variants.\n * Perfect for organizing related content into separate, focusable sections.\n *\n * @example\n * // Basic horizontal tabs\n * <Tabs>\n *   <TabsList>\n *     <TabsListTab id=\"overview\">Overview</TabsListTab>\n *     <TabsListTab id=\"details\">Details</TabsListTab>\n *     <TabsListTab id=\"settings\">Settings</TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"overview\">Overview content</TabsPanel>\n *   <TabsPanel id=\"details\">Details content</TabsPanel>\n *   <TabsPanel id=\"settings\">Settings content</TabsPanel>\n * </Tabs>\n *\n * @example\n * // Vertical tabs\n * <Tabs orientation=\"vertical\">\n *   <TabsList>\n *     <TabsListTab id=\"profile\">Profile</TabsListTab>\n *     <TabsListTab id=\"account\">Account</TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"profile\">Profile settings</TabsPanel>\n *   <TabsPanel id=\"account\">Account settings</TabsPanel>\n * </Tabs>\n *\n * @example\n * // Icon tabs\n * <Tabs>\n *   <TabsList variant=\"icons\">\n *     <TabsListTab id=\"home\">\n *       <Icon><Home /></Icon>\n *     </TabsListTab>\n *     <TabsListTab id=\"search\">\n *       <Icon><Search /></Icon>\n *     </TabsListTab>\n *   </TabsList>\n *   <TabsPanel id=\"home\">Home content</TabsPanel>\n *   <TabsPanel id=\"search\">Search content</TabsPanel>\n * </Tabs>\n */\nexport function Tabs({ ref, ...props }: TabsProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TabsContext);\n\n  const { children, className, ...rest } = props;\n\n  return (\n    <AriaTabs\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx('group/tabs', styles.tabs, className),\n      )}\n    >\n      {children}\n    </AriaTabs>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,SAAgB,KAAK,EAAE,KAAK,GAAG,SAAoB;AACjD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AAEzC,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,cAAc,OAAO,MAAMC,YAAU,CAC3C;EAEA;GACQ"}