@accelint/design-toolkit 3.0.0 → 5.0.0

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ProviderProps } from '../../lib/types.js';
 import { ContextValue } from 'react-aria-components';
+import { ProviderProps } from '../../lib/types.js';
 import { SwitchProps } from './types.js';
 
 declare const SwitchContext: react.Context<ContextValue<SwitchProps, HTMLLabelElement>>;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/switch/index.tsx"],"names":["SwitchStyles","SwitchContext","createContext","h","props","r","SwitchProvider","ref","useContextProps","rest","w","classNames","switchClassNames","children","jsxs","Fragment","y","v","jsx","Switch"],"mappings":"6NA0BQ,MAAA,CAAA,MAA0B,CAAA,CAAA,CAAA,OAAS,CAAA,CAAA,CAAA,KAAUA,CAAAA,CAAa,EAErDC,YAAAA,EACXC,CAA2D,CAAA,CAAAC,aAAA,CAAI,eAEvC,CAAA,CAAA,CAAA,UAAaC,CAAM,GAC3C,CAAA,CAAA,CAAA,CAAA,OACiBC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KAAe,CAAA,CAAA,CAAA,QAE3C,CACAC,EAAe,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,iBAsCtB,CAAA,SAAkB,CAAA,CAAA,CAAAC,GAAK,CAAA,CAAGH,CAAM,GACrC,CAACA,EAAOG,CAAG,CAAA,CAAIC,EAAgBJ,CAAAA,CAAOG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAE7C,CAAA,CAAA,CAAA,CAAA,KAAQ,CAAA,qBAAsB,CAAA,CAAA,CAAA,aAAgB,CAAA,CAAA,CAAA,KAAUE,CAAK,GAAIL,CAEjE,CAAA,CAAA,CAAA,CAAA,OACGC,GACE,CAAAK,MAAA,CAAGD,CAAAA,KACCF,GACL,CAAA,CAAA,CAAA,SAA8BI,CAAAA,kBAAY,UACxCC,CAAAA,CAAiB,EAAE,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,aAChC,EAEC,CAAA,CAAA,CAAA,CAAA,QAAmBC,CAAWA,kBAAAA,CAAAA,CAC7BC,EAAAC,EAAAC,IACE,CAAAC,QAAA,CAAA,CAAA,QAAC,YAAK,CAAA,CAAA,SAAqB,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,EAAA,OAAY,CAC7DJ,GACCK,CAAAA,CAAC,EAAAb,GAAA,CAAA,MAAK,CAAA,CAAA,SAAmB,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,EAAA,KAC7C,CAAA,CAAA,CAAA,QACH,CAAA,CAEJ,CACD,EACH,CAEJ,CACAc,EAAO,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,QACd,CAAA,CAAA,CAAA,QAAWb,CAAAA,CAAAA","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'use client';\n\nimport 'client-only';\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport {\n  Switch as AriaSwitch,\n  type ContextValue,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { SwitchStyles } from './styles';\nimport type { SwitchProps } from './types';\n\n// \"switch\" is a reserved term in JS\nconst { switch: switchClassNames, control, label } = SwitchStyles();\n\nexport const SwitchContext =\n  createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\nfunction SwitchProvider({ children, ...props }: ProviderProps<SwitchProps>) {\n  return (\n    <SwitchContext.Provider value={props}>{children}</SwitchContext.Provider>\n  );\n}\nSwitchProvider.displayName = 'Switch.Provider';\n\n/**\n * Switch - A toggle control for binary state changes\n *\n * Provides an accessible toggle switch component for enabling/disabling features\n * or settings. Offers clear visual feedback for on/off states with smooth transitions\n * and proper keyboard and screen reader support.\n *\n * @example\n * // Basic switch\n * <Switch>Enable notifications</Switch>\n *\n * @example\n * // Controlled switch\n * <Switch\n *   isSelected={isEnabled}\n *   onChange={setIsEnabled}\n * >\n *   Dark mode\n * </Switch>\n *\n * @example\n * // Switch with default state\n * <Switch defaultSelected>\n *   Auto-save documents\n * </Switch>\n *\n * @example\n * // Disabled switch\n * <Switch isDisabled>\n *   Premium feature (upgrade required)\n * </Switch>\n *\n * @example\n * // Switch without label (icon-only)\n * <Switch aria-label=\"Toggle sidebar\" />\n */\nexport function Switch({ ref, ...props }: SwitchProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SwitchContext);\n\n  const { children, classNames, labelPosition = 'end', ...rest } = props;\n\n  return (\n    <AriaSwitch\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.switch, (className) =>\n        switchClassNames({ className, labelPosition }),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={control({ className: classNames?.control })} />\n          {children && (\n            <span className={label({ className: classNames?.label })}>\n              {children}\n            </span>\n          )}\n        </>\n      ))}\n    </AriaSwitch>\n  );\n}\nSwitch.displayName = 'Switch';\nSwitch.Provider = SwitchProvider;\n"]}
+{"version":3,"sources":["../../../src/components/switch/index.tsx"],"names":["SwitchStyles","SwitchContext","createContext","h","props","r","SwitchProvider","ref","useContextProps","rest","w","classNames","switchClassNames","children","jsxs","Fragment","y","v","jsx","Switch"],"mappings":"6NA0BQ,MAAA,CAAA,MAA0B,CAAA,CAAA,CAAA,OAAS,CAAA,CAAA,CAAA,KAAUA,CAAAA,CAAa,EAErDC,YAAAA,EACXC,CAA2D,CAAA,CAAAC,aAAA,CAAI,eAEvC,CAAA,CAAA,CAAA,UAAaC,CAAM,GAC3C,CAAA,CAAA,CAAA,CAAA,OACiBC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KAAe,CAAA,CAAA,CAAA,QAE3C,CACAC,EAAe,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,iBAsCtB,CAAA,SAAkB,CAAA,CAAA,CAAAC,GAAK,CAAA,CAAGH,CAAM,GACrC,CAACA,EAAOG,CAAG,CAAA,CAAIC,EAAgBJ,CAAAA,CAAOG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAE7C,CAAA,CAAA,CAAA,CAAA,KAAQ,CAAA,qBAAsB,CAAA,CAAA,CAAA,aAAgB,CAAA,CAAA,CAAA,KAAUE,CAAK,GAAIL,CAEjE,CAAA,CAAA,CAAA,CAAA,OACGC,GACE,CAAAK,MAAA,CAAGD,CAAAA,KACCF,GACL,CAAA,CAAA,CAAA,SAA8BI,CAAAA,kBAAY,UACxCC,CAAAA,CAAiB,EAAE,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,aAChC,EAEC,CAAA,CAAA,CAAA,CAAA,QAAmBC,CAAWA,kBAAAA,CAAAA,CAC7BC,EAAAC,EAAAC,IACE,CAAAC,QAAA,CAAA,CAAA,QAAC,YAAK,CAAA,CAAA,SAAqB,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,EAAA,OAAY,CAC7DJ,GACCK,CAAAA,CAAC,EAAAb,GAAA,CAAA,MAAK,CAAA,CAAA,SAAmB,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,EAAA,KAC7C,CAAA,CAAA,CAAA,QACH,CAAA,CAEJ,CACD,EACH,CAEJ,CACAc,EAAO,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,QACd,CAAA,CAAA,CAAA,QAAWb,CAAAA,CAAAA","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'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  Switch as AriaSwitch,\n  type ContextValue,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { SwitchStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { SwitchProps } from './types';\n\n// \"switch\" is a reserved term in JS\nconst { switch: switchClassNames, control, label } = SwitchStyles();\n\nexport const SwitchContext =\n  createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\nfunction SwitchProvider({ children, ...props }: ProviderProps<SwitchProps>) {\n  return (\n    <SwitchContext.Provider value={props}>{children}</SwitchContext.Provider>\n  );\n}\nSwitchProvider.displayName = 'Switch.Provider';\n\n/**\n * Switch - A toggle control for binary state changes\n *\n * Provides an accessible toggle switch component for enabling/disabling features\n * or settings. Offers clear visual feedback for on/off states with smooth transitions\n * and proper keyboard and screen reader support.\n *\n * @example\n * // Basic switch\n * <Switch>Enable notifications</Switch>\n *\n * @example\n * // Controlled switch\n * <Switch\n *   isSelected={isEnabled}\n *   onChange={setIsEnabled}\n * >\n *   Dark mode\n * </Switch>\n *\n * @example\n * // Switch with default state\n * <Switch defaultSelected>\n *   Auto-save documents\n * </Switch>\n *\n * @example\n * // Disabled switch\n * <Switch isDisabled>\n *   Premium feature (upgrade required)\n * </Switch>\n *\n * @example\n * // Switch without label (icon-only)\n * <Switch aria-label=\"Toggle sidebar\" />\n */\nexport function Switch({ ref, ...props }: SwitchProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SwitchContext);\n\n  const { children, classNames, labelPosition = 'end', ...rest } = props;\n\n  return (\n    <AriaSwitch\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.switch, (className) =>\n        switchClassNames({ className, labelPosition }),\n      )}\n    >\n      {composeRenderProps(children, (children) => (\n        <>\n          <span className={control({ className: classNames?.control })} />\n          {children && (\n            <span className={label({ className: classNames?.label })}>\n              {children}\n            </span>\n          )}\n        </>\n      ))}\n    </AriaSwitch>\n  );\n}\nSwitch.displayName = 'Switch';\nSwitch.Provider = SwitchProvider;\n"]}

