@spark-ui/components 17.0.1-beta.0 → 17.0.1

package/dist/tabs/TabsList.d.ts

@@ -1,6 +1,6 @@
-import { Tabs as RadixTabs } from 'radix-ui';
-import { ReactElement, Ref } from 'react';
-export interface TabsListProps extends Omit<RadixTabs.TabsListProps, 'children'> {
+import { Tabs as BaseTabs } from '@base-ui/react/tabs';
+import { ComponentProps, ReactElement, Ref } from 'react';
+export interface TabsListProps extends Omit<ComponentProps<typeof BaseTabs.List>, 'render' | 'loopFocus'> {
     /**
      * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
      * @default false

package/dist/tabs/TabsTrigger.d.ts

@@ -1,7 +1,7 @@
-import { Tabs as RadixTabs } from 'radix-ui';
-import { ReactNode, Ref } from 'react';
+import { Tabs as BaseTabs } from '@base-ui/react/tabs';
+import { ComponentProps, ReactNode, Ref } from 'react';
 import { ConfiguredPopoverComponent } from './TabsPopoverAbstraction';
-export interface TabsTriggerProps extends RadixTabs.TabsTriggerProps {
+export interface TabsTriggerProps extends Omit<ComponentProps<typeof BaseTabs.Tab>, 'render'> {
     /**
      * A unique value that associates the trigger with a content.
      */

package/dist/tabs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),T=require("radix-ui"),s=require("react"),m=require("class-variance-authority"),D=require("@spark-ui/icons/ArrowVerticalLeft"),F=require("@spark-ui/icons/ArrowVerticalRight"),M=require("../Button-CXL2NOrq.js"),j=require("../Icon-C-cNTnzd.js"),q=require("@spark-ui/hooks/use-merge-refs"),K=require("@spark-ui/icons/MoreMenuHorizontal"),H=require("../IconButton-JFDGiOOn.js"),g=require("../popover/index.js"),U=require("@spark-ui/internal-utils"),W=s.createContext({}),R=()=>{const t=s.useContext(W);if(!t)throw Error("useTabsContext must be used within a TabsContext Provider");return t},$=m.cva(["flex","data-[orientation=horizontal]:flex-col","data-[orientation=vertical]:flex-row","max-w-full"]),V=({intent:t="support",size:o="md",asChild:c=!1,forceMount:a=!1,orientation:n="horizontal",children:i,className:l,ref:d,...e})=>r.jsx(W.Provider,{value:{intent:t,size:o,orientation:n,forceMount:a},children:r.jsx(T.Tabs.Root,{ref:d,asChild:c,orientation:n,className:$({className:l}),"data-spark-component":"tabs",activationMode:"automatic",...e,children:i})});V.displayName="Tabs";const G=m.cva(["w-full p-lg","focus-visible:u-outline-inset"],{variants:{forceMount:{true:"data-[state=inactive]:hidden",false:""}}}),P=({children:t,asChild:o=!1,className:c,ref:a,...n})=>{const{forceMount:i}=R();return r.jsx(T.Tabs.Content,{"data-spark-component":"tabs-content",ref:a,forceMount:i||n.forceMount,className:G({className:c,forceMount:i}),asChild:o,...n,children:t})};P.displayName="Tabs.Content";const J=m.cva(["relative flex"]),Q=m.cva(["flex w-full","data-[orientation=horizontal]:flex-row","data-[orientation=vertical]:flex-col","overflow-y-hidden u-no-scrollbar data-[orientation=vertical]:overflow-x-hidden","after:flex after:shrink after:grow after:border-outline","data-[orientation=horizontal]:after:border-b-sm","data-[orientation=vertical]:after:border-r-sm"]),S=m.cva(["h-auto! flex-none","border-b-sm border-outline","outline-hidden","focus-visible:border-none focus-visible:bg-surface-hovered focus-visible:u-outline-inset!"]),X=(t,o)=>{const[c,a]=s.useState({width:void 0,height:void 0}),n=s.useRef(null),i=s.useRef(o);return s.useEffect(()=>{i.current=o},[o]),s.useEffect(()=>{const l=t&&"current"in t?t.current:t;if(!(!l||n.current))return n.current=new ResizeObserver(([d])=>{const{inlineSize:e,blockSize:x}=d?.borderBoxSize?.[0]??{};i.current?.(d),a({width:e,height:x})}),n.current.observe(l),()=>{n.current&&n.current.unobserve(l)}},[t,n,i]),c},N=({asChild:t=!1,loop:o=!1,children:c,className:a,ref:n,...i})=>{const l=s.useRef(null),d=s.useRef(null),e=n||d,{orientation:x}=R(),{width:w}=X(l),[u,b]=s.useState({prev:"hidden",next:"hidden"});s.useEffect(()=>{typeof e=="function"||!e.current||b(x!=="horizontal"?{prev:"hidden",next:"hidden"}:{prev:e.current.scrollWidth>e.current.clientWidth?"visible":"hidden",next:e.current.scrollWidth>e.current.clientWidth?"visible":"hidden"})},[x,e,w]),s.useEffect(()=>{if(typeof e=="function"||!e.current||u.prev==="hidden"||o)return;const v=f=>{b({prev:f.scrollLeft>0?"visible":"disabled",next:f.scrollLeft+f.clientWidth<f.scrollWidth?"visible":"disabled"})},p=e.current;return v(p),p.addEventListener("scroll",({target:f})=>v(f)),()=>p.removeEventListener("scroll",({target:f})=>v(f))},[e,u.prev,o]);const z=()=>{if(typeof e=="function"||!e.current)return;const v=o&&e.current.scrollLeft<=0;e.current.scrollTo({left:v?e.current.scrollLeft+e.current.scrollWidth-e.current.clientWidth:e.current.scrollLeft-e.current.clientWidth,behavior:"smooth"})},y=()=>{if(typeof e=="function"||!e.current)return;const v=o&&e.current.scrollLeft+e.current.clientWidth>=e.current.scrollWidth;e.current.scrollTo({left:v?0:e.current.scrollLeft+e.current.clientWidth,behavior:"smooth"})};return r.jsxs("div",{className:J({className:a}),ref:l,children:[u.prev!=="hidden"&&r.jsx(M.Button,{shape:"square",intent:"surface",size:"sm",className:S(),onClick:z,disabled:u.prev==="disabled","aria-label":"Scroll left",children:r.jsx(j.Icon,{children:r.jsx(D.ArrowVerticalLeft,{})})}),r.jsx(T.Tabs.List,{"data-spark-component":"tabs-list",ref:e,className:Q(),asChild:t,loop:o,...i,children:c}),u.next!=="hidden"&&r.jsx(M.Button,{shape:"square",intent:"surface",size:"sm",className:S(),onClick:y,disabled:u.next==="disabled","aria-label":"Scroll right",children:r.jsx(j.Icon,{children:r.jsx(F.ArrowVerticalRight,{})})})]})};N.displayName="Tabs.List";const C=s.createContext(void 0),E=()=>{const t=s.useContext(C);if(!t)throw new Error("TabsPopover components must be used within TabsPopover");return t},I=s.forwardRef(({"aria-label":t,children:o,...c},a)=>{const{popoverTriggerRef:n}=E(),i=q.useMergeRefs(a,n);return r.jsx(g.Popover.Trigger,{asChild:!0,...c,children:r.jsx(H.IconButton,{ref:i,size:"sm",intent:"surfaceInverse",design:"ghost","aria-label":t,tabIndex:-1,children:r.jsx(j.Icon,{children:o||r.jsx(K.MoreMenuHorizontal,{})})})})});I.displayName="Popover.Trigger";const A=s.forwardRef(({side:t,align:o="start",className:c,...a},n)=>{const{popoverSide:i}=E(),l=m.cx("gap-sm flex flex-col",c);return r.jsx(g.Popover.Content,{ref:n,...a,side:t??i,align:o,className:l})});A.displayName="Popover.Content";const B=({popoverSide:t,popoverTriggerRef:o,children:c})=>{const a=s.useMemo(()=>({popoverSide:t,popoverTriggerRef:o}),[t,o]),i=Object.assign((l=>r.jsx(C.Provider,{value:a,children:r.jsx(g.Popover,{...l,children:l.children})})),g.Popover,{Content:A,Trigger:I});return r.jsx(C.Provider,{value:a,children:c(i)})};B.displayName="Popover";const Y=m.cva(["px-md","relative flex flex-none items-center","border-outline","hover:not-disabled:bg-surface-hovered","after:absolute","data-[state=active]:font-bold","data-[state=inactive]:not-disabled:cursor-pointer","data-[orientation=horizontal]:border-b-sm data-[orientation=horizontal]:after:inset-x-0 data-[orientation=horizontal]:after:bottom-[-1px] data-[orientation=horizontal]:after:h-sz-2","data-[orientation=vertical]:border-r-sm data-[orientation=vertical]:after:inset-y-0 data-[orientation=vertical]:after:right-[-1px] data-[orientation=vertical]:after:w-sz-2","focus-visible:border-none focus-visible:bg-surface-hovered focus-visible:u-outline-inset","disabled:cursor-not-allowed disabled:opacity-dim-3","gap-md [&>*:first-child]:ml-md [&>*:last-child]:mr-md","[&>svg:last-child:first-child]:mx-auto"],{variants:{intent:U.makeVariants({main:["data-[state=active]:text-main data-[state=active]:after:bg-main"],support:["data-[state=active]:text-support data-[state=active]:after:bg-support"]}),size:{xs:["h-sz-32 min-w-sz-32 text-caption"],sm:["h-sz-36 min-w-sz-36 text-body-2"],md:["h-sz-40 min-w-sz-40 text-body-1"]},hasMenu:{true:"pr-3xl"},orientation:{horizontal:"",vertical:""}},compoundVariants:[{hasMenu:!0,orientation:"vertical",class:"w-full"}],defaultVariants:{intent:"support",size:"md",hasMenu:!1,orientation:"horizontal"}}),L=({asChild:t=!1,value:o,disabled:c=!1,children:a,className:n,ref:i,onKeyDown:l,renderMenu:d,...e})=>{const{intent:x,size:w,orientation:u}=R(),b=s.useRef(null),z=s.useRef(null),y=q.useMergeRefs(i,z),v=h=>{h.key==="F10"&&h.shiftKey&&d&&b.current&&(h.preventDefault(),b.current.click()),l?.(h)},p=!!d,f=u==="vertical"?"right":"bottom",k=r.jsx(T.Tabs.Trigger,{"data-spark-component":"tabs-trigger",ref:y,className:Y({intent:x,size:w,hasMenu:p,orientation:u??"horizontal",className:n}),asChild:t,disabled:c,value:o,onFocus:({target:h})=>h.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"}),onKeyDown:v,"aria-haspopup":p?"true":void 0,...e,children:a});return p?r.jsxs("div",{className:u==="vertical"?"relative w-full":"relative",children:[k,r.jsx("div",{className:"right-md mr-md pointer-events-auto absolute top-1/2 -translate-y-1/2",children:r.jsx(B,{popoverSide:f,popoverTriggerRef:b,children:h=>d?.({Popover:h})})})]}):k};L.displayName="Tabs.Trigger";const O=Object.assign(V,{List:N,Trigger:L,Content:P});O.displayName="Tabs";N.displayName="Tabs.List";L.displayName="Tabs.Trigger";P.displayName="Tabs.Content";exports.Tabs=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),w=require("@base-ui/react/tabs"),s=require("react"),m=require("class-variance-authority"),K=require("../Slot-DQ8z2zsy.js"),H=require("@spark-ui/icons/ArrowVerticalLeft"),U=require("@spark-ui/icons/ArrowVerticalRight"),M=require("../Button-FZceRWG2.js"),R=require("../Icon-C-cNTnzd.js"),V=require("@spark-ui/hooks/use-merge-refs"),$=require("@spark-ui/icons/MoreMenuHorizontal"),G=require("../IconButton-BR1bJSQA.js"),T=require("../popover/index.js"),J=require("@spark-ui/internal-utils"),E=s.createContext({}),N=()=>{const t=s.useContext(E);if(!t)throw Error("useTabsContext must be used within a TabsContext Provider");return t},Q=m.cva(["flex","data-[orientation=horizontal]:flex-col","data-[orientation=vertical]:flex-row","max-w-full"]);function z(t){return t?({...r})=>o.jsx(K.Slot,{...r}):void 0}const I=({intent:t="support",size:r="md",asChild:l=!1,forceMount:c=!1,orientation:n="horizontal",children:i,className:a,ref:d,...e})=>{const h=z(l);return o.jsx(E.Provider,{value:{intent:t,size:r,orientation:n,forceMount:c},children:o.jsx(w.Tabs.Root,{ref:d,orientation:n,className:Q({className:a}),"data-spark-component":"tabs",render:h,...e,children:i})})};I.displayName="Tabs";const X=m.cva(["w-full p-lg","focus-visible:u-outline-inset"],{variants:{forceMount:{true:"data-[hidden]:hidden",false:""}}}),S=({children:t,asChild:r=!1,className:l,ref:c,forceMount:n,...i})=>{const{forceMount:a}=N(),d=z(r),e=a||n;return o.jsx(w.Tabs.Panel,{"data-spark-component":"tabs-content",ref:c,keepMounted:e,className:X({className:l,forceMount:e}),render:d,...i,children:t})};S.displayName="Tabs.Content";const Y=m.cva(["relative flex"]),Z=m.cva(["flex w-full","data-[orientation=horizontal]:flex-row","data-[orientation=vertical]:flex-col","overflow-y-hidden u-no-scrollbar data-[orientation=vertical]:overflow-x-hidden","after:flex after:shrink after:grow after:border-outline","data-[orientation=horizontal]:after:border-b-sm","data-[orientation=vertical]:after:border-r-sm"]),W=m.cva(["h-auto! flex-none","border-b-sm border-outline","outline-hidden","focus-visible:border-none focus-visible:bg-surface-hovered focus-visible:u-outline-inset!"]),_=(t,r)=>{const[l,c]=s.useState({width:void 0,height:void 0}),n=s.useRef(null),i=s.useRef(r);return s.useEffect(()=>{i.current=r},[r]),s.useEffect(()=>{const a=t&&"current"in t?t.current:t;if(!(!a||n.current))return n.current=new ResizeObserver(([d])=>{const{inlineSize:e,blockSize:h}=d?.borderBoxSize?.[0]??{};i.current?.(d),c({width:e,height:h})}),n.current.observe(a),()=>{n.current&&n.current.unobserve(a)}},[t,n,i]),l},L=({asChild:t=!1,loop:r=!1,children:l,className:c,ref:n,...i})=>{const a=s.useRef(null),d=s.useRef(null),e=n||d,{orientation:h}=N(),y=z(t),{width:x}=_(a),[u,g]=s.useState({prev:"hidden",next:"hidden"});s.useEffect(()=>{typeof e=="function"||!e.current||g(h!=="horizontal"?{prev:"hidden",next:"hidden"}:{prev:e.current.scrollWidth>e.current.clientWidth?"visible":"hidden",next:e.current.scrollWidth>e.current.clientWidth?"visible":"hidden"})},[h,e,x]),s.useEffect(()=>{if(typeof e=="function"||!e.current||u.prev==="hidden"||r)return;const v=f=>{g({prev:f.scrollLeft>0?"visible":"disabled",next:f.scrollLeft+f.clientWidth<f.scrollWidth?"visible":"disabled"})},p=e.current;return v(p),p.addEventListener("scroll",({target:f})=>v(f)),()=>p.removeEventListener("scroll",({target:f})=>v(f))},[e,u.prev,r]);const j=()=>{if(typeof e=="function"||!e.current)return;const v=r&&e.current.scrollLeft<=0;e.current.scrollTo({left:v?e.current.scrollLeft+e.current.scrollWidth-e.current.clientWidth:e.current.scrollLeft-e.current.clientWidth,behavior:"smooth"})},C=()=>{if(typeof e=="function"||!e.current)return;const v=r&&e.current.scrollLeft+e.current.clientWidth>=e.current.scrollWidth;e.current.scrollTo({left:v?0:e.current.scrollLeft+e.current.clientWidth,behavior:"smooth"})};return o.jsxs("div",{className:Y({className:c}),ref:a,children:[u.prev!=="hidden"&&o.jsx(M.Button,{shape:"square",intent:"surface",size:"sm",className:W(),onClick:j,disabled:u.prev==="disabled","aria-label":"Scroll left",children:o.jsx(R.Icon,{children:o.jsx(H.ArrowVerticalLeft,{})})}),o.jsx(w.Tabs.List,{"data-spark-component":"tabs-list",ref:e,className:Z(),render:y,loopFocus:r,activateOnFocus:!0,...i,children:l}),u.next!=="hidden"&&o.jsx(M.Button,{shape:"square",intent:"surface",size:"sm",className:W(),onClick:C,disabled:u.next==="disabled","aria-label":"Scroll right",children:o.jsx(R.Icon,{children:o.jsx(U.ArrowVerticalRight,{})})})]})};L.displayName="Tabs.List";const P=s.createContext(void 0),A=()=>{const t=s.useContext(P);if(!t)throw new Error("TabsPopover components must be used within TabsPopover");return t},B=s.forwardRef(({"aria-label":t,children:r,...l},c)=>{const{popoverTriggerRef:n}=A(),i=V.useMergeRefs(c,n);return o.jsx(T.Popover.Trigger,{asChild:!0,...l,children:o.jsx(G.IconButton,{ref:i,size:"sm",intent:"surfaceInverse",design:"ghost","aria-label":t,tabIndex:-1,children:o.jsx(R.Icon,{children:r||o.jsx($.MoreMenuHorizontal,{})})})})});B.displayName="Popover.Trigger";const O=s.forwardRef(({side:t,align:r="start",className:l,...c},n)=>{const{popoverSide:i}=A(),a=m.cx("gap-sm flex flex-col",l);return o.jsx(T.Popover.Content,{ref:n,...c,side:t??i,align:r,className:a})});O.displayName="Popover.Content";const F=({popoverSide:t,popoverTriggerRef:r,children:l})=>{const c=s.useMemo(()=>({popoverSide:t,popoverTriggerRef:r}),[t,r]),i=Object.assign((a=>o.jsx(P.Provider,{value:c,children:o.jsx(T.Popover,{...a,children:a.children})})),T.Popover,{Content:O,Trigger:B});return o.jsx(P.Provider,{value:c,children:l(i)})};F.displayName="Popover";const ee=m.cva(["px-md","relative flex flex-none items-center","border-outline","hover:not-disabled:bg-surface-hovered","after:absolute","data-[active]:font-bold","not-data-[active]:not-disabled:cursor-pointer","data-[orientation=horizontal]:border-b-sm data-[orientation=horizontal]:after:inset-x-0 data-[orientation=horizontal]:after:bottom-[-1px] data-[orientation=horizontal]:after:h-sz-2","data-[orientation=vertical]:border-r-sm data-[orientation=vertical]:after:inset-y-0 data-[orientation=vertical]:after:right-[-1px] data-[orientation=vertical]:after:w-sz-2","focus-visible:border-none focus-visible:bg-surface-hovered focus-visible:u-outline-inset","disabled:cursor-not-allowed disabled:opacity-dim-3","gap-md [&>*:first-child]:ml-md [&>*:last-child]:mr-md","[&>svg:last-child:first-child]:mx-auto"],{variants:{intent:J.makeVariants({main:["data-[active]:text-main data-[active]:after:bg-main"],support:["data-[active]:text-support data-[active]:after:bg-support"]}),size:{xs:["h-sz-32 min-w-sz-32 text-caption"],sm:["h-sz-36 min-w-sz-36 text-body-2"],md:["h-sz-40 min-w-sz-40 text-body-1"]},hasMenu:{true:"pr-3xl"},orientation:{horizontal:"",vertical:""}},compoundVariants:[{hasMenu:!0,orientation:"vertical",class:"w-full"}],defaultVariants:{intent:"support",size:"md",hasMenu:!1,orientation:"horizontal"}}),k=({asChild:t=!1,value:r,disabled:l=!1,children:c,className:n,ref:i,onKeyDown:a,renderMenu:d,...e})=>{const{intent:h,size:y,orientation:x}=N(),u=s.useRef(null),g=s.useRef(null),j=z(t),C=V.useMergeRefs(i,g),v=b=>{b.key==="F10"&&b.shiftKey&&d&&u.current&&(b.preventDefault(),u.current.click()),a?.(b)},p=!!d,f=x==="vertical"?"right":"bottom",q=o.jsx(w.Tabs.Tab,{"data-spark-component":"tabs-trigger",ref:C,className:ee({intent:h,size:y,hasMenu:p,orientation:x??"horizontal",className:n}),render:j,disabled:l,value:r,onFocus:({target:b})=>b.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"}),onKeyDown:v,"aria-haspopup":p?"true":void 0,...e,children:c});return p?o.jsxs("div",{className:x==="vertical"?"relative w-full":"relative",children:[q,o.jsx("div",{className:"right-md mr-md pointer-events-auto absolute top-1/2 -translate-y-1/2",children:o.jsx(F,{popoverSide:f,popoverTriggerRef:u,children:b=>d?.({Popover:b})})})]}):q};k.displayName="Tabs.Trigger";const D=Object.assign(I,{List:L,Trigger:k,Content:S});D.displayName="Tabs";L.displayName="Tabs.List";k.displayName="Tabs.Trigger";S.displayName="Tabs.Content";exports.Tabs=D;
 //# sourceMappingURL=index.js.map

