@accelint/design-toolkit 9.2.0 → 9.4.0

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

@@ -12,60 +12,37 @@
 
 import { TabsProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime134 from "react/jsx-runtime";
+import * as react_jsx_runtime159 from "react/jsx-runtime";
 
 //#region src/components/tabs/index.d.ts
 
 /**
- * Tabs - A tab navigation component for organizing content into sections
+ * Tabs - Tab navigation for organizing content into multiple 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.
+ * Supports horizontal and vertical orientations with text or icon tabs.
  *
- * @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>
+ * @param props - {@link TabsProps}
+ * @param props.ref - Ref to the tabs container element.
+ * @param props.children - TabList and TabPanel components.
+ * @param props.className - CSS class for the tabs container.
+ * @returns The rendered Tabs component.
  *
  * @example
- * // Icon tabs
+ * ```tsx
  * <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>
+ *   <TabList>
+ *     <Tab id="overview">Overview</Tab>
+ *     <Tab id="settings">Settings</Tab>
+ *   </TabList>
+ *   <TabPanel id="overview">Overview content</TabPanel>
+ *   <TabPanel id="settings">Settings content</TabPanel>
  * </Tabs>
+ * ```
  */
 declare function Tabs({
   ref,
   ...props
-}: TabsProps): react_jsx_runtime134.JSX.Element;
+}: TabsProps): react_jsx_runtime159.JSX.Element;
 //#endregion
 export { Tabs };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tabs/index.js

@@ -22,50 +22,27 @@ import styles from "./styles.module.css";
 
 //#region src/components/tabs/index.tsx
 /**
-* Tabs - A tab navigation component for organizing content into sections
+* Tabs - Tab navigation for organizing content into multiple 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.
+* Supports horizontal and vertical orientations with text or icon tabs.
 *
-* @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>
+* @param props - {@link TabsProps}
+* @param props.ref - Ref to the tabs container element.
+* @param props.children - TabList and TabPanel components.
+* @param props.className - CSS class for the tabs container.
+* @returns The rendered Tabs component.
 *
 * @example
-* // Icon tabs
+* ```tsx
 * <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>
+*   <TabList>
+*     <Tab id="overview">Overview</Tab>
+*     <Tab id="settings">Settings</Tab>
+*   </TabList>
+*   <TabPanel id="overview">Overview content</TabPanel>
+*   <TabPanel id="settings">Settings content</TabPanel>
 * </Tabs>
+* ```
 */
 function Tabs({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref ?? null, TabsContext);

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

@@ -1 +1 @@
-{"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"}
+{"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 - Tab navigation for organizing content into multiple sections\n *\n * Supports horizontal and vertical orientations with text or icon tabs.\n *\n * @param props - {@link TabsProps}\n * @param props.ref - Ref to the tabs container element.\n * @param props.children - TabList and TabPanel components.\n * @param props.className - CSS class for the tabs container.\n * @returns The rendered Tabs component.\n *\n * @example\n * ```tsx\n * <Tabs>\n *   <TabList>\n *     <Tab id=\"overview\">Overview</Tab>\n *     <Tab id=\"settings\">Settings</Tab>\n *   </TabList>\n *   <TabPanel id=\"overview\">Overview content</TabPanel>\n *   <TabPanel id=\"settings\">Settings content</TabPanel>\n * </Tabs>\n * ```\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,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"}

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

@@ -12,19 +12,35 @@
 
 import "client-only";
 import { TabListProps } from "react-aria-components";
-import * as react_jsx_runtime135 from "react/jsx-runtime";
+import * as react_jsx_runtime168 from "react/jsx-runtime";
 
 //#region src/components/tabs/list.d.ts
+
 /**
- * TabList - Container for tabs
+ * TabList - Container for Tab components.
+ *
+ * @example
+ * ```tsx
+ * <Tabs>
+ *   <TabList>
+ *     <Tab id="profile">Profile</Tab>
+ *     <Tab id="settings">Settings</Tab>
+ *   </TabList>
+ *   <TabPanel id="profile">Profile content</TabPanel>
+ *   <TabPanel id="settings">Settings content</TabPanel>
+ * </Tabs>
+ * ```
  *
- * Contains and manages a group of Tab components
+ * @param props - TabListProps from react-aria-components.
+ * @param props.children - Tab components to render.
+ * @param props.className - CSS class for the tab list.
+ * @returns The rendered TabList component.
  */
 declare function TabList<T extends object>({
   children,
   className,
   ...rest
-}: TabListProps<T>): react_jsx_runtime135.JSX.Element;
+}: TabListProps<T>): react_jsx_runtime168.JSX.Element;
 //#endregion
 export { TabList };
 //# sourceMappingURL=list.d.ts.map