package/dist/components/switch/styles.d.ts

@@ -39,6 +39,6 @@ declare const SwitchStyles: tailwind_variants.TVReturnType<{
     switch: string;
     control: string[];
     label: string[];
-}, undefined, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown>>;
 
 export { SwitchStyles };

package/dist/components/switch/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const i=tv({slots:{switch:"group/switch flex cursor-pointer items-center gap-s disabled:cursor-not-allowed",control:["flex rounded-round bg-transparent p-xxs outline outline-interactive before:mr-l before:block before:size-m before:rounded-full before:bg-default-dark","group-enabled/switch:group-focus-visible/switch:bg-interactive-hover-dark group-enabled/switch:group-focus-visible/switch:outline-interactive-hover group-enabled/switch:group-focus-visible/switch:before:bg-interactive-hover","group-enabled/switch:group-hover/switch:bg-interactive-hover-dark group-enabled/switch:group-hover/switch:outline-interactive-hover group-enabled/switch:group-hover/switch:before:bg-interactive-hover","group-enabled/switch:group-selected/switch:outline-highlight group-selected/switch:before:mr-0 group-selected/switch:before:ml-l group-enabled/switch:group-selected/switch:before:bg-highlight","group-enabled/switch:group-selected/switch:group-focus-visible/switch:bg-highlight-subtle group-enabled/switch:group-selected/switch:group-focus-visible/switch:outline-interactive-hover group-enabled/switch:group-selected/switch:group-focus-visible/switch:before:bg-highlight","group-enabled/switch:group-selected/switch:group-hover/switch:bg-highlight-subtle group-enabled/switch:group-selected/switch:group-hover/switch:outline-highlight group-enabled/switch:group-selected/switch:group-hover/switch:before:bg-highlight","group-disabled/switch:bg-interactive-disabled group-disabled/switch:outline-interactive-disabled group-disabled/switch:before:bg-disabled"],label:["text-body-s text-interactive-default","group-disabled/switch:text-interactive-disabled"]},variants:{labelPosition:{start:{switch:"flex-row-reverse"},end:{switch:"flex-row"}}}});export{i as SwitchStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const t=tv({slots:{switch:"group/switch flex cursor-pointer items-center gap-s disabled:cursor-not-allowed",control:["flex rounded-round bg-transparent p-xxs outline outline-interactive before:mr-l before:block before:size-m before:rounded-full before:bg-info-bold","group-enabled/switch:group-focus-visible/switch:bg-interactive-muted-hover group-enabled/switch:group-focus-visible/switch:outline-interactive-hover group-enabled/switch:group-focus-visible/switch:before:bg-interactive-bold-hover","group-enabled/switch:group-hover/switch:bg-interactive-muted-hover group-enabled/switch:group-hover/switch:outline-interactive-hover group-enabled/switch:group-hover/switch:before:bg-interactive-bold-hover","group-enabled/switch:group-selected/switch:outline-accent-primary-bold group-selected/switch:before:mr-0 group-selected/switch:before:ml-l group-enabled/switch:group-selected/switch:before:bg-accent-primary-bold","group-enabled/switch:group-selected/switch:group-focus-visible/switch:bg-accent-primary-muted group-enabled/switch:group-selected/switch:group-focus-visible/switch:outline-interactive-hover group-enabled/switch:group-selected/switch:group-focus-visible/switch:before:bg-accent-primary-bold","group-enabled/switch:group-selected/switch:group-hover/switch:bg-accent-primary-muted group-enabled/switch:group-selected/switch:group-hover/switch:outline-accent-primary-bold group-enabled/switch:group-selected/switch:group-hover/switch:before:bg-accent-primary-bold","group-disabled/switch:bg-interactive-disabled group-disabled/switch:outline-interactive-disabled group-disabled/switch:before:bg-interactive-disabled"],label:["fg-primary-bold text-body-s","group-disabled/switch:fg-disabled"]},variants:{labelPosition:{start:{switch:"flex-row-reverse"},end:{switch:"flex-row"}}}});export{t as SwitchStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/switch/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/switch/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,SACE,CAAA,CAAA,MAAA,CAAA,iFAEA,CAAA,OAAA,CAAA,CAAA,uJACA,CAAA,2aAEA,CAAA,iMACA,CAAA,2gBAEA,CAAA,2IAGA,CAAA,CAAA,KAAA,CAAA,CAAA,0FAIM,CACR,QAAA,CAAA,CAAA,oBAEY,CAAA,CAAA,MAAA,CAAA,kBAGR,CAAA,CAAA,YACF,UAGL,CAAA,CAAA,CAAA,CAAA","file":"styles.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\nimport { tv } from '@/lib/utils';\n\nexport const SwitchStyles = tv({\n  slots: {\n    switch:\n      'group/switch flex cursor-pointer items-center gap-s disabled:cursor-not-allowed',\n    control: [\n      'flex rounded-round bg-transparent p-xxs outline outline-interactive before:mr-l before:block before:size-m before:rounded-full before:bg-default-dark',\n      'group-enabled/switch:group-focus-visible/switch:bg-interactive-hover-dark group-enabled/switch:group-focus-visible/switch:outline-interactive-hover group-enabled/switch:group-focus-visible/switch:before:bg-interactive-hover',\n      'group-enabled/switch:group-hover/switch:bg-interactive-hover-dark group-enabled/switch:group-hover/switch:outline-interactive-hover group-enabled/switch:group-hover/switch:before:bg-interactive-hover',\n      'group-enabled/switch:group-selected/switch:outline-highlight group-selected/switch:before:mr-0 group-selected/switch:before:ml-l group-enabled/switch:group-selected/switch:before:bg-highlight',\n      'group-enabled/switch:group-selected/switch:group-focus-visible/switch:bg-highlight-subtle group-enabled/switch:group-selected/switch:group-focus-visible/switch:outline-interactive-hover group-enabled/switch:group-selected/switch:group-focus-visible/switch:before:bg-highlight',\n      'group-enabled/switch:group-selected/switch:group-hover/switch:bg-highlight-subtle group-enabled/switch:group-selected/switch:group-hover/switch:outline-highlight group-enabled/switch:group-selected/switch:group-hover/switch:before:bg-highlight',\n      'group-disabled/switch:bg-interactive-disabled group-disabled/switch:outline-interactive-disabled group-disabled/switch:before:bg-disabled',\n    ],\n    label: [\n      'text-body-s text-interactive-default',\n      'group-disabled/switch:text-interactive-disabled',\n    ],\n  },\n  variants: {\n    labelPosition: {\n      start: {\n        switch: 'flex-row-reverse',\n      },\n      end: {\n        switch: 'flex-row',\n      },\n    },\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/switch/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,SACE,CAAA,CAAA,MAAA,CAAA,iFAEA,CAAA,OAAA,CAAA,CAAA,oJACA,CAAA,ubAEA,CAAA,qNACA,CAAA,ijBAEA,CAAA,uJAEM,CAAA,CAAA,KAAA,CAAA,CAAA,mEAEA,CACR,QAAA,CAAA,CAAA,oBAEY,CAAA,CAAA,MAAA,CAAA,kBAGR,CAAA,CAAA,YACF,UAGL,CAAA,CAAA,CAAA,CAAA","file":"styles.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\nimport { tv } from '@/lib/utils';\n\nexport const SwitchStyles = tv({\n  slots: {\n    switch:\n      'group/switch flex cursor-pointer items-center gap-s disabled:cursor-not-allowed',\n    control: [\n      'flex rounded-round bg-transparent p-xxs outline outline-interactive before:mr-l before:block before:size-m before:rounded-full before:bg-info-bold',\n      'group-enabled/switch:group-focus-visible/switch:bg-interactive-muted-hover group-enabled/switch:group-focus-visible/switch:outline-interactive-hover group-enabled/switch:group-focus-visible/switch:before:bg-interactive-bold-hover',\n      'group-enabled/switch:group-hover/switch:bg-interactive-muted-hover group-enabled/switch:group-hover/switch:outline-interactive-hover group-enabled/switch:group-hover/switch:before:bg-interactive-bold-hover',\n      'group-enabled/switch:group-selected/switch:outline-accent-primary-bold group-selected/switch:before:mr-0 group-selected/switch:before:ml-l group-enabled/switch:group-selected/switch:before:bg-accent-primary-bold',\n      'group-enabled/switch:group-selected/switch:group-focus-visible/switch:bg-accent-primary-muted group-enabled/switch:group-selected/switch:group-focus-visible/switch:outline-interactive-hover group-enabled/switch:group-selected/switch:group-focus-visible/switch:before:bg-accent-primary-bold',\n      'group-enabled/switch:group-selected/switch:group-hover/switch:bg-accent-primary-muted group-enabled/switch:group-selected/switch:group-hover/switch:outline-accent-primary-bold group-enabled/switch:group-selected/switch:group-hover/switch:before:bg-accent-primary-bold',\n      'group-disabled/switch:bg-interactive-disabled group-disabled/switch:outline-interactive-disabled group-disabled/switch:before:bg-interactive-disabled',\n    ],\n    label: ['fg-primary-bold text-body-s', 'group-disabled/switch:fg-disabled'],\n  },\n  variants: {\n    labelPosition: {\n      start: {\n        switch: 'flex-row-reverse',\n      },\n      end: {\n        switch: 'flex-row',\n      },\n    },\n  },\n});\n"]}

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

@@ -1,7 +1,25 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as TabProps$1, TabPanelProps as TabPanelProps$1 } from 'react-aria-components';
+import * as react from 'react';
+import { TabListProps, TabProps, TabPanelProps, ContextValue } from 'react-aria-components';
+import { ProviderProps } from '../../lib/types.js';
+import { TabsProps } from './types.js';
 
-interface TabsProps extends TabsProps$1 {
+declare const TabsContext: react.Context<ContextValue<TabsProps, HTMLDivElement>>;
+declare function TabsProvider({ children, ...props }: ProviderProps<TabsProps>): react_jsx_runtime.JSX.Element;
+declare namespace TabsProvider {
+    var displayName: string;
+}
+declare function Tab({ children, className, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
+declare namespace Tab {
+    var displayName: string;
+}
+declare function TabList<T extends object>({ children, className, ...rest }: TabListProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace TabList {
+    var displayName: string;
+}
+declare function TabPanel({ children, className, ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
+declare namespace TabPanel {
+    var displayName: string;
 }
 /**
  * Tabs - A tab navigation component for organizing content into sections
@@ -14,9 +32,9 @@ interface TabsProps extends TabsProps$1 {
  * // Basic horizontal tabs
  * <Tabs>
  *   <Tabs.List>
- *     <Tabs.Tab id="overview">Overview</Tabs.Tab>
- *     <Tabs.Tab id="details">Details</Tabs.Tab>
- *     <Tabs.Tab id="settings">Settings</Tabs.Tab>
+ *     <Tabs.List.Tab id="overview">Overview</Tabs.List.Tab>
+ *     <Tabs.List.Tab id="details">Details</Tabs.List.Tab>
+ *     <Tabs.List.Tab id="settings">Settings</Tabs.List.Tab>
  *   </Tabs.List>
  *   <Tabs.Panel id="overview">Overview content</Tabs.Panel>
  *   <Tabs.Panel id="details">Details content</Tabs.Panel>
@@ -27,8 +45,8 @@ interface TabsProps extends TabsProps$1 {
  * // Vertical tabs
  * <Tabs orientation="vertical">
  *   <Tabs.List>
- *     <Tabs.Tab id="profile">Profile</Tabs.Tab>
- *     <Tabs.Tab id="account">Account</Tabs.Tab>
+ *     <Tabs.List.Tab id="profile">Profile</Tabs.List.Tab>
+ *     <Tabs.List.Tab id="account">Account</Tabs.List.Tab>
  *   </Tabs.List>
  *   <Tabs.Panel id="profile">Profile settings</Tabs.Panel>
  *   <Tabs.Panel id="account">Account settings</Tabs.Panel>
@@ -38,42 +56,25 @@ interface TabsProps extends TabsProps$1 {
  * // Icon tabs
  * <Tabs>
  *   <Tabs.List variant="icons">
- *     <Tabs.Tab id="home">
+ *     <Tabs.List.Tab id="home">
  *       <Icon><Home /></Icon>
- *     </Tabs.Tab>
- *     <Tabs.Tab id="search">
+ *     </Tabs.List.Tab>
+ *     <Tabs.List.Tab id="search">
  *       <Icon><Search /></Icon>
- *     </Tabs.Tab>
+ *     </Tabs.List.Tab>
  *   </Tabs.List>
  *   <Tabs.Panel id="home">Home content</Tabs.Panel>
  *   <Tabs.Panel id="search">Search content</Tabs.Panel>
  * </Tabs>
  */
-declare const Tabs: {
-    ({ children, className, orientation, isDisabled, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-    List: {
-        ({ children, className, variant, drawer, ...rest }: TabListProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Tab: {
-        ({ id, children, className, isDisabled, ...rest }: TabProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
+declare function Tabs({ ref, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
+declare namespace Tabs {
+    var displayName: string;
+    var Provider: typeof TabsProvider;
+    var List: typeof TabList & {
+        Tab: typeof Tab;
     };
-    Panel: {
-        ({ id, children, className, ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-};
-interface TabListProps extends TabListProps$1<object> {
-    /** Whether the tabs are displaying iconography or text. */
-    variant?: 'default' | 'icons';
-    /** Whether the tabs are used as drawer controls. */
-    drawer?: 'left' | 'right' | 'top' | 'bottom';
-}
-interface TabProps extends TabProps$1 {
-}
-interface TabPanelProps extends TabPanelProps$1 {
+    var Panel: typeof TabPanel;
 }
 
-export { type TabListProps, type TabPanelProps, type TabProps, Tabs, type TabsProps };
+export { Tabs, TabsContext };

package/dist/components/tabs/index.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import {containsExactChildren}from'./../../lib/react.js';import {cn}from'./../../lib/utils.js';import'client-only';import {cva}from'class-variance-authority';import {Tabs,TabList,Tab,TabPanel}from'react-aria-components';const s=({children:a,className:e,orientation:r="horizontal",isDisabled:t=false,...o})=>(containsExactChildren({children:a,componentName:s.displayName,restrictions:[[n,{min:1,max:1}]]}),jsx(Tabs,{orientation:r,isDisabled:t,className:cn("group flex w-content flex-row orientation-horizontal:flex-col",e),...o,children:a}));s.displayName="Tabs";const x=cva("flex orientation-horizontal:flex-row flex-col",{variants:{variant:{icons:"[&>*]:p-xs orientation-horizontal:[&>*]:pr-s orientation-horizontal:[&>*]:pl-s [&>*]:leading-[0]",default:"[&>*]:p-s [&>*]:text-header-m"},drawer:{left:"orientation-vertical:gap-xs rounded-r-large bg-surface-default p-s",right:"orientation-vertical:gap-xs rounded-l-large bg-surface-default p-s",top:"orientation-vertical:gap-xs rounded-b-large bg-surface-default p-s",bottom:"orientation-vertical:gap-xs rounded-t-large bg-surface-default p-s"}}}),n=({children:a,className:e,variant:r="default",drawer:t=void 0,...o})=>(containsExactChildren({children:a,componentName:n.displayName,restrictions:[[d,{min:1}]]}),jsx(TabList,{className:cn(x({variant:r,drawer:t}),e),...o,children:a}));n.displayName="Tabs.List",s.List=n;const z=cn("fg-default-dark cursor-pointer p-s outline-none","rounded-medium group-orientation-horizontal:rounded-small group-orientation-horizontal:rounded-b-none","group-orientation-horizontal:border-static-light group-orientation-horizontal:border-b","group-orientation-vertical:border group-orientation-vertical:border-transparent"),A=cva(z,{variants:{isSelected:{true:"fg-highlight bg-highlight-subtle group-orientation-horizontal:border-highlight"},isHovered:{true:"fg-default-light group-orientation-horizontal:border-interactive-hover"},isFocused:{true:"fg-default-light group-orientation-horizontal:border-interactive-hover"},isDisabled:{true:"fg-disabled cursor-not-allowed group-orientation-horizontal:border-interactive-disabled"}},compoundVariants:[{isSelected:true,isHovered:true,className:"fg-highlight group-orientation-horizontal:border-highlight"},{isSelected:true,isFocused:true,className:"fg-highlight group-orientation-horizontal:border-interactive-hover group-orientation-vertical:border-interactive-hover"},{isDisabled:true,isSelected:true,className:"fg-disabled bg-interactive-disabled group-orientation-horizontal:border-interactive-disabled"}]}),d=({id:a,children:e,className:r,isDisabled:t=false,...o})=>jsx(Tab,{id:a,className:({isSelected:c,isHovered:g,isFocused:h,isDisabled:f})=>cn(A({isSelected:c,isHovered:g,isFocused:h,isDisabled:f}),r),isDisabled:t,...o,children:e});d.displayName="Tabs.Tab",s.Tab=d;const u=({id:a,children:e,className:r,...t})=>jsx(TabPanel,{id:a,className:cn("fg-default-light p-s group-orientation-vertical:pt-0 group-orientation-horizontal:pl-0",r),...t,children:e});u.displayName="Tabs.Panel",s.Panel=u;export{s as Tabs};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {Tab,composeRenderProps,useContextProps,Tabs,TabPanel,TabList}from'react-aria-components';import {containsExactChildren}from'./../../lib/react.js';import {TabStyles}from'./styles.js';const {tabs:v,list:A,tab:C,panel:E}=TabStyles(),l=createContext(null);function m({children:a,...s}){return jsx(l.Provider,{value:s,children:a})}m.displayName="Tabs.Provider";function b({children:a,className:s,...e}){return jsx(Tab,{...e,className:composeRenderProps(s,t=>C({className:t})),children:a})}b.displayName="Tabs.List.Tab";function n({children:a,className:s,...e}){return containsExactChildren({children:a,componentName:n.displayName,restrictions:[[b,{min:1}]]}),jsx(TabList,{...e,className:composeRenderProps(s,t=>A({className:t})),children:a})}n.displayName="Tabs.List";function T({children:a,className:s,...e}){return jsx(TabPanel,{...e,className:composeRenderProps(s,t=>E({className:t})),children:a})}T.displayName="Tabs.Panel";function r({ref:a,...s}){[s,a]=useContextProps(s,a??null,l);const{children:e,className:t,...P}=s;return containsExactChildren({children:e,componentName:r.displayName,restrictions:[[n,{min:1,max:1}],[T,{min:1}]]}),jsx(Tabs,{...P,ref:a,className:composeRenderProps(t,c=>v({className:c})),children:e})}r.displayName="Tabs",r.Provider=m,r.List=n,r.List.Tab=b,r.Panel=T;export{r as Tabs,l as TabsContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs/index.tsx"],"names":["rest","p","jsx","AriaTabs","orientation","l","v","i","Tabs","b","variant","drawer","containsExactChildren","AriaTabList","cn","tabListStyles","m","children","TabList","id","T","tabStyles","isSelected","isDisabled","Tab","P","TabPanel"],"mappings":"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","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';\nimport { containsExactChildren } from '@/lib/react';\nimport { cn } from '@/lib/utils';\nimport 'client-only';\nimport { cva } from 'class-variance-authority';\nimport {\n  Tab as AriaTab,\n  TabList as AriaTabList,\n  type TabListProps as AriaTabListProps,\n  TabPanel as AriaTabPanel,\n  type TabPanelProps as AriaTabPanelProps,\n  type TabProps as AriaTabProps,\n  Tabs as AriaTabs,\n  type TabsProps as AriaTabsProps,\n} from 'react-aria-components';\n\nexport interface TabsProps extends AriaTabsProps {}\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 *   <Tabs.List>\n *     <Tabs.Tab id=\"overview\">Overview</Tabs.Tab>\n *     <Tabs.Tab id=\"details\">Details</Tabs.Tab>\n *     <Tabs.Tab id=\"settings\">Settings</Tabs.Tab>\n *   </Tabs.List>\n *   <Tabs.Panel id=\"overview\">Overview content</Tabs.Panel>\n *   <Tabs.Panel id=\"details\">Details content</Tabs.Panel>\n *   <Tabs.Panel id=\"settings\">Settings content</Tabs.Panel>\n * </Tabs>\n *\n * @example\n * // Vertical tabs\n * <Tabs orientation=\"vertical\">\n *   <Tabs.List>\n *     <Tabs.Tab id=\"profile\">Profile</Tabs.Tab>\n *     <Tabs.Tab id=\"account\">Account</Tabs.Tab>\n *   </Tabs.List>\n *   <Tabs.Panel id=\"profile\">Profile settings</Tabs.Panel>\n *   <Tabs.Panel id=\"account\">Account settings</Tabs.Panel>\n * </Tabs>\n *\n * @example\n * // Icon tabs\n * <Tabs>\n *   <Tabs.List variant=\"icons\">\n *     <Tabs.Tab id=\"home\">\n *       <Icon><Home /></Icon>\n *     </Tabs.Tab>\n *     <Tabs.Tab id=\"search\">\n *       <Icon><Search /></Icon>\n *     </Tabs.Tab>\n *   </Tabs.List>\n *   <Tabs.Panel id=\"home\">Home content</Tabs.Panel>\n *   <Tabs.Panel id=\"search\">Search content</Tabs.Panel>\n * </Tabs>\n */\nexport const Tabs = ({\n  children,\n  className,\n  orientation = 'horizontal',\n  isDisabled = false,\n  ...rest\n}: TabsProps) => {\n  containsExactChildren({\n    children,\n    componentName: Tabs.displayName,\n    restrictions: [[TabList, { min: 1, max: 1 }]],\n  });\n\n  return (\n    <AriaTabs\n      orientation={orientation}\n      isDisabled={isDisabled}\n      className={cn(\n        'group flex w-content flex-row orientation-horizontal:flex-col',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </AriaTabs>\n  );\n};\n\nTabs.displayName = 'Tabs';\n\nexport interface TabListProps extends AriaTabListProps<object> {\n  /** Whether the tabs are displaying iconography or text. */\n  variant?: 'default' | 'icons';\n  /** Whether the tabs are used as drawer controls. */\n  drawer?: 'left' | 'right' | 'top' | 'bottom';\n}\n\nconst tabListStyles = cva('flex orientation-horizontal:flex-row flex-col', {\n  variants: {\n    variant: {\n      icons:\n        '[&>*]:p-xs orientation-horizontal:[&>*]:pr-s orientation-horizontal:[&>*]:pl-s [&>*]:leading-[0]',\n      default: '[&>*]:p-s [&>*]:text-header-m',\n    },\n    drawer: {\n      left: 'orientation-vertical:gap-xs rounded-r-large bg-surface-default p-s',\n      right:\n        'orientation-vertical:gap-xs rounded-l-large bg-surface-default p-s',\n      top: 'orientation-vertical:gap-xs rounded-b-large bg-surface-default p-s',\n      bottom:\n        'orientation-vertical:gap-xs rounded-t-large bg-surface-default p-s',\n    },\n  },\n});\n\nconst TabList = ({\n  children,\n  className,\n  variant = 'default',\n  drawer = undefined,\n  ...rest\n}: TabListProps) => {\n  containsExactChildren({\n    children,\n    componentName: TabList.displayName,\n    restrictions: [[Tab, { min: 1 }]],\n  });\n\n  return (\n    <AriaTabList\n      className={cn(tabListStyles({ variant, drawer }), className)}\n      {...rest}\n    >\n      {children}\n    </AriaTabList>\n  );\n};\n\nTabList.displayName = 'Tabs.List';\nTabs.List = TabList;\n\nconst tabBaseStyles = cn(\n  'fg-default-dark cursor-pointer p-s outline-none',\n  'rounded-medium group-orientation-horizontal:rounded-small group-orientation-horizontal:rounded-b-none',\n  'group-orientation-horizontal:border-static-light group-orientation-horizontal:border-b',\n  'group-orientation-vertical:border group-orientation-vertical:border-transparent',\n);\n\nconst tabStyles = cva(tabBaseStyles, {\n  variants: {\n    isSelected: {\n      true: 'fg-highlight bg-highlight-subtle group-orientation-horizontal:border-highlight',\n    },\n    isHovered: {\n      true: 'fg-default-light group-orientation-horizontal:border-interactive-hover',\n    },\n    isFocused: {\n      true: 'fg-default-light group-orientation-horizontal:border-interactive-hover',\n    },\n    isDisabled: {\n      true: 'fg-disabled cursor-not-allowed group-orientation-horizontal:border-interactive-disabled',\n    },\n  },\n  compoundVariants: [\n    {\n      isSelected: true,\n      isHovered: true,\n      className: 'fg-highlight group-orientation-horizontal:border-highlight',\n    },\n    {\n      isSelected: true,\n      isFocused: true,\n      className:\n        'fg-highlight group-orientation-horizontal:border-interactive-hover group-orientation-vertical:border-interactive-hover',\n    },\n    {\n      isDisabled: true,\n      isSelected: true,\n      className:\n        'fg-disabled bg-interactive-disabled group-orientation-horizontal:border-interactive-disabled',\n    },\n  ],\n});\n\nexport interface TabProps extends AriaTabProps {}\n\nconst Tab = ({\n  id,\n  children,\n  className,\n  isDisabled = false,\n  ...rest\n}: TabProps) => {\n  return (\n    <AriaTab\n      id={id}\n      className={({ isSelected, isHovered, isFocused, isDisabled }) =>\n        cn(\n          tabStyles({ isSelected, isHovered, isFocused, isDisabled }),\n          className,\n        )\n      }\n      isDisabled={isDisabled}\n      {...rest}\n    >\n      {children}\n    </AriaTab>\n  );\n};\n\nTab.displayName = 'Tabs.Tab';\nTabs.Tab = Tab;\n\nexport interface TabPanelProps extends AriaTabPanelProps {}\n\nconst TabPanel = ({ id, children, className, ...rest }: TabPanelProps) => {\n  return (\n    <AriaTabPanel\n      id={id}\n      className={cn(\n        'fg-default-light p-s group-orientation-vertical:pt-0 group-orientation-horizontal:pl-0',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n};\n\nTabPanel.displayName = 'Tabs.Panel';\nTabs.Panel = TabPanel;\n"]}
+{"version":3,"sources":["../../../src/components/tabs/index.tsx"],"names":["list","tab","panel","TabsContext","x","y","props","jsx","o","TabsProvider","className","AriaTab","d","i","children","Tab","containsExactChildren","p","TabList","AriaTabList","rest","AriaTabPanel","N","TabPanel","useContextProps","ref","L","Tabs","AriaTabs","f","composeRenderProps"],"mappings":"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","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 { createContext } from 'react';\nimport {\n  Tab as AriaTab,\n  TabList as AriaTabList,\n  TabPanel as AriaTabPanel,\n  Tabs as AriaTabs,\n  type ContextValue,\n  composeRenderProps,\n  type TabListProps,\n  type TabPanelProps,\n  type TabProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { containsExactChildren } from '@/lib/react';\nimport { TabStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { TabsProps } from './types';\n\nconst { tabs, list, tab, panel } = TabStyles();\n\nexport const TabsContext =\n  createContext<ContextValue<TabsProps, HTMLDivElement>>(null);\n\nfunction TabsProvider({ children, ...props }: ProviderProps<TabsProps>) {\n  return <TabsContext.Provider value={props}>{children}</TabsContext.Provider>;\n}\nTabsProvider.displayName = 'Tabs.Provider';\n\nfunction Tab({ children, className, ...rest }: TabProps) {\n  return (\n    <AriaTab\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        tab({ className }),\n      )}\n    >\n      {children}\n    </AriaTab>\n  );\n}\nTab.displayName = 'Tabs.List.Tab';\n\nfunction TabList<T extends object>({\n  children,\n  className,\n  ...rest\n}: TabListProps<T>) {\n  containsExactChildren({\n    children,\n    componentName: TabList.displayName,\n    restrictions: [[Tab, { min: 1 }]],\n  });\n\n  return (\n    <AriaTabList<T>\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        list({ className }),\n      )}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\nTabList.displayName = 'Tabs.List';\n\nfunction TabPanel({ children, className, ...rest }: TabPanelProps) {\n  return (\n    <AriaTabPanel\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        panel({ className }),\n      )}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\nTabPanel.displayName = 'Tabs.Panel';\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 *   <Tabs.List>\n *     <Tabs.List.Tab id=\"overview\">Overview</Tabs.List.Tab>\n *     <Tabs.List.Tab id=\"details\">Details</Tabs.List.Tab>\n *     <Tabs.List.Tab id=\"settings\">Settings</Tabs.List.Tab>\n *   </Tabs.List>\n *   <Tabs.Panel id=\"overview\">Overview content</Tabs.Panel>\n *   <Tabs.Panel id=\"details\">Details content</Tabs.Panel>\n *   <Tabs.Panel id=\"settings\">Settings content</Tabs.Panel>\n * </Tabs>\n *\n * @example\n * // Vertical tabs\n * <Tabs orientation=\"vertical\">\n *   <Tabs.List>\n *     <Tabs.List.Tab id=\"profile\">Profile</Tabs.List.Tab>\n *     <Tabs.List.Tab id=\"account\">Account</Tabs.List.Tab>\n *   </Tabs.List>\n *   <Tabs.Panel id=\"profile\">Profile settings</Tabs.Panel>\n *   <Tabs.Panel id=\"account\">Account settings</Tabs.Panel>\n * </Tabs>\n *\n * @example\n * // Icon tabs\n * <Tabs>\n *   <Tabs.List variant=\"icons\">\n *     <Tabs.List.Tab id=\"home\">\n *       <Icon><Home /></Icon>\n *     </Tabs.List.Tab>\n *     <Tabs.List.Tab id=\"search\">\n *       <Icon><Search /></Icon>\n *     </Tabs.List.Tab>\n *   </Tabs.List>\n *   <Tabs.Panel id=\"home\">Home content</Tabs.Panel>\n *   <Tabs.Panel id=\"search\">Search content</Tabs.Panel>\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  containsExactChildren({\n    children,\n    componentName: Tabs.displayName,\n    restrictions: [\n      [TabList, { min: 1, max: 1 }],\n      [TabPanel, { min: 1 }],\n    ],\n  });\n\n  return (\n    <AriaTabs\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        tabs({ className }),\n      )}\n    >\n      {children}\n    </AriaTabs>\n  );\n}\nTabs.displayName = 'Tabs';\nTabs.Provider = TabsProvider;\n// biome-ignore lint/style/useNamingConvention: Component name\nTabs.List = TabList as typeof TabList & { Tab: typeof Tab };\nTabs.List.Tab = Tab;\nTabs.Panel = TabPanel;\n"]}

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

@@ -0,0 +1,48 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const TabStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            list?: tailwind_merge.ClassNameValue;
+            tab?: tailwind_merge.ClassNameValue;
+            panel?: tailwind_merge.ClassNameValue;
+            tabs?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            list?: tailwind_merge.ClassNameValue;
+            tab?: tailwind_merge.ClassNameValue;
+            panel?: tailwind_merge.ClassNameValue;
+            tabs?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    tabs: string[];
+    list: string[];
+    tab: string[];
+    panel: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            list?: tailwind_merge.ClassNameValue;
+            tab?: tailwind_merge.ClassNameValue;
+            panel?: tailwind_merge.ClassNameValue;
+            tabs?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    tabs: string[];
+    list: string[];
+    tab: string[];
+    panel: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    tabs: string[];
+    list: string[];
+    tab: string[];
+    panel: string;
+}, undefined, unknown, unknown, undefined>>;
+
+export { TabStyles };

package/dist/components/tabs/styles.js

@@ -0,0 +1,2 @@
+import {tv}from'tailwind-variants';const e=tv({slots:{tabs:["group/tabs flex w-content","orientation-horizontal:flex-col","orientation-vertical:flex-row"],list:["flex","orientation-horizontal:flex-row","orientation-vertical:flex-col"],tab:["fg-primary-muted relative cursor-pointer rounded-small p-s","group-orientation-horizontal/tabs:rounded-b-none","group-orientation-horizontal/tabs:after:absolute group-orientation-horizontal/tabs:after:bottom-0 group-orientation-horizontal/tabs:after:left-0 group-orientation-horizontal/tabs:after:block group-orientation-horizontal/tabs:after:h-[1px] group-orientation-horizontal/tabs:after:w-full group-orientation-horizontal/tabs:after:bg-[color:var(--outline-static)]","enabled:hover:fg-primary-bold","enabled:hover:group-orientation-horizontal/tabs:after:bg-[color:var(--outline-accent-primary-bold)]","enabled:focus:fg-primary-bold","enabled:focus:group-orientation-horizontal/tabs:after:bg-[color:var(--outline-accent-primary-bold)]","enabled:selected:fg-accent-primary-bold selected:bg-accent-primary-muted","enabled:selected:group-orientation-horizontal/tabs:after:bg-[color:var(--outline-accent-primary-bold)]","enabled:selected:hover:fg-accent-primary-bold","enabled:selected:hover:group-orientation-horizontal/tabs:after:bg-[color:var(--outline-accent-primary-bold)]","enabled:selected:focus:fg-accent-primary-bold","enabled:selected:focus:group-orientation-horizontal/tabs:after:bg-[color:var(--outline-accent-primary-bold)]","disabled:fg-disabled disabled:cursor-not-allowed disabled:bg-interactive-disabled","disabled:group-orientation-horizontal/tabs:after:bg-[color:var(--outline-interactive-disabled)]"],panel:"fg-primary-bold p-s"}});export{e as TabStyles};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tabs/styles.ts"],"names":["TabStyles","tv"],"mappings":"yCAcaA,CAAAA,CAAYC,EAAAA,CAAG,CAC1B,KAAA,CAAO,CACL,KAAM,CACJ,2BAAA,CACA,kCACA,+BACF,CAAA,CACA,KAAM,CACJ,MAAA,CACA,kCACA,+BACF,CAAA,CACA,GAAA,CAAK,CACH,6DACA,kDAAA,CACA,wWAAA,CAEA,gCACA,qGAAA,CAEA,+BAAA,CACA,sGAEA,0EAAA,CACA,wGAAA,CAEA,gDACA,8GAAA,CAEA,+CAAA,CACA,+GAEA,mFAAA,CACA,iGACF,EACA,KAAA,CAAO,qBACT,CACF,CAAC","file":"styles.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\nimport { tv } from 'tailwind-variants';\n\nexport const TabStyles = tv({\n  slots: {\n    tabs: [\n      'group/tabs flex w-content',\n      'orientation-horizontal:flex-col',\n      'orientation-vertical:flex-row',\n    ],\n    list: [\n      'flex',\n      'orientation-horizontal:flex-row',\n      'orientation-vertical:flex-col',\n    ],\n    tab: [\n      'fg-primary-muted relative cursor-pointer rounded-small p-s',\n      'group-orientation-horizontal/tabs:rounded-b-none',\n      'group-orientation-horizontal/tabs:after:absolute group-orientation-horizontal/tabs:after:bottom-0 group-orientation-horizontal/tabs:after:left-0 group-orientation-horizontal/tabs:after:block group-orientation-horizontal/tabs:after:h-[1px] group-orientation-horizontal/tabs:after:w-full group-orientation-horizontal/tabs:after:bg-[color:var(--outline-static)]',\n\n      'enabled:hover:fg-primary-bold',\n      'enabled:hover:group-orientation-horizontal/tabs:after:bg-[color:var(--outline-accent-primary-bold)]',\n\n      'enabled:focus:fg-primary-bold',\n      'enabled:focus:group-orientation-horizontal/tabs:after:bg-[color:var(--outline-accent-primary-bold)]',\n\n      'enabled:selected:fg-accent-primary-bold selected:bg-accent-primary-muted',\n      'enabled:selected:group-orientation-horizontal/tabs:after:bg-[color:var(--outline-accent-primary-bold)]',\n\n      'enabled:selected:hover:fg-accent-primary-bold',\n      'enabled:selected:hover:group-orientation-horizontal/tabs:after:bg-[color:var(--outline-accent-primary-bold)]',\n\n      'enabled:selected:focus:fg-accent-primary-bold',\n      'enabled:selected:focus:group-orientation-horizontal/tabs:after:bg-[color:var(--outline-accent-primary-bold)]',\n\n      'disabled:fg-disabled disabled:cursor-not-allowed disabled:bg-interactive-disabled',\n      'disabled:group-orientation-horizontal/tabs:after:bg-[color:var(--outline-interactive-disabled)]',\n    ],\n    panel: 'fg-primary-bold p-s',\n  },\n});\n"]}

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

@@ -0,0 +1,6 @@
+import { RefAttributes } from 'react';
+import { TabsProps as TabsProps$1 } from 'react-aria-components';
+
+type TabsProps = TabsProps$1 & RefAttributes<HTMLDivElement>;
+
+export type { TabsProps };

package/dist/components/tabs/types.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ProviderProps } from '../../lib/types.js';
 import { ContextValue } from 'react-aria-components';
+import { ProviderProps } from '../../lib/types.js';
 import { TextAreaFieldProps } from './types.js';
 
 declare const TextAreaFieldContext: react.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-area-field/index.tsx"],"names":["label","input","description","TextAreaFieldContext","E","b","props","jsx","e","TextAreaFieldProvider","useContextProps","ref","M","descriptionProp","errorMessageProp","inputProps","isSmall","size","L","composeRenderProps","classNames","className","field","isInvalidProp","errorMessage","isDisabled","isInvalid","isRequired","k","V","labelProp","Label","C","Text","y","error"],"mappings":"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","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 type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport {\n  type ContextValue,\n  FieldError,\n  Text,\n  TextArea,\n  TextField,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { TextAreaStyles } from './styles';\nimport type { TextAreaFieldProps } from './types';\n\nconst { field, label, input, description, error } = TextAreaStyles();\n\nexport const TextAreaFieldContext =\n  createContext<ContextValue<TextAreaFieldProps, HTMLDivElement>>(null);\n\nfunction TextAreaFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextAreaFieldProps>) {\n  return (\n    <TextAreaFieldContext.Provider value={props}>\n      {children}\n    </TextAreaFieldContext.Provider>\n  );\n}\nTextAreaFieldProvider.displayName = 'TextAreaField.Provider';\n\n/**\n * TextAreaField - A multi-line text input component with label and validation\n *\n * Provides a complete form field experience for longer text content with integrated\n * label, description, and error message components. Handles validation states and\n * accessibility automatically while supporting resizable text areas.\n *\n * @example\n * // Basic text area field\n * <TextAreaField label=\"Comments\" />\n *\n * @example\n * // Text area with validation\n * <TextAreaField\n *   isInvalid={true}\n *   errorMessage='Message is required'\n *   label='Foo'\n *   isRequired\n *   />\n */\nexport function TextAreaField({ ref, ...props }: TextAreaFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextAreaFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    inputProps,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <TextField\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <TextArea\n            {...inputProps}\n            className={composeRenderProps(classNames?.input, (className) =>\n              input({ className }),\n            )}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={description({ className: classNames?.description })}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </TextField>\n  );\n}\nTextAreaField.displayName = 'TextAreaField';\nTextAreaField.Provider = TextAreaFieldProvider;\n"]}
+{"version":3,"sources":["../../../src/components/text-area-field/index.tsx"],"names":["label","input","description","TextAreaFieldContext","E","b","props","jsx","e","TextAreaFieldProvider","useContextProps","ref","M","descriptionProp","errorMessageProp","inputProps","isSmall","size","L","composeRenderProps","classNames","className","field","isInvalidProp","errorMessage","isDisabled","isInvalid","isRequired","k","V","labelProp","Label","C","Text","y","error"],"mappings":"iSA8Be,MAAA,CAAAA,KAAO,CAAA,CAAA,CAAAC,KAAO,CAAA,CAAA,CAAA,KAAA,CAAAC,CAAAA,CAAa,WAAyB,CAAA,CAEtDC,CAAAA,KACqD,CAAA,CAAI,CAAA,CAEtEC,cAAA,EAAA,CAAA,CAAA,CAAAC,aAAA,CAAA,IACE,EAAA,SACA,CAAA,CAAA,CAAGC,QAEH,CAAA,CAAA,CACEC,GAACJ,CAAqB,CAAA,CAAA,CAAA,OAASK,GAAA,CAAA,CAAA,CAAA,QAC5B,CAAA,CAAA,KACH,CAEJ,CACAC,CAAAA,QAAsB,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,wBAsBJ,CAAA,SAAc,CAAuB,CACnE,CAACH,GAAU,CAAA,CAAII,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMR,CAAoB,CAAAS,eAEvE,CAAA,CAAA,CAAA,CAAA,EACE,IAAA,CAAA,CAAA,CAAA,CAAA,KACA,CAAA,UAAA,CAAaC,CAAAA,CACb,WAAA,CAAA,CAAcC,CAAAA,YAEd,CAAA,CAAA,CAAA,KAAAC,CAAAA,CACA,CAAA,UAAO,CAAA,CAAA,CAAA,IACP,CAAA,CAAA,CAAA,QACA,CAAA,SAEmBD,CAAAA,CAAoB,CAAA,GAAA,CACnCE,CAAAA,CAAUC,CAAAA,CAAAA,CAAAA,CAAS,CAAA,EAAA,IAAA,CAEzB,CAAA,CAAA,CAAA,GAAA,OAEK,CAAA,OACIN,GAAAA,CACLO,SAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAWC,CAAmBC,CAAAA,CAAAA,SAAoBC,CAChDC,kBAAAA,CAAM,CAAE,EAAA,KAAA,CAAA,CAAA,EAAU,CAAC,CACrB,CAAA,SACA,CAAA,CAAWC,CAAAA,CAAAA,CAAAA,CAAkBC,SAAsB,CAAA,CAAA,GACnD,CAAA,CAAA,IAAA,CAAA,MAAWP,CAAAA,CAEV,WACG,CAAA,CAAA,CAAA,QAAAQ,CAAAA,CAAY,CAAA,UAAAC,CAAW,CAAA,CAAA,SAAAC,CAAW,CAAA,CAAA,UAGjC,CAAA,CAAA,CAAA,GAAAC,IAAA,CAACC,QAACC,CAAAA,CAAAA,QACAC,CAAA,CACC,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAAvB,GAAWR,CAAAA,KAAM,CAAE,CAAA,SAAWoB,CAAAA,CAAAA,CAAY,CAAA,SAC1C,CAAA,CAAA,EAAA,KAAYK,CAAAA,CACZ,CAAA,UAAYE,CAAAA,CAEX,CAAA,UACH,CAAA,CAEFpB,CAAAA,QACMQ,CACJ,CAAA,CAAA,CAAA,CAAAP,GAAA,CAAAwB,QAAA,CAAA,CAAA,GAA8BZ,CAAAA,CAAAA,SAAoBC,CAChDpB,kBAAAA,CAAM,CAAE,EAAA,KAAA,CAAA,CAAA,EAAU,CAAC,CACrB,CAAA,SAEoB,CAAEe,CAAAA,CAAAA,CAAWU,CAAAA,CAAAA,CAAAA,CACjCnB,CAAAA,CAAC0B,CAAAA,EACC,EAAA,CAAA,EAAK,CAAA,CAAA,EAAAzB,GAAA,CAAA0B,IAAA,CAAA,CAAA,IAAA,CACL,aAAyB,CAAA,SAAWd,CAAAA,CAAAA,CAAY,CAAA,SAAA,CAAY,CAAC,EAE5D,WACH,CAAA,CAEFb,CAAAA,QACE,CAAA,CAAA,CAAA,CAAA,CAAAC,GAAWW,CAAAA,UAAmBC,CAAAA,CAAAA,SAAoBC,CAChDc,kBAAAA,CAAM,CAAE,EAAA,KAAA,CAAA,CAAA,EAAU,CAAC,CACrB,CAAA,SAEC,CAAAX,CAAAA,CACH,CAAA,CAAA,CACF,QAKM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,eACHf,CAAAA,CAAAA,CAAAA,QAAAA,CAAAA,CAAAA","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 { createContext } from 'react';\nimport {\n  type ContextValue,\n  composeRenderProps,\n  FieldError,\n  Text,\n  TextArea,\n  TextField,\n  useContextProps,\n} from 'react-aria-components';\nimport { Label } from '../label';\nimport { TextAreaStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { TextAreaFieldProps } from './types';\n\nconst { field, label, input, description, error } = TextAreaStyles();\n\nexport const TextAreaFieldContext =\n  createContext<ContextValue<TextAreaFieldProps, HTMLDivElement>>(null);\n\nfunction TextAreaFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextAreaFieldProps>) {\n  return (\n    <TextAreaFieldContext.Provider value={props}>\n      {children}\n    </TextAreaFieldContext.Provider>\n  );\n}\nTextAreaFieldProvider.displayName = 'TextAreaField.Provider';\n\n/**\n * TextAreaField - A multi-line text input component with label and validation\n *\n * Provides a complete form field experience for longer text content with integrated\n * label, description, and error message components. Handles validation states and\n * accessibility automatically while supporting resizable text areas.\n *\n * @example\n * // Basic text area field\n * <TextAreaField label=\"Comments\" />\n *\n * @example\n * // Text area with validation\n * <TextAreaField\n *   isInvalid={true}\n *   errorMessage='Message is required'\n *   label='Foo'\n *   isRequired\n *   />\n */\nexport function TextAreaField({ ref, ...props }: TextAreaFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextAreaFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    inputProps,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <TextField\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <TextArea\n            {...inputProps}\n            className={composeRenderProps(classNames?.input, (className) =>\n              input({ className }),\n            )}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={description({ className: classNames?.description })}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </TextField>\n  );\n}\nTextAreaField.displayName = 'TextAreaField';\nTextAreaField.Provider = TextAreaFieldProvider;\n"]}

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

@@ -4,9 +4,9 @@ import * as tailwind_merge from 'tailwind-merge';
 declare const TextAreaStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
             error?: tailwind_merge.ClassNameValue;
         };
@@ -14,9 +14,9 @@ declare const TextAreaStyles: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
             error?: tailwind_merge.ClassNameValue;
         };
@@ -30,9 +30,9 @@ declare const TextAreaStyles: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
             error?: tailwind_merge.ClassNameValue;
         };
@@ -49,6 +49,6 @@ declare const TextAreaStyles: tailwind_variants.TVReturnType<{
     input: string[];
     description: string[];
     error: string;
-}, undefined, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown>>;
 
 export { TextAreaStyles };

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

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const l=tv({slots:{field:"group/text-area-field flex flex-col gap-xs",label:"",input:["block w-full rounded-medium p-s font-display text-default-light outline outline-interactive placeholder:text-default-dark","group-size-medium/text-area-field:text-body-s group-size-small/text-area-field:text-body-xs","group-enabled/text-area-field:focus-visible:outline-highlight","group-enabled/text-area-field:hover:outline-interactive-hover","group-enabled/text-area-field:group-invalid/text-area-field:outline-serious","group-disabled/text-area-field:text-disabled group-disabled/text-area-field:outline-interactive-disabled group-disabled/text-area-field:placeholder:text-disabled"],description:["fg-default-dark text-body-xs","group-disabled/text-area-field:fg-disabled"],error:"fg-serious text-body-xs"}});export{l as TextAreaStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const l=tv({slots:{field:"group/text-area-field flex flex-col gap-xs",label:"",input:["fg-primary-bold placeholder:fg-primary-muted block w-full rounded-medium p-s font-display outline outline-interactive","group-size-medium/text-area-field:text-body-s group-size-small/text-area-field:text-body-xs","group-enabled/text-area-field:focus-visible:outline-accent-primary-bold","group-enabled/text-area-field:hover:outline-interactive-hover","group-enabled/text-area-field:group-invalid/text-area-field:outline-serious-bold","group-disabled/text-area-field:text-disabled group-disabled/text-area-field:outline-interactive-disabled group-disabled/text-area-field:placeholder:text-disabled"],description:["fg-primary-muted text-body-xs","group-disabled/text-area-field:fg-disabled"],error:"fg-serious-bold text-body-xs"}});export{l as TextAreaStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-area-field/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,4CAEP,CAAA,KAAO,CACL,EAAA,CAAA,KAAA,CAAA,CAAA,2HACA,CAAA,6FACA,CAAA,+DACA,CAAA,+DACA,CAAA,6EACA,CAAA,mKAEF,CAAA,CAAA,WACE,CAAA,CAAA,8BACA,CAAA,4CAEK,CAAA,CAAA,KAAA,CAAA,yBAEV,CAAA,CAAA","file":"styles.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\nimport { tv } from '@/lib/utils';\n\nexport const TextAreaStyles = tv({\n  slots: {\n    field: 'group/text-area-field flex flex-col gap-xs',\n    label: '',\n    input: [\n      'block w-full rounded-medium p-s font-display text-default-light outline outline-interactive placeholder:text-default-dark',\n      'group-size-medium/text-area-field:text-body-s group-size-small/text-area-field:text-body-xs',\n      'group-enabled/text-area-field:focus-visible:outline-highlight',\n      'group-enabled/text-area-field:hover:outline-interactive-hover',\n      'group-enabled/text-area-field:group-invalid/text-area-field:outline-serious',\n      'group-disabled/text-area-field:text-disabled group-disabled/text-area-field:outline-interactive-disabled group-disabled/text-area-field:placeholder:text-disabled',\n    ],\n    description: [\n      'fg-default-dark text-body-xs',\n      'group-disabled/text-area-field:fg-disabled',\n    ],\n    error: 'fg-serious text-body-xs',\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/text-area-field/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,4CAEP,CAAA,KAAO,CACL,EAAA,CAAA,KAAA,CAAA,CAAA,uHACA,CAAA,6FACA,CAAA,yEACA,CAAA,+DACA,CAAA,kFACA,CAAA,mKAEF,CAAA,CAAA,WACE,CAAA,CAAA,+BACA,CAAA,4CAEK,CAAA,CAAA,KAAA,CAAA,8BAEV,CAAA,CAAA","file":"styles.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\nimport { tv } from '@/lib/utils';\n\nexport const TextAreaStyles = tv({\n  slots: {\n    field: 'group/text-area-field flex flex-col gap-xs',\n    label: '',\n    input: [\n      'fg-primary-bold placeholder:fg-primary-muted block w-full rounded-medium p-s font-display outline outline-interactive',\n      'group-size-medium/text-area-field:text-body-s group-size-small/text-area-field:text-body-xs',\n      'group-enabled/text-area-field:focus-visible:outline-accent-primary-bold',\n      'group-enabled/text-area-field:hover:outline-interactive-hover',\n      'group-enabled/text-area-field:group-invalid/text-area-field:outline-serious-bold',\n      'group-disabled/text-area-field:text-disabled group-disabled/text-area-field:outline-interactive-disabled group-disabled/text-area-field:placeholder:text-disabled',\n    ],\n    description: [\n      'fg-primary-muted text-body-xs',\n      'group-disabled/text-area-field:fg-disabled',\n    ],\n    error: 'fg-serious-bold text-body-xs',\n  },\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["description","TextFieldStyles","TextFieldProvider","N","children","e","props","ref","L","rest","errorMessageProp","size","AriaTextField","composeRenderProps","classNames","className","field","c","isDisabled","isInvalid","isRequired","labelProp","isSmall","jsx","Label","label","g","inputProps","M","descriptionProp","I","error","errorMessage","TextField"],"mappings":"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","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'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  TextField as AriaTextField,\n  type ContextValue,\n  FieldError,\n  Text,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\n\nimport type { ProviderProps } from '@/lib/types';\nimport { Input } from '../input';\nimport { Label } from '../label';\nimport { TextFieldStyles } from './styles';\nimport type { TextFieldProps } from './types';\n\nconst { field, label, description, error } = TextFieldStyles();\n\nexport const TextFieldContext =\n  createContext<ContextValue<TextFieldProps, HTMLDivElement>>(null);\n\nfunction TextFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextFieldProps>) {\n  return (\n    <TextFieldContext.Provider value={props}>\n      {children}\n    </TextFieldContext.Provider>\n  );\n}\nTextFieldProvider.displayName = 'TextField.Provider';\n\n/**\n * TextField - A complete form field component with label, input, and validation\n *\n * Provides a comprehensive form field experience combining label, input, description,\n * and error message components. Handles validation states and accessibility\n * automatically while supporting extensive customization through styling props.\n *\n * @example\n * // Basic text field with label and required validation\n * <TextField label='Full Name' isRequired defaultValue='John Doe' />\n *\n * @example\n * // Text field with placeholder and description\n * <TextField\n *   label='Email Address'\n *   inputProps={{ placeholder: 'Enter your email address', type: 'email' }}\n *   description='We will never share your email with third parties'\n * />\n *\n * @example\n * // Text field with error state\n * <TextField\n *   label='Username'\n *   isInvalid\n *   errorMessage='Username must be at least 3 characters long'\n *   inputProps={{ placeholder: 'Enter username' }}\n * />\n *\n * @example\n * // Small size text field with clearable input\n * <TextField\n *   label='Search'\n *   size='small'\n *   inputProps={{\n *     placeholder: 'Type to search...',\n *     isClearable: true,\n *     type: 'search'\n *   }}\n * />\n *\n * @example\n * // Disabled text field\n * <TextField\n *   label='Status'\n *   isDisabled\n *   defaultValue='Inactive'\n *   description='This field cannot be edited'\n * />\n *\n * @example\n * // Password field with validation\n * <TextField\n *   label='Password'\n *   isRequired\n *   inputProps={{\n *     type: 'password',\n *     placeholder: 'Enter a secure password',\n *     minLength: 8\n *   }}\n *   description='Password must be at least 8 characters'\n * />\n */\nexport function TextField({ ref, ...props }: TextFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    inputProps,\n    label: labelProp,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaTextField\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <Input\n            {...inputProps}\n            classNames={classNames?.input}\n            disabled={isDisabled}\n            required={isRequired}\n            size={size}\n            isInvalid={isInvalid}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={description({ className: classNames?.description })}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaTextField>\n  );\n}\nTextField.displayName = 'TextField';\nTextField.Provider = TextFieldProvider;\n"]}
+{"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["description","TextFieldStyles","TextFieldProvider","N","children","e","props","ref","L","rest","errorMessageProp","size","AriaTextField","composeRenderProps","classNames","className","field","c","isDisabled","isInvalid","isRequired","labelProp","isSmall","jsx","Label","label","g","inputProps","M","descriptionProp","I","error","errorMessage","TextField"],"mappings":"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","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'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  TextField as AriaTextField,\n  type ContextValue,\n  composeRenderProps,\n  FieldError,\n  Text,\n  useContextProps,\n} from 'react-aria-components';\nimport { Input } from '../input';\nimport { Label } from '../label';\nimport { TextFieldStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { TextFieldProps } from './types';\n\nconst { field, label, description, error } = TextFieldStyles();\n\nexport const TextFieldContext =\n  createContext<ContextValue<TextFieldProps, HTMLDivElement>>(null);\n\nfunction TextFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextFieldProps>) {\n  return (\n    <TextFieldContext.Provider value={props}>\n      {children}\n    </TextFieldContext.Provider>\n  );\n}\nTextFieldProvider.displayName = 'TextField.Provider';\n\n/**\n * TextField - A complete form field component with label, input, and validation\n *\n * Provides a comprehensive form field experience combining label, input, description,\n * and error message components. Handles validation states and accessibility\n * automatically while supporting extensive customization through styling props.\n *\n * @example\n * // Basic text field with label and required validation\n * <TextField label='Full Name' isRequired defaultValue='John Doe' />\n *\n * @example\n * // Text field with placeholder and description\n * <TextField\n *   label='Email Address'\n *   inputProps={{ placeholder: 'Enter your email address', type: 'email' }}\n *   description='We will never share your email with third parties'\n * />\n *\n * @example\n * // Text field with error state\n * <TextField\n *   label='Username'\n *   isInvalid\n *   errorMessage='Username must be at least 3 characters long'\n *   inputProps={{ placeholder: 'Enter username' }}\n * />\n *\n * @example\n * // Small size text field with clearable input\n * <TextField\n *   label='Search'\n *   size='small'\n *   inputProps={{\n *     placeholder: 'Type to search...',\n *     isClearable: true,\n *     type: 'search'\n *   }}\n * />\n *\n * @example\n * // Disabled text field\n * <TextField\n *   label='Status'\n *   isDisabled\n *   defaultValue='Inactive'\n *   description='This field cannot be edited'\n * />\n *\n * @example\n * // Password field with validation\n * <TextField\n *   label='Password'\n *   isRequired\n *   inputProps={{\n *     type: 'password',\n *     placeholder: 'Enter a secure password',\n *     minLength: 8\n *   }}\n *   description='Password must be at least 8 characters'\n * />\n */\nexport function TextField({ ref, ...props }: TextFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    inputProps,\n    label: labelProp,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaTextField\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={label({ className: classNames?.label })}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <Input\n            {...inputProps}\n            classNames={classNames?.input}\n            disabled={isDisabled}\n            required={isRequired}\n            size={size}\n            isInvalid={isInvalid}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={description({ className: classNames?.description })}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              error({ className }),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaTextField>\n  );\n}\nTextField.displayName = 'TextField';\nTextField.Provider = TextFieldProvider;\n"]}

package/dist/components/text-field/styles.d.ts

@@ -4,9 +4,9 @@ import * as tailwind_merge from 'tailwind-merge';
 declare const TextFieldStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
             error?: tailwind_merge.ClassNameValue;
         };
@@ -14,9 +14,9 @@ declare const TextFieldStyles: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
             error?: tailwind_merge.ClassNameValue;
         };
@@ -30,9 +30,9 @@ declare const TextFieldStyles: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
+            description?: tailwind_merge.ClassNameValue;
             input?: tailwind_merge.ClassNameValue;
             label?: tailwind_merge.ClassNameValue;
-            description?: tailwind_merge.ClassNameValue;
             field?: tailwind_merge.ClassNameValue;
             error?: tailwind_merge.ClassNameValue;
         };
@@ -49,6 +49,6 @@ declare const TextFieldStyles: tailwind_variants.TVReturnType<{
     input: string;
     description: string[];
     error: string;
-}, undefined, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown>>;
 
 export { TextFieldStyles };

package/dist/components/text-field/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const l=tv({slots:{field:"group/text-field flex flex-col gap-xs",label:"",input:"",description:["fg-default-dark text-body-xs","group-disabled/text-field:fg-disabled"],error:"fg-serious text-body-xs"}});export{l as TextFieldStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const l=tv({slots:{field:"group/text-field flex flex-col gap-xs",label:"",input:"",description:["fg-primary-muted text-body-xs","group-disabled/text-field:fg-disabled"],error:"fg-serious-bold text-body-xs"}});export{l as TextFieldStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/text-field/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-field/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,uCAEP,CAAA,KAAO,CAAA,EACP,CAAA,KAAA,CAAA,EAAA,CAAA,WACE,CAAA,CAAA,sEAGK,CAAA,CAAA,KAAA,CAAA,yBAEV,CAAA,CAAA","file":"styles.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\nimport { tv } from '@/lib/utils';\n\nexport const TextFieldStyles = tv({\n  slots: {\n    field: 'group/text-field flex flex-col gap-xs',\n    label: '',\n    input: '',\n    description: [\n      'fg-default-dark text-body-xs',\n      'group-disabled/text-field:fg-disabled',\n    ],\n    error: 'fg-serious text-body-xs',\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/text-field/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,uCAEP,CAAA,KAAO,CAAA,EACP,CAAA,KAAA,CAAA,EAAA,CAAA,WACE,CAAA,CAAA,uEAGK,CAAA,CAAA,KAAA,CAAA,8BAEV,CAAA,CAAA","file":"styles.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\nimport { tv } from '@/lib/utils';\n\nexport const TextFieldStyles = tv({\n  slots: {\n    field: 'group/text-field flex flex-col gap-xs',\n    label: '',\n    input: '',\n    description: [\n      'fg-primary-muted text-body-xs',\n      'group-disabled/text-field:fg-disabled',\n    ],\n    error: 'fg-serious-bold text-body-xs',\n  },\n});\n"]}

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

@@ -56,7 +56,7 @@ declare function TooltipTrigger({ children, ...props }: TooltipTriggerProps): re
 declare namespace TooltipTrigger {
     var displayName: string;
 }
-declare function TooltipBody({ children, className, offset, placement, ...props }: TooltipBodyProps): react_jsx_runtime.JSX.Element;
+declare function TooltipBody({ children, parentRef, className, offset, placement, ...props }: TooltipBodyProps): react_jsx_runtime.JSX.Element;
 declare namespace TooltipBody {
     var displayName: string;
 }

package/dist/components/tooltip/index.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import {createContext}from'react';import'client-only';import {containsExactChildren}from'./../../lib/react.js';import {useContextProps,TooltipTrigger,Focusable,Tooltip,composeRenderProps}from'react-aria-components';import {TooltipStyles}from'./styles.js';const x=createContext(null);function r({ref:t,...o}){[o,t]=useContextProps(o,t??null,x);const{children:i,...e}=o;return containsExactChildren({children:i,componentName:r.displayName,restrictions:[[p,{min:1,max:1}],[l,{min:1,max:1}]]}),jsx(TooltipTrigger,{...e,children:i})}r.displayName="Tooltip";function p({children:t,...o}){return jsx(Focusable,{...o,children:t})}p.displayName="Tooltip.Trigger";function l({children:t,className:o,offset:i=5,placement:e="bottom",...T}){return jsx(Tooltip,{...T,className:composeRenderProps(o,s=>TooltipStyles({className:s})),offset:i,placement:e,children:t})}l.displayName="Tooltip.Body",r.Trigger=p,r.Body=l;export{r as Tooltip,x as TooltipContext};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import {createContext,useState,useEffect}from'react';import'client-only';import {UNSAFE_PortalProvider}from'@react-aria/overlays';import {useIsSSR}from'@react-aria/ssr';import {useContextProps,TooltipTrigger,Focusable,Tooltip,composeRenderProps}from'react-aria-components';import {containsExactChildren}from'./../../lib/react.js';import {TooltipStyles}from'./styles.js';const B=createContext(null);function p({ref:t,...o}){[o,t]=useContextProps(o,t??null,B);const{children:r,delay:s=250,...a}=o;return containsExactChildren({children:r,componentName:p.displayName,restrictions:[[m,{min:1,max:1}],[T,{min:1,max:1}]]}),jsx(TooltipTrigger,{...a,delay:s,children:r})}p.displayName="Tooltip";function m({children:t,...o}){return jsx(Focusable,{...o,children:t})}m.displayName="Tooltip.Trigger";function T({children:t,parentRef:o,className:r,offset:s=5,placement:a="bottom",...u}){const i=useIsSSR(),[d,c]=useState(i?null:document.body);return useEffect(()=>{const l=o?.current,e=i?null:document.createElement("div");return e?.setAttribute("style","position: absolute;"),l&&e&&(l.appendChild(e),c(e)),()=>{e?.remove(),c(i?null:document.body);}},[i,o]),jsx(UNSAFE_PortalProvider,{getContainer:()=>d,children:jsx(Tooltip,{...u,className:composeRenderProps(r,l=>TooltipStyles({className:l})),offset:s,placement:a,children:t})})}T.displayName="Tooltip.Body",p.Trigger=m,p.Body=T;export{p as Tooltip,B as TooltipContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map