package/dist/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tabs/TabsContext.tsx","../../src/tabs/TabsRoot.styles.ts","../../src/tabs/Tabs.tsx","../../src/tabs/TabsContent.styles.ts","../../src/tabs/TabsContent.tsx","../../src/tabs/TabsList.styles.ts","../../src/tabs/useResizeObserver.ts","../../src/tabs/TabsList.tsx","../../src/tabs/TabsPopoverAbstraction.tsx","../../src/tabs/TabsTrigger.styles.ts","../../src/tabs/TabsTrigger.tsx","../../src/tabs/index.ts"],"sourcesContent":["import { Tabs as RadixTabs } from 'radix-ui'\nimport { createContext, useContext } from 'react'\n\nimport type { TabsTriggerVariantsProps } from './TabsTrigger.styles'\n\nexport type TabsContextInterface = TabsTriggerVariantsProps &\n  Pick<RadixTabs.TabsProps, 'orientation'> & {\n    forceMount?: boolean\n  }\n\nexport const TabsContext = createContext<TabsContextInterface>({} as TabsContextInterface)\n\nexport const useTabsContext = () => {\n  const context = useContext(TabsContext)\n\n  if (!context) {\n    throw Error('useTabsContext must be used within a TabsContext Provider')\n  }\n\n  return context\n}\n","import { cva } from 'class-variance-authority'\n\nexport const rootStyles = cva([\n  'flex',\n  'data-[orientation=horizontal]:flex-col',\n  'data-[orientation=vertical]:flex-row',\n  'max-w-full',\n])\n","import { Tabs as RadixTabs } from 'radix-ui'\nimport { type PropsWithChildren, Ref } from 'react'\n\nimport { TabsContext } from './TabsContext'\nimport { rootStyles } from './TabsRoot.styles'\nimport type { TabsTriggerVariantsProps } from './TabsTrigger.styles'\n\nexport interface TabsProps\n  extends Omit<RadixTabs.TabsProps, 'activationMode'>,\n    PropsWithChildren<Omit<TabsTriggerVariantsProps, 'orientation'>> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  /**\n   * Whether to keep inactive tabs content in the DOM.\n   * @default false\n   */\n  forceMount?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * @deprecated\n */\nexport type TabsRootProps = TabsProps\n\nexport const Tabs = ({\n  intent = 'support',\n  size = 'md',\n  /**\n   * Default Radix Primitive values\n   * see https://www.radix-ui.com/docs/primitives/components/tabs#root\n   */\n  asChild = false,\n  forceMount = false,\n  orientation = 'horizontal',\n  children,\n  className,\n  ref,\n  ...rest\n}: TabsProps) => {\n  return (\n    <TabsContext.Provider\n      value={{\n        intent,\n        size,\n        orientation,\n        forceMount,\n      }}\n    >\n      <RadixTabs.Root\n        ref={ref}\n        asChild={asChild}\n        orientation={orientation}\n        className={rootStyles({ className })}\n        data-spark-component=\"tabs\"\n        activationMode=\"automatic\"\n        {...rest}\n      >\n        {children}\n      </RadixTabs.Root>\n    </TabsContext.Provider>\n  )\n}\n\nTabs.displayName = 'Tabs'\n","import { cva } from 'class-variance-authority'\n\nexport const contentStyles = cva(['w-full p-lg', 'focus-visible:u-outline-inset'], {\n  variants: {\n    forceMount: {\n      true: 'data-[state=inactive]:hidden',\n      false: '',\n    },\n  },\n})\n","import { Tabs as RadixTabs } from 'radix-ui'\nimport { type PropsWithChildren, Ref } from 'react'\n\nimport { contentStyles } from './TabsContent.styles'\nimport { useTabsContext } from './TabsContext'\n\nexport interface TabsContentProps\n  extends PropsWithChildren<Omit<RadixTabs.TabsContentProps, 'forceMount'>> {\n  /**\n   * A unique value that associates the content with a trigger.\n   */\n  value: string\n  /**\n   * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries.\n   */\n  forceMount?: true\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const TabsContent = ({\n  /**\n   * Default Radix Primitive values\n   * see https://www.radix-ui.com/docs/primitives/components/tabs#content\n   */\n  children,\n  asChild = false,\n  className,\n  ref,\n  ...rest\n}: TabsContentProps) => {\n  const { forceMount } = useTabsContext()\n\n  return (\n    <RadixTabs.Content\n      data-spark-component=\"tabs-content\"\n      ref={ref}\n      forceMount={forceMount || rest.forceMount}\n      className={contentStyles({ className, forceMount })}\n      asChild={asChild}\n      {...rest}\n    >\n      {children}\n    </RadixTabs.Content>\n  )\n}\n\nTabsContent.displayName = 'Tabs.Content'\n","import { cva } from 'class-variance-authority'\n\nexport const wrapperStyles = cva(['relative flex'])\n\nexport const listStyles = cva([\n  'flex w-full',\n  'data-[orientation=horizontal]:flex-row',\n  'data-[orientation=vertical]:flex-col',\n  'overflow-y-hidden u-no-scrollbar data-[orientation=vertical]:overflow-x-hidden',\n  'after:flex after:shrink after:grow after:border-outline',\n  'data-[orientation=horizontal]:after:border-b-sm',\n  'data-[orientation=vertical]:after:border-r-sm',\n])\n\nexport const navigationArrowStyles = cva([\n  'h-auto! flex-none',\n  'border-b-sm border-outline',\n  'outline-hidden',\n  'focus-visible:border-none focus-visible:bg-surface-hovered focus-visible:u-outline-inset!',\n])\n","import { type RefObject, useEffect, useRef, useState } from 'react'\n\ninterface Size {\n  width?: number\n  height?: number\n}\n\ntype ResizeCallback = (entry?: ResizeObserverEntry) => void\n\nexport const useResizeObserver = <T extends HTMLElement>(\n  target: RefObject<T | null> | T | null,\n  onResize?: ResizeCallback\n): Size => {\n  const [size, setSize] = useState<Size>({ width: undefined, height: undefined })\n  const resizeObserverRef = useRef<ResizeObserver>(null)\n  const resizeCallbackRef = useRef<ResizeCallback | undefined>(onResize)\n\n  useEffect(() => {\n    resizeCallbackRef.current = onResize\n  }, [onResize])\n\n  useEffect(() => {\n    const targetElm = target && 'current' in target ? target.current : target\n    if (!targetElm || resizeObserverRef.current) {\n      return\n    }\n\n    resizeObserverRef.current = new ResizeObserver(([entry]) => {\n      const { inlineSize: width, blockSize: height } = entry?.borderBoxSize?.[0] ?? {}\n      resizeCallbackRef.current?.(entry)\n\n      setSize({ width, height })\n    })\n\n    resizeObserverRef.current.observe(targetElm as unknown as HTMLElement)\n\n    return () => {\n      resizeObserverRef.current &&\n        resizeObserverRef.current.unobserve(targetElm as unknown as HTMLElement)\n    }\n  }, [target, resizeObserverRef, resizeCallbackRef])\n\n  return size\n}\n","/* eslint-disable max-lines-per-function */\nimport { ArrowVerticalLeft } from '@spark-ui/icons/ArrowVerticalLeft'\nimport { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { Tabs as RadixTabs } from 'radix-ui'\nimport { type ReactElement, Ref, useEffect, useRef, useState } from 'react'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { useTabsContext } from './TabsContext'\nimport { listStyles, navigationArrowStyles, wrapperStyles } from './TabsList.styles'\nimport { useResizeObserver } from './useResizeObserver'\n\nexport interface TabsListProps extends Omit<RadixTabs.TabsListProps, 'children'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  /**\n   * When true, keyboard navigation will loop from last tab to first, and vice versa.\n   * @default false\n   */\n  loop?: boolean\n  children: ReactElement[] | ReactElement\n  ref?: Ref<HTMLDivElement>\n}\n\ntype ArrowState = 'visible' | 'hidden' | 'disabled'\n\nexport const TabsList = ({\n  /**\n   * Default Radix Primitive values\n   * see https://www.radix-ui.com/docs/primitives/components/tabs#list\n   */\n  asChild = false,\n  loop = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: TabsListProps) => {\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const innerRef = useRef(null)\n  const listRef = ref || innerRef\n  const { orientation } = useTabsContext()\n\n  const { width } = useResizeObserver(wrapperRef)\n\n  const [arrows, setArrows] = useState<Record<'prev' | 'next', ArrowState>>({\n    prev: 'hidden',\n    next: 'hidden',\n  })\n\n  useEffect(() => {\n    /**\n     * Show/hide arrows\n     */\n    if (typeof listRef === 'function' || !listRef.current) {\n      return\n    }\n\n    if (orientation !== 'horizontal') {\n      setArrows({ prev: 'hidden', next: 'hidden' })\n    } else {\n      setArrows({\n        prev: listRef.current.scrollWidth > listRef.current.clientWidth ? 'visible' : 'hidden',\n        next: listRef.current.scrollWidth > listRef.current.clientWidth ? 'visible' : 'hidden',\n      })\n    }\n  }, [orientation, listRef, width])\n\n  useEffect(() => {\n    /**\n     * Enable/disable arrows\n     */\n    if (typeof listRef === 'function' || !listRef.current || arrows.prev === 'hidden' || loop) {\n      return\n    }\n\n    const toggleArrowsVisibility = (target: HTMLDivElement) => {\n      setArrows({\n        prev: target.scrollLeft > 0 ? 'visible' : 'disabled',\n        next: target.scrollLeft + target.clientWidth < target.scrollWidth ? 'visible' : 'disabled',\n      })\n    }\n\n    const currentList = listRef.current\n\n    toggleArrowsVisibility(currentList)\n\n    currentList.addEventListener('scroll', ({ target }) =>\n      toggleArrowsVisibility(target as HTMLDivElement)\n    )\n\n    return () =>\n      currentList.removeEventListener('scroll', ({ target }) =>\n        toggleArrowsVisibility(target as HTMLDivElement)\n      )\n  }, [listRef, arrows.prev, loop])\n\n  const handlePrevClick = () => {\n    if (typeof listRef === 'function' || !listRef.current) {\n      return\n    }\n\n    const shouldLoopForward = loop && listRef.current.scrollLeft <= 0\n\n    listRef.current.scrollTo({\n      left: shouldLoopForward\n        ? listRef.current.scrollLeft + listRef.current.scrollWidth - listRef.current.clientWidth\n        : listRef.current.scrollLeft - listRef.current.clientWidth,\n      behavior: 'smooth',\n    })\n  }\n\n  const handleNextClick = () => {\n    if (typeof listRef === 'function' || !listRef.current) {\n      return\n    }\n\n    const shouldLoopBackward =\n      loop &&\n      listRef.current.scrollLeft + listRef.current.clientWidth >= listRef.current.scrollWidth\n\n    listRef.current.scrollTo({\n      left: shouldLoopBackward ? 0 : listRef.current.scrollLeft + listRef.current.clientWidth,\n      behavior: 'smooth',\n    })\n  }\n\n  return (\n    <div className={wrapperStyles({ className })} ref={wrapperRef}>\n      {arrows.prev !== 'hidden' && (\n        <Button\n          shape=\"square\"\n          intent=\"surface\"\n          size=\"sm\"\n          className={navigationArrowStyles()}\n          onClick={handlePrevClick}\n          disabled={arrows.prev === 'disabled'}\n          aria-label=\"Scroll left\"\n        >\n          <Icon>\n            <ArrowVerticalLeft />\n          </Icon>\n        </Button>\n      )}\n\n      <RadixTabs.List\n        data-spark-component=\"tabs-list\"\n        ref={listRef}\n        className={listStyles()}\n        asChild={asChild}\n        loop={loop}\n        {...rest}\n      >\n        {children}\n      </RadixTabs.List>\n\n      {arrows.next !== 'hidden' && (\n        <Button\n          shape=\"square\"\n          intent=\"surface\"\n          size=\"sm\"\n          className={navigationArrowStyles()}\n          onClick={handleNextClick}\n          disabled={arrows.next === 'disabled'}\n          aria-label=\"Scroll right\"\n        >\n          <Icon>\n            <ArrowVerticalRight />\n          </Icon>\n        </Button>\n      )}\n    </div>\n  )\n}\n\nTabsList.displayName = 'Tabs.List'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { MoreMenuHorizontal } from '@spark-ui/icons/MoreMenuHorizontal'\nimport { cx } from 'class-variance-authority'\nimport {\n  type ComponentType,\n  createContext,\n  forwardRef,\n  type ReactNode,\n  type RefObject,\n  useContext,\n  useMemo,\n} from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { Popover as SparkPopover } from '../popover'\nimport type { PopoverProps } from '../popover/Popover'\nimport type { ContentProps as PopoverContentProps } from '../popover/PopoverContent'\nimport type { TriggerProps as PopoverTriggerProps } from '../popover/PopoverTrigger'\n\ninterface TabsPopoverContextValue {\n  popoverSide: 'right' | 'bottom'\n  popoverTriggerRef: RefObject<HTMLButtonElement | null>\n}\n\nconst TabsPopoverContext = createContext<TabsPopoverContextValue | undefined>(undefined)\n\nconst useTabsPopoverContext = () => {\n  const context = useContext(TabsPopoverContext)\n  if (!context) {\n    throw new Error('TabsPopover components must be used within TabsPopover')\n  }\n\n  return context\n}\n\n// Trigger component that uses context\ninterface TabsPopoverTriggerProps extends Omit<PopoverTriggerProps, 'asChild' | 'children'> {\n  'aria-label': string\n  children?: ReactNode\n}\n\nconst TabsPopoverTrigger = forwardRef<HTMLButtonElement, TabsPopoverTriggerProps>(\n  ({ 'aria-label': ariaLabel, children: iconChildren, ...triggerProps }, forwardedRef) => {\n    const { popoverTriggerRef } = useTabsPopoverContext()\n    const mergedRef = useMergeRefs(forwardedRef, popoverTriggerRef)\n\n    return (\n      <SparkPopover.Trigger asChild {...triggerProps}>\n        <IconButton\n          ref={mergedRef}\n          size=\"sm\"\n          intent=\"surfaceInverse\"\n          design=\"ghost\"\n          aria-label={ariaLabel}\n          tabIndex={-1}\n        >\n          <Icon>{iconChildren || <MoreMenuHorizontal />}</Icon>\n        </IconButton>\n      </SparkPopover.Trigger>\n    )\n  }\n)\n\nTabsPopoverTrigger.displayName = 'Popover.Trigger'\n\n// Content component that uses context\nconst TabsPopoverContent = forwardRef<HTMLDivElement, PopoverContentProps>(\n  ({ side, align = 'start', className, ...contentProps }, ref) => {\n    const { popoverSide } = useTabsPopoverContext()\n    const mergedClassName = cx('gap-sm flex flex-col', className)\n\n    return (\n      <SparkPopover.Content\n        ref={ref}\n        {...contentProps}\n        side={side ?? popoverSide}\n        align={align}\n        className={mergedClassName}\n      />\n    )\n  }\n)\n\nTabsPopoverContent.displayName = 'Popover.Content'\n\n// Export types\nexport type TabsPopoverTriggerComponent = typeof TabsPopoverTrigger\nexport type TabsPopoverContentComponent = typeof TabsPopoverContent\n\n// Create a type that extends SparkPopover but overrides Content and Trigger\n// Use ComponentType for JSX compatibility and Omit to exclude only Content and Trigger,\n// then add them back with the overridden types\nexport type ConfiguredPopoverComponent = ComponentType<PopoverProps> &\n  Omit<typeof SparkPopover, 'Content' | 'Trigger'> & {\n    Content: TabsPopoverContentComponent\n    Trigger: TabsPopoverTriggerComponent\n  }\n\ninterface PopoverAbstractionProps {\n  popoverSide: 'right' | 'bottom'\n  popoverTriggerRef: RefObject<HTMLButtonElement | null>\n  children: (Popover: ConfiguredPopoverComponent) => ReactNode\n}\n\nexport const Popover = ({ popoverSide, popoverTriggerRef, children }: PopoverAbstractionProps) => {\n  const contextValue = useMemo(\n    () => ({ popoverSide, popoverTriggerRef }),\n    [popoverSide, popoverTriggerRef]\n  )\n\n  const PopoverWrapper: typeof SparkPopover = ((props: PopoverProps) => (\n    <TabsPopoverContext.Provider value={contextValue}>\n      <SparkPopover {...props}>{props.children}</SparkPopover>\n    </TabsPopoverContext.Provider>\n  )) as typeof SparkPopover\n\n  const PopoverComponent = Object.assign(PopoverWrapper, SparkPopover, {\n    Content: TabsPopoverContent,\n    Trigger: TabsPopoverTrigger,\n  }) as ConfiguredPopoverComponent\n\n  return (\n    <TabsPopoverContext.Provider value={contextValue}>\n      {children(PopoverComponent)}\n    </TabsPopoverContext.Provider>\n  )\n}\n\nPopover.displayName = 'Popover'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const triggerVariants = cva(\n  [\n    'px-md',\n    'relative flex flex-none items-center',\n    'border-outline',\n    'hover:not-disabled:bg-surface-hovered',\n    'after:absolute',\n    'data-[state=active]:font-bold',\n    'data-[state=inactive]:not-disabled:cursor-pointer',\n    'data-[orientation=horizontal]:border-b-sm data-[orientation=horizontal]:after:inset-x-0 data-[orientation=horizontal]:after:bottom-[-1px] data-[orientation=horizontal]:after:h-sz-2',\n    'data-[orientation=vertical]:border-r-sm data-[orientation=vertical]:after:inset-y-0 data-[orientation=vertical]:after:right-[-1px] data-[orientation=vertical]:after:w-sz-2',\n    'focus-visible:border-none focus-visible:bg-surface-hovered focus-visible:u-outline-inset',\n    'disabled:cursor-not-allowed disabled:opacity-dim-3',\n    'gap-md [&>*:first-child]:ml-md [&>*:last-child]:mr-md',\n    '[&>svg:last-child:first-child]:mx-auto',\n  ],\n  {\n    variants: {\n      /**\n       * Change the color scheme of the tabs\n       * @default support\n       */\n      intent: makeVariants<'intent', ['main', 'support']>({\n        main: ['data-[state=active]:text-main data-[state=active]:after:bg-main'],\n        support: ['data-[state=active]:text-support data-[state=active]:after:bg-support'],\n      }),\n      /**\n       * Change the size of the tabs\n       * @default md\n       */\n      size: {\n        xs: ['h-sz-32 min-w-sz-32 text-caption'],\n        sm: ['h-sz-36 min-w-sz-36 text-body-2'],\n        md: ['h-sz-40 min-w-sz-40 text-body-1'],\n      },\n      hasMenu: {\n        true: 'pr-3xl',\n      },\n      orientation: {\n        horizontal: '',\n        vertical: '',\n      },\n    },\n    compoundVariants: [\n      {\n        hasMenu: true,\n        orientation: 'vertical',\n        class: 'w-full',\n      },\n    ],\n    defaultVariants: {\n      intent: 'support',\n      size: 'md',\n      hasMenu: false,\n      orientation: 'horizontal',\n    },\n  }\n)\n\nexport type TabsTriggerVariantsProps = VariantProps<typeof triggerVariants>\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { Tabs as RadixTabs } from 'radix-ui'\nimport { type FocusEvent, type KeyboardEvent, type ReactNode, Ref, useRef } from 'react'\n\nimport { useTabsContext } from './TabsContext'\nimport { type ConfiguredPopoverComponent, Popover } from './TabsPopoverAbstraction'\nimport { triggerVariants } from './TabsTrigger.styles'\n\nexport interface TabsTriggerProps extends RadixTabs.TabsTriggerProps {\n  /**\n   * A unique value that associates the trigger with a content.\n   */\n  value: string\n  /**\n   * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  /**\n   * When true, prevents the user from interacting with the tab.\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Function that receives a pre-configured Popover component and returns the popover structure.\n   * @example\n   * renderMenu={({ Popover }) => (\n   *   <Popover>\n   *     <Popover.Trigger aria-label=\"Options\">\n   *       <CustomIcon />\n   *     </Popover.Trigger>\n   *     <Popover.Content>\n   *       <Button>Action</Button>\n   *     </Popover.Content>\n   *   </Popover>\n   * )}\n   */\n  renderMenu?: (props: { Popover: ConfiguredPopoverComponent }) => ReactNode\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const TabsTrigger = ({\n  /**\n   * Default Radix Primitive values\n   * see https://www.radix-ui.com/docs/primitives/components/tabs#trigger\n   */\n  asChild = false,\n  value,\n  disabled = false,\n  children,\n  className,\n  ref,\n  onKeyDown,\n  renderMenu,\n  ...rest\n}: TabsTriggerProps) => {\n  const { intent, size, orientation } = useTabsContext()\n  const popoverTriggerRef = useRef<HTMLButtonElement>(null)\n  const tabsTriggerRef = useRef<HTMLButtonElement>(null)\n\n  // Combine internal ref with forwarded ref\n  const mergedRef = useMergeRefs(ref, tabsTriggerRef)\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    // Handle Shift+F10 for popover\n    if (e.key === 'F10' && e.shiftKey && renderMenu && popoverTriggerRef.current) {\n      e.preventDefault()\n      popoverTriggerRef.current.click()\n    }\n\n    // Call original onKeyDown if provided\n    onKeyDown?.(e)\n  }\n\n  const hasMenu = !!renderMenu\n  const popoverSide = orientation === 'vertical' ? 'right' : 'bottom'\n\n  const trigger = (\n    <RadixTabs.Trigger\n      data-spark-component=\"tabs-trigger\"\n      ref={mergedRef}\n      className={triggerVariants({\n        intent,\n        size,\n        hasMenu,\n        orientation: orientation ?? 'horizontal',\n        className,\n      })}\n      asChild={asChild}\n      disabled={disabled}\n      value={value}\n      onFocus={({ target }: FocusEvent<HTMLButtonElement>) =>\n        target.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n          inline: 'nearest',\n        })\n      }\n      onKeyDown={handleKeyDown}\n      aria-haspopup={hasMenu ? 'true' : undefined}\n      {...rest}\n    >\n      {children}\n    </RadixTabs.Trigger>\n  )\n\n  if (!hasMenu) {\n    return trigger\n  }\n\n  return (\n    <div className={orientation === 'vertical' ? 'relative w-full' : 'relative'}>\n      {trigger}\n      <div className=\"right-md mr-md pointer-events-auto absolute top-1/2 -translate-y-1/2\">\n        <Popover popoverSide={popoverSide} popoverTriggerRef={popoverTriggerRef}>\n          {PopoverAbstraction => renderMenu?.({ Popover: PopoverAbstraction })}\n        </Popover>\n      </div>\n    </div>\n  )\n}\n\nTabsTrigger.displayName = 'Tabs.Trigger'\n","import { Tabs as Root } from './Tabs'\nimport { TabsContent as Content } from './TabsContent'\nimport { TabsList as List } from './TabsList'\nimport { TabsTrigger as Trigger } from './TabsTrigger'\n\nexport const Tabs: typeof Root & {\n  List: typeof List\n  Trigger: typeof Trigger\n  Content: typeof Content\n} = Object.assign(Root, {\n  List,\n  Trigger,\n  Content,\n})\n\nTabs.displayName = 'Tabs'\nList.displayName = 'Tabs.List'\nTrigger.displayName = 'Tabs.Trigger'\nContent.displayName = 'Tabs.Content'\n\nexport { type TabsContentProps } from './TabsContent'\nexport { type TabsListProps } from './TabsList'\nexport { type TabsProps, type TabsRootProps } from './Tabs'\nexport { type TabsTriggerProps } from './TabsTrigger'\n"],"names":["TabsContext","createContext","useTabsContext","context","useContext","rootStyles","cva","Tabs","intent","size","asChild","forceMount","orientation","children","className","ref","rest","jsx","RadixTabs","contentStyles","TabsContent","wrapperStyles","listStyles","navigationArrowStyles","useResizeObserver","target","onResize","setSize","useState","resizeObserverRef","useRef","resizeCallbackRef","useEffect","targetElm","entry","width","height","TabsList","loop","wrapperRef","innerRef","listRef","arrows","setArrows","toggleArrowsVisibility","currentList","handlePrevClick","shouldLoopForward","handleNextClick","shouldLoopBackward","jsxs","Button","Icon","ArrowVerticalLeft","ArrowVerticalRight","TabsPopoverContext","useTabsPopoverContext","TabsPopoverTrigger","forwardRef","ariaLabel","iconChildren","triggerProps","forwardedRef","popoverTriggerRef","mergedRef","useMergeRefs","SparkPopover","IconButton","MoreMenuHorizontal","TabsPopoverContent","side","align","contentProps","popoverSide","mergedClassName","cx","Popover","contextValue","useMemo","PopoverComponent","props","triggerVariants","makeVariants","TabsTrigger","value","disabled","onKeyDown","renderMenu","tabsTriggerRef","handleKeyDown","e","hasMenu","trigger","PopoverAbstraction","Root","List","Trigger","Content"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/tabs/TabsContext.tsx","../../src/tabs/TabsRoot.styles.ts","../../src/tabs/useRenderSlot.tsx","../../src/tabs/Tabs.tsx","../../src/tabs/TabsContent.styles.ts","../../src/tabs/TabsContent.tsx","../../src/tabs/TabsList.styles.ts","../../src/tabs/useResizeObserver.ts","../../src/tabs/TabsList.tsx","../../src/tabs/TabsPopoverAbstraction.tsx","../../src/tabs/TabsTrigger.styles.ts","../../src/tabs/TabsTrigger.tsx","../../src/tabs/index.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nimport type { TabsTriggerVariantsProps } from './TabsTrigger.styles'\n\nexport type TabsContextInterface = TabsTriggerVariantsProps & {\n  orientation?: 'horizontal' | 'vertical'\n  forceMount?: boolean\n}\n\nexport const TabsContext = createContext<TabsContextInterface>({} as TabsContextInterface)\n\nexport const useTabsContext = () => {\n  const context = useContext(TabsContext)\n\n  if (!context) {\n    throw Error('useTabsContext must be used within a TabsContext Provider')\n  }\n\n  return context\n}\n","import { cva } from 'class-variance-authority'\n\nexport const rootStyles = cva([\n  'flex',\n  'data-[orientation=horizontal]:flex-col',\n  'data-[orientation=vertical]:flex-row',\n  'max-w-full',\n])\n","import { Slot } from '../slot'\n\nexport function useRenderSlot(asChild: boolean) {\n  return asChild ? ({ ...props }: object) => <Slot {...props} /> : undefined\n}\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs'\nimport { type ComponentProps, type PropsWithChildren, Ref } from 'react'\n\nimport { TabsContext } from './TabsContext'\nimport { rootStyles } from './TabsRoot.styles'\nimport type { TabsTriggerVariantsProps } from './TabsTrigger.styles'\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface TabsProps\n  extends Omit<ComponentProps<typeof BaseTabs.Root>, 'render'>,\n    PropsWithChildren<Omit<TabsTriggerVariantsProps, 'orientation'>> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  /**\n   * Whether to keep inactive tabs content in the DOM.\n   * @default false\n   */\n  forceMount?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * @deprecated\n */\nexport type TabsRootProps = TabsProps\n\nexport const Tabs = ({\n  intent = 'support',\n  size = 'md',\n  /**\n   * Default Base UI Primitive values\n   * see https://base-ui.com/react/components/tabs\n   */\n  asChild = false,\n  forceMount = false,\n  orientation = 'horizontal',\n  children,\n  className,\n  ref,\n  ...rest\n}: TabsProps) => {\n  const renderSlot = useRenderSlot(asChild)\n\n  return (\n    <TabsContext.Provider\n      value={{\n        intent,\n        size,\n        orientation,\n        forceMount,\n      }}\n    >\n      <BaseTabs.Root\n        ref={ref}\n        orientation={orientation}\n        className={rootStyles({ className })}\n        data-spark-component=\"tabs\"\n        render={renderSlot}\n        {...rest}\n      >\n        {children}\n      </BaseTabs.Root>\n    </TabsContext.Provider>\n  )\n}\n\nTabs.displayName = 'Tabs'\n","import { cva } from 'class-variance-authority'\n\nexport const contentStyles = cva(['w-full p-lg', 'focus-visible:u-outline-inset'], {\n  variants: {\n    forceMount: {\n      true: 'data-[hidden]:hidden',\n      false: '',\n    },\n  },\n})\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs'\nimport { type ComponentProps, type PropsWithChildren, Ref } from 'react'\n\nimport { contentStyles } from './TabsContent.styles'\nimport { useTabsContext } from './TabsContext'\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface TabsContentProps\n  extends PropsWithChildren<Omit<ComponentProps<typeof BaseTabs.Panel>, 'keepMounted' | 'render'>> {\n  /**\n   * A unique value that associates the content with a trigger.\n   */\n  value: string\n  /**\n   * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries.\n   */\n  forceMount?: true\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const TabsContent = ({\n  /**\n   * Default Base UI Primitive values\n   * see https://base-ui.com/react/components/tabs\n   */\n  children,\n  asChild = false,\n  className,\n  ref,\n  forceMount,\n  ...rest\n}: TabsContentProps) => {\n  const { forceMount: contextForceMount } = useTabsContext()\n  const renderSlot = useRenderSlot(asChild)\n  const keepMounted = contextForceMount || forceMount\n\n  return (\n    <BaseTabs.Panel\n      data-spark-component=\"tabs-content\"\n      ref={ref}\n      keepMounted={keepMounted}\n      className={contentStyles({ className, forceMount: keepMounted })}\n      render={renderSlot}\n      {...rest}\n    >\n      {children}\n    </BaseTabs.Panel>\n  )\n}\n\nTabsContent.displayName = 'Tabs.Content'\n","import { cva } from 'class-variance-authority'\n\nexport const wrapperStyles = cva(['relative flex'])\n\nexport const listStyles = cva([\n  'flex w-full',\n  'data-[orientation=horizontal]:flex-row',\n  'data-[orientation=vertical]:flex-col',\n  'overflow-y-hidden u-no-scrollbar data-[orientation=vertical]:overflow-x-hidden',\n  'after:flex after:shrink after:grow after:border-outline',\n  'data-[orientation=horizontal]:after:border-b-sm',\n  'data-[orientation=vertical]:after:border-r-sm',\n])\n\nexport const navigationArrowStyles = cva([\n  'h-auto! flex-none',\n  'border-b-sm border-outline',\n  'outline-hidden',\n  'focus-visible:border-none focus-visible:bg-surface-hovered focus-visible:u-outline-inset!',\n])\n","import { type RefObject, useEffect, useRef, useState } from 'react'\n\ninterface Size {\n  width?: number\n  height?: number\n}\n\ntype ResizeCallback = (entry?: ResizeObserverEntry) => void\n\nexport const useResizeObserver = <T extends HTMLElement>(\n  target: RefObject<T | null> | T | null,\n  onResize?: ResizeCallback\n): Size => {\n  const [size, setSize] = useState<Size>({ width: undefined, height: undefined })\n  const resizeObserverRef = useRef<ResizeObserver>(null)\n  const resizeCallbackRef = useRef<ResizeCallback | undefined>(onResize)\n\n  useEffect(() => {\n    resizeCallbackRef.current = onResize\n  }, [onResize])\n\n  useEffect(() => {\n    const targetElm = target && 'current' in target ? target.current : target\n    if (!targetElm || resizeObserverRef.current) {\n      return\n    }\n\n    resizeObserverRef.current = new ResizeObserver(([entry]) => {\n      const { inlineSize: width, blockSize: height } = entry?.borderBoxSize?.[0] ?? {}\n      resizeCallbackRef.current?.(entry)\n\n      setSize({ width, height })\n    })\n\n    resizeObserverRef.current.observe(targetElm as unknown as HTMLElement)\n\n    return () => {\n      resizeObserverRef.current &&\n        resizeObserverRef.current.unobserve(targetElm as unknown as HTMLElement)\n    }\n  }, [target, resizeObserverRef, resizeCallbackRef])\n\n  return size\n}\n","/* eslint-disable max-lines-per-function */\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs'\nimport { ArrowVerticalLeft } from '@spark-ui/icons/ArrowVerticalLeft'\nimport { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { type ComponentProps, type ReactElement, Ref, useEffect, useRef, useState } from 'react'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { useTabsContext } from './TabsContext'\nimport { listStyles, navigationArrowStyles, wrapperStyles } from './TabsList.styles'\nimport { useRenderSlot } from './useRenderSlot'\nimport { useResizeObserver } from './useResizeObserver'\n\nexport interface TabsListProps\n  extends Omit<ComponentProps<typeof BaseTabs.List>, 'render' | 'loopFocus'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  /**\n   * When true, keyboard navigation will loop from last tab to first, and vice versa.\n   * @default false\n   */\n  loop?: boolean\n  children: ReactElement[] | ReactElement\n  ref?: Ref<HTMLDivElement>\n}\n\ntype ArrowState = 'visible' | 'hidden' | 'disabled'\n\nexport const TabsList = ({\n  /**\n   * Default Base UI Primitive values\n   * see https://base-ui.com/react/components/tabs\n   */\n  asChild = false,\n  loop = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: TabsListProps) => {\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const innerRef = useRef(null)\n  const listRef = ref || innerRef\n  const { orientation } = useTabsContext()\n  const renderSlot = useRenderSlot(asChild)\n\n  const { width } = useResizeObserver(wrapperRef)\n\n  const [arrows, setArrows] = useState<Record<'prev' | 'next', ArrowState>>({\n    prev: 'hidden',\n    next: 'hidden',\n  })\n\n  useEffect(() => {\n    /**\n     * Show/hide arrows\n     */\n    if (typeof listRef === 'function' || !listRef.current) {\n      return\n    }\n\n    if (orientation !== 'horizontal') {\n      setArrows({ prev: 'hidden', next: 'hidden' })\n    } else {\n      setArrows({\n        prev: listRef.current.scrollWidth > listRef.current.clientWidth ? 'visible' : 'hidden',\n        next: listRef.current.scrollWidth > listRef.current.clientWidth ? 'visible' : 'hidden',\n      })\n    }\n  }, [orientation, listRef, width])\n\n  useEffect(() => {\n    /**\n     * Enable/disable arrows\n     */\n    if (typeof listRef === 'function' || !listRef.current || arrows.prev === 'hidden' || loop) {\n      return\n    }\n\n    const toggleArrowsVisibility = (target: HTMLDivElement) => {\n      setArrows({\n        prev: target.scrollLeft > 0 ? 'visible' : 'disabled',\n        next: target.scrollLeft + target.clientWidth < target.scrollWidth ? 'visible' : 'disabled',\n      })\n    }\n\n    const currentList = listRef.current\n\n    toggleArrowsVisibility(currentList)\n\n    currentList.addEventListener('scroll', ({ target }) =>\n      toggleArrowsVisibility(target as HTMLDivElement)\n    )\n\n    return () =>\n      currentList.removeEventListener('scroll', ({ target }) =>\n        toggleArrowsVisibility(target as HTMLDivElement)\n      )\n  }, [listRef, arrows.prev, loop])\n\n  const handlePrevClick = () => {\n    if (typeof listRef === 'function' || !listRef.current) {\n      return\n    }\n\n    const shouldLoopForward = loop && listRef.current.scrollLeft <= 0\n\n    listRef.current.scrollTo({\n      left: shouldLoopForward\n        ? listRef.current.scrollLeft + listRef.current.scrollWidth - listRef.current.clientWidth\n        : listRef.current.scrollLeft - listRef.current.clientWidth,\n      behavior: 'smooth',\n    })\n  }\n\n  const handleNextClick = () => {\n    if (typeof listRef === 'function' || !listRef.current) {\n      return\n    }\n\n    const shouldLoopBackward =\n      loop &&\n      listRef.current.scrollLeft + listRef.current.clientWidth >= listRef.current.scrollWidth\n\n    listRef.current.scrollTo({\n      left: shouldLoopBackward ? 0 : listRef.current.scrollLeft + listRef.current.clientWidth,\n      behavior: 'smooth',\n    })\n  }\n\n  return (\n    <div className={wrapperStyles({ className })} ref={wrapperRef}>\n      {arrows.prev !== 'hidden' && (\n        <Button\n          shape=\"square\"\n          intent=\"surface\"\n          size=\"sm\"\n          className={navigationArrowStyles()}\n          onClick={handlePrevClick}\n          disabled={arrows.prev === 'disabled'}\n          aria-label=\"Scroll left\"\n        >\n          <Icon>\n            <ArrowVerticalLeft />\n          </Icon>\n        </Button>\n      )}\n\n      <BaseTabs.List\n        data-spark-component=\"tabs-list\"\n        ref={listRef}\n        className={listStyles()}\n        render={renderSlot}\n        loopFocus={loop}\n        activateOnFocus\n        {...rest}\n      >\n        {children}\n      </BaseTabs.List>\n\n      {arrows.next !== 'hidden' && (\n        <Button\n          shape=\"square\"\n          intent=\"surface\"\n          size=\"sm\"\n          className={navigationArrowStyles()}\n          onClick={handleNextClick}\n          disabled={arrows.next === 'disabled'}\n          aria-label=\"Scroll right\"\n        >\n          <Icon>\n            <ArrowVerticalRight />\n          </Icon>\n        </Button>\n      )}\n    </div>\n  )\n}\n\nTabsList.displayName = 'Tabs.List'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { MoreMenuHorizontal } from '@spark-ui/icons/MoreMenuHorizontal'\nimport { cx } from 'class-variance-authority'\nimport {\n  type ComponentType,\n  createContext,\n  forwardRef,\n  type ReactNode,\n  type RefObject,\n  useContext,\n  useMemo,\n} from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { Popover as SparkPopover } from '../popover'\nimport type { PopoverProps } from '../popover/Popover'\nimport type { ContentProps as PopoverContentProps } from '../popover/PopoverContent'\nimport type { TriggerProps as PopoverTriggerProps } from '../popover/PopoverTrigger'\n\ninterface TabsPopoverContextValue {\n  popoverSide: 'right' | 'bottom'\n  popoverTriggerRef: RefObject<HTMLButtonElement | null>\n}\n\nconst TabsPopoverContext = createContext<TabsPopoverContextValue | undefined>(undefined)\n\nconst useTabsPopoverContext = () => {\n  const context = useContext(TabsPopoverContext)\n  if (!context) {\n    throw new Error('TabsPopover components must be used within TabsPopover')\n  }\n\n  return context\n}\n\n// Trigger component that uses context\ninterface TabsPopoverTriggerProps extends Omit<PopoverTriggerProps, 'asChild' | 'children'> {\n  'aria-label': string\n  children?: ReactNode\n}\n\nconst TabsPopoverTrigger = forwardRef<HTMLButtonElement, TabsPopoverTriggerProps>(\n  ({ 'aria-label': ariaLabel, children: iconChildren, ...triggerProps }, forwardedRef) => {\n    const { popoverTriggerRef } = useTabsPopoverContext()\n    const mergedRef = useMergeRefs(forwardedRef, popoverTriggerRef)\n\n    return (\n      <SparkPopover.Trigger asChild {...triggerProps}>\n        <IconButton\n          ref={mergedRef}\n          size=\"sm\"\n          intent=\"surfaceInverse\"\n          design=\"ghost\"\n          aria-label={ariaLabel}\n          tabIndex={-1}\n        >\n          <Icon>{iconChildren || <MoreMenuHorizontal />}</Icon>\n        </IconButton>\n      </SparkPopover.Trigger>\n    )\n  }\n)\n\nTabsPopoverTrigger.displayName = 'Popover.Trigger'\n\n// Content component that uses context\nconst TabsPopoverContent = forwardRef<HTMLDivElement, PopoverContentProps>(\n  ({ side, align = 'start', className, ...contentProps }, ref) => {\n    const { popoverSide } = useTabsPopoverContext()\n    const mergedClassName = cx('gap-sm flex flex-col', className)\n\n    return (\n      <SparkPopover.Content\n        ref={ref}\n        {...contentProps}\n        side={side ?? popoverSide}\n        align={align}\n        className={mergedClassName}\n      />\n    )\n  }\n)\n\nTabsPopoverContent.displayName = 'Popover.Content'\n\n// Export types\nexport type TabsPopoverTriggerComponent = typeof TabsPopoverTrigger\nexport type TabsPopoverContentComponent = typeof TabsPopoverContent\n\n// Create a type that extends SparkPopover but overrides Content and Trigger\n// Use ComponentType for JSX compatibility and Omit to exclude only Content and Trigger,\n// then add them back with the overridden types\nexport type ConfiguredPopoverComponent = ComponentType<PopoverProps> &\n  Omit<typeof SparkPopover, 'Content' | 'Trigger'> & {\n    Content: TabsPopoverContentComponent\n    Trigger: TabsPopoverTriggerComponent\n  }\n\ninterface PopoverAbstractionProps {\n  popoverSide: 'right' | 'bottom'\n  popoverTriggerRef: RefObject<HTMLButtonElement | null>\n  children: (Popover: ConfiguredPopoverComponent) => ReactNode\n}\n\nexport const Popover = ({ popoverSide, popoverTriggerRef, children }: PopoverAbstractionProps) => {\n  const contextValue = useMemo(\n    () => ({ popoverSide, popoverTriggerRef }),\n    [popoverSide, popoverTriggerRef]\n  )\n\n  const PopoverWrapper: typeof SparkPopover = ((props: PopoverProps) => (\n    <TabsPopoverContext.Provider value={contextValue}>\n      <SparkPopover {...props}>{props.children}</SparkPopover>\n    </TabsPopoverContext.Provider>\n  )) as typeof SparkPopover\n\n  const PopoverComponent = Object.assign(PopoverWrapper, SparkPopover, {\n    Content: TabsPopoverContent,\n    Trigger: TabsPopoverTrigger,\n  }) as ConfiguredPopoverComponent\n\n  return (\n    <TabsPopoverContext.Provider value={contextValue}>\n      {children(PopoverComponent)}\n    </TabsPopoverContext.Provider>\n  )\n}\n\nPopover.displayName = 'Popover'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const triggerVariants = cva(\n  [\n    'px-md',\n    'relative flex flex-none items-center',\n    'border-outline',\n    'hover:not-disabled:bg-surface-hovered',\n    'after:absolute',\n    'data-[active]:font-bold',\n    'not-data-[active]:not-disabled:cursor-pointer',\n    'data-[orientation=horizontal]:border-b-sm data-[orientation=horizontal]:after:inset-x-0 data-[orientation=horizontal]:after:bottom-[-1px] data-[orientation=horizontal]:after:h-sz-2',\n    'data-[orientation=vertical]:border-r-sm data-[orientation=vertical]:after:inset-y-0 data-[orientation=vertical]:after:right-[-1px] data-[orientation=vertical]:after:w-sz-2',\n    'focus-visible:border-none focus-visible:bg-surface-hovered focus-visible:u-outline-inset',\n    'disabled:cursor-not-allowed disabled:opacity-dim-3',\n    'gap-md [&>*:first-child]:ml-md [&>*:last-child]:mr-md',\n    '[&>svg:last-child:first-child]:mx-auto',\n  ],\n  {\n    variants: {\n      /**\n       * Change the color scheme of the tabs\n       * @default support\n       */\n      intent: makeVariants<'intent', ['main', 'support']>({\n        main: ['data-[active]:text-main data-[active]:after:bg-main'],\n        support: ['data-[active]:text-support data-[active]:after:bg-support'],\n      }),\n      /**\n       * Change the size of the tabs\n       * @default md\n       */\n      size: {\n        xs: ['h-sz-32 min-w-sz-32 text-caption'],\n        sm: ['h-sz-36 min-w-sz-36 text-body-2'],\n        md: ['h-sz-40 min-w-sz-40 text-body-1'],\n      },\n      hasMenu: {\n        true: 'pr-3xl',\n      },\n      orientation: {\n        horizontal: '',\n        vertical: '',\n      },\n    },\n    compoundVariants: [\n      {\n        hasMenu: true,\n        orientation: 'vertical',\n        class: 'w-full',\n      },\n    ],\n    defaultVariants: {\n      intent: 'support',\n      size: 'md',\n      hasMenu: false,\n      orientation: 'horizontal',\n    },\n  }\n)\n\nexport type TabsTriggerVariantsProps = VariantProps<typeof triggerVariants>\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { type ComponentProps, type FocusEvent, type ReactNode, Ref, useRef } from 'react'\n\ntype TabKeyDownEvent = Parameters<NonNullable<ComponentProps<typeof BaseTabs.Tab>['onKeyDown']>>[0]\n\nimport { useTabsContext } from './TabsContext'\nimport { type ConfiguredPopoverComponent, Popover } from './TabsPopoverAbstraction'\nimport { triggerVariants } from './TabsTrigger.styles'\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface TabsTriggerProps extends Omit<ComponentProps<typeof BaseTabs.Tab>, 'render'> {\n  /**\n   * A unique value that associates the trigger with a content.\n   */\n  value: string\n  /**\n   * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  /**\n   * When true, prevents the user from interacting with the tab.\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Function that receives a pre-configured Popover component and returns the popover structure.\n   * @example\n   * renderMenu={({ Popover }) => (\n   *   <Popover>\n   *     <Popover.Trigger aria-label=\"Options\">\n   *       <CustomIcon />\n   *     </Popover.Trigger>\n   *     <Popover.Content>\n   *       <Button>Action</Button>\n   *     </Popover.Content>\n   *   </Popover>\n   * )}\n   */\n  renderMenu?: (props: { Popover: ConfiguredPopoverComponent }) => ReactNode\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const TabsTrigger = ({\n  /**\n   * Default Base UI Primitive values\n   * see https://base-ui.com/react/components/tabs\n   */\n  asChild = false,\n  value,\n  disabled = false,\n  children,\n  className,\n  ref,\n  onKeyDown,\n  renderMenu,\n  ...rest\n}: TabsTriggerProps) => {\n  const { intent, size, orientation } = useTabsContext()\n  const popoverTriggerRef = useRef<HTMLButtonElement>(null)\n  const tabsTriggerRef = useRef<HTMLButtonElement>(null)\n  const renderSlot = useRenderSlot(asChild)\n\n  // Combine internal ref with forwarded ref\n  const mergedRef = useMergeRefs(ref, tabsTriggerRef)\n\n  const handleKeyDown = (e: TabKeyDownEvent) => {\n    // Handle Shift+F10 for popover\n    if (e.key === 'F10' && e.shiftKey && renderMenu && popoverTriggerRef.current) {\n      e.preventDefault()\n      popoverTriggerRef.current.click()\n    }\n\n    // Call original onKeyDown if provided\n    onKeyDown?.(e)\n  }\n\n  const hasMenu = !!renderMenu\n  const popoverSide = orientation === 'vertical' ? 'right' : 'bottom'\n\n  const trigger = (\n    <BaseTabs.Tab\n      data-spark-component=\"tabs-trigger\"\n      ref={mergedRef}\n      className={triggerVariants({\n        intent,\n        size,\n        hasMenu,\n        orientation: orientation ?? 'horizontal',\n        className,\n      })}\n      render={renderSlot}\n      disabled={disabled}\n      value={value}\n      onFocus={({ target }: FocusEvent<HTMLButtonElement>) =>\n        target.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n          inline: 'nearest',\n        })\n      }\n      onKeyDown={handleKeyDown}\n      aria-haspopup={hasMenu ? 'true' : undefined}\n      {...rest}\n    >\n      {children}\n    </BaseTabs.Tab>\n  )\n\n  if (!hasMenu) {\n    return trigger\n  }\n\n  return (\n    <div className={orientation === 'vertical' ? 'relative w-full' : 'relative'}>\n      {trigger}\n      <div className=\"right-md mr-md pointer-events-auto absolute top-1/2 -translate-y-1/2\">\n        <Popover popoverSide={popoverSide} popoverTriggerRef={popoverTriggerRef}>\n          {PopoverAbstraction => renderMenu?.({ Popover: PopoverAbstraction })}\n        </Popover>\n      </div>\n    </div>\n  )\n}\n\nTabsTrigger.displayName = 'Tabs.Trigger'\n","import { Tabs as Root } from './Tabs'\nimport { TabsContent as Content } from './TabsContent'\nimport { TabsList as List } from './TabsList'\nimport { TabsTrigger as Trigger } from './TabsTrigger'\n\nexport const Tabs: typeof Root & {\n  List: typeof List\n  Trigger: typeof Trigger\n  Content: typeof Content\n} = Object.assign(Root, {\n  List,\n  Trigger,\n  Content,\n})\n\nTabs.displayName = 'Tabs'\nList.displayName = 'Tabs.List'\nTrigger.displayName = 'Tabs.Trigger'\nContent.displayName = 'Tabs.Content'\n\nexport { type TabsContentProps } from './TabsContent'\nexport { type TabsListProps } from './TabsList'\nexport { type TabsProps, type TabsRootProps } from './Tabs'\nexport { type TabsTriggerProps } from './TabsTrigger'\n"],"names":["TabsContext","createContext","useTabsContext","context","useContext","rootStyles","cva","useRenderSlot","asChild","props","jsx","Slot","Tabs","intent","size","forceMount","orientation","children","className","ref","rest","renderSlot","BaseTabs","contentStyles","TabsContent","contextForceMount","keepMounted","wrapperStyles","listStyles","navigationArrowStyles","useResizeObserver","target","onResize","setSize","useState","resizeObserverRef","useRef","resizeCallbackRef","useEffect","targetElm","entry","width","height","TabsList","loop","wrapperRef","innerRef","listRef","arrows","setArrows","toggleArrowsVisibility","currentList","handlePrevClick","shouldLoopForward","handleNextClick","shouldLoopBackward","jsxs","Button","Icon","ArrowVerticalLeft","ArrowVerticalRight","TabsPopoverContext","useTabsPopoverContext","TabsPopoverTrigger","forwardRef","ariaLabel","iconChildren","triggerProps","forwardedRef","popoverTriggerRef","mergedRef","useMergeRefs","SparkPopover","IconButton","MoreMenuHorizontal","TabsPopoverContent","side","align","contentProps","popoverSide","mergedClassName","cx","Popover","contextValue","useMemo","PopoverComponent","triggerVariants","makeVariants","TabsTrigger","value","disabled","onKeyDown","renderMenu","tabsTriggerRef","handleKeyDown","e","hasMenu","trigger","PopoverAbstraction","Root","List","Trigger","Content"],"mappings":"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"}