{"version":3,"file":"Tab.mjs","sources":["../../../packages/tabs/Tab.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { TabProps } from './types.js'\nimport { TabButtonStyle, TabLabelStyle } from './TabsStyles.js'\n\nexport const Tab = forwardRef(\n  (\n    { active = false, children, ...rest }: TabProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    return (\n      <TabButtonStyle\n        $active={active}\n        aria-selected={active}\n        role='tab'\n        tabIndex={active ? 0 : -1}\n        type='button'\n        ref={ref}\n        {...rest}\n      >\n        <TabLabelStyle $active={active}>{children}</TabLabelStyle>\n      </TabButtonStyle>\n    )\n  },\n)\nTab.displayName = 'Tab'\n"],"names":["Tab","forwardRef","_ref","ref","active","children","rest","_jsx","TabButtonStyle","$active","role","tabIndex","type","TabLabelStyle","displayName"],"mappings":";;;;AAIO,MAAMA,GAAG,gBAAGC,UAAU,CAC3B,CAAAC,IAAA,EAEEC,GAAqC,KAClC;EAAA,IAFH;AAAEC,IAAAA,MAAM,GAAG,KAAK;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAe,GAAC,GAAAJ,IAAA,CAAA;EAG/C,oBACEK,GAAA,CAACC,cAAc,EAAA;AACbC,IAAAA,OAAO,EAAEL,MAAO;AAChB,IAAA,eAAA,EAAeA,MAAO;AACtBM,IAAAA,IAAI,EAAC,KAAK;AACVC,IAAAA,QAAQ,EAAEP,MAAM,GAAG,CAAC,GAAG,CAAC,CAAE;AAC1BQ,IAAAA,IAAI,EAAC,QAAQ;AACbT,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLG,IAAI;IAAAD,QAAA,eAERE,GAAA,CAACM,aAAa,EAAA;AAACJ,MAAAA,OAAO,EAAEL,MAAO;AAAAC,MAAAA,QAAA,EAAEA,QAAAA;KAAwB,CAAA;AAAC,GAC5C,CAAC,CAAA;AAErB,CACF,EAAC;AACDL,GAAG,CAACc,WAAW,GAAG,KAAK;;;;"}