package/dist/components/tabs/list.js

@@ -21,9 +21,24 @@ import styles from "./styles.module.css";
 
 //#region src/components/tabs/list.tsx
 /**
-* TabList - Container for tabs
+* TabList - Container for Tab components.
 *
-* Contains and manages a group of Tab components
+* @example
+* ```tsx
+* <Tabs>
+*   <TabList>
+*     <Tab id="profile">Profile</Tab>
+*     <Tab id="settings">Settings</Tab>
+*   </TabList>
+*   <TabPanel id="profile">Profile content</TabPanel>
+*   <TabPanel id="settings">Settings content</TabPanel>
+* </Tabs>
+* ```
+*
+* @param props - TabListProps from react-aria-components.
+* @param props.children - Tab components to render.
+* @param props.className - CSS class for the tab list.
+* @returns The rendered TabList component.
 */
 function TabList({ children, className, ...rest }) {
 	return /* @__PURE__ */ jsx(TabList$1, {

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["AriaTabList","className"],"sources":["../../../src/components/tabs/list.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  TabList as AriaTabList,\n  composeRenderProps,\n  type TabListProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * TabList - Container for tabs\n *\n * Contains and manages a group of Tab components\n */\nexport function TabList<T extends object>({\n  children,\n  className,\n  ...rest\n}: TabListProps<T>) {\n  return (\n    <AriaTabList<T>\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.list, className),\n      )}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAAgB,QAA0B,EACxC,UACA,WACA,GAAG,QACe;AAClB,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,MAAMC,YAAU,CAC7B;EAEA;GACW"}
+{"version":3,"file":"list.js","names":["AriaTabList","className"],"sources":["../../../src/components/tabs/list.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  TabList as AriaTabList,\n  composeRenderProps,\n  type TabListProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * TabList - Container for Tab components.\n *\n * @example\n * ```tsx\n * <Tabs>\n *   <TabList>\n *     <Tab id=\"profile\">Profile</Tab>\n *     <Tab id=\"settings\">Settings</Tab>\n *   </TabList>\n *   <TabPanel id=\"profile\">Profile content</TabPanel>\n *   <TabPanel id=\"settings\">Settings content</TabPanel>\n * </Tabs>\n * ```\n *\n * @param props - TabListProps from react-aria-components.\n * @param props.children - Tab components to render.\n * @param props.className - CSS class for the tab list.\n * @returns The rendered TabList component.\n */\nexport function TabList<T extends object>({\n  children,\n  className,\n  ...rest\n}: TabListProps<T>) {\n  return (\n    <AriaTabList<T>\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.list, className),\n      )}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAgB,QAA0B,EACxC,UACA,WACA,GAAG,QACe;AAClB,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,MAAMC,YAAU,CAC7B;EAEA;GACW"}

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

@@ -12,19 +12,36 @@
 
 import "client-only";
 import { TabPanelProps } from "react-aria-components";
-import * as react_jsx_runtime136 from "react/jsx-runtime";
+import * as react_jsx_runtime163 from "react/jsx-runtime";
 
 //#region src/components/tabs/panel.d.ts
+
 /**
- * TabPanel - Content panel for tabs
+ * TabPanel - Content panel displayed when its corresponding Tab is selected.
+ *
+ * @example
+ * ```tsx
+ * <Tabs>
+ *   <TabList>
+ *     <Tab id="profile">Profile</Tab>
+ *   </TabList>
+ *   <TabPanel id="profile">
+ *     <h2>Profile Information</h2>
+ *     <p>User profile content</p>
+ *   </TabPanel>
+ * </Tabs>
+ * ```
  *
- * Container for content associated with a specific tab
+ * @param props - TabPanelProps from react-aria-components.
+ * @param props.children - Panel content.
+ * @param props.className - CSS class for the panel.
+ * @returns The rendered TabPanel component.
  */
 declare function TabPanel({
   children,
   className,
   ...rest
-}: TabPanelProps): react_jsx_runtime136.JSX.Element;
+}: TabPanelProps): react_jsx_runtime163.JSX.Element;
 //#endregion
 export { TabPanel };
 //# sourceMappingURL=panel.d.ts.map

package/dist/components/tabs/panel.js

@@ -21,9 +21,25 @@ import styles from "./styles.module.css";
 
 //#region src/components/tabs/panel.tsx
 /**
-* TabPanel - Content panel for tabs
+* TabPanel - Content panel displayed when its corresponding Tab is selected.
 *
-* Container for content associated with a specific tab
+* @example
+* ```tsx
+* <Tabs>
+*   <TabList>
+*     <Tab id="profile">Profile</Tab>
+*   </TabList>
+*   <TabPanel id="profile">
+*     <h2>Profile Information</h2>
+*     <p>User profile content</p>
+*   </TabPanel>
+* </Tabs>
+* ```
+*
+* @param props - TabPanelProps from react-aria-components.
+* @param props.children - Panel content.
+* @param props.className - CSS class for the panel.
+* @returns The rendered TabPanel component.
 */
 function TabPanel({ children, className, ...rest }) {
 	return /* @__PURE__ */ jsx(TabPanel$1, {

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

@@ -1 +1 @@
-{"version":3,"file":"panel.js","names":["AriaTabPanel","className"],"sources":["../../../src/components/tabs/panel.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  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabPanelProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * TabPanel - Content panel for tabs\n *\n * Container for content associated with a specific tab\n */\nexport function TabPanel({ children, className, ...rest }: TabPanelProps) {\n  return (\n    <AriaTabPanel\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.panel, className),\n      )}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAAgB,SAAS,EAAE,UAAU,WAAW,GAAG,QAAuB;AACxE,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,OAAOC,YAAU,CAC9B;EAEA;GACY"}
+{"version":3,"file":"panel.js","names":["AriaTabPanel","className"],"sources":["../../../src/components/tabs/panel.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  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabPanelProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * TabPanel - Content panel displayed when its corresponding Tab is selected.\n *\n * @example\n * ```tsx\n * <Tabs>\n *   <TabList>\n *     <Tab id=\"profile\">Profile</Tab>\n *   </TabList>\n *   <TabPanel id=\"profile\">\n *     <h2>Profile Information</h2>\n *     <p>User profile content</p>\n *   </TabPanel>\n * </Tabs>\n * ```\n *\n * @param props - TabPanelProps from react-aria-components.\n * @param props.children - Panel content.\n * @param props.className - CSS class for the panel.\n * @returns The rendered TabPanel component.\n */\nexport function TabPanel({ children, className, ...rest }: TabPanelProps) {\n  return (\n    <AriaTabPanel\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.panel, className),\n      )}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,SAAgB,SAAS,EAAE,UAAU,WAAW,GAAG,QAAuB;AACxE,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,OAAOC,YAAU,CAC9B;EAEA;GACY"}

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

@@ -12,19 +12,32 @@
 
 import "client-only";
 import { TabProps } from "react-aria-components";
-import * as react_jsx_runtime137 from "react/jsx-runtime";
+import * as react_jsx_runtime160 from "react/jsx-runtime";
 
 //#region src/components/tabs/tab.d.ts
+
 /**
- * Tab - Individual tab component
+ * Tab - Selectable tab within a TabList.
+ *
+ * @example
+ * ```tsx
+ * <TabList>
+ *   <Tab id="profile">Profile</Tab>
+ *   <Tab id="settings">Settings</Tab>
+ *   <Tab id="notifications" isDisabled>Notifications</Tab>
+ * </TabList>
+ * ```
  *
- * Represents a selectable tab within a TabList
+ * @param props - TabProps from react-aria-components.
+ * @param props.children - Tab label content.
+ * @param props.className - CSS class for the tab.
+ * @returns The rendered Tab component.
  */
 declare function Tab({
   children,
   className,
   ...rest
-}: TabProps): react_jsx_runtime137.JSX.Element;
+}: TabProps): react_jsx_runtime160.JSX.Element;
 //#endregion
 export { Tab };
 //# sourceMappingURL=tab.d.ts.map

package/dist/components/tabs/tab.js

@@ -21,9 +21,21 @@ import styles from "./styles.module.css";
 
 //#region src/components/tabs/tab.tsx
 /**
-* Tab - Individual tab component
+* Tab - Selectable tab within a TabList.
 *
-* Represents a selectable tab within a TabList
+* @example
+* ```tsx
+* <TabList>
+*   <Tab id="profile">Profile</Tab>
+*   <Tab id="settings">Settings</Tab>
+*   <Tab id="notifications" isDisabled>Notifications</Tab>
+* </TabList>
+* ```
+*
+* @param props - TabProps from react-aria-components.
+* @param props.children - Tab label content.
+* @param props.className - CSS class for the tab.
+* @returns The rendered Tab component.
 */
 function Tab({ children, className, ...rest }) {
 	return /* @__PURE__ */ jsx(Tab$1, {

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

@@ -1 +1 @@
-{"version":3,"file":"tab.js","names":["AriaTab","className"],"sources":["../../../src/components/tabs/tab.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  Tab as AriaTab,\n  composeRenderProps,\n  type TabProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * Tab - Individual tab component\n *\n * Represents a selectable tab within a TabList\n */\nexport function Tab({ children, className, ...rest }: TabProps) {\n  return (\n    <AriaTab\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.tab, className),\n      )}\n    >\n      {children}\n    </AriaTab>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAAgB,IAAI,EAAE,UAAU,WAAW,GAAG,QAAkB;AAC9D,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,KAAKC,YAAU,CAC5B;EAEA;GACO"}
+{"version":3,"file":"tab.js","names":["AriaTab","className"],"sources":["../../../src/components/tabs/tab.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  Tab as AriaTab,\n  composeRenderProps,\n  type TabProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * Tab - Selectable tab within a TabList.\n *\n * @example\n * ```tsx\n * <TabList>\n *   <Tab id=\"profile\">Profile</Tab>\n *   <Tab id=\"settings\">Settings</Tab>\n *   <Tab id=\"notifications\" isDisabled>Notifications</Tab>\n * </TabList>\n * ```\n *\n * @param props - TabProps from react-aria-components.\n * @param props.children - Tab label content.\n * @param props.className - CSS class for the tab.\n * @returns The rendered Tab component.\n */\nexport function Tab({ children, className, ...rest }: TabProps) {\n  return (\n    <AriaTab\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.tab, className),\n      )}\n    >\n      {children}\n    </AriaTab>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,SAAgB,IAAI,EAAE,UAAU,WAAW,GAAG,QAAkB;AAC9D,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,KAAKC,YAAU,CAC5B;EAEA;GACO"}

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

@@ -14,6 +14,9 @@ import { RefAttributes } from "react";
 import { TabsProps as TabsProps$1 } from "react-aria-components";
 
 //#region src/components/tabs/types.d.ts
+/**
+ * Props for the Tabs component.
+ */
 type TabsProps = TabsProps$1 & RefAttributes<HTMLDivElement>;
 //#endregion
 export { TabsProps };

package/dist/components/text-area-field/context.d.ts

@@ -13,26 +13,36 @@
 import { ProviderProps } from "../../lib/types.js";
 import { TextAreaFieldProps } from "./types.js";
 import "client-only";
-import * as react33 from "react";
+import * as react37 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime138 from "react/jsx-runtime";
+import * as react_jsx_runtime162 from "react/jsx-runtime";
 
 //#region src/components/text-area-field/context.d.ts
+/** Context for sharing props across TextAreaField components */
+declare const TextAreaFieldContext: react37.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
 /**
- * Context for TextAreaField component
+ * Sets default props for all TextAreaField components within.
  *
- * Provides context for TextAreaField component to share props
- */
-declare const TextAreaFieldContext: react33.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
-/**
- * Provider for TextAreaField component
+ * @example
+ * ```tsx
+ * <TextAreaFieldProvider isRequired>
+ *   <TextAreaField label="Bio">
+ *     <TextArea placeholder="Tell us about yourself" />
+ *   </TextAreaField>
+ *   <TextAreaField label="Comments">
+ *     <TextArea placeholder="Additional comments" />
+ *   </TextAreaField>
+ * </TextAreaFieldProvider>
+ * ```
  *
- * Allows setting default props for all TextAreaField components within
+ * @param props - ProviderProps with TextAreaFieldProps.
+ * @param props.children - Child components that receive the context.
+ * @returns The TextAreaFieldContext provider wrapping children.
  */
 declare function TextAreaFieldProvider({
   children,
   ...props
-}: ProviderProps<TextAreaFieldProps>): react_jsx_runtime138.JSX.Element;
+}: ProviderProps<TextAreaFieldProps>): react_jsx_runtime162.JSX.Element;
 //#endregion
 export { TextAreaFieldContext, TextAreaFieldProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/text-area-field/context.js

@@ -18,16 +18,26 @@ import { createContext } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/text-area-field/context.tsx
-/**
-* Context for TextAreaField component
-*
-* Provides context for TextAreaField component to share props
-*/
+/** Context for sharing props across TextAreaField components */
 const TextAreaFieldContext = createContext(null);
 /**
-* Provider for TextAreaField component
+* Sets default props for all TextAreaField components within.
+*
+* @example
+* ```tsx
+* <TextAreaFieldProvider isRequired>
+*   <TextAreaField label="Bio">
+*     <TextArea placeholder="Tell us about yourself" />
+*   </TextAreaField>
+*   <TextAreaField label="Comments">
+*     <TextArea placeholder="Additional comments" />
+*   </TextAreaField>
+* </TextAreaFieldProvider>
+* ```
 *
-* Allows setting default props for all TextAreaField components within
+* @param props - ProviderProps with TextAreaFieldProps.
+* @param props.children - Child components that receive the context.
+* @returns The TextAreaFieldContext provider wrapping children.
 */
 function TextAreaFieldProvider({ children, ...props }) {
 	return /* @__PURE__ */ jsx(TextAreaFieldContext.Provider, {

package/dist/components/text-area-field/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/text-area-field/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 { TextAreaFieldProps } from './types';\n\n/**\n * Context for TextAreaField component\n *\n * Provides context for TextAreaField component to share props\n */\nexport const TextAreaFieldContext =\n  createContext<ContextValue<TextAreaFieldProps, HTMLDivElement>>(null);\n\n/**\n * Provider for TextAreaField component\n *\n * Allows setting default props for all TextAreaField components within\n */\nexport function TextAreaFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextAreaFieldProps>) {\n  return (\n    <TextAreaFieldContext.Provider value={props}>\n      {children}\n    </TextAreaFieldContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,uBACX,cAAgE,KAAK;;;;;;AAOvE,SAAgB,sBAAsB,EACpC,UACA,GAAG,SACiC;AACpC,QACE,oBAAC,qBAAqB;EAAS,OAAO;EACnC;GAC6B"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/text-area-field/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 { TextAreaFieldProps } from './types';\n\n/** Context for sharing props across TextAreaField components */\nexport const TextAreaFieldContext =\n  createContext<ContextValue<TextAreaFieldProps, HTMLDivElement>>(null);\n\n/**\n * Sets default props for all TextAreaField components within.\n *\n * @example\n * ```tsx\n * <TextAreaFieldProvider isRequired>\n *   <TextAreaField label=\"Bio\">\n *     <TextArea placeholder=\"Tell us about yourself\" />\n *   </TextAreaField>\n *   <TextAreaField label=\"Comments\">\n *     <TextArea placeholder=\"Additional comments\" />\n *   </TextAreaField>\n * </TextAreaFieldProvider>\n * ```\n *\n * @param props - ProviderProps with TextAreaFieldProps.\n * @param props.children - Child components that receive the context.\n * @returns The TextAreaFieldContext provider wrapping children.\n */\nexport function TextAreaFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextAreaFieldProps>) {\n  return (\n    <TextAreaFieldContext.Provider value={props}>\n      {children}\n    </TextAreaFieldContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,uBACX,cAAgE,KAAK;;;;;;;;;;;;;;;;;;;;AAqBvE,SAAgB,sBAAsB,EACpC,UACA,GAAG,SACiC;AACpC,QACE,oBAAC,qBAAqB;EAAS,OAAO;EACnC;GAC6B"}

package/dist/components/text-area-field/index.d.ts

@@ -12,34 +12,39 @@
 
 import { TextAreaFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime139 from "react/jsx-runtime";
+import * as react_jsx_runtime164 from "react/jsx-runtime";
 
 //#region src/components/text-area-field/index.d.ts
 
 /**
- * TextAreaField - A multi-line text input component with label and validation
+ * TextAreaField - Multi-line text input with label and validation
  *
- * Provides a complete form field experience for longer text content with integrated
- * label, description, and error message components. Handles validation states and
- * accessibility automatically while supporting resizable text areas.
+ * Provides integrated label, description, and error message with automatic accessibility.
  *
- * @example
- * // Basic text area field
- * <TextAreaField label="Comments" />
+ * @param props - {@link TextAreaFieldProps}
+ * @param props.ref - Ref to the field container element.
+ * @param props.classNames - Custom CSS class names for field elements.
+ * @param props.description - Helper text displayed below the input.
+ * @param props.errorMessage - Error message displayed when validation fails.
+ * @param props.label - Label text for the field.
+ * @param props.inputProps - Props passed to the underlying TextArea element.
+ * @param props.size - Size variant of the field.
+ * @param props.isInvalid - Whether the field is in an invalid state.
+ * @returns The rendered TextAreaField component.
  *
  * @example
- * // Text area with validation
+ * ```tsx
  * <TextAreaField
- *   isInvalid={true}
- *   errorMessage='Message is required'
- *   label='Foo'
- *   isRequired
- *   />
+ *   label="Description"
+ *   placeholder="Enter description..."
+ *   onChange={setDescription}
+ * />
+ * ```
  */
 declare function TextAreaField({
   ref,
   ...props
-}: TextAreaFieldProps): react_jsx_runtime139.JSX.Element;
+}: TextAreaFieldProps): react_jsx_runtime164.JSX.Element;
 //#endregion
 export { TextAreaField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/text-area-field/index.js

@@ -23,24 +23,29 @@ import styles from "./styles.module.css";
 
 //#region src/components/text-area-field/index.tsx
 /**
-* TextAreaField - A multi-line text input component with label and validation
+* TextAreaField - Multi-line text input with label and validation
 *
-* Provides a complete form field experience for longer text content with integrated
-* label, description, and error message components. Handles validation states and
-* accessibility automatically while supporting resizable text areas.
+* Provides integrated label, description, and error message with automatic accessibility.
 *
-* @example
-* // Basic text area field
-* <TextAreaField label="Comments" />
+* @param props - {@link TextAreaFieldProps}
+* @param props.ref - Ref to the field container element.
+* @param props.classNames - Custom CSS class names for field elements.
+* @param props.description - Helper text displayed below the input.
+* @param props.errorMessage - Error message displayed when validation fails.
+* @param props.label - Label text for the field.
+* @param props.inputProps - Props passed to the underlying TextArea element.
+* @param props.size - Size variant of the field.
+* @param props.isInvalid - Whether the field is in an invalid state.
+* @returns The rendered TextAreaField component.
 *
 * @example
-* // Text area with validation
+* ```tsx
 * <TextAreaField
-*   isInvalid={true}
-*   errorMessage='Message is required'
-*   label='Foo'
-*   isRequired
-*   />
+*   label="Description"
+*   placeholder="Enter description..."
+*   onChange={setDescription}
+* />
+* ```
 */
 function TextAreaField({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref ?? null, TextAreaFieldContext);