@purpur/library 8.21.0

package/dist/table.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./table-Dd58bK_Q.js");exports.Table=e.Table;exports.createColumnHelper=e.createColumnHelper;
+//# sourceMappingURL=table.cjs.js.map

package/dist/table.cjs.js.map

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

package/dist/table.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/table';
+//# sourceMappingURL=table.d.ts.map

package/dist/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../src/table.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,eAAe,CAAC"}

package/dist/table.es.js

@@ -0,0 +1,6 @@
+import { T as r, c as l } from "./table-CIrmGGb2.mjs";
+export {
+  r as Table,
+  l as createColumnHelper
+};
+//# sourceMappingURL=table.es.js.map

package/dist/table.es.js.map

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

package/dist/tabs-CfHd4UQ2.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),u=require("react"),_e=require("./icon.es-j3eRib6d.js"),x=require("./index-DlMXYAr3.js"),be=require("./index-kcwFA4Dv.js"),I=require("./index-BVmlsxuF.js"),fe=require("./index-CleLBinl.js"),ve=require("./index-Cje7xxa1.js"),ge=require("./index-BtWPC8xc.js"),L=require("./bind-DeUYJ6m9.js");function he(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const T=he(u),me={name:"chevron-left",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M16.175 3.905a.9.9 0 0 1-.08 1.27L8.36 12l7.736 6.825a.9.9 0 0 1-1.191 1.35l-8.5-7.5a.9.9 0 0 1 0-1.35l8.5-7.5a.9.9 0 0 1 1.27.08Z" clip-rule="evenodd"/></svg>',keywords:["chevron-left"],category:"utility"},we={name:"chevron-right",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.809 3.924a.9.9 0 0 0 .115 1.267L16.094 12l-8.17 6.809a.9.9 0 0 0 1.152 1.382l9-7.5a.9.9 0 0 0 0-1.382l-9-7.5a.9.9 0 0 0-1.267.115Z" clip-rule="evenodd"/></svg>',keywords:["chevron-right"],category:"utility"};var S="Tabs",[xe]=be.createContextScope(S,[I.createRovingFocusGroupScope]),k=I.createRovingFocusGroupScope(),[Ce,D]=xe(S),G=T.forwardRef((e,r)=>{const{__scopeTabs:a,value:n,onValueChange:i,defaultValue:d,orientation:o="horizontal",dir:s,activationMode:f="automatic",...v}=e,_=ve.useDirection(s),[p,g]=x.useControllableState({prop:n,onChange:i,defaultProp:d??"",caller:S});return c.jsx(Ce,{scope:a,baseId:ge.useId(),value:p,onValueChange:g,orientation:o,dir:_,activationMode:f,children:c.jsx(x.Primitive.div,{dir:_,"data-orientation":o,...v,ref:r})})});G.displayName=S;var H="TabsList",W=T.forwardRef((e,r)=>{const{__scopeTabs:a,loop:n=!0,...i}=e,d=D(H,a),o=k(a);return c.jsx(I.Root,{asChild:!0,...o,orientation:d.orientation,dir:d.dir,loop:n,children:c.jsx(x.Primitive.div,{role:"tablist","aria-orientation":d.orientation,...i,ref:r})})});W.displayName=H;var K="TabsTrigger",Z=T.forwardRef((e,r)=>{const{__scopeTabs:a,value:n,disabled:i=!1,...d}=e,o=D(K,a),s=k(a),f=Q(o.baseId,n),v=U(o.baseId,n),_=n===o.value;return c.jsx(I.Item,{asChild:!0,...s,focusable:!i,active:_,children:c.jsx(x.Primitive.button,{type:"button",role:"tab","aria-selected":_,"aria-controls":v,"data-state":_?"active":"inactive","data-disabled":i?"":void 0,disabled:i,id:f,...d,ref:r,onMouseDown:x.composeEventHandlers(e.onMouseDown,p=>{!i&&p.button===0&&p.ctrlKey===!1?o.onValueChange(n):p.preventDefault()}),onKeyDown:x.composeEventHandlers(e.onKeyDown,p=>{[" ","Enter"].includes(p.key)&&o.onValueChange(n)}),onFocus:x.composeEventHandlers(e.onFocus,()=>{const p=o.activationMode!=="manual";!_&&!i&&p&&o.onValueChange(n)})})})});Z.displayName=K;var X="TabsContent",J=T.forwardRef((e,r)=>{const{__scopeTabs:a,value:n,forceMount:i,children:d,...o}=e,s=D(X,a),f=Q(s.baseId,n),v=U(s.baseId,n),_=n===s.value,p=T.useRef(_);return T.useEffect(()=>{const g=requestAnimationFrame(()=>p.current=!1);return()=>cancelAnimationFrame(g)},[]),c.jsx(fe.Presence,{present:i||_,children:({present:g})=>c.jsx(x.Primitive.div,{"data-state":_?"active":"inactive","data-orientation":s.orientation,role:"tabpanel","aria-labelledby":f,hidden:!g,id:v,tabIndex:0,...o,ref:r,style:{...e.style,animationDuration:p.current?"0s":void 0},children:g&&d})})});J.displayName=X;function Q(e,r){return`${e}-trigger-${r}`}function U(e,r){return`${e}-content-${r}`}var je=G,Te=W,$e=Z,ye=J;const Ie={"purpur-tab-content":"_purpur-tab-content_1ugbi_1","purpur-tab-content--force-mount":"_purpur-tab-content--force-mount_1ugbi_15"},Se=L.c.bind(Ie),O="purpur-tab-content",Re=u.forwardRef(({children:e,tabId:r,"data-testid":a,className:n,disableForceMount:i,...d},o)=>c.jsx(ye,{ref:o,className:Se(O,n,{[`${O}--force-mount`]:!i}),"data-testid":a,value:r,forceMount:!i||void 0,...d,children:e})),Ee=e=>!!e&&u.isValidElement(e)&&!!e.props.name&&!!e.props.tabId,Ne={"purpur-tab-header":"_purpur-tab-header_1tc2s_1","purpur-tab-header--contained":"_purpur-tab-header--contained_1tc2s_36","purpur-tab-header--contained-negative":"_purpur-tab-header--contained-negative_1tc2s_36","purpur-tab-header--line":"_purpur-tab-header--line_1tc2s_39","purpur-tab-header--line-negative":"_purpur-tab-header--line-negative_1tc2s_51","purpur-tab-header--full-width":"_purpur-tab-header--full-width_1tc2s_100"},Ae=L.c.bind(Ne),P="purpur-tab-header",Pe=u.forwardRef(({index:e,tabId:r,variant:a,negative:n,onFocus:i,fullWidth:d,"data-testid":o,children:s},f)=>c.jsx($e,{id:`${r}-trigger`,className:Ae(P,`${P}--${a}${n?"-negative":""}`,{[`${P}--full-width`]:d}),value:r,"data-testid":o,"data-index":e,ref:f,onFocus:i,children:s})),Le={"purpur-tabs__wrapper":"_purpur-tabs__wrapper_jv2vl_1","purpur-tabs__scroll-button":"_purpur-tabs__scroll-button_jv2vl_9","purpur-tabs__scroll-button--left":"_purpur-tabs__scroll-button--left_jv2vl_71","purpur-tabs__scroll-button--right":"_purpur-tabs__scroll-button--right_jv2vl_74","purpur-tabs__wrapper--scroll-start":"_purpur-tabs__wrapper--scroll-start_jv2vl_77","purpur-tabs__wrapper--scroll-end":"_purpur-tabs__wrapper--scroll-end_jv2vl_80","purpur-tabs--line":"_purpur-tabs--line_jv2vl_83","purpur-tabs--line-negative":"_purpur-tabs--line-negative_jv2vl_83","purpur-tabs__selected-border":"_purpur-tabs__selected-border_jv2vl_91","purpur-tabs__content-wrapper":"_purpur-tabs__content-wrapper_jv2vl_115","purpur-tabs--contained":"_purpur-tabs--contained_jv2vl_123","purpur-tabs__list":"_purpur-tabs__list_jv2vl_123","purpur-tabs--contained-negative":"_purpur-tabs--contained-negative_jv2vl_123","purpur-tabs__content-container":"_purpur-tabs__content-container_jv2vl_126","purpur-tabs--full-width":"_purpur-tabs--full-width_jv2vl_136"},De=["line","contained"],Y=e=>new CustomEvent("tabChangeDetail",{detail:{value:e}}),w=L.c.bind(Le),b="purpur-tabs",Me=(e,r)=>{if(typeof e?.getBoundingClientRect!="function"||typeof r?.scroll!="function")return;const a=e.getBoundingClientRect(),n=r.getBoundingClientRect(),i=r.clientWidth,d=parseInt(getComputedStyle(r).borderLeftWidth?.split("px")[0],10),o=n.left+(isNaN(d)?0:d);let s;a.right>n.right&&(s=a.left+r.scrollLeft,s=s+a.width-i+i*.1,s=s-o),a.left<n.left&&(s=a.left+r.scrollLeft,s=s-i*.1,s=s-o),s!==void 0&&r.scroll({left:s,behavior:"smooth"})},ee=({children:e,variant:r="line",negative:a=!1,fullWidth:n=!1,onChange:i,className:d,defaultValue:o,animateHeight:s=!1,"data-testid":f,value:v,..._})=>{const p=u.useRef(null),[g,te]=u.useState(-1),[re,M]=u.useState({}),[ne,se]=u.useState(0),[ae,oe]=u.useState(0),h=u.Children.toArray(e).filter(Ee),C=u.useRef(null),q=u.useRef(new Array(h.length)),V=200,R=r==="line",ie=w(b,`${b}--${r}${a?"-negative":""}`,{[`${b}--full-width`]:n},d),E=u.Children.map(h,({props:{tabId:t}})=>t),ce=()=>{const t=E.findIndex(l=>l===o);return t>=0?t:0};u.useEffect(()=>{v&&z(h.findIndex(t=>t.props.tabId===v))},[h,v]);const[N,z]=u.useState(ce);if(new Set(E).size!==E.length)throw new Error("tabId must be unique");const A=(t,l)=>l||f?`${l||f}-${t}`:void 0,B=()=>{if(!R)return;const t=q.current[N];se(t?.offsetLeft||0),oe(t?.getBoundingClientRect().width||0)},le=t=>{R&&!v&&z(h.findIndex(l=>l.props.tabId===t)),i?.(Y(t))},ue=t=>{if(C?.current){const{scrollLeft:l}=C.current,m=t==="left"?-V:V;C.current.scroll({left:l+m,behavior:"smooth"})}},F=({side:t})=>c.jsx("button",{className:w(`${b}__scroll-button`,`${b}__scroll-button--${t}`),onClick:()=>ue(t),type:"button","aria-hidden":"true",tabIndex:-1,"data-testid":A("scroll-button"),children:c.jsx(_e.b,{svg:t==="left"?me:we,size:"md"})});return u.useEffect(()=>{const t=()=>{if(p.current&&s){const m=p.current.offsetHeight;te(m)}},l=()=>{t(),B()};return t(),window.addEventListener("resize",l),()=>{window.removeEventListener("resize",l)}},[N,s]),u.useEffect(()=>{B()},[N,n,h.length,r]),u.useEffect(()=>{const t=C.current;if(!t)return;const l=()=>{const{scrollLeft:m,scrollWidth:$,clientWidth:y}=t,j=$>y,de=m<=1,pe=m+y>=$-1;if(!j){M({});return}M({[`${b}__wrapper--scroll-start`]:!de,[`${b}__wrapper--scroll-end`]:!pe})};return l(),t.addEventListener("scroll",l,{passive:!0}),window.addEventListener("resize",l),()=>{t.removeEventListener("scroll",l),window.removeEventListener("resize",l)}},[]),c.jsx(je,{defaultValue:o??h[0].props.tabId,onValueChange:le,"data-testid":f,className:ie,value:v,..._,children:c.jsxs("div",{className:w(`${b}__container`),children:[c.jsxs("div",{className:w(`${b}__wrapper`,re),children:[c.jsxs(Te,{ref:t=>{C.current=t},className:w(`${b}__list`),children:[u.Children.map(h,(t,l)=>{const{name:m,tabId:$,"data-testid":y}=t.props;return c.jsx(Pe,{"data-testid":A("header",y),index:l,tabId:$,ref:j=>{j&&(q.current[l]=j)},onFocus:j=>{Me(j.target,C.current)},variant:r,negative:a,fullWidth:n,children:m})}),R&&c.jsx("div",{className:w(`${b}__selected-border`),style:{width:ae,transform:`translateX(${ne}px)`},"data-testid":A("selected-border")})]}),c.jsx(F,{side:"left"}),c.jsx(F,{side:"right"})]}),c.jsx("div",{className:s?w(`${b}__content-wrapper`):"",style:{height:s&&g>-1?`${g}px`:"auto"},children:c.jsx("div",{ref:p,className:w(`${b}__content-container`),children:u.Children.map(h,t=>t)})})]})})};ee.Content=Re;exports.Tabs=ee;exports.createTabChangeDetailEvent=Y;exports.tabsVariants=De;
+//# sourceMappingURL=tabs-CfHd4UQ2.js.map

package/dist/tabs-CfHd4UQ2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-CfHd4UQ2.js","sources":["../../../components/icon/dist/assets/chevron-left.es.js","../../../components/icon/dist/assets/chevron-right.es.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-tabs@1.1.13_@types+react-dom@19.2.3_@types+react@19.2.10__@types+react@_68a385a9eea120600bb372a91de22b00/node_modules/@radix-ui/react-tabs/dist/index.mjs","../../../components/tabs/src/tab-content.tsx","../../../components/tabs/src/tab-header.tsx","../../../components/tabs/src/tabs.utils.ts","../../../components/tabs/src/tabs.tsx"],"sourcesContent":["const e = {\n  name: \"chevron-left\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M16.175 3.905a.9.9 0 0 1-.08 1.27L8.36 12l7.736 6.825a.9.9 0 0 1-1.191 1.35l-8.5-7.5a.9.9 0 0 1 0-1.35l8.5-7.5a.9.9 0 0 1 1.27.08Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"chevron-left\"],\n  category: \"utility\"\n};\nexport {\n  e as chevronLeft\n};\n//# sourceMappingURL=chevron-left.es.js.map\n","const e = {\n  name: \"chevron-right\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M7.809 3.924a.9.9 0 0 0 .115 1.267L16.094 12l-8.17 6.809a.9.9 0 0 0 1.152 1.382l9-7.5a.9.9 0 0 0 0-1.382l-9-7.5a.9.9 0 0 0-1.267.115Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"chevron-right\"],\n  category: \"utility\"\n};\nexport {\n  e as chevronRight\n};\n//# sourceMappingURL=chevron-right.es.js.map\n","\"use client\";\n\n// src/tabs.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TABS_NAME = \"Tabs\";\nvar [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [\n  createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);\nvar Tabs = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      ...tabsProps\n    } = props;\n    const direction = useDirection(dir);\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChange,\n      defaultProp: defaultValue ?? \"\",\n      caller: TABS_NAME\n    });\n    return /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\n        scope: __scopeTabs,\n        baseId: useId(),\n        value,\n        onValueChange: setValue,\n        orientation,\n        dir: direction,\n        activationMode,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            dir: direction,\n            \"data-orientation\": orientation,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabs.displayName = TABS_NAME;\nvar TAB_LIST_NAME = \"TabsList\";\nvar TabsList = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, loop = true, ...listProps } = props;\n    const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            role: \"tablist\",\n            \"aria-orientation\": context.orientation,\n            ...listProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabsList.displayName = TAB_LIST_NAME;\nvar TRIGGER_NAME = \"TabsTrigger\";\nvar TabsTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, disabled = false, ...triggerProps } = props;\n    const context = useTabsContext(TRIGGER_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !disabled,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          Primitive.button,\n          {\n            type: \"button\",\n            role: \"tab\",\n            \"aria-selected\": isSelected,\n            \"aria-controls\": contentId,\n            \"data-state\": isSelected ? \"active\" : \"inactive\",\n            \"data-disabled\": disabled ? \"\" : void 0,\n            disabled,\n            id: triggerId,\n            ...triggerProps,\n            ref: forwardedRef,\n            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {\n              if (!disabled && event.button === 0 && event.ctrlKey === false) {\n                context.onValueChange(value);\n              } else {\n                event.preventDefault();\n              }\n            }),\n            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n              if ([\" \", \"Enter\"].includes(event.key)) context.onValueChange(value);\n            }),\n            onFocus: composeEventHandlers(props.onFocus, () => {\n              const isAutomaticActivation = context.activationMode !== \"manual\";\n              if (!isSelected && !disabled && isAutomaticActivation) {\n                context.onValueChange(value);\n              }\n            })\n          }\n        )\n      }\n    );\n  }\n);\nTabsTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"TabsContent\";\nvar TabsContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(CONTENT_NAME, __scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    const isMountAnimationPreventedRef = React.useRef(isSelected);\n    React.useEffect(() => {\n      const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);\n      return () => cancelAnimationFrame(rAF);\n    }, []);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"data-state\": isSelected ? \"active\" : \"inactive\",\n        \"data-orientation\": context.orientation,\n        role: \"tabpanel\",\n        \"aria-labelledby\": triggerId,\n        hidden: !present,\n        id: contentId,\n        tabIndex: 0,\n        ...contentProps,\n        ref: forwardedRef,\n        style: {\n          ...props.style,\n          animationDuration: isMountAnimationPreventedRef.current ? \"0s\" : void 0\n        },\n        children: present && children\n      }\n    ) });\n  }\n);\nTabsContent.displayName = CONTENT_NAME;\nfunction makeTriggerId(baseId, value) {\n  return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n  return `${baseId}-content-${value}`;\n}\nvar Root2 = Tabs;\nvar List = TabsList;\nvar Trigger = TabsTrigger;\nvar Content = TabsContent;\nexport {\n  Content,\n  List,\n  Root2 as Root,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Trigger,\n  createTabsScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { forwardRef, isValidElement, type ReactElement, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Content } from \"@radix-ui/react-tabs\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./tab-content.module.scss\";\n\nexport type TabContentProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * Content to be rendered inside a `button` element.\n   * Only pass ReactNodes that are valid as children of a `button`, such as plain text,\n   * inline elements like `span` or other non-interactive elements. Avoid block-level or interactive elements.\n   */\n  name: ReactNode;\n  /**\n   * A unique ID that associates the tab with a content.\n   * */\n  tabId: string;\n  /**\n   * If true, the inactive tab content will not be rendered.\n   */\n  disableForceMount?: boolean;\n  children: ReactNode;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-tab-content\";\n\nexport const TabContent = forwardRef<HTMLDivElement, TabContentProps>(\n  ({ children, tabId, \"data-testid\": dataTestId, className, disableForceMount, ...props }, ref) => (\n    <Content\n      ref={ref}\n      className={cx(rootClassName, className, {\n        [`${rootClassName}--force-mount`]: !disableForceMount,\n      })}\n      data-testid={dataTestId}\n      value={tabId}\n      forceMount={!disableForceMount || undefined}\n      {...props}\n    >\n      {children}\n    </Content>\n  )\n);\n\nexport const isTabContent = (child?: ReactNode): child is ReactElement<TabContentProps> =>\n  !!child && isValidElement<TabContentProps>(child) && !!child.props.name && !!child.props.tabId;\n","import React, {\n  type FocusEventHandler,\n  type ForwardedRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport { Trigger } from \"@radix-ui/react-tabs\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./tab-header.module.scss\";\nimport { type TabsVariant } from \"./tabs.utils\";\n\ntype TabHeaderProps = {\n  \"data-testid\"?: string;\n  index: number;\n  tabId: string;\n  variant: TabsVariant;\n  negative?: boolean;\n  onFocus: FocusEventHandler<HTMLButtonElement>;\n  fullWidth?: boolean;\n  children: ReactNode;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-tab-header\";\n\nexport const TabHeader = forwardRef(\n  <T extends HTMLButtonElement>(\n    {\n      index,\n      tabId,\n      variant,\n      negative,\n      onFocus,\n      fullWidth,\n      \"data-testid\": dataTestId,\n      children,\n    }: TabHeaderProps,\n    ref: ForwardedRef<T>\n  ) => (\n    <Trigger\n      id={`${tabId}-trigger`}\n      className={cx(rootClassName, `${rootClassName}--${variant}${negative ? \"-negative\" : \"\"}`, {\n        [`${rootClassName}--full-width`]: fullWidth,\n      })}\n      value={tabId}\n      data-testid={dataTestId}\n      data-index={index}\n      ref={ref}\n      onFocus={onFocus}\n    >\n      {children}\n    </Trigger>\n  )\n);\n","import type { FunctionComponent } from \"react\";\n\nimport type { TabContent } from \"./tab-content\";\n\nexport type TabsCmp<P> = FunctionComponent<P> & {\n  Content: typeof TabContent;\n};\n\nexport const tabsVariants = [\"line\", \"contained\"] as const;\n\nexport type TabsVariant = (typeof tabsVariants)[number];\n\nexport const createTabChangeDetailEvent = (value: string) =>\n  new CustomEvent<TabChangeDetail>(\"tabChangeDetail\", { detail: { value } });\n\nexport type TabChangeDetail = { value: string };\n","import React, {\n  Children,\n  type HTMLAttributes,\n  type ReactElement,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Icon } from \"@purpur/icon\";\nimport { chevronLeft } from \"@purpur/icon/assets/chevron-left\";\nimport { chevronRight } from \"@purpur/icon/assets/chevron-right\";\nimport { List, Root } from \"@radix-ui/react-tabs\";\nimport c from \"classnames/bind\";\n\nimport { isTabContent, TabContent } from \"./tab-content\";\nimport { TabHeader } from \"./tab-header\";\nimport styles from \"./tabs.module.scss\";\nimport {\n  createTabChangeDetailEvent,\n  type TabChangeDetail,\n  type TabsCmp,\n  type TabsVariant,\n} from \"./tabs.utils\";\n\ntype TabsProps = {\n  children: Array<ReactElement<typeof TabContent>> | ReactElement<typeof TabContent>;\n  variant?: TabsVariant;\n  negative?: boolean;\n  fullWidth?: boolean;\n  /**\n   * The controlled value of the tabs. Must be used in conjunction with onChange.\n   */\n  value?: string;\n  /**\n   * Event handler called when the value changes.\n   * */\n  onChange?: (event: CustomEvent<TabChangeDetail>) => void;\n  defaultValue?: string;\n  /**\n   * When true, animates the height of the component when switching tabs.\n   * */\n  animateHeight?: boolean;\n  \"data-testid\"?: string;\n} & Pick<HTMLAttributes<HTMLDivElement>, \"style\" | \"className\">;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-tabs\";\n\nconst scrollToTarget = (target: HTMLElement, tabList?: HTMLDivElement | null) => {\n  /**\n   * scroll may not be available in test runner, so check existence before\n   * proceeding. We can't use scrollIntoView() because Safari doesn't support\n   * it fully.\n   */\n  if (\n    typeof target?.getBoundingClientRect !== \"function\" ||\n    typeof tabList?.scroll !== \"function\"\n  ) {\n    return;\n  }\n\n  const targetRect = target.getBoundingClientRect();\n  const wrapperRect = tabList.getBoundingClientRect();\n  const wrapperWidth = tabList.clientWidth;\n  const wrapperOffset = parseInt(getComputedStyle(tabList).borderLeftWidth?.split(\"px\")[0], 10);\n  const offset = wrapperRect.left + (isNaN(wrapperOffset) ? 0 : wrapperOffset);\n  let left;\n\n  // Handle forward navigation\n  if (targetRect.right > wrapperRect.right) {\n    left = targetRect.left + tabList.scrollLeft;\n    left = left + targetRect.width - wrapperWidth + wrapperWidth * 0.1;\n    left = left - offset;\n  }\n\n  // Handle backwards navigation\n  if (targetRect.left < wrapperRect.left) {\n    left = targetRect.left + tabList.scrollLeft;\n    left = left - wrapperWidth * 0.1;\n    left = left - offset;\n  }\n\n  if (left !== undefined) {\n    tabList.scroll({ left, behavior: \"smooth\" });\n  }\n};\n\nexport const Tabs: TabsCmp<TabsProps> = ({\n  children,\n  variant = \"line\",\n  negative = false,\n  fullWidth = false,\n  onChange,\n  className,\n  defaultValue,\n  animateHeight = false,\n  \"data-testid\": dataTestId,\n  value,\n  ...props\n}) => {\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const [height, setHeight] = useState(-1);\n  const [scrollClasses, setScrollClasses] = useState<{ [key: string]: boolean }>({});\n  const [selectedTriggerOffset, setSelectedTriggerOffset] = useState(0);\n  const [selectedTriggerWidth, setSelectedTriggerWidth] = useState(0);\n  const tabContentChildren = Children.toArray(children).filter(isTabContent);\n  const tabList = useRef<HTMLDivElement>(null);\n  const tabChildren = useRef<HTMLButtonElement[]>(new Array(tabContentChildren.length));\n  const sideScrollAdjustmentSize = 200;\n  const isLineVariant = variant === \"line\";\n\n  const classNames = cx(\n    rootClassName,\n    `${rootClassName}--${variant}${negative ? \"-negative\" : \"\"}`,\n    { [`${rootClassName}--full-width`]: fullWidth },\n    className\n  );\n\n  const tabIds = Children.map(tabContentChildren, ({ props: { tabId } }) => tabId);\n\n  const getDefaultTabIndex = () => {\n    const defaultIndex = tabIds.findIndex((tabIndex) => tabIndex === defaultValue);\n    return defaultIndex >= 0 ? defaultIndex : 0;\n  };\n\n  useEffect(() => {\n    if (value) {\n      setActiveIndex(tabContentChildren.findIndex((child) => child.props.tabId === value));\n    }\n  }, [tabContentChildren, value]);\n\n  const [activeIndex, setActiveIndex] = useState(getDefaultTabIndex);\n\n  if (new Set(tabIds).size !== tabIds.length) {\n    throw new Error(\"tabId must be unique\");\n  }\n\n  const getTestId = (name: string, id?: string) =>\n    id || dataTestId ? `${id || dataTestId}-${name}` : undefined;\n\n  const handleLinePosition = () => {\n    if (!isLineVariant) {\n      return;\n    }\n\n    const activeTabElement = tabChildren.current[activeIndex];\n\n    setSelectedTriggerOffset(activeTabElement?.offsetLeft || 0);\n    setSelectedTriggerWidth(activeTabElement?.getBoundingClientRect().width || 0);\n  };\n\n  const handleTabChange = (_value: string) => {\n    if (isLineVariant && !value) {\n      setActiveIndex(tabContentChildren.findIndex((child) => child.props.tabId === _value));\n    }\n    onChange?.(createTabChangeDetailEvent(_value));\n  };\n\n  const handleScrollButtonClick = (side: \"left\" | \"right\") => {\n    if (tabList?.current) {\n      const { scrollLeft } = tabList.current;\n      const modifier = side === \"left\" ? -sideScrollAdjustmentSize : sideScrollAdjustmentSize;\n\n      tabList.current.scroll({ left: scrollLeft + modifier, behavior: \"smooth\" });\n    }\n  };\n\n  const ScrollButton = ({ side }: { side: \"left\" | \"right\" }) => (\n    <button\n      className={cx(`${rootClassName}__scroll-button`, `${rootClassName}__scroll-button--${side}`)}\n      onClick={() => handleScrollButtonClick(side)}\n      type=\"button\"\n      aria-hidden=\"true\"\n      tabIndex={-1}\n      data-testid={getTestId(\"scroll-button\")}\n    >\n      <Icon svg={side === \"left\" ? chevronLeft : chevronRight} size=\"md\" />\n    </button>\n  );\n\n  useEffect(() => {\n    const setNewHeight = () => {\n      if (contentRef.current && animateHeight) {\n        const newHeight = contentRef.current.offsetHeight;\n        setHeight(newHeight);\n      }\n    };\n\n    const handleResize = () => {\n      setNewHeight();\n      handleLinePosition();\n    };\n\n    setNewHeight();\n\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, [activeIndex, animateHeight]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    handleLinePosition();\n  }, [activeIndex, fullWidth, tabContentChildren.length, variant]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const root = tabList.current;\n    if (!root) return;\n\n    const updateScrollState = () => {\n      const { scrollLeft, scrollWidth, clientWidth } = root;\n\n      const canScroll = scrollWidth > clientWidth;\n      const atStart = scrollLeft <= 1;\n      const atEnd = scrollLeft + clientWidth >= scrollWidth - 1;\n\n      if (!canScroll) {\n        setScrollClasses({});\n        return;\n      }\n\n      setScrollClasses({\n        [`${rootClassName}__wrapper--scroll-start`]: !atStart,\n        [`${rootClassName}__wrapper--scroll-end`]: !atEnd,\n      });\n    };\n\n    updateScrollState();\n\n    root.addEventListener(\"scroll\", updateScrollState, { passive: true });\n    window.addEventListener(\"resize\", updateScrollState);\n\n    return () => {\n      root.removeEventListener(\"scroll\", updateScrollState);\n      window.removeEventListener(\"resize\", updateScrollState);\n    };\n  }, []);\n\n  return (\n    <Root\n      defaultValue={defaultValue ?? tabContentChildren[0].props.tabId}\n      onValueChange={handleTabChange}\n      data-testid={dataTestId}\n      className={classNames}\n      value={value}\n      {...props}\n    >\n      <div className={cx(`${rootClassName}__container`)}>\n        <div className={cx(`${rootClassName}__wrapper`, scrollClasses)}>\n          <List\n            ref={(el) => {\n              tabList.current = el;\n            }}\n            className={cx(`${rootClassName}__list`)}\n          >\n            {Children.map(tabContentChildren, (child, index) => {\n              const { name, tabId, \"data-testid\": childDataTestId } = child.props;\n              return (\n                <TabHeader\n                  data-testid={getTestId(\"header\", childDataTestId)}\n                  index={index}\n                  tabId={tabId}\n                  ref={(el) => {\n                    if (el) {\n                      tabChildren.current[index] = el;\n                    }\n                  }}\n                  onFocus={(e) => {\n                    scrollToTarget(e.target as HTMLElement, tabList.current);\n                  }}\n                  variant={variant}\n                  negative={negative}\n                  fullWidth={fullWidth}\n                >\n                  {name}\n                </TabHeader>\n              );\n            })}\n            {isLineVariant && (\n              <div\n                className={cx(`${rootClassName}__selected-border`)}\n                style={{\n                  width: selectedTriggerWidth,\n                  transform: `translateX(${selectedTriggerOffset}px)`,\n                }}\n                data-testid={getTestId(\"selected-border\")}\n              />\n            )}\n          </List>\n          <ScrollButton side=\"left\" />\n          <ScrollButton side=\"right\" />\n        </div>\n        <div\n          className={animateHeight ? cx(`${rootClassName}__content-wrapper`) : \"\"}\n          style={{ height: animateHeight && height > -1 ? `${height}px` : \"auto\" }}\n        >\n          <div ref={contentRef} className={cx(`${rootClassName}__content-container`)}>\n            {Children.map(tabContentChildren, (child) => child)}\n          </div>\n        </div>\n      </div>\n    </Root>\n  );\n};\n\nTabs.Content = TabContent;\n\nexport * from \"./tabs.utils\";\n"],"names":["e","TABS_NAME","createTabsContext","createContextScope","createRovingFocusGroupScope","useRovingFocusGroupScope","TabsProvider","useTabsContext","Tabs","React","props","forwardedRef","__scopeTabs","valueProp","onValueChange","defaultValue","orientation","dir","activationMode","tabsProps","direction","useDirection","value","setValue","useControllableState","jsx","useId","Primitive","TAB_LIST_NAME","TabsList","loop","listProps","context","rovingFocusGroupScope","RovingFocusGroup.Root","TRIGGER_NAME","TabsTrigger","disabled","triggerProps","triggerId","makeTriggerId","contentId","makeContentId","isSelected","RovingFocusGroup.Item","composeEventHandlers","event","isAutomaticActivation","CONTENT_NAME","TabsContent","forceMount","children","contentProps","isMountAnimationPreventedRef","rAF","Presence","present","baseId","Root2","List","Trigger","Content","cx","c","styles","rootClassName","TabContent","forwardRef","tabId","dataTestId","className","disableForceMount","ref","isTabContent","child","isValidElement","TabHeader","index","variant","negative","onFocus","fullWidth","tabsVariants","createTabChangeDetailEvent","scrollToTarget","target","tabList","targetRect","wrapperRect","wrapperWidth","wrapperOffset","offset","left","onChange","animateHeight","contentRef","useRef","height","setHeight","useState","scrollClasses","setScrollClasses","selectedTriggerOffset","setSelectedTriggerOffset","selectedTriggerWidth","setSelectedTriggerWidth","tabContentChildren","Children","tabChildren","sideScrollAdjustmentSize","isLineVariant","classNames","tabIds","getDefaultTabIndex","defaultIndex","tabIndex","useEffect","setActiveIndex","activeIndex","getTestId","name","id","handleLinePosition","activeTabElement","handleTabChange","_value","handleScrollButtonClick","side","scrollLeft","modifier","ScrollButton","Icon","chevronLeft","chevronRight","setNewHeight","newHeight","handleResize","root","updateScrollState","scrollWidth","clientWidth","canScroll","atStart","atEnd","Root","jsxs","el","childDataTestId"],"mappings":"+mBAAMA,GAAI,CACR,KAAM,eACN,IAAK,+QACL,SAAU,CAAC,cAAc,EACzB,SAAU,SACZ,ECLMA,GAAI,CACR,KAAM,gBACN,IAAK,kRACL,SAAU,CAAC,eAAe,EAC1B,SAAU,SACZ,ECSA,IAAIC,EAAY,OACZ,CAACC,EAAkC,EAAIC,GAAAA,mBAAmBF,EAAW,CACvEG,EAAAA,2BACF,CAAC,EACGC,EAA2BD,EAAAA,4BAA2B,EACtD,CAACE,GAAcC,CAAc,EAAIL,GAAkBD,CAAS,EAC5DO,EAAOC,EAAM,WACf,CAACC,EAAOC,IAAiB,CACvB,KAAM,CACJ,YAAAC,EACA,MAAOC,EACP,cAAAC,EACA,aAAAC,EACA,YAAAC,EAAc,aACd,IAAAC,EACA,eAAAC,EAAiB,YACjB,GAAGC,CACT,EAAQT,EACEU,EAAYC,GAAAA,aAAaJ,CAAG,EAC5B,CAACK,EAAOC,CAAQ,EAAIC,uBAAqB,CAC7C,KAAMX,EACN,SAAUC,EACV,YAAaC,GAAgB,GAC7B,OAAQd,CACd,CAAK,EACD,OAAuBwB,EAAAA,IACrBnB,GACA,CACE,MAAOM,EACP,OAAQc,GAAAA,MAAK,EACb,MAAAJ,EACA,cAAeC,EACf,YAAAP,EACA,IAAKI,EACL,eAAAF,EACA,SAA0BO,EAAAA,IACxBE,EAAAA,UAAU,IACV,CACE,IAAKP,EACL,mBAAoBJ,EACpB,GAAGG,EACH,IAAKR,CACjB,CACA,CACA,CACA,CACE,CACF,EACAH,EAAK,YAAcP,EACnB,IAAI2B,EAAgB,WAChBC,EAAWpB,EAAM,WACnB,CAACC,EAAOC,IAAiB,CACvB,KAAM,CAAE,YAAAC,EAAa,KAAAkB,EAAO,GAAM,GAAGC,CAAS,EAAKrB,EAC7CsB,EAAUzB,EAAeqB,EAAehB,CAAW,EACnDqB,EAAwB5B,EAAyBO,CAAW,EAClE,OAAuBa,EAAAA,IACrBS,EAAAA,KACA,CACE,QAAS,GACT,GAAGD,EACH,YAAaD,EAAQ,YACrB,IAAKA,EAAQ,IACb,KAAAF,EACA,SAA0BL,EAAAA,IACxBE,EAAAA,UAAU,IACV,CACE,KAAM,UACN,mBAAoBK,EAAQ,YAC5B,GAAGD,EACH,IAAKpB,CACjB,CACA,CACA,CACA,CACE,CACF,EACAkB,EAAS,YAAcD,EACvB,IAAIO,EAAe,cACfC,EAAc3B,EAAM,WACtB,CAACC,EAAOC,IAAiB,CACvB,KAAM,CAAE,YAAAC,EAAa,MAAAU,EAAO,SAAAe,EAAW,GAAO,GAAGC,CAAY,EAAK5B,EAC5DsB,EAAUzB,EAAe4B,EAAcvB,CAAW,EAClDqB,EAAwB5B,EAAyBO,CAAW,EAC5D2B,EAAYC,EAAcR,EAAQ,OAAQV,CAAK,EAC/CmB,EAAYC,EAAcV,EAAQ,OAAQV,CAAK,EAC/CqB,EAAarB,IAAUU,EAAQ,MACrC,OAAuBP,EAAAA,IACrBmB,EAAAA,KACA,CACE,QAAS,GACT,GAAGX,EACH,UAAW,CAACI,EACZ,OAAQM,EACR,SAA0BlB,EAAAA,IACxBE,EAAAA,UAAU,OACV,CACE,KAAM,SACN,KAAM,MACN,gBAAiBgB,EACjB,gBAAiBF,EACjB,aAAcE,EAAa,SAAW,WACtC,gBAAiBN,EAAW,GAAK,OACjC,SAAAA,EACA,GAAIE,EACJ,GAAGD,EACH,IAAK3B,EACL,YAAakC,EAAAA,qBAAqBnC,EAAM,YAAcoC,GAAU,CAC1D,CAACT,GAAYS,EAAM,SAAW,GAAKA,EAAM,UAAY,GACvDd,EAAQ,cAAcV,CAAK,EAE3BwB,EAAM,eAAc,CAExB,CAAC,EACD,UAAWD,EAAAA,qBAAqBnC,EAAM,UAAYoC,GAAU,CACtD,CAAC,IAAK,OAAO,EAAE,SAASA,EAAM,GAAG,GAAGd,EAAQ,cAAcV,CAAK,CACrE,CAAC,EACD,QAASuB,EAAAA,qBAAqBnC,EAAM,QAAS,IAAM,CACjD,MAAMqC,EAAwBf,EAAQ,iBAAmB,SACrD,CAACW,GAAc,CAACN,GAAYU,GAC9Bf,EAAQ,cAAcV,CAAK,CAE/B,CAAC,CACb,CACA,CACA,CACA,CACE,CACF,EACAc,EAAY,YAAcD,EAC1B,IAAIa,EAAe,cACfC,EAAcxC,EAAM,WACtB,CAACC,EAAOC,IAAiB,CACvB,KAAM,CAAE,YAAAC,EAAa,MAAAU,EAAO,WAAA4B,EAAY,SAAAC,EAAU,GAAGC,CAAY,EAAK1C,EAChEsB,EAAUzB,EAAeyC,EAAcpC,CAAW,EAClD2B,EAAYC,EAAcR,EAAQ,OAAQV,CAAK,EAC/CmB,EAAYC,EAAcV,EAAQ,OAAQV,CAAK,EAC/CqB,EAAarB,IAAUU,EAAQ,MAC/BqB,EAA+B5C,EAAM,OAAOkC,CAAU,EAC5DlC,OAAAA,EAAM,UAAU,IAAM,CACpB,MAAM6C,EAAM,sBAAsB,IAAMD,EAA6B,QAAU,EAAK,EACpF,MAAO,IAAM,qBAAqBC,CAAG,CACvC,EAAG,CAAA,CAAE,EACkB7B,EAAAA,IAAI8B,YAAU,CAAE,QAASL,GAAcP,EAAY,SAAU,CAAC,CAAE,QAAAa,CAAO,IAAuB/B,EAAAA,IACnHE,EAAAA,UAAU,IACV,CACE,aAAcgB,EAAa,SAAW,WACtC,mBAAoBX,EAAQ,YAC5B,KAAM,WACN,kBAAmBO,EACnB,OAAQ,CAACiB,EACT,GAAIf,EACJ,SAAU,EACV,GAAGW,EACH,IAAKzC,EACL,MAAO,CACL,GAAGD,EAAM,MACT,kBAAmB2C,EAA6B,QAAU,KAAO,MAC3E,EACQ,SAAUG,GAAWL,CAC7B,CACA,EAAO,CACL,CACF,EACAF,EAAY,YAAcD,EAC1B,SAASR,EAAciB,EAAQnC,EAAO,CACpC,MAAO,GAAGmC,CAAM,YAAYnC,CAAK,EACnC,CACA,SAASoB,EAAce,EAAQnC,EAAO,CACpC,MAAO,GAAGmC,CAAM,YAAYnC,CAAK,EACnC,CACA,IAAIoC,GAAQlD,EACRmD,GAAO9B,EACP+B,GAAUxB,EACVyB,GAAUZ,8IClKRa,GAAKC,EAAAA,EAAE,KAAKC,EAAM,EAClBC,EAAgB,qBAETC,GAAaC,EAAAA,WACxB,CAAC,CAAE,SAAAhB,EAAU,MAAAiB,EAAO,cAAeC,EAAY,UAAAC,EAAW,kBAAAC,EAAmB,GAAG7D,GAAS8D,IACvF/C,EAAAA,IAACoC,GAAA,CACC,IAAAW,EACA,UAAWV,GAAGG,EAAeK,EAAW,CACtC,CAAC,GAAGL,CAAa,eAAe,EAAG,CAACM,CAAA,CACrC,EACD,cAAaF,EACb,MAAOD,EACP,WAAY,CAACG,GAAqB,OACjC,GAAG7D,EAEH,SAAAyC,CAAA,CAAA,CAGP,EAEasB,GAAgBC,GAC3B,CAAC,CAACA,GAASC,EAAAA,eAAgCD,CAAK,GAAK,CAAC,CAACA,EAAM,MAAM,MAAQ,CAAC,CAACA,EAAM,MAAM,ubCvBrFZ,GAAKC,EAAAA,EAAE,KAAKC,EAAM,EAClBC,EAAgB,oBAETW,GAAYT,EAAAA,WACvB,CACE,CACE,MAAAU,EACA,MAAAT,EACA,QAAAU,EACA,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,cAAeZ,EACf,SAAAlB,CAAA,EAEFqB,IAEA/C,EAAAA,IAACmC,GAAA,CACC,GAAI,GAAGQ,CAAK,WACZ,UAAWN,GAAGG,EAAe,GAAGA,CAAa,KAAKa,CAAO,GAAGC,EAAW,YAAc,EAAE,GAAI,CACzF,CAAC,GAAGd,CAAa,cAAc,EAAGgB,CAAA,CACnC,EACD,MAAOb,EACP,cAAaC,EACb,aAAYQ,EACZ,IAAAL,EACA,QAAAQ,EAEC,SAAA7B,CAAA,CAAA,CAGP,yhCC9Ca+B,GAAe,CAAC,OAAQ,WAAW,EAInCC,EAA8B7D,GACzC,IAAI,YAA6B,kBAAmB,CAAE,OAAQ,CAAE,MAAAA,EAAM,CAAG,ECgCrEwC,EAAKC,EAAAA,EAAE,KAAKC,EAAM,EAClBC,EAAgB,cAEhBmB,GAAiB,CAACC,EAAqBC,IAAoC,CAM/E,GACE,OAAOD,GAAQ,uBAA0B,YACzC,OAAOC,GAAS,QAAW,WAE3B,OAGF,MAAMC,EAAaF,EAAO,sBAAA,EACpBG,EAAcF,EAAQ,sBAAA,EACtBG,EAAeH,EAAQ,YACvBI,EAAgB,SAAS,iBAAiBJ,CAAO,EAAE,iBAAiB,MAAM,IAAI,EAAE,CAAC,EAAG,EAAE,EACtFK,EAASH,EAAY,MAAQ,MAAME,CAAa,EAAI,EAAIA,GAC9D,IAAIE,EAGAL,EAAW,MAAQC,EAAY,QACjCI,EAAOL,EAAW,KAAOD,EAAQ,WACjCM,EAAOA,EAAOL,EAAW,MAAQE,EAAeA,EAAe,GAC/DG,EAAOA,EAAOD,GAIZJ,EAAW,KAAOC,EAAY,OAChCI,EAAOL,EAAW,KAAOD,EAAQ,WACjCM,EAAOA,EAAOH,EAAe,GAC7BG,EAAOA,EAAOD,GAGZC,IAAS,QACXN,EAAQ,OAAO,CAAE,KAAAM,EAAM,SAAU,SAAU,CAE/C,EAEapF,GAA2B,CAAC,CACvC,SAAA2C,EACA,QAAA2B,EAAU,OACV,SAAAC,EAAW,GACX,UAAAE,EAAY,GACZ,SAAAY,EACA,UAAAvB,EACA,aAAAvD,EACA,cAAA+E,EAAgB,GAChB,cAAezB,EACf,MAAA/C,EACA,GAAGZ,CACL,IAAM,CACJ,MAAMqF,EAAaC,EAAAA,OAA8B,IAAI,EAC/C,CAACC,EAAQC,EAAS,EAAIC,EAAAA,SAAS,EAAE,EACjC,CAACC,GAAeC,CAAgB,EAAIF,EAAAA,SAAqC,CAAA,CAAE,EAC3E,CAACG,GAAuBC,EAAwB,EAAIJ,EAAAA,SAAS,CAAC,EAC9D,CAACK,GAAsBC,EAAuB,EAAIN,EAAAA,SAAS,CAAC,EAC5DO,EAAqBC,EAAAA,SAAS,QAAQxD,CAAQ,EAAE,OAAOsB,EAAY,EACnEa,EAAUU,EAAAA,OAAuB,IAAI,EACrCY,EAAcZ,EAAAA,OAA4B,IAAI,MAAMU,EAAmB,MAAM,CAAC,EAC9EG,EAA2B,IAC3BC,EAAgBhC,IAAY,OAE5BiC,GAAajD,EACjBG,EACA,GAAGA,CAAa,KAAKa,CAAO,GAAGC,EAAW,YAAc,EAAE,GAC1D,CAAE,CAAC,GAAGd,CAAa,cAAc,EAAGgB,CAAA,EACpCX,CAAA,EAGI0C,EAASL,WAAS,IAAID,EAAoB,CAAC,CAAE,MAAO,CAAE,MAAAtC,EAAM,IAAQA,CAAK,EAEzE6C,GAAqB,IAAM,CAC/B,MAAMC,EAAeF,EAAO,UAAWG,GAAaA,IAAapG,CAAY,EAC7E,OAAOmG,GAAgB,EAAIA,EAAe,CAC5C,EAEAE,EAAAA,UAAU,IAAM,CACV9F,GACF+F,EAAeX,EAAmB,UAAWhC,GAAUA,EAAM,MAAM,QAAUpD,CAAK,CAAC,CAEvF,EAAG,CAACoF,EAAoBpF,CAAK,CAAC,EAE9B,KAAM,CAACgG,EAAaD,CAAc,EAAIlB,EAAAA,SAASc,EAAkB,EAEjE,GAAI,IAAI,IAAID,CAAM,EAAE,OAASA,EAAO,OAClC,MAAM,IAAI,MAAM,sBAAsB,EAGxC,MAAMO,EAAY,CAACC,EAAcC,IAC/BA,GAAMpD,EAAa,GAAGoD,GAAMpD,CAAU,IAAImD,CAAI,GAAK,OAE/CE,EAAqB,IAAM,CAC/B,GAAI,CAACZ,EACH,OAGF,MAAMa,EAAmBf,EAAY,QAAQU,CAAW,EAExDf,GAAyBoB,GAAkB,YAAc,CAAC,EAC1DlB,GAAwBkB,GAAkB,wBAAwB,OAAS,CAAC,CAC9E,EAEMC,GAAmBC,GAAmB,CACtCf,GAAiB,CAACxF,GACpB+F,EAAeX,EAAmB,UAAWhC,GAAUA,EAAM,MAAM,QAAUmD,CAAM,CAAC,EAEtFhC,IAAWV,EAA2B0C,CAAM,CAAC,CAC/C,EAEMC,GAA2BC,GAA2B,CAC1D,GAAIzC,GAAS,QAAS,CACpB,KAAM,CAAE,WAAA0C,GAAe1C,EAAQ,QACzB2C,EAAWF,IAAS,OAAS,CAAClB,EAA2BA,EAE/DvB,EAAQ,QAAQ,OAAO,CAAE,KAAM0C,EAAaC,EAAU,SAAU,SAAU,CAC5E,CACF,EAEMC,EAAe,CAAC,CAAE,KAAAH,CAAA,IACtBtG,EAAAA,IAAC,SAAA,CACC,UAAWqC,EAAG,GAAGG,CAAa,kBAAmB,GAAGA,CAAa,oBAAoB8D,CAAI,EAAE,EAC3F,QAAS,IAAMD,GAAwBC,CAAI,EAC3C,KAAK,SACL,cAAY,OACZ,SAAU,GACV,cAAaR,EAAU,eAAe,EAEtC,SAAA9F,EAAAA,IAAC0G,MAAK,IAAKJ,IAAS,OAASK,GAAcC,GAAc,KAAK,IAAA,CAAK,CAAA,CAAA,EAIvEjB,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMkB,EAAe,IAAM,CACzB,GAAIvC,EAAW,SAAWD,EAAe,CACvC,MAAMyC,EAAYxC,EAAW,QAAQ,aACrCG,GAAUqC,CAAS,CACrB,CACF,EAEMC,EAAe,IAAM,CACzBF,EAAA,EACAZ,EAAA,CACF,EAEA,OAAAY,EAAA,EAEA,OAAO,iBAAiB,SAAUE,CAAY,EAEvC,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAY,CACnD,CACF,EAAG,CAAClB,EAAaxB,CAAa,CAAC,EAE/BsB,EAAAA,UAAU,IAAM,CACdM,EAAA,CACF,EAAG,CAACJ,EAAarC,EAAWyB,EAAmB,OAAQ5B,CAAO,CAAC,EAE/DsC,EAAAA,UAAU,IAAM,CACd,MAAMqB,EAAOnD,EAAQ,QACrB,GAAI,CAACmD,EAAM,OAEX,MAAMC,EAAoB,IAAM,CAC9B,KAAM,CAAE,WAAAV,EAAY,YAAAW,EAAa,YAAAC,CAAA,EAAgBH,EAE3CI,EAAYF,EAAcC,EAC1BE,GAAUd,GAAc,EACxBe,GAAQf,EAAaY,GAAeD,EAAc,EAExD,GAAI,CAACE,EAAW,CACdxC,EAAiB,CAAA,CAAE,EACnB,MACF,CAEAA,EAAiB,CACf,CAAC,GAAGpC,CAAa,yBAAyB,EAAG,CAAC6E,GAC9C,CAAC,GAAG7E,CAAa,uBAAuB,EAAG,CAAC8E,EAAA,CAC7C,CACH,EAEA,OAAAL,EAAA,EAEAD,EAAK,iBAAiB,SAAUC,EAAmB,CAAE,QAAS,GAAM,EACpE,OAAO,iBAAiB,SAAUA,CAAiB,EAE5C,IAAM,CACXD,EAAK,oBAAoB,SAAUC,CAAiB,EACpD,OAAO,oBAAoB,SAAUA,CAAiB,CACxD,CACF,EAAG,CAAA,CAAE,EAGHjH,EAAAA,IAACuH,GAAA,CACC,aAAcjI,GAAgB2F,EAAmB,CAAC,EAAE,MAAM,MAC1D,cAAekB,GACf,cAAavD,EACb,UAAW0C,GACX,MAAAzF,EACC,GAAGZ,EAEJ,gBAAC,MAAA,CAAI,UAAWoD,EAAG,GAAGG,CAAa,aAAa,EAC9C,SAAA,CAAAgF,EAAAA,KAAC,OAAI,UAAWnF,EAAG,GAAGG,CAAa,YAAamC,EAAa,EAC3D,SAAA,CAAA6C,EAAAA,KAACtF,GAAA,CACC,IAAMuF,GAAO,CACX5D,EAAQ,QAAU4D,CACpB,EACA,UAAWpF,EAAG,GAAGG,CAAa,QAAQ,EAErC,SAAA,CAAA0C,EAAAA,SAAS,IAAID,EAAoB,CAAChC,EAAOG,IAAU,CAClD,KAAM,CAAE,KAAA2C,EAAM,MAAApD,EAAO,cAAe+E,CAAA,EAAoBzE,EAAM,MAC9D,OACEjD,EAAAA,IAACmD,GAAA,CACC,cAAa2C,EAAU,SAAU4B,CAAe,EAChD,MAAAtE,EACA,MAAAT,EACA,IAAM8E,GAAO,CACPA,IACFtC,EAAY,QAAQ/B,CAAK,EAAIqE,EAEjC,EACA,QAAUlJ,GAAM,CACdoF,GAAepF,EAAE,OAAuBsF,EAAQ,OAAO,CACzD,EACA,QAAAR,EACA,SAAAC,EACA,UAAAE,EAEC,SAAAuC,CAAA,CAAA,CAGP,CAAC,EACAV,GACCrF,EAAAA,IAAC,MAAA,CACC,UAAWqC,EAAG,GAAGG,CAAa,mBAAmB,EACjD,MAAO,CACL,MAAOuC,GACP,UAAW,cAAcF,EAAqB,KAAA,EAEhD,cAAaiB,EAAU,iBAAiB,CAAA,CAAA,CAC1C,CAAA,CAAA,EAGJ9F,EAAAA,IAACyG,EAAA,CAAa,KAAK,MAAA,CAAO,EAC1BzG,EAAAA,IAACyG,EAAA,CAAa,KAAK,OAAA,CAAQ,CAAA,EAC7B,EACAzG,EAAAA,IAAC,MAAA,CACC,UAAWqE,EAAgBhC,EAAG,GAAGG,CAAa,mBAAmB,EAAI,GACrE,MAAO,CAAE,OAAQ6B,GAAiBG,EAAS,GAAK,GAAGA,CAAM,KAAO,MAAA,EAEhE,eAAC,MAAA,CAAI,IAAKF,EAAY,UAAWjC,EAAG,GAAGG,CAAa,qBAAqB,EACtE,oBAAS,IAAIyC,EAAqBhC,GAAUA,CAAK,CAAA,CACpD,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAGN,EAEAlE,GAAK,QAAU0D","x_google_ignoreList":[2]}

package/dist/tabs-CoXMAwMx.mjs

@@ -0,0 +1,396 @@
+import { jsx as l, jsxs as P } from "react/jsx-runtime";
+import * as T from "react";
+import { forwardRef as q, isValidElement as gt, useRef as M, useState as $, Children as x, useEffect as N } from "react";
+import { b as ht } from "./icon.es-CZcKxTaM.mjs";
+import { P as R, c as D, u as mt } from "./index-DCcK_d4W.mjs";
+import { c as wt } from "./index-DOfn3ixy.mjs";
+import { c as Z, I as Ct, R as Tt } from "./index-IpWiejWQ.mjs";
+import { P as $t } from "./index-DDrLXRUs.mjs";
+import { u as It } from "./index-ByaXH_ih.mjs";
+import { u as yt } from "./index-CEQ35j8b.mjs";
+import { c as B } from "./bind-CU-R61T-.mjs";
+const xt = {
+  name: "chevron-left",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M16.175 3.905a.9.9 0 0 1-.08 1.27L8.36 12l7.736 6.825a.9.9 0 0 1-1.191 1.35l-8.5-7.5a.9.9 0 0 1 0-1.35l8.5-7.5a.9.9 0 0 1 1.27.08Z" clip-rule="evenodd"/></svg>',
+  keywords: ["chevron-left"],
+  category: "utility"
+}, Nt = {
+  name: "chevron-right",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.809 3.924a.9.9 0 0 0 .115 1.267L16.094 12l-8.17 6.809a.9.9 0 0 0 1.152 1.382l9-7.5a.9.9 0 0 0 0-1.382l-9-7.5a.9.9 0 0 0-1.267.115Z" clip-rule="evenodd"/></svg>',
+  keywords: ["chevron-right"],
+  category: "utility"
+};
+var S = "Tabs", [Rt] = wt(S, [
+  Z
+]), X = Z(), [St, z] = Rt(S), J = T.forwardRef(
+  (e, r) => {
+    const {
+      __scopeTabs: s,
+      value: o,
+      onValueChange: i,
+      defaultValue: u,
+      orientation: a = "horizontal",
+      dir: n,
+      activationMode: b = "automatic",
+      ...f
+    } = e, p = It(n), [d, v] = mt({
+      prop: o,
+      onChange: i,
+      defaultProp: u ?? "",
+      caller: S
+    });
+    return /* @__PURE__ */ l(
+      St,
+      {
+        scope: s,
+        baseId: yt(),
+        value: d,
+        onValueChange: v,
+        orientation: a,
+        dir: p,
+        activationMode: b,
+        children: /* @__PURE__ */ l(
+          R.div,
+          {
+            dir: p,
+            "data-orientation": a,
+            ...f,
+            ref: r
+          }
+        )
+      }
+    );
+  }
+);
+J.displayName = S;
+var Q = "TabsList", U = T.forwardRef(
+  (e, r) => {
+    const { __scopeTabs: s, loop: o = !0, ...i } = e, u = z(Q, s), a = X(s);
+    return /* @__PURE__ */ l(
+      Tt,
+      {
+        asChild: !0,
+        ...a,
+        orientation: u.orientation,
+        dir: u.dir,
+        loop: o,
+        children: /* @__PURE__ */ l(
+          R.div,
+          {
+            role: "tablist",
+            "aria-orientation": u.orientation,
+            ...i,
+            ref: r
+          }
+        )
+      }
+    );
+  }
+);
+U.displayName = Q;
+var Y = "TabsTrigger", tt = T.forwardRef(
+  (e, r) => {
+    const { __scopeTabs: s, value: o, disabled: i = !1, ...u } = e, a = z(Y, s), n = X(s), b = nt(a.baseId, o), f = ot(a.baseId, o), p = o === a.value;
+    return /* @__PURE__ */ l(
+      Ct,
+      {
+        asChild: !0,
+        ...n,
+        focusable: !i,
+        active: p,
+        children: /* @__PURE__ */ l(
+          R.button,
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": p,
+            "aria-controls": f,
+            "data-state": p ? "active" : "inactive",
+            "data-disabled": i ? "" : void 0,
+            disabled: i,
+            id: b,
+            ...u,
+            ref: r,
+            onMouseDown: D(e.onMouseDown, (d) => {
+              !i && d.button === 0 && d.ctrlKey === !1 ? a.onValueChange(o) : d.preventDefault();
+            }),
+            onKeyDown: D(e.onKeyDown, (d) => {
+              [" ", "Enter"].includes(d.key) && a.onValueChange(o);
+            }),
+            onFocus: D(e.onFocus, () => {
+              const d = a.activationMode !== "manual";
+              !p && !i && d && a.onValueChange(o);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+tt.displayName = Y;
+var et = "TabsContent", rt = T.forwardRef(
+  (e, r) => {
+    const { __scopeTabs: s, value: o, forceMount: i, children: u, ...a } = e, n = z(et, s), b = nt(n.baseId, o), f = ot(n.baseId, o), p = o === n.value, d = T.useRef(p);
+    return T.useEffect(() => {
+      const v = requestAnimationFrame(() => d.current = !1);
+      return () => cancelAnimationFrame(v);
+    }, []), /* @__PURE__ */ l($t, { present: i || p, children: ({ present: v }) => /* @__PURE__ */ l(
+      R.div,
+      {
+        "data-state": p ? "active" : "inactive",
+        "data-orientation": n.orientation,
+        role: "tabpanel",
+        "aria-labelledby": b,
+        hidden: !v,
+        id: f,
+        tabIndex: 0,
+        ...a,
+        ref: r,
+        style: {
+          ...e.style,
+          animationDuration: d.current ? "0s" : void 0
+        },
+        children: v && u
+      }
+    ) });
+  }
+);
+rt.displayName = et;
+function nt(e, r) {
+  return `${e}-trigger-${r}`;
+}
+function ot(e, r) {
+  return `${e}-content-${r}`;
+}
+var Et = J, jt = U, At = tt, Lt = rt;
+const Pt = {
+  "purpur-tab-content": "_purpur-tab-content_1ugbi_1",
+  "purpur-tab-content--force-mount": "_purpur-tab-content--force-mount_1ugbi_15"
+}, Mt = B.bind(Pt), K = "purpur-tab-content", Dt = q(
+  ({ children: e, tabId: r, "data-testid": s, className: o, disableForceMount: i, ...u }, a) => /* @__PURE__ */ l(
+    Lt,
+    {
+      ref: a,
+      className: Mt(K, o, {
+        [`${K}--force-mount`]: !i
+      }),
+      "data-testid": s,
+      value: r,
+      forceMount: !i || void 0,
+      ...u,
+      children: e
+    }
+  )
+), Vt = (e) => !!e && gt(e) && !!e.props.name && !!e.props.tabId, Bt = {
+  "purpur-tab-header": "_purpur-tab-header_1tc2s_1",
+  "purpur-tab-header--contained": "_purpur-tab-header--contained_1tc2s_36",
+  "purpur-tab-header--contained-negative": "_purpur-tab-header--contained-negative_1tc2s_36",
+  "purpur-tab-header--line": "_purpur-tab-header--line_1tc2s_39",
+  "purpur-tab-header--line-negative": "_purpur-tab-header--line-negative_1tc2s_51",
+  "purpur-tab-header--full-width": "_purpur-tab-header--full-width_1tc2s_100"
+}, zt = B.bind(Bt), V = "purpur-tab-header", Ft = q(
+  ({
+    index: e,
+    tabId: r,
+    variant: s,
+    negative: o,
+    onFocus: i,
+    fullWidth: u,
+    "data-testid": a,
+    children: n
+  }, b) => /* @__PURE__ */ l(
+    At,
+    {
+      id: `${r}-trigger`,
+      className: zt(V, `${V}--${s}${o ? "-negative" : ""}`, {
+        [`${V}--full-width`]: u
+      }),
+      value: r,
+      "data-testid": a,
+      "data-index": e,
+      ref: b,
+      onFocus: i,
+      children: n
+    }
+  )
+), kt = {
+  "purpur-tabs__wrapper": "_purpur-tabs__wrapper_jv2vl_1",
+  "purpur-tabs__scroll-button": "_purpur-tabs__scroll-button_jv2vl_9",
+  "purpur-tabs__scroll-button--left": "_purpur-tabs__scroll-button--left_jv2vl_71",
+  "purpur-tabs__scroll-button--right": "_purpur-tabs__scroll-button--right_jv2vl_74",
+  "purpur-tabs__wrapper--scroll-start": "_purpur-tabs__wrapper--scroll-start_jv2vl_77",
+  "purpur-tabs__wrapper--scroll-end": "_purpur-tabs__wrapper--scroll-end_jv2vl_80",
+  "purpur-tabs--line": "_purpur-tabs--line_jv2vl_83",
+  "purpur-tabs--line-negative": "_purpur-tabs--line-negative_jv2vl_83",
+  "purpur-tabs__selected-border": "_purpur-tabs__selected-border_jv2vl_91",
+  "purpur-tabs__content-wrapper": "_purpur-tabs__content-wrapper_jv2vl_115",
+  "purpur-tabs--contained": "_purpur-tabs--contained_jv2vl_123",
+  "purpur-tabs__list": "_purpur-tabs__list_jv2vl_123",
+  "purpur-tabs--contained-negative": "_purpur-tabs--contained-negative_jv2vl_123",
+  "purpur-tabs__content-container": "_purpur-tabs__content-container_jv2vl_126",
+  "purpur-tabs--full-width": "_purpur-tabs--full-width_jv2vl_136"
+}, ee = ["line", "contained"], Gt = (e) => new CustomEvent("tabChangeDetail", { detail: { value: e } }), m = B.bind(kt), _ = "purpur-tabs", Wt = (e, r) => {
+  if (typeof e?.getBoundingClientRect != "function" || typeof r?.scroll != "function")
+    return;
+  const s = e.getBoundingClientRect(), o = r.getBoundingClientRect(), i = r.clientWidth, u = parseInt(getComputedStyle(r).borderLeftWidth?.split("px")[0], 10), a = o.left + (isNaN(u) ? 0 : u);
+  let n;
+  s.right > o.right && (n = s.left + r.scrollLeft, n = n + s.width - i + i * 0.1, n = n - a), s.left < o.left && (n = s.left + r.scrollLeft, n = n - i * 0.1, n = n - a), n !== void 0 && r.scroll({ left: n, behavior: "smooth" });
+}, Ot = ({
+  children: e,
+  variant: r = "line",
+  negative: s = !1,
+  fullWidth: o = !1,
+  onChange: i,
+  className: u,
+  defaultValue: a,
+  animateHeight: n = !1,
+  "data-testid": b,
+  value: f,
+  ...p
+}) => {
+  const d = M(null), [v, at] = $(-1), [st, F] = $({}), [it, ct] = $(0), [lt, ut] = $(0), g = x.toArray(e).filter(Vt), w = M(null), k = M(new Array(g.length)), G = 200, E = r === "line", dt = m(
+    _,
+    `${_}--${r}${s ? "-negative" : ""}`,
+    { [`${_}--full-width`]: o },
+    u
+  ), j = x.map(g, ({ props: { tabId: t } }) => t), pt = () => {
+    const t = j.findIndex((c) => c === a);
+    return t >= 0 ? t : 0;
+  };
+  N(() => {
+    f && W(g.findIndex((t) => t.props.tabId === f));
+  }, [g, f]);
+  const [A, W] = $(pt);
+  if (new Set(j).size !== j.length)
+    throw new Error("tabId must be unique");
+  const L = (t, c) => c || b ? `${c || b}-${t}` : void 0, O = () => {
+    if (!E)
+      return;
+    const t = k.current[A];
+    ct(t?.offsetLeft || 0), ut(t?.getBoundingClientRect().width || 0);
+  }, _t = (t) => {
+    E && !f && W(g.findIndex((c) => c.props.tabId === t)), i?.(Gt(t));
+  }, bt = (t) => {
+    if (w?.current) {
+      const { scrollLeft: c } = w.current, h = t === "left" ? -G : G;
+      w.current.scroll({ left: c + h, behavior: "smooth" });
+    }
+  }, H = ({ side: t }) => /* @__PURE__ */ l(
+    "button",
+    {
+      className: m(`${_}__scroll-button`, `${_}__scroll-button--${t}`),
+      onClick: () => bt(t),
+      type: "button",
+      "aria-hidden": "true",
+      tabIndex: -1,
+      "data-testid": L("scroll-button"),
+      children: /* @__PURE__ */ l(ht, { svg: t === "left" ? xt : Nt, size: "md" })
+    }
+  );
+  return N(() => {
+    const t = () => {
+      if (d.current && n) {
+        const h = d.current.offsetHeight;
+        at(h);
+      }
+    }, c = () => {
+      t(), O();
+    };
+    return t(), window.addEventListener("resize", c), () => {
+      window.removeEventListener("resize", c);
+    };
+  }, [A, n]), N(() => {
+    O();
+  }, [A, o, g.length, r]), N(() => {
+    const t = w.current;
+    if (!t) return;
+    const c = () => {
+      const { scrollLeft: h, scrollWidth: I, clientWidth: y } = t, C = I > y, ft = h <= 1, vt = h + y >= I - 1;
+      if (!C) {
+        F({});
+        return;
+      }
+      F({
+        [`${_}__wrapper--scroll-start`]: !ft,
+        [`${_}__wrapper--scroll-end`]: !vt
+      });
+    };
+    return c(), t.addEventListener("scroll", c, { passive: !0 }), window.addEventListener("resize", c), () => {
+      t.removeEventListener("scroll", c), window.removeEventListener("resize", c);
+    };
+  }, []), /* @__PURE__ */ l(
+    Et,
+    {
+      defaultValue: a ?? g[0].props.tabId,
+      onValueChange: _t,
+      "data-testid": b,
+      className: dt,
+      value: f,
+      ...p,
+      children: /* @__PURE__ */ P("div", { className: m(`${_}__container`), children: [
+        /* @__PURE__ */ P("div", { className: m(`${_}__wrapper`, st), children: [
+          /* @__PURE__ */ P(
+            jt,
+            {
+              ref: (t) => {
+                w.current = t;
+              },
+              className: m(`${_}__list`),
+              children: [
+                x.map(g, (t, c) => {
+                  const { name: h, tabId: I, "data-testid": y } = t.props;
+                  return /* @__PURE__ */ l(
+                    Ft,
+                    {
+                      "data-testid": L("header", y),
+                      index: c,
+                      tabId: I,
+                      ref: (C) => {
+                        C && (k.current[c] = C);
+                      },
+                      onFocus: (C) => {
+                        Wt(C.target, w.current);
+                      },
+                      variant: r,
+                      negative: s,
+                      fullWidth: o,
+                      children: h
+                    }
+                  );
+                }),
+                E && /* @__PURE__ */ l(
+                  "div",
+                  {
+                    className: m(`${_}__selected-border`),
+                    style: {
+                      width: lt,
+                      transform: `translateX(${it}px)`
+                    },
+                    "data-testid": L("selected-border")
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ l(H, { side: "left" }),
+          /* @__PURE__ */ l(H, { side: "right" })
+        ] }),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: n ? m(`${_}__content-wrapper`) : "",
+            style: { height: n && v > -1 ? `${v}px` : "auto" },
+            children: /* @__PURE__ */ l("div", { ref: d, className: m(`${_}__content-container`), children: x.map(g, (t) => t) })
+          }
+        )
+      ] })
+    }
+  );
+};
+Ot.Content = Dt;
+export {
+  Ot as T,
+  Gt as c,
+  ee as t
+};
+//# sourceMappingURL=tabs-CoXMAwMx.mjs.map

package/dist/tabs-CoXMAwMx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-CoXMAwMx.mjs","sources":["../../../components/icon/dist/assets/chevron-left.es.js","../../../components/icon/dist/assets/chevron-right.es.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-tabs@1.1.13_@types+react-dom@19.2.3_@types+react@19.2.10__@types+react@_68a385a9eea120600bb372a91de22b00/node_modules/@radix-ui/react-tabs/dist/index.mjs","../../../components/tabs/src/tab-content.tsx","../../../components/tabs/src/tab-header.tsx","../../../components/tabs/src/tabs.utils.ts","../../../components/tabs/src/tabs.tsx"],"sourcesContent":["const e = {\n  name: \"chevron-left\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M16.175 3.905a.9.9 0 0 1-.08 1.27L8.36 12l7.736 6.825a.9.9 0 0 1-1.191 1.35l-8.5-7.5a.9.9 0 0 1 0-1.35l8.5-7.5a.9.9 0 0 1 1.27.08Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"chevron-left\"],\n  category: \"utility\"\n};\nexport {\n  e as chevronLeft\n};\n//# sourceMappingURL=chevron-left.es.js.map\n","const e = {\n  name: \"chevron-right\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M7.809 3.924a.9.9 0 0 0 .115 1.267L16.094 12l-8.17 6.809a.9.9 0 0 0 1.152 1.382l9-7.5a.9.9 0 0 0 0-1.382l-9-7.5a.9.9 0 0 0-1.267.115Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"chevron-right\"],\n  category: \"utility\"\n};\nexport {\n  e as chevronRight\n};\n//# sourceMappingURL=chevron-right.es.js.map\n","\"use client\";\n\n// src/tabs.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TABS_NAME = \"Tabs\";\nvar [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [\n  createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);\nvar Tabs = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      ...tabsProps\n    } = props;\n    const direction = useDirection(dir);\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChange,\n      defaultProp: defaultValue ?? \"\",\n      caller: TABS_NAME\n    });\n    return /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\n        scope: __scopeTabs,\n        baseId: useId(),\n        value,\n        onValueChange: setValue,\n        orientation,\n        dir: direction,\n        activationMode,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            dir: direction,\n            \"data-orientation\": orientation,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabs.displayName = TABS_NAME;\nvar TAB_LIST_NAME = \"TabsList\";\nvar TabsList = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, loop = true, ...listProps } = props;\n    const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            role: \"tablist\",\n            \"aria-orientation\": context.orientation,\n            ...listProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabsList.displayName = TAB_LIST_NAME;\nvar TRIGGER_NAME = \"TabsTrigger\";\nvar TabsTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, disabled = false, ...triggerProps } = props;\n    const context = useTabsContext(TRIGGER_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !disabled,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          Primitive.button,\n          {\n            type: \"button\",\n            role: \"tab\",\n            \"aria-selected\": isSelected,\n            \"aria-controls\": contentId,\n            \"data-state\": isSelected ? \"active\" : \"inactive\",\n            \"data-disabled\": disabled ? \"\" : void 0,\n            disabled,\n            id: triggerId,\n            ...triggerProps,\n            ref: forwardedRef,\n            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {\n              if (!disabled && event.button === 0 && event.ctrlKey === false) {\n                context.onValueChange(value);\n              } else {\n                event.preventDefault();\n              }\n            }),\n            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n              if ([\" \", \"Enter\"].includes(event.key)) context.onValueChange(value);\n            }),\n            onFocus: composeEventHandlers(props.onFocus, () => {\n              const isAutomaticActivation = context.activationMode !== \"manual\";\n              if (!isSelected && !disabled && isAutomaticActivation) {\n                context.onValueChange(value);\n              }\n            })\n          }\n        )\n      }\n    );\n  }\n);\nTabsTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"TabsContent\";\nvar TabsContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(CONTENT_NAME, __scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    const isMountAnimationPreventedRef = React.useRef(isSelected);\n    React.useEffect(() => {\n      const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);\n      return () => cancelAnimationFrame(rAF);\n    }, []);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"data-state\": isSelected ? \"active\" : \"inactive\",\n        \"data-orientation\": context.orientation,\n        role: \"tabpanel\",\n        \"aria-labelledby\": triggerId,\n        hidden: !present,\n        id: contentId,\n        tabIndex: 0,\n        ...contentProps,\n        ref: forwardedRef,\n        style: {\n          ...props.style,\n          animationDuration: isMountAnimationPreventedRef.current ? \"0s\" : void 0\n        },\n        children: present && children\n      }\n    ) });\n  }\n);\nTabsContent.displayName = CONTENT_NAME;\nfunction makeTriggerId(baseId, value) {\n  return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n  return `${baseId}-content-${value}`;\n}\nvar Root2 = Tabs;\nvar List = TabsList;\nvar Trigger = TabsTrigger;\nvar Content = TabsContent;\nexport {\n  Content,\n  List,\n  Root2 as Root,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Trigger,\n  createTabsScope\n};\n//# sourceMappingURL=index.mjs.map\n","import React, { forwardRef, isValidElement, type ReactElement, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Content } from \"@radix-ui/react-tabs\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./tab-content.module.scss\";\n\nexport type TabContentProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * Content to be rendered inside a `button` element.\n   * Only pass ReactNodes that are valid as children of a `button`, such as plain text,\n   * inline elements like `span` or other non-interactive elements. Avoid block-level or interactive elements.\n   */\n  name: ReactNode;\n  /**\n   * A unique ID that associates the tab with a content.\n   * */\n  tabId: string;\n  /**\n   * If true, the inactive tab content will not be rendered.\n   */\n  disableForceMount?: boolean;\n  children: ReactNode;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-tab-content\";\n\nexport const TabContent = forwardRef<HTMLDivElement, TabContentProps>(\n  ({ children, tabId, \"data-testid\": dataTestId, className, disableForceMount, ...props }, ref) => (\n    <Content\n      ref={ref}\n      className={cx(rootClassName, className, {\n        [`${rootClassName}--force-mount`]: !disableForceMount,\n      })}\n      data-testid={dataTestId}\n      value={tabId}\n      forceMount={!disableForceMount || undefined}\n      {...props}\n    >\n      {children}\n    </Content>\n  )\n);\n\nexport const isTabContent = (child?: ReactNode): child is ReactElement<TabContentProps> =>\n  !!child && isValidElement<TabContentProps>(child) && !!child.props.name && !!child.props.tabId;\n","import React, {\n  type FocusEventHandler,\n  type ForwardedRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport { Trigger } from \"@radix-ui/react-tabs\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./tab-header.module.scss\";\nimport { type TabsVariant } from \"./tabs.utils\";\n\ntype TabHeaderProps = {\n  \"data-testid\"?: string;\n  index: number;\n  tabId: string;\n  variant: TabsVariant;\n  negative?: boolean;\n  onFocus: FocusEventHandler<HTMLButtonElement>;\n  fullWidth?: boolean;\n  children: ReactNode;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-tab-header\";\n\nexport const TabHeader = forwardRef(\n  <T extends HTMLButtonElement>(\n    {\n      index,\n      tabId,\n      variant,\n      negative,\n      onFocus,\n      fullWidth,\n      \"data-testid\": dataTestId,\n      children,\n    }: TabHeaderProps,\n    ref: ForwardedRef<T>\n  ) => (\n    <Trigger\n      id={`${tabId}-trigger`}\n      className={cx(rootClassName, `${rootClassName}--${variant}${negative ? \"-negative\" : \"\"}`, {\n        [`${rootClassName}--full-width`]: fullWidth,\n      })}\n      value={tabId}\n      data-testid={dataTestId}\n      data-index={index}\n      ref={ref}\n      onFocus={onFocus}\n    >\n      {children}\n    </Trigger>\n  )\n);\n","import type { FunctionComponent } from \"react\";\n\nimport type { TabContent } from \"./tab-content\";\n\nexport type TabsCmp<P> = FunctionComponent<P> & {\n  Content: typeof TabContent;\n};\n\nexport const tabsVariants = [\"line\", \"contained\"] as const;\n\nexport type TabsVariant = (typeof tabsVariants)[number];\n\nexport const createTabChangeDetailEvent = (value: string) =>\n  new CustomEvent<TabChangeDetail>(\"tabChangeDetail\", { detail: { value } });\n\nexport type TabChangeDetail = { value: string };\n","import React, {\n  Children,\n  type HTMLAttributes,\n  type ReactElement,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Icon } from \"@purpur/icon\";\nimport { chevronLeft } from \"@purpur/icon/assets/chevron-left\";\nimport { chevronRight } from \"@purpur/icon/assets/chevron-right\";\nimport { List, Root } from \"@radix-ui/react-tabs\";\nimport c from \"classnames/bind\";\n\nimport { isTabContent, TabContent } from \"./tab-content\";\nimport { TabHeader } from \"./tab-header\";\nimport styles from \"./tabs.module.scss\";\nimport {\n  createTabChangeDetailEvent,\n  type TabChangeDetail,\n  type TabsCmp,\n  type TabsVariant,\n} from \"./tabs.utils\";\n\ntype TabsProps = {\n  children: Array<ReactElement<typeof TabContent>> | ReactElement<typeof TabContent>;\n  variant?: TabsVariant;\n  negative?: boolean;\n  fullWidth?: boolean;\n  /**\n   * The controlled value of the tabs. Must be used in conjunction with onChange.\n   */\n  value?: string;\n  /**\n   * Event handler called when the value changes.\n   * */\n  onChange?: (event: CustomEvent<TabChangeDetail>) => void;\n  defaultValue?: string;\n  /**\n   * When true, animates the height of the component when switching tabs.\n   * */\n  animateHeight?: boolean;\n  \"data-testid\"?: string;\n} & Pick<HTMLAttributes<HTMLDivElement>, \"style\" | \"className\">;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-tabs\";\n\nconst scrollToTarget = (target: HTMLElement, tabList?: HTMLDivElement | null) => {\n  /**\n   * scroll may not be available in test runner, so check existence before\n   * proceeding. We can't use scrollIntoView() because Safari doesn't support\n   * it fully.\n   */\n  if (\n    typeof target?.getBoundingClientRect !== \"function\" ||\n    typeof tabList?.scroll !== \"function\"\n  ) {\n    return;\n  }\n\n  const targetRect = target.getBoundingClientRect();\n  const wrapperRect = tabList.getBoundingClientRect();\n  const wrapperWidth = tabList.clientWidth;\n  const wrapperOffset = parseInt(getComputedStyle(tabList).borderLeftWidth?.split(\"px\")[0], 10);\n  const offset = wrapperRect.left + (isNaN(wrapperOffset) ? 0 : wrapperOffset);\n  let left;\n\n  // Handle forward navigation\n  if (targetRect.right > wrapperRect.right) {\n    left = targetRect.left + tabList.scrollLeft;\n    left = left + targetRect.width - wrapperWidth + wrapperWidth * 0.1;\n    left = left - offset;\n  }\n\n  // Handle backwards navigation\n  if (targetRect.left < wrapperRect.left) {\n    left = targetRect.left + tabList.scrollLeft;\n    left = left - wrapperWidth * 0.1;\n    left = left - offset;\n  }\n\n  if (left !== undefined) {\n    tabList.scroll({ left, behavior: \"smooth\" });\n  }\n};\n\nexport const Tabs: TabsCmp<TabsProps> = ({\n  children,\n  variant = \"line\",\n  negative = false,\n  fullWidth = false,\n  onChange,\n  className,\n  defaultValue,\n  animateHeight = false,\n  \"data-testid\": dataTestId,\n  value,\n  ...props\n}) => {\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const [height, setHeight] = useState(-1);\n  const [scrollClasses, setScrollClasses] = useState<{ [key: string]: boolean }>({});\n  const [selectedTriggerOffset, setSelectedTriggerOffset] = useState(0);\n  const [selectedTriggerWidth, setSelectedTriggerWidth] = useState(0);\n  const tabContentChildren = Children.toArray(children).filter(isTabContent);\n  const tabList = useRef<HTMLDivElement>(null);\n  const tabChildren = useRef<HTMLButtonElement[]>(new Array(tabContentChildren.length));\n  const sideScrollAdjustmentSize = 200;\n  const isLineVariant = variant === \"line\";\n\n  const classNames = cx(\n    rootClassName,\n    `${rootClassName}--${variant}${negative ? \"-negative\" : \"\"}`,\n    { [`${rootClassName}--full-width`]: fullWidth },\n    className\n  );\n\n  const tabIds = Children.map(tabContentChildren, ({ props: { tabId } }) => tabId);\n\n  const getDefaultTabIndex = () => {\n    const defaultIndex = tabIds.findIndex((tabIndex) => tabIndex === defaultValue);\n    return defaultIndex >= 0 ? defaultIndex : 0;\n  };\n\n  useEffect(() => {\n    if (value) {\n      setActiveIndex(tabContentChildren.findIndex((child) => child.props.tabId === value));\n    }\n  }, [tabContentChildren, value]);\n\n  const [activeIndex, setActiveIndex] = useState(getDefaultTabIndex);\n\n  if (new Set(tabIds).size !== tabIds.length) {\n    throw new Error(\"tabId must be unique\");\n  }\n\n  const getTestId = (name: string, id?: string) =>\n    id || dataTestId ? `${id || dataTestId}-${name}` : undefined;\n\n  const handleLinePosition = () => {\n    if (!isLineVariant) {\n      return;\n    }\n\n    const activeTabElement = tabChildren.current[activeIndex];\n\n    setSelectedTriggerOffset(activeTabElement?.offsetLeft || 0);\n    setSelectedTriggerWidth(activeTabElement?.getBoundingClientRect().width || 0);\n  };\n\n  const handleTabChange = (_value: string) => {\n    if (isLineVariant && !value) {\n      setActiveIndex(tabContentChildren.findIndex((child) => child.props.tabId === _value));\n    }\n    onChange?.(createTabChangeDetailEvent(_value));\n  };\n\n  const handleScrollButtonClick = (side: \"left\" | \"right\") => {\n    if (tabList?.current) {\n      const { scrollLeft } = tabList.current;\n      const modifier = side === \"left\" ? -sideScrollAdjustmentSize : sideScrollAdjustmentSize;\n\n      tabList.current.scroll({ left: scrollLeft + modifier, behavior: \"smooth\" });\n    }\n  };\n\n  const ScrollButton = ({ side }: { side: \"left\" | \"right\" }) => (\n    <button\n      className={cx(`${rootClassName}__scroll-button`, `${rootClassName}__scroll-button--${side}`)}\n      onClick={() => handleScrollButtonClick(side)}\n      type=\"button\"\n      aria-hidden=\"true\"\n      tabIndex={-1}\n      data-testid={getTestId(\"scroll-button\")}\n    >\n      <Icon svg={side === \"left\" ? chevronLeft : chevronRight} size=\"md\" />\n    </button>\n  );\n\n  useEffect(() => {\n    const setNewHeight = () => {\n      if (contentRef.current && animateHeight) {\n        const newHeight = contentRef.current.offsetHeight;\n        setHeight(newHeight);\n      }\n    };\n\n    const handleResize = () => {\n      setNewHeight();\n      handleLinePosition();\n    };\n\n    setNewHeight();\n\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, [activeIndex, animateHeight]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    handleLinePosition();\n  }, [activeIndex, fullWidth, tabContentChildren.length, variant]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const root = tabList.current;\n    if (!root) return;\n\n    const updateScrollState = () => {\n      const { scrollLeft, scrollWidth, clientWidth } = root;\n\n      const canScroll = scrollWidth > clientWidth;\n      const atStart = scrollLeft <= 1;\n      const atEnd = scrollLeft + clientWidth >= scrollWidth - 1;\n\n      if (!canScroll) {\n        setScrollClasses({});\n        return;\n      }\n\n      setScrollClasses({\n        [`${rootClassName}__wrapper--scroll-start`]: !atStart,\n        [`${rootClassName}__wrapper--scroll-end`]: !atEnd,\n      });\n    };\n\n    updateScrollState();\n\n    root.addEventListener(\"scroll\", updateScrollState, { passive: true });\n    window.addEventListener(\"resize\", updateScrollState);\n\n    return () => {\n      root.removeEventListener(\"scroll\", updateScrollState);\n      window.removeEventListener(\"resize\", updateScrollState);\n    };\n  }, []);\n\n  return (\n    <Root\n      defaultValue={defaultValue ?? tabContentChildren[0].props.tabId}\n      onValueChange={handleTabChange}\n      data-testid={dataTestId}\n      className={classNames}\n      value={value}\n      {...props}\n    >\n      <div className={cx(`${rootClassName}__container`)}>\n        <div className={cx(`${rootClassName}__wrapper`, scrollClasses)}>\n          <List\n            ref={(el) => {\n              tabList.current = el;\n            }}\n            className={cx(`${rootClassName}__list`)}\n          >\n            {Children.map(tabContentChildren, (child, index) => {\n              const { name, tabId, \"data-testid\": childDataTestId } = child.props;\n              return (\n                <TabHeader\n                  data-testid={getTestId(\"header\", childDataTestId)}\n                  index={index}\n                  tabId={tabId}\n                  ref={(el) => {\n                    if (el) {\n                      tabChildren.current[index] = el;\n                    }\n                  }}\n                  onFocus={(e) => {\n                    scrollToTarget(e.target as HTMLElement, tabList.current);\n                  }}\n                  variant={variant}\n                  negative={negative}\n                  fullWidth={fullWidth}\n                >\n                  {name}\n                </TabHeader>\n              );\n            })}\n            {isLineVariant && (\n              <div\n                className={cx(`${rootClassName}__selected-border`)}\n                style={{\n                  width: selectedTriggerWidth,\n                  transform: `translateX(${selectedTriggerOffset}px)`,\n                }}\n                data-testid={getTestId(\"selected-border\")}\n              />\n            )}\n          </List>\n          <ScrollButton side=\"left\" />\n          <ScrollButton side=\"right\" />\n        </div>\n        <div\n          className={animateHeight ? cx(`${rootClassName}__content-wrapper`) : \"\"}\n          style={{ height: animateHeight && height > -1 ? `${height}px` : \"auto\" }}\n        >\n          <div ref={contentRef} className={cx(`${rootClassName}__content-container`)}>\n            {Children.map(tabContentChildren, (child) => child)}\n          </div>\n        </div>\n      </div>\n    </Root>\n  );\n};\n\nTabs.Content = TabContent;\n\nexport * from \"./tabs.utils\";\n"],"names":["e","TABS_NAME","createTabsContext","createContextScope","createRovingFocusGroupScope","useRovingFocusGroupScope","TabsProvider","useTabsContext","Tabs","React","props","forwardedRef","__scopeTabs","valueProp","onValueChange","defaultValue","orientation","dir","activationMode","tabsProps","direction","useDirection","value","setValue","useControllableState","jsx","useId","Primitive","TAB_LIST_NAME","TabsList","loop","listProps","context","rovingFocusGroupScope","RovingFocusGroup.Root","TRIGGER_NAME","TabsTrigger","disabled","triggerProps","triggerId","makeTriggerId","contentId","makeContentId","isSelected","RovingFocusGroup.Item","composeEventHandlers","event","isAutomaticActivation","CONTENT_NAME","TabsContent","forceMount","children","contentProps","isMountAnimationPreventedRef","rAF","Presence","present","baseId","Root2","List","Trigger","Content","cx","c","styles","rootClassName","TabContent","forwardRef","tabId","dataTestId","className","disableForceMount","ref","isTabContent","child","isValidElement","TabHeader","index","variant","negative","onFocus","fullWidth","tabsVariants","createTabChangeDetailEvent","scrollToTarget","target","tabList","targetRect","wrapperRect","wrapperWidth","wrapperOffset","offset","left","onChange","animateHeight","contentRef","useRef","height","setHeight","useState","scrollClasses","setScrollClasses","selectedTriggerOffset","setSelectedTriggerOffset","selectedTriggerWidth","setSelectedTriggerWidth","tabContentChildren","Children","tabChildren","sideScrollAdjustmentSize","isLineVariant","classNames","tabIds","getDefaultTabIndex","defaultIndex","tabIndex","useEffect","setActiveIndex","activeIndex","getTestId","name","id","handleLinePosition","activeTabElement","handleTabChange","_value","handleScrollButtonClick","side","scrollLeft","modifier","ScrollButton","Icon","chevronLeft","chevronRight","setNewHeight","newHeight","handleResize","root","updateScrollState","scrollWidth","clientWidth","canScroll","atStart","atEnd","Root","jsxs","el","childDataTestId"],"mappings":";;;;;;;;;;;AAAA,MAAMA,KAAI;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU,CAAC,cAAc;AAAA,EACzB,UAAU;AACZ,GCLMA,KAAI;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU,CAAC,eAAe;AAAA,EAC1B,UAAU;AACZ;ACSA,IAAIC,IAAY,QACZ,CAACC,EAAkC,IAAIC,GAAmBF,GAAW;AAAA,EACvEG;AACF,CAAC,GACGC,IAA2BD,EAA2B,GACtD,CAACE,IAAcC,CAAc,IAAIL,GAAkBD,CAAS,GAC5DO,IAAOC,EAAM;AAAA,EACf,CAACC,GAAOC,MAAiB;AACvB,UAAM;AAAA,MACJ,aAAAC;AAAA,MACA,OAAOC;AAAA,MACP,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC,IAAc;AAAA,MACd,KAAAC;AAAA,MACA,gBAAAC,IAAiB;AAAA,MACjB,GAAGC;AAAA,IACT,IAAQT,GACEU,IAAYC,GAAaJ,CAAG,GAC5B,CAACK,GAAOC,CAAQ,IAAIC,GAAqB;AAAA,MAC7C,MAAMX;AAAA,MACN,UAAUC;AAAA,MACV,aAAaC,KAAgB;AAAA,MAC7B,QAAQd;AAAA,IACd,CAAK;AACD,WAAuB,gBAAAwB;AAAA,MACrBnB;AAAA,MACA;AAAA,QACE,OAAOM;AAAA,QACP,QAAQc,GAAK;AAAA,QACb,OAAAJ;AAAA,QACA,eAAeC;AAAA,QACf,aAAAP;AAAA,QACA,KAAKI;AAAA,QACL,gBAAAF;AAAA,QACA,UAA0B,gBAAAO;AAAA,UACxBE,EAAU;AAAA,UACV;AAAA,YACE,KAAKP;AAAA,YACL,oBAAoBJ;AAAA,YACpB,GAAGG;AAAA,YACH,KAAKR;AAAA,UACjB;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACE;AACF;AACAH,EAAK,cAAcP;AACnB,IAAI2B,IAAgB,YAChBC,IAAWpB,EAAM;AAAA,EACnB,CAACC,GAAOC,MAAiB;AACvB,UAAM,EAAE,aAAAC,GAAa,MAAAkB,IAAO,IAAM,GAAGC,EAAS,IAAKrB,GAC7CsB,IAAUzB,EAAeqB,GAAehB,CAAW,GACnDqB,IAAwB5B,EAAyBO,CAAW;AAClE,WAAuB,gBAAAa;AAAA,MACrBS;AAAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,GAAGD;AAAA,QACH,aAAaD,EAAQ;AAAA,QACrB,KAAKA,EAAQ;AAAA,QACb,MAAAF;AAAA,QACA,UAA0B,gBAAAL;AAAA,UACxBE,EAAU;AAAA,UACV;AAAA,YACE,MAAM;AAAA,YACN,oBAAoBK,EAAQ;AAAA,YAC5B,GAAGD;AAAA,YACH,KAAKpB;AAAA,UACjB;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACE;AACF;AACAkB,EAAS,cAAcD;AACvB,IAAIO,IAAe,eACfC,KAAc3B,EAAM;AAAA,EACtB,CAACC,GAAOC,MAAiB;AACvB,UAAM,EAAE,aAAAC,GAAa,OAAAU,GAAO,UAAAe,IAAW,IAAO,GAAGC,EAAY,IAAK5B,GAC5DsB,IAAUzB,EAAe4B,GAAcvB,CAAW,GAClDqB,IAAwB5B,EAAyBO,CAAW,GAC5D2B,IAAYC,GAAcR,EAAQ,QAAQV,CAAK,GAC/CmB,IAAYC,GAAcV,EAAQ,QAAQV,CAAK,GAC/CqB,IAAarB,MAAUU,EAAQ;AACrC,WAAuB,gBAAAP;AAAA,MACrBmB;AAAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,GAAGX;AAAA,QACH,WAAW,CAACI;AAAA,QACZ,QAAQM;AAAA,QACR,UAA0B,gBAAAlB;AAAA,UACxBE,EAAU;AAAA,UACV;AAAA,YACE,MAAM;AAAA,YACN,MAAM;AAAA,YACN,iBAAiBgB;AAAA,YACjB,iBAAiBF;AAAA,YACjB,cAAcE,IAAa,WAAW;AAAA,YACtC,iBAAiBN,IAAW,KAAK;AAAA,YACjC,UAAAA;AAAA,YACA,IAAIE;AAAA,YACJ,GAAGD;AAAA,YACH,KAAK3B;AAAA,YACL,aAAakC,EAAqBnC,EAAM,aAAa,CAACoC,MAAU;AAC9D,cAAI,CAACT,KAAYS,EAAM,WAAW,KAAKA,EAAM,YAAY,KACvDd,EAAQ,cAAcV,CAAK,IAE3BwB,EAAM,eAAc;AAAA,YAExB,CAAC;AAAA,YACD,WAAWD,EAAqBnC,EAAM,WAAW,CAACoC,MAAU;AAC1D,cAAI,CAAC,KAAK,OAAO,EAAE,SAASA,EAAM,GAAG,KAAGd,EAAQ,cAAcV,CAAK;AAAA,YACrE,CAAC;AAAA,YACD,SAASuB,EAAqBnC,EAAM,SAAS,MAAM;AACjD,oBAAMqC,IAAwBf,EAAQ,mBAAmB;AACzD,cAAI,CAACW,KAAc,CAACN,KAAYU,KAC9Bf,EAAQ,cAAcV,CAAK;AAAA,YAE/B,CAAC;AAAA,UACb;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACE;AACF;AACAc,GAAY,cAAcD;AAC1B,IAAIa,KAAe,eACfC,KAAcxC,EAAM;AAAA,EACtB,CAACC,GAAOC,MAAiB;AACvB,UAAM,EAAE,aAAAC,GAAa,OAAAU,GAAO,YAAA4B,GAAY,UAAAC,GAAU,GAAGC,EAAY,IAAK1C,GAChEsB,IAAUzB,EAAeyC,IAAcpC,CAAW,GAClD2B,IAAYC,GAAcR,EAAQ,QAAQV,CAAK,GAC/CmB,IAAYC,GAAcV,EAAQ,QAAQV,CAAK,GAC/CqB,IAAarB,MAAUU,EAAQ,OAC/BqB,IAA+B5C,EAAM,OAAOkC,CAAU;AAC5D,WAAAlC,EAAM,UAAU,MAAM;AACpB,YAAM6C,IAAM,sBAAsB,MAAMD,EAA6B,UAAU,EAAK;AACpF,aAAO,MAAM,qBAAqBC,CAAG;AAAA,IACvC,GAAG,CAAA,CAAE,GACkB,gBAAA7B,EAAI8B,IAAU,EAAE,SAASL,KAAcP,GAAY,UAAU,CAAC,EAAE,SAAAa,EAAO,MAAuB,gBAAA/B;AAAA,MACnHE,EAAU;AAAA,MACV;AAAA,QACE,cAAcgB,IAAa,WAAW;AAAA,QACtC,oBAAoBX,EAAQ;AAAA,QAC5B,MAAM;AAAA,QACN,mBAAmBO;AAAA,QACnB,QAAQ,CAACiB;AAAA,QACT,IAAIf;AAAA,QACJ,UAAU;AAAA,QACV,GAAGW;AAAA,QACH,KAAKzC;AAAA,QACL,OAAO;AAAA,UACL,GAAGD,EAAM;AAAA,UACT,mBAAmB2C,EAA6B,UAAU,OAAO;AAAA,QAC3E;AAAA,QACQ,UAAUG,KAAWL;AAAA,MAC7B;AAAA,IACA,GAAO;AAAA,EACL;AACF;AACAF,GAAY,cAAcD;AAC1B,SAASR,GAAciB,GAAQnC,GAAO;AACpC,SAAO,GAAGmC,CAAM,YAAYnC,CAAK;AACnC;AACA,SAASoB,GAAce,GAAQnC,GAAO;AACpC,SAAO,GAAGmC,CAAM,YAAYnC,CAAK;AACnC;AACA,IAAIoC,KAAQlD,GACRmD,KAAO9B,GACP+B,KAAUxB,IACVyB,KAAUZ;;;;GClKRa,KAAKC,EAAE,KAAKC,EAAM,GAClBC,IAAgB,sBAETC,KAAaC;AAAA,EACxB,CAAC,EAAE,UAAAhB,GAAU,OAAAiB,GAAO,eAAeC,GAAY,WAAAC,GAAW,mBAAAC,GAAmB,GAAG7D,KAAS8D,MACvF,gBAAA/C;AAAA,IAACoC;AAAA,IAAA;AAAA,MACC,KAAAW;AAAA,MACA,WAAWV,GAAGG,GAAeK,GAAW;AAAA,QACtC,CAAC,GAAGL,CAAa,eAAe,GAAG,CAACM;AAAA,MAAA,CACrC;AAAA,MACD,eAAaF;AAAA,MACb,OAAOD;AAAA,MACP,YAAY,CAACG,KAAqB;AAAA,MACjC,GAAG7D;AAAA,MAEH,UAAAyC;AAAA,IAAA;AAAA,EAAA;AAGP,GAEasB,KAAe,CAACC,MAC3B,CAAC,CAACA,KAASC,GAAgCD,CAAK,KAAK,CAAC,CAACA,EAAM,MAAM,QAAQ,CAAC,CAACA,EAAM,MAAM;;;;;;;GCvBrFZ,KAAKC,EAAE,KAAKC,EAAM,GAClBC,IAAgB,qBAETW,KAAYT;AAAA,EACvB,CACE;AAAA,IACE,OAAAU;AAAA,IACA,OAAAT;AAAA,IACA,SAAAU;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAeZ;AAAA,IACf,UAAAlB;AAAA,EAAA,GAEFqB,MAEA,gBAAA/C;AAAA,IAACmC;AAAA,IAAA;AAAA,MACC,IAAI,GAAGQ,CAAK;AAAA,MACZ,WAAWN,GAAGG,GAAe,GAAGA,CAAa,KAAKa,CAAO,GAAGC,IAAW,cAAc,EAAE,IAAI;AAAA,QACzF,CAAC,GAAGd,CAAa,cAAc,GAAGgB;AAAA,MAAA,CACnC;AAAA,MACD,OAAOb;AAAA,MACP,eAAaC;AAAA,MACb,cAAYQ;AAAA,MACZ,KAAAL;AAAA,MACA,SAAAQ;AAAA,MAEC,UAAA7B;AAAA,IAAA;AAAA,EAAA;AAGP;;;;;;;;;;;;;;;;GC9Ca+B,KAAe,CAAC,QAAQ,WAAW,GAInCC,KAA6B,CAAC7D,MACzC,IAAI,YAA6B,mBAAmB,EAAE,QAAQ,EAAE,OAAAA,IAAM,CAAG,GCgCrEwC,IAAKC,EAAE,KAAKC,EAAM,GAClBC,IAAgB,eAEhBmB,KAAiB,CAACC,GAAqBC,MAAoC;AAM/E,MACE,OAAOD,GAAQ,yBAA0B,cACzC,OAAOC,GAAS,UAAW;AAE3B;AAGF,QAAMC,IAAaF,EAAO,sBAAA,GACpBG,IAAcF,EAAQ,sBAAA,GACtBG,IAAeH,EAAQ,aACvBI,IAAgB,SAAS,iBAAiBJ,CAAO,EAAE,iBAAiB,MAAM,IAAI,EAAE,CAAC,GAAG,EAAE,GACtFK,IAASH,EAAY,QAAQ,MAAME,CAAa,IAAI,IAAIA;AAC9D,MAAIE;AAGJ,EAAIL,EAAW,QAAQC,EAAY,UACjCI,IAAOL,EAAW,OAAOD,EAAQ,YACjCM,IAAOA,IAAOL,EAAW,QAAQE,IAAeA,IAAe,KAC/DG,IAAOA,IAAOD,IAIZJ,EAAW,OAAOC,EAAY,SAChCI,IAAOL,EAAW,OAAOD,EAAQ,YACjCM,IAAOA,IAAOH,IAAe,KAC7BG,IAAOA,IAAOD,IAGZC,MAAS,UACXN,EAAQ,OAAO,EAAE,MAAAM,GAAM,UAAU,UAAU;AAE/C,GAEapF,KAA2B,CAAC;AAAA,EACvC,UAAA2C;AAAA,EACA,SAAA2B,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,WAAAE,IAAY;AAAA,EACZ,UAAAY;AAAA,EACA,WAAAvB;AAAA,EACA,cAAAvD;AAAA,EACA,eAAA+E,IAAgB;AAAA,EAChB,eAAezB;AAAA,EACf,OAAA/C;AAAA,EACA,GAAGZ;AACL,MAAM;AACJ,QAAMqF,IAAaC,EAA8B,IAAI,GAC/C,CAACC,GAAQC,EAAS,IAAIC,EAAS,EAAE,GACjC,CAACC,IAAeC,CAAgB,IAAIF,EAAqC,CAAA,CAAE,GAC3E,CAACG,IAAuBC,EAAwB,IAAIJ,EAAS,CAAC,GAC9D,CAACK,IAAsBC,EAAuB,IAAIN,EAAS,CAAC,GAC5DO,IAAqBC,EAAS,QAAQxD,CAAQ,EAAE,OAAOsB,EAAY,GACnEa,IAAUU,EAAuB,IAAI,GACrCY,IAAcZ,EAA4B,IAAI,MAAMU,EAAmB,MAAM,CAAC,GAC9EG,IAA2B,KAC3BC,IAAgBhC,MAAY,QAE5BiC,KAAajD;AAAA,IACjBG;AAAA,IACA,GAAGA,CAAa,KAAKa,CAAO,GAAGC,IAAW,cAAc,EAAE;AAAA,IAC1D,EAAE,CAAC,GAAGd,CAAa,cAAc,GAAGgB,EAAA;AAAA,IACpCX;AAAA,EAAA,GAGI0C,IAASL,EAAS,IAAID,GAAoB,CAAC,EAAE,OAAO,EAAE,OAAAtC,IAAM,MAAQA,CAAK,GAEzE6C,KAAqB,MAAM;AAC/B,UAAMC,IAAeF,EAAO,UAAU,CAACG,MAAaA,MAAapG,CAAY;AAC7E,WAAOmG,KAAgB,IAAIA,IAAe;AAAA,EAC5C;AAEA,EAAAE,EAAU,MAAM;AACd,IAAI9F,KACF+F,EAAeX,EAAmB,UAAU,CAAChC,MAAUA,EAAM,MAAM,UAAUpD,CAAK,CAAC;AAAA,EAEvF,GAAG,CAACoF,GAAoBpF,CAAK,CAAC;AAE9B,QAAM,CAACgG,GAAaD,CAAc,IAAIlB,EAASc,EAAkB;AAEjE,MAAI,IAAI,IAAID,CAAM,EAAE,SAASA,EAAO;AAClC,UAAM,IAAI,MAAM,sBAAsB;AAGxC,QAAMO,IAAY,CAACC,GAAcC,MAC/BA,KAAMpD,IAAa,GAAGoD,KAAMpD,CAAU,IAAImD,CAAI,KAAK,QAE/CE,IAAqB,MAAM;AAC/B,QAAI,CAACZ;AACH;AAGF,UAAMa,IAAmBf,EAAY,QAAQU,CAAW;AAExD,IAAAf,GAAyBoB,GAAkB,cAAc,CAAC,GAC1DlB,GAAwBkB,GAAkB,wBAAwB,SAAS,CAAC;AAAA,EAC9E,GAEMC,KAAkB,CAACC,MAAmB;AAC1C,IAAIf,KAAiB,CAACxF,KACpB+F,EAAeX,EAAmB,UAAU,CAAChC,MAAUA,EAAM,MAAM,UAAUmD,CAAM,CAAC,GAEtFhC,IAAWV,GAA2B0C,CAAM,CAAC;AAAA,EAC/C,GAEMC,KAA0B,CAACC,MAA2B;AAC1D,QAAIzC,GAAS,SAAS;AACpB,YAAM,EAAE,YAAA0C,MAAe1C,EAAQ,SACzB2C,IAAWF,MAAS,SAAS,CAAClB,IAA2BA;AAE/D,MAAAvB,EAAQ,QAAQ,OAAO,EAAE,MAAM0C,IAAaC,GAAU,UAAU,UAAU;AAAA,IAC5E;AAAA,EACF,GAEMC,IAAe,CAAC,EAAE,MAAAH,EAAA,MACtB,gBAAAtG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWqC,EAAG,GAAGG,CAAa,mBAAmB,GAAGA,CAAa,oBAAoB8D,CAAI,EAAE;AAAA,MAC3F,SAAS,MAAMD,GAAwBC,CAAI;AAAA,MAC3C,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,UAAU;AAAA,MACV,eAAaR,EAAU,eAAe;AAAA,MAEtC,UAAA,gBAAA9F,EAAC0G,MAAK,KAAKJ,MAAS,SAASK,KAAcC,IAAc,MAAK,KAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AAIvE,SAAAjB,EAAU,MAAM;AACd,UAAMkB,IAAe,MAAM;AACzB,UAAIvC,EAAW,WAAWD,GAAe;AACvC,cAAMyC,IAAYxC,EAAW,QAAQ;AACrC,QAAAG,GAAUqC,CAAS;AAAA,MACrB;AAAA,IACF,GAEMC,IAAe,MAAM;AACzB,MAAAF,EAAA,GACAZ,EAAA;AAAA,IACF;AAEA,WAAAY,EAAA,GAEA,OAAO,iBAAiB,UAAUE,CAAY,GAEvC,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAY;AAAA,IACnD;AAAA,EACF,GAAG,CAAClB,GAAaxB,CAAa,CAAC,GAE/BsB,EAAU,MAAM;AACd,IAAAM,EAAA;AAAA,EACF,GAAG,CAACJ,GAAarC,GAAWyB,EAAmB,QAAQ5B,CAAO,CAAC,GAE/DsC,EAAU,MAAM;AACd,UAAMqB,IAAOnD,EAAQ;AACrB,QAAI,CAACmD,EAAM;AAEX,UAAMC,IAAoB,MAAM;AAC9B,YAAM,EAAE,YAAAV,GAAY,aAAAW,GAAa,aAAAC,EAAA,IAAgBH,GAE3CI,IAAYF,IAAcC,GAC1BE,KAAUd,KAAc,GACxBe,KAAQf,IAAaY,KAAeD,IAAc;AAExD,UAAI,CAACE,GAAW;AACd,QAAAxC,EAAiB,CAAA,CAAE;AACnB;AAAA,MACF;AAEA,MAAAA,EAAiB;AAAA,QACf,CAAC,GAAGpC,CAAa,yBAAyB,GAAG,CAAC6E;AAAA,QAC9C,CAAC,GAAG7E,CAAa,uBAAuB,GAAG,CAAC8E;AAAA,MAAA,CAC7C;AAAA,IACH;AAEA,WAAAL,EAAA,GAEAD,EAAK,iBAAiB,UAAUC,GAAmB,EAAE,SAAS,IAAM,GACpE,OAAO,iBAAiB,UAAUA,CAAiB,GAE5C,MAAM;AACX,MAAAD,EAAK,oBAAoB,UAAUC,CAAiB,GACpD,OAAO,oBAAoB,UAAUA,CAAiB;AAAA,IACxD;AAAA,EACF,GAAG,CAAA,CAAE,GAGH,gBAAAjH;AAAA,IAACuH;AAAAA,IAAA;AAAA,MACC,cAAcjI,KAAgB2F,EAAmB,CAAC,EAAE,MAAM;AAAA,MAC1D,eAAekB;AAAA,MACf,eAAavD;AAAA,MACb,WAAW0C;AAAA,MACX,OAAAzF;AAAA,MACC,GAAGZ;AAAA,MAEJ,4BAAC,OAAA,EAAI,WAAWoD,EAAG,GAAGG,CAAa,aAAa,GAC9C,UAAA;AAAA,QAAA,gBAAAgF,EAAC,SAAI,WAAWnF,EAAG,GAAGG,CAAa,aAAamC,EAAa,GAC3D,UAAA;AAAA,UAAA,gBAAA6C;AAAA,YAACtF;AAAA,YAAA;AAAA,cACC,KAAK,CAACuF,MAAO;AACX,gBAAA5D,EAAQ,UAAU4D;AAAA,cACpB;AAAA,cACA,WAAWpF,EAAG,GAAGG,CAAa,QAAQ;AAAA,cAErC,UAAA;AAAA,gBAAA0C,EAAS,IAAID,GAAoB,CAAChC,GAAOG,MAAU;AAClD,wBAAM,EAAE,MAAA2C,GAAM,OAAApD,GAAO,eAAe+E,EAAA,IAAoBzE,EAAM;AAC9D,yBACE,gBAAAjD;AAAA,oBAACmD;AAAA,oBAAA;AAAA,sBACC,eAAa2C,EAAU,UAAU4B,CAAe;AAAA,sBAChD,OAAAtE;AAAA,sBACA,OAAAT;AAAA,sBACA,KAAK,CAAC8E,MAAO;AACX,wBAAIA,MACFtC,EAAY,QAAQ/B,CAAK,IAAIqE;AAAA,sBAEjC;AAAA,sBACA,SAAS,CAAClJ,MAAM;AACd,wBAAAoF,GAAepF,EAAE,QAAuBsF,EAAQ,OAAO;AAAA,sBACzD;AAAA,sBACA,SAAAR;AAAA,sBACA,UAAAC;AAAA,sBACA,WAAAE;AAAA,sBAEC,UAAAuC;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAGP,CAAC;AAAA,gBACAV,KACC,gBAAArF;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWqC,EAAG,GAAGG,CAAa,mBAAmB;AAAA,oBACjD,OAAO;AAAA,sBACL,OAAOuC;AAAA,sBACP,WAAW,cAAcF,EAAqB;AAAA,oBAAA;AAAA,oBAEhD,eAAaiB,EAAU,iBAAiB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAC1C;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJ,gBAAA9F,EAACyG,GAAA,EAAa,MAAK,OAAA,CAAO;AAAA,UAC1B,gBAAAzG,EAACyG,GAAA,EAAa,MAAK,QAAA,CAAQ;AAAA,QAAA,GAC7B;AAAA,QACA,gBAAAzG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWqE,IAAgBhC,EAAG,GAAGG,CAAa,mBAAmB,IAAI;AAAA,YACrE,OAAO,EAAE,QAAQ6B,KAAiBG,IAAS,KAAK,GAAGA,CAAM,OAAO,OAAA;AAAA,YAEhE,4BAAC,OAAA,EAAI,KAAKF,GAAY,WAAWjC,EAAG,GAAGG,CAAa,qBAAqB,GACtE,YAAS,IAAIyC,GAAoB,CAAChC,MAAUA,CAAK,EAAA,CACpD;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAlE,GAAK,UAAU0D;","x_google_ignoreList":[2]}

package/dist/tabs.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./tabs-CfHd4UQ2.js");exports.Tabs=a.Tabs;exports.createTabChangeDetailEvent=a.createTabChangeDetailEvent;exports.tabsVariants=a.tabsVariants;
+//# sourceMappingURL=tabs.cjs.js.map

package/dist/tabs.cjs.js.map

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

package/dist/tabs.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+export * from '@purpur/tabs';
+//# sourceMappingURL=tabs.d.ts.map

package/dist/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,cAAc,CAAC"}