{"version":3,"file":"Tabs.cjs","sources":["../../../../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs'\r\n\r\nimport TabsContent from '@components/navigation/tabs/components/tabs-content/TabsContent.tsx'\r\nimport TabsList from '@components/navigation/tabs/components/tabs-list/TabsList.tsx'\r\nimport TabsTrigger from '@components/navigation/tabs/components/tabs-trigger/TabsTrigger.tsx'\r\nimport type { TabsCompound } from '@components/navigation/tabs/types'\r\nimport type { TabsProps } from '@components/navigation/tabs/types/Tabs.props.ts'\r\n\r\n/**\r\n * A styled tab interface built on top of `@base-ui/react/tabs`.\r\n *\r\n * Composes `Tabs`, `Tabs.List`, `Tabs.Trigger`, and `Tabs.Content`.\r\n * Supports controlled (`value` + `onValueChange`) and uncontrolled\r\n * (`defaultValue`) modes, disabled triggers, and keyboard navigation.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Tabs defaultValue=\"account\">\r\n *   <Tabs.List aria-label=\"User settings\">\r\n *     <Tabs.Trigger value=\"account\" label=\"Account\" />\r\n *     <Tabs.Trigger value=\"password\" label=\"Password\" />\r\n *   </Tabs.List>\r\n *   <Tabs.Content value=\"account\">Account settings</Tabs.Content>\r\n *   <Tabs.Content value=\"password\">Password settings</Tabs.Content>\r\n * </Tabs>\r\n * ```\r\n */\r\nconst Tabs = memo<TabsProps>((props) => (\r\n    <BaseTabs.Root {...props} />\r\n)) as unknown as TabsCompound\r\n\r\nTabs.displayName = 'Tabs'\r\nTabs.List = TabsList\r\nTabs.Trigger = TabsTrigger\r\nTabs.Content = TabsContent\r\n\r\nexport default Tabs\r\n"],"names":["Tabs","memo","props","jsx","BaseTabs","TabsList","TabsTrigger","TabsContent"],"mappings":"qQA6BMA,EAAOC,EAAAA,KAAiBC,GAC1BC,EAAAA,IAACC,EAAAA,KAAS,KAAT,CAAe,GAAGF,EAAO,CAC7B,EAEDF,EAAK,YAAc,OACnBA,EAAK,KAAOK,EACZL,EAAK,QAAUM,EACfN,EAAK,QAAUO"}