@purpur/library 9.10.1 → 10.0.0

package/dist/table.cjs.js

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

package/dist/table.es.js

@@ -1,4 +1,4 @@
-import { T as r, c as l } from "./table-BtymEUG4.mjs";
+import { T as r, c as l } from "./table-DRSgesQ4.mjs";
 export {
   r as Table,
   l as createColumnHelper

package/dist/tabs-D2__wbCs.js

@@ -0,0 +1,2 @@
+"use strict";const u=require("react/jsx-runtime"),l=require("react"),ge=require("./icon.es-j3eRib6d.js"),$=require("./index-DlMXYAr3.js"),he=require("./index-kcwFA4Dv.js"),N=require("./index-BVmlsxuF.js"),ve=require("./index-CleLBinl.js"),me=require("./index-Cje7xxa1.js"),we=require("./index-BtWPC8xc.js"),L=require("./bind-DeUYJ6m9.js");function xe(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(r,s,a.get?a:{enumerable:!0,get:()=>t[s]})}}return r.default=t,Object.freeze(r)}const y=xe(l),Ce={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"},Te={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 R="Tabs",[$e]=he.createContextScope(R,[N.createRovingFocusGroupScope]),H=N.createRovingFocusGroupScope(),[Ie,D]=$e(R),K=y.forwardRef((t,r)=>{const{__scopeTabs:s,value:a,onValueChange:i,defaultValue:d,orientation:o="horizontal",dir:n,activationMode:_="automatic",...b}=t,f=me.useDirection(n),[p,w]=$.useControllableState({prop:a,onChange:i,defaultProp:d??"",caller:R});return u.jsx(Ie,{scope:s,baseId:we.useId(),value:p,onValueChange:w,orientation:o,dir:f,activationMode:_,children:u.jsx($.Primitive.div,{dir:f,"data-orientation":o,...b,ref:r})})});K.displayName=R;var W="TabsList",Z=y.forwardRef((t,r)=>{const{__scopeTabs:s,loop:a=!0,...i}=t,d=D(W,s),o=H(s);return u.jsx(N.Root,{asChild:!0,...o,orientation:d.orientation,dir:d.dir,loop:a,children:u.jsx($.Primitive.div,{role:"tablist","aria-orientation":d.orientation,...i,ref:r})})});Z.displayName=W;var X="TabsTrigger",J=y.forwardRef((t,r)=>{const{__scopeTabs:s,value:a,disabled:i=!1,...d}=t,o=D(X,s),n=H(s),_=Q(o.baseId,a),b=ee(o.baseId,a),f=a===o.value;return u.jsx(N.Item,{asChild:!0,...n,focusable:!i,active:f,children:u.jsx($.Primitive.button,{type:"button",role:"tab","aria-selected":f,"aria-controls":b,"data-state":f?"active":"inactive","data-disabled":i?"":void 0,disabled:i,id:_,...d,ref:r,onMouseDown:$.composeEventHandlers(t.onMouseDown,p=>{!i&&p.button===0&&p.ctrlKey===!1?o.onValueChange(a):p.preventDefault()}),onKeyDown:$.composeEventHandlers(t.onKeyDown,p=>{[" ","Enter"].includes(p.key)&&o.onValueChange(a)}),onFocus:$.composeEventHandlers(t.onFocus,()=>{const p=o.activationMode!=="manual";!f&&!i&&p&&o.onValueChange(a)})})})});J.displayName=X;var U="TabsContent",Y=y.forwardRef((t,r)=>{const{__scopeTabs:s,value:a,forceMount:i,children:d,...o}=t,n=D(U,s),_=Q(n.baseId,a),b=ee(n.baseId,a),f=a===n.value,p=y.useRef(f);return y.useEffect(()=>{const w=requestAnimationFrame(()=>p.current=!1);return()=>cancelAnimationFrame(w)},[]),u.jsx(ve.Presence,{present:i||f,children:({present:w})=>u.jsx($.Primitive.div,{"data-state":f?"active":"inactive","data-orientation":n.orientation,role:"tabpanel","aria-labelledby":_,hidden:!w,id:b,tabIndex:0,...o,ref:r,style:{...t.style,animationDuration:p.current?"0s":void 0},children:w&&d})})});Y.displayName=U;function Q(t,r){return`${t}-trigger-${r}`}function ee(t,r){return`${t}-content-${r}`}var ye=K,Se=Z,Ne=J,Re=Y;const Ee={"purpur-tab-content":"_purpur-tab-content_14ikd_1","purpur-tab-content--force-mount":"_purpur-tab-content--force-mount_14ikd_15","purpur-tab-content--padding":"_purpur-tab-content--padding_14ikd_18","purpur-tab-content--padding-container-queries":"_purpur-tab-content--padding-container-queries_14ikd_22","purpur-tab-content--padding-media-queries":"_purpur-tab-content--padding-media-queries_14ikd_27"},je=L.c.bind(Ee),S="purpur-tab-content",ze=l.forwardRef(({children:t,tabId:r,"data-testid":s,className:a,disableForceMount:i,noPadding:d,useMediaQueries:o,...n},_)=>u.jsx(Re,{ref:_,className:je(S,a,{[`${S}--force-mount`]:!i,[`${S}--padding`]:!d,[`${S}--padding-container-queries`]:!o,[`${S}--padding-media-queries`]:o}),"data-testid":s,value:r,forceMount:!i||void 0,tabIndex:0,...n,children:t})),Ae=t=>!!t&&l.isValidElement(t)&&!!t.props.name&&!!t.props.tabId,ke={"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"},qe=L.c.bind(ke),q="purpur-tab-header",Le=l.forwardRef(({index:t,tabId:r,variant:s,negative:a,onFocus:i,fullWidth:d,"data-testid":o,children:n},_)=>u.jsx(Ne,{id:`${r}-trigger`,className:qe(q,`${q}--${s}${a?"-negative":""}`,{[`${q}--full-width`]:d}),value:r,"data-testid":o,"data-index":t,ref:_,onFocus:i,children:n})),De={"purpur-tabs":"_purpur-tabs_mnpwz_1","purpur-tabs__wrapper":"_purpur-tabs__wrapper_mnpwz_4","purpur-tabs__scroll-button":"_purpur-tabs__scroll-button_mnpwz_12","purpur-tabs__scroll-button--left":"_purpur-tabs__scroll-button--left_mnpwz_74","purpur-tabs__scroll-button--right":"_purpur-tabs__scroll-button--right_mnpwz_77","purpur-tabs__wrapper--scroll-start":"_purpur-tabs__wrapper--scroll-start_mnpwz_80","purpur-tabs__wrapper--scroll-end":"_purpur-tabs__wrapper--scroll-end_mnpwz_83","purpur-tabs--line":"_purpur-tabs--line_mnpwz_86","purpur-tabs--line-negative":"_purpur-tabs--line-negative_mnpwz_86","purpur-tabs__selected-border":"_purpur-tabs__selected-border_mnpwz_94","purpur-tabs__content-wrapper":"_purpur-tabs__content-wrapper_mnpwz_118","purpur-tabs--contained":"_purpur-tabs--contained_mnpwz_126","purpur-tabs__list":"_purpur-tabs__list_mnpwz_126","purpur-tabs--contained-negative":"_purpur-tabs--contained-negative_mnpwz_126","purpur-tabs__content-container":"_purpur-tabs__content-container_mnpwz_129","purpur-tabs--full-width":"_purpur-tabs--full-width_mnpwz_139"},Pe=["line","contained"],te=t=>new CustomEvent("tabChangeDetail",{detail:{value:t}}),T=L.c.bind(De),g="purpur-tabs",Me=(t,r)=>{if(typeof t?.getBoundingClientRect!="function"||typeof r?.scroll!="function")return;const s=t.getBoundingClientRect(),a=r.getBoundingClientRect(),i=r.clientWidth,d=parseInt(getComputedStyle(r).borderLeftWidth?.split("px")[0],10),o=a.left+(isNaN(d)?0:d);let n;s.right>a.right&&(n=s.left+r.scrollLeft,n=n+s.width-i+i*.1,n=n-o),s.left<a.left&&(n=s.left+r.scrollLeft,n=n-i*.1,n=n-o),n!==void 0&&r.scroll({left:n,behavior:"smooth"})},re=({children:t,variant:r="line",negative:s=!1,fullWidth:a=!1,onChange:i,className:d,defaultValue:o,animateHeight:n=!1,"data-testid":_,value:b,...f})=>{const p=l.useRef(null),[w,ne]=l.useState(-1),[ae,P]=l.useState({}),[se,oe]=l.useState(0),[ie,ce]=l.useState(0),h=l.Children.toArray(t).filter(Ae),I=l.useRef(null),E=l.useRef(new Array(h.length)),M=200,j=r==="line",ue=T(g,`${g}--${r}${s?"-negative":""}`,{[`${g}--full-width`]:a},d),z=l.Children.map(h,({props:{tabId:e}})=>e),le=()=>{const e=z.findIndex(c=>c===o);return e>=0?e:0},[A,V]=l.useState(le),[de,B]=l.useState(b??o??h[0].props.tabId);if(l.useEffect(()=>{b&&(B(b),V(h.findIndex(e=>e.props.tabId===b)))},[h,b]),new Set(z).size!==z.length)throw new Error("tabId must be unique");const k=(e,c)=>c||_?`${c||_}-${e}`:void 0,F=()=>{if(!j)return;const e=E.current[A];oe(e?.offsetLeft||0),ce(e?.getBoundingClientRect().width||0)},O=e=>{B(e),j&&!b&&V(h.findIndex(c=>c.props.tabId===e)),i?.(te(e))},pe=e=>{if(I?.current){const{scrollLeft:c}=I.current,v=e==="left"?-M:M;I.current.scroll({left:c+v,behavior:"smooth"})}},G=({side:e})=>u.jsx("button",{className:T(`${g}__scroll-button`,`${g}__scroll-button--${e}`),onClick:()=>pe(e),type:"button","aria-hidden":"true",tabIndex:-1,"data-testid":k("scroll-button"),children:u.jsx(ge.b,{svg:e==="left"?Ce:Te,size:"md"})});l.useEffect(()=>{const e=()=>{if(p.current&&n){const v=p.current.offsetHeight;ne(v)}},c=()=>{e(),F()};return e(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}},[A,n]),l.useEffect(()=>{F()},[A,a,h.length,r]),l.useEffect(()=>{const e=I.current;if(!e)return;const c=()=>{const{scrollLeft:v,scrollWidth:x,clientWidth:m}=e,C=x>m,be=v<=1,fe=v+m>=x-1;if(!C){P({});return}P({[`${g}__wrapper--scroll-start`]:!be,[`${g}__wrapper--scroll-end`]:!fe})};return c(),e.addEventListener("scroll",c,{passive:!0}),window.addEventListener("resize",c),()=>{e.removeEventListener("scroll",c),window.removeEventListener("resize",c)}},[]);const _e=e=>{const c=e.target,v=parseInt(c.dataset.index??"",10);if(isNaN(v))return;const x=h.length;let m=null;switch(e.key){case"ArrowRight":m=(v+1)%x;break;case"ArrowLeft":m=(v-1+x)%x;break;case"Home":m=0;break;case"End":m=x-1;break}if(m!==null){const C=h[m].props.tabId;O(C),E.current[m]?.focus()}};return u.jsx(ye,{defaultValue:o??h[0].props.tabId,onValueChange:O,"data-testid":_,className:ue,value:b??de,activationMode:"manual",...f,children:u.jsxs("div",{className:T(`${g}__container`),children:[u.jsxs("div",{className:T(`${g}__wrapper`,ae),children:[u.jsxs(Se,{ref:e=>{I.current=e},className:T(`${g}__list`),onKeyDown:_e,children:[l.Children.map(h,(e,c)=>{const{name:v,tabId:x,"data-testid":m}=e.props;return u.jsx(Le,{"data-testid":k("header",m),index:c,tabId:x,ref:C=>{C&&(E.current[c]=C)},onFocus:C=>{Me(C.target,I.current)},variant:r,negative:s,fullWidth:a,children:v})}),j&&u.jsx("div",{className:T(`${g}__selected-border`),style:{width:ie,transform:`translateX(${se}px)`},"data-testid":k("selected-border")})]}),u.jsx(G,{side:"left"}),u.jsx(G,{side:"right"})]}),u.jsx("div",{className:n?T(`${g}__content-wrapper`):"",style:{height:n&&w>-1?`${w}px`:"auto"},children:u.jsx("div",{ref:p,className:T(`${g}__content-container`),children:l.Children.map(h,e=>e)})})]})})};re.Content=ze;exports.Tabs=re;exports.createTabChangeDetailEvent=te;exports.tabsVariants=Pe;
+//# sourceMappingURL=tabs-D2__wbCs.js.map

package/dist/tabs-D2__wbCs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-D2__wbCs.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.14__@types+react@_2ad0945e3cb98dc5bbfaaf29c105e977/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  noPadding?: boolean;\n  useMediaQueries?: boolean;\n  children: ReactNode;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-tab-content\";\n\nexport const TabContent = forwardRef<HTMLDivElement, TabContentProps>(\n  (\n    {\n      children,\n      tabId,\n      \"data-testid\": dataTestId,\n      className,\n      disableForceMount,\n      noPadding,\n      useMediaQueries,\n      ...props\n    },\n    ref\n  ) => (\n    <Content\n      ref={ref}\n      className={cx(rootClassName, className, {\n        [`${rootClassName}--force-mount`]: !disableForceMount,\n        [`${rootClassName}--padding`]: !noPadding,\n        [`${rootClassName}--padding-container-queries`]: !useMediaQueries,\n        [`${rootClassName}--padding-media-queries`]: useMediaQueries,\n      })}\n      data-testid={dataTestId}\n      value={tabId}\n      forceMount={!disableForceMount || undefined}\n      tabIndex={0}\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  const [activeIndex, setActiveIndex] = useState(getDefaultTabIndex);\n\n  // Internal active tab ID — keeps Radix always controlled so our keydown handler\n  // can activate tabs directly without relying on Radix's mouse/focus events.\n  const [activeTabId, setActiveTabId] = useState<string>(\n    value ?? defaultValue ?? tabContentChildren[0].props.tabId\n  );\n\n  useEffect(() => {\n    if (value) {\n      setActiveTabId(value);\n      setActiveIndex(tabContentChildren.findIndex((child) => child.props.tabId === value));\n    }\n  }, [tabContentChildren, value]);\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    setActiveTabId(_value);\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  const handleTabListKeyDown = (e: React.KeyboardEvent) => {\n    const target = e.target as HTMLElement;\n    const currentIndex = parseInt(target.dataset.index ?? \"\", 10);\n    if (isNaN(currentIndex)) return;\n\n    const total = tabContentChildren.length;\n    let nextIndex: number | null = null;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n        nextIndex = (currentIndex + 1) % total;\n        break;\n      case \"ArrowLeft\":\n        nextIndex = (currentIndex - 1 + total) % total;\n        break;\n      case \"Home\":\n        nextIndex = 0;\n        break;\n      case \"End\":\n        nextIndex = total - 1;\n        break;\n    }\n\n    if (nextIndex !== null) {\n      const nextTabId = tabContentChildren[nextIndex].props.tabId;\n      handleTabChange(nextTabId);\n      tabChildren.current[nextIndex]?.focus();\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 ?? activeTabId}\n      activationMode=\"manual\"\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            onKeyDown={handleTabListKeyDown}\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","noPadding","useMediaQueries","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","activeIndex","setActiveIndex","activeTabId","setActiveTabId","useEffect","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","handleTabListKeyDown","currentIndex","total","nextIndex","nextTabId","Root","jsxs","el","childDataTestId"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/tabs-DOG5g2wf.mjs

@@ -0,0 +1,440 @@
+import { jsx as l, jsxs as P } from "react/jsx-runtime";
+import * as x from "react";
+import { forwardRef as X, isValidElement as wt, useRef as M, useState as $, Children as N, useEffect as z } from "react";
+import { b as Tt } from "./icon.es-CZcKxTaM.mjs";
+import { P as R, c as B, u as Ct } from "./index-DCcK_d4W.mjs";
+import { c as It } from "./index-DOfn3ixy.mjs";
+import { c as J, I as $t, R as xt } from "./index-IpWiejWQ.mjs";
+import { P as yt } from "./index-DDrLXRUs.mjs";
+import { u as Nt } from "./index-ByaXH_ih.mjs";
+import { u as zt } from "./index-CEQ35j8b.mjs";
+import { c as F } from "./bind-CU-R61T-.mjs";
+const Rt = {
+  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"
+}, St = {
+  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", [Et] = It(S, [
+  J
+]), U = J(), [At, q] = Et(S), Y = x.forwardRef(
+  (e, n) => {
+    const {
+      __scopeTabs: s,
+      value: a,
+      onValueChange: i,
+      defaultValue: u,
+      orientation: o = "horizontal",
+      dir: r,
+      activationMode: p = "automatic",
+      ..._
+    } = e, b = Nt(r), [d, v] = Ct({
+      prop: a,
+      onChange: i,
+      defaultProp: u ?? "",
+      caller: S
+    });
+    return /* @__PURE__ */ l(
+      At,
+      {
+        scope: s,
+        baseId: zt(),
+        value: d,
+        onValueChange: v,
+        orientation: o,
+        dir: b,
+        activationMode: p,
+        children: /* @__PURE__ */ l(
+          R.div,
+          {
+            dir: b,
+            "data-orientation": o,
+            ..._,
+            ref: n
+          }
+        )
+      }
+    );
+  }
+);
+Y.displayName = S;
+var Q = "TabsList", tt = x.forwardRef(
+  (e, n) => {
+    const { __scopeTabs: s, loop: a = !0, ...i } = e, u = q(Q, s), o = U(s);
+    return /* @__PURE__ */ l(
+      xt,
+      {
+        asChild: !0,
+        ...o,
+        orientation: u.orientation,
+        dir: u.dir,
+        loop: a,
+        children: /* @__PURE__ */ l(
+          R.div,
+          {
+            role: "tablist",
+            "aria-orientation": u.orientation,
+            ...i,
+            ref: n
+          }
+        )
+      }
+    );
+  }
+);
+tt.displayName = Q;
+var et = "TabsTrigger", rt = x.forwardRef(
+  (e, n) => {
+    const { __scopeTabs: s, value: a, disabled: i = !1, ...u } = e, o = q(et, s), r = U(s), p = ot(o.baseId, a), _ = st(o.baseId, a), b = a === o.value;
+    return /* @__PURE__ */ l(
+      $t,
+      {
+        asChild: !0,
+        ...r,
+        focusable: !i,
+        active: b,
+        children: /* @__PURE__ */ l(
+          R.button,
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": b,
+            "aria-controls": _,
+            "data-state": b ? "active" : "inactive",
+            "data-disabled": i ? "" : void 0,
+            disabled: i,
+            id: p,
+            ...u,
+            ref: n,
+            onMouseDown: B(e.onMouseDown, (d) => {
+              !i && d.button === 0 && d.ctrlKey === !1 ? o.onValueChange(a) : d.preventDefault();
+            }),
+            onKeyDown: B(e.onKeyDown, (d) => {
+              [" ", "Enter"].includes(d.key) && o.onValueChange(a);
+            }),
+            onFocus: B(e.onFocus, () => {
+              const d = o.activationMode !== "manual";
+              !b && !i && d && o.onValueChange(a);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+rt.displayName = et;
+var nt = "TabsContent", at = x.forwardRef(
+  (e, n) => {
+    const { __scopeTabs: s, value: a, forceMount: i, children: u, ...o } = e, r = q(nt, s), p = ot(r.baseId, a), _ = st(r.baseId, a), b = a === r.value, d = x.useRef(b);
+    return x.useEffect(() => {
+      const v = requestAnimationFrame(() => d.current = !1);
+      return () => cancelAnimationFrame(v);
+    }, []), /* @__PURE__ */ l(yt, { present: i || b, children: ({ present: v }) => /* @__PURE__ */ l(
+      R.div,
+      {
+        "data-state": b ? "active" : "inactive",
+        "data-orientation": r.orientation,
+        role: "tabpanel",
+        "aria-labelledby": p,
+        hidden: !v,
+        id: _,
+        tabIndex: 0,
+        ...o,
+        ref: n,
+        style: {
+          ...e.style,
+          animationDuration: d.current ? "0s" : void 0
+        },
+        children: v && u
+      }
+    ) });
+  }
+);
+at.displayName = nt;
+function ot(e, n) {
+  return `${e}-trigger-${n}`;
+}
+function st(e, n) {
+  return `${e}-content-${n}`;
+}
+var kt = Y, Lt = tt, Dt = rt, Pt = at;
+const Mt = {
+  "purpur-tab-content": "_purpur-tab-content_14ikd_1",
+  "purpur-tab-content--force-mount": "_purpur-tab-content--force-mount_14ikd_15",
+  "purpur-tab-content--padding": "_purpur-tab-content--padding_14ikd_18",
+  "purpur-tab-content--padding-container-queries": "_purpur-tab-content--padding-container-queries_14ikd_22",
+  "purpur-tab-content--padding-media-queries": "_purpur-tab-content--padding-media-queries_14ikd_27"
+}, Bt = F.bind(Mt), y = "purpur-tab-content", Vt = X(
+  ({
+    children: e,
+    tabId: n,
+    "data-testid": s,
+    className: a,
+    disableForceMount: i,
+    noPadding: u,
+    useMediaQueries: o,
+    ...r
+  }, p) => /* @__PURE__ */ l(
+    Pt,
+    {
+      ref: p,
+      className: Bt(y, a, {
+        [`${y}--force-mount`]: !i,
+        [`${y}--padding`]: !u,
+        [`${y}--padding-container-queries`]: !o,
+        [`${y}--padding-media-queries`]: o
+      }),
+      "data-testid": s,
+      value: n,
+      forceMount: !i || void 0,
+      tabIndex: 0,
+      ...r,
+      children: e
+    }
+  )
+), Ft = (e) => !!e && wt(e) && !!e.props.name && !!e.props.tabId, qt = {
+  "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"
+}, Gt = F.bind(qt), V = "purpur-tab-header", Kt = X(
+  ({
+    index: e,
+    tabId: n,
+    variant: s,
+    negative: a,
+    onFocus: i,
+    fullWidth: u,
+    "data-testid": o,
+    children: r
+  }, p) => /* @__PURE__ */ l(
+    Dt,
+    {
+      id: `${n}-trigger`,
+      className: Gt(V, `${V}--${s}${a ? "-negative" : ""}`, {
+        [`${V}--full-width`]: u
+      }),
+      value: n,
+      "data-testid": o,
+      "data-index": e,
+      ref: p,
+      onFocus: i,
+      children: r
+    }
+  )
+), Wt = {
+  "purpur-tabs": "_purpur-tabs_mnpwz_1",
+  "purpur-tabs__wrapper": "_purpur-tabs__wrapper_mnpwz_4",
+  "purpur-tabs__scroll-button": "_purpur-tabs__scroll-button_mnpwz_12",
+  "purpur-tabs__scroll-button--left": "_purpur-tabs__scroll-button--left_mnpwz_74",
+  "purpur-tabs__scroll-button--right": "_purpur-tabs__scroll-button--right_mnpwz_77",
+  "purpur-tabs__wrapper--scroll-start": "_purpur-tabs__wrapper--scroll-start_mnpwz_80",
+  "purpur-tabs__wrapper--scroll-end": "_purpur-tabs__wrapper--scroll-end_mnpwz_83",
+  "purpur-tabs--line": "_purpur-tabs--line_mnpwz_86",
+  "purpur-tabs--line-negative": "_purpur-tabs--line-negative_mnpwz_86",
+  "purpur-tabs__selected-border": "_purpur-tabs__selected-border_mnpwz_94",
+  "purpur-tabs__content-wrapper": "_purpur-tabs__content-wrapper_mnpwz_118",
+  "purpur-tabs--contained": "_purpur-tabs--contained_mnpwz_126",
+  "purpur-tabs__list": "_purpur-tabs__list_mnpwz_126",
+  "purpur-tabs--contained-negative": "_purpur-tabs--contained-negative_mnpwz_126",
+  "purpur-tabs__content-container": "_purpur-tabs__content-container_mnpwz_129",
+  "purpur-tabs--full-width": "_purpur-tabs--full-width_mnpwz_139"
+}, ae = ["line", "contained"], Ht = (e) => new CustomEvent("tabChangeDetail", { detail: { value: e } }), C = F.bind(Wt), f = "purpur-tabs", Ot = (e, n) => {
+  if (typeof e?.getBoundingClientRect != "function" || typeof n?.scroll != "function")
+    return;
+  const s = e.getBoundingClientRect(), a = n.getBoundingClientRect(), i = n.clientWidth, u = parseInt(getComputedStyle(n).borderLeftWidth?.split("px")[0], 10), o = a.left + (isNaN(u) ? 0 : u);
+  let r;
+  s.right > a.right && (r = s.left + n.scrollLeft, r = r + s.width - i + i * 0.1, r = r - o), s.left < a.left && (r = s.left + n.scrollLeft, r = r - i * 0.1, r = r - o), r !== void 0 && n.scroll({ left: r, behavior: "smooth" });
+}, jt = ({
+  children: e,
+  variant: n = "line",
+  negative: s = !1,
+  fullWidth: a = !1,
+  onChange: i,
+  className: u,
+  defaultValue: o,
+  animateHeight: r = !1,
+  "data-testid": p,
+  value: _,
+  ...b
+}) => {
+  const d = M(null), [v, it] = $(-1), [ct, G] = $({}), [lt, ut] = $(0), [dt, pt] = $(0), g = N.toArray(e).filter(Ft), I = M(null), E = M(new Array(g.length)), K = 200, A = n === "line", _t = C(
+    f,
+    `${f}--${n}${s ? "-negative" : ""}`,
+    { [`${f}--full-width`]: a },
+    u
+  ), k = N.map(g, ({ props: { tabId: t } }) => t), bt = () => {
+    const t = k.findIndex((c) => c === o);
+    return t >= 0 ? t : 0;
+  }, [L, W] = $(bt), [ft, H] = $(
+    _ ?? o ?? g[0].props.tabId
+  );
+  if (z(() => {
+    _ && (H(_), W(g.findIndex((t) => t.props.tabId === _)));
+  }, [g, _]), new Set(k).size !== k.length)
+    throw new Error("tabId must be unique");
+  const D = (t, c) => c || p ? `${c || p}-${t}` : void 0, O = () => {
+    if (!A)
+      return;
+    const t = E.current[L];
+    ut(t?.offsetLeft || 0), pt(t?.getBoundingClientRect().width || 0);
+  }, j = (t) => {
+    H(t), A && !_ && W(g.findIndex((c) => c.props.tabId === t)), i?.(Ht(t));
+  }, gt = (t) => {
+    if (I?.current) {
+      const { scrollLeft: c } = I.current, m = t === "left" ? -K : K;
+      I.current.scroll({ left: c + m, behavior: "smooth" });
+    }
+  }, Z = ({ side: t }) => /* @__PURE__ */ l(
+    "button",
+    {
+      className: C(`${f}__scroll-button`, `${f}__scroll-button--${t}`),
+      onClick: () => gt(t),
+      type: "button",
+      "aria-hidden": "true",
+      tabIndex: -1,
+      "data-testid": D("scroll-button"),
+      children: /* @__PURE__ */ l(Tt, { svg: t === "left" ? Rt : St, size: "md" })
+    }
+  );
+  z(() => {
+    const t = () => {
+      if (d.current && r) {
+        const m = d.current.offsetHeight;
+        it(m);
+      }
+    }, c = () => {
+      t(), O();
+    };
+    return t(), window.addEventListener("resize", c), () => {
+      window.removeEventListener("resize", c);
+    };
+  }, [L, r]), z(() => {
+    O();
+  }, [L, a, g.length, n]), z(() => {
+    const t = I.current;
+    if (!t) return;
+    const c = () => {
+      const { scrollLeft: m, scrollWidth: w, clientWidth: h } = t, T = w > h, ht = m <= 1, vt = m + h >= w - 1;
+      if (!T) {
+        G({});
+        return;
+      }
+      G({
+        [`${f}__wrapper--scroll-start`]: !ht,
+        [`${f}__wrapper--scroll-end`]: !vt
+      });
+    };
+    return c(), t.addEventListener("scroll", c, { passive: !0 }), window.addEventListener("resize", c), () => {
+      t.removeEventListener("scroll", c), window.removeEventListener("resize", c);
+    };
+  }, []);
+  const mt = (t) => {
+    const c = t.target, m = parseInt(c.dataset.index ?? "", 10);
+    if (isNaN(m)) return;
+    const w = g.length;
+    let h = null;
+    switch (t.key) {
+      case "ArrowRight":
+        h = (m + 1) % w;
+        break;
+      case "ArrowLeft":
+        h = (m - 1 + w) % w;
+        break;
+      case "Home":
+        h = 0;
+        break;
+      case "End":
+        h = w - 1;
+        break;
+    }
+    if (h !== null) {
+      const T = g[h].props.tabId;
+      j(T), E.current[h]?.focus();
+    }
+  };
+  return /* @__PURE__ */ l(
+    kt,
+    {
+      defaultValue: o ?? g[0].props.tabId,
+      onValueChange: j,
+      "data-testid": p,
+      className: _t,
+      value: _ ?? ft,
+      activationMode: "manual",
+      ...b,
+      children: /* @__PURE__ */ P("div", { className: C(`${f}__container`), children: [
+        /* @__PURE__ */ P("div", { className: C(`${f}__wrapper`, ct), children: [
+          /* @__PURE__ */ P(
+            Lt,
+            {
+              ref: (t) => {
+                I.current = t;
+              },
+              className: C(`${f}__list`),
+              onKeyDown: mt,
+              children: [
+                N.map(g, (t, c) => {
+                  const { name: m, tabId: w, "data-testid": h } = t.props;
+                  return /* @__PURE__ */ l(
+                    Kt,
+                    {
+                      "data-testid": D("header", h),
+                      index: c,
+                      tabId: w,
+                      ref: (T) => {
+                        T && (E.current[c] = T);
+                      },
+                      onFocus: (T) => {
+                        Ot(T.target, I.current);
+                      },
+                      variant: n,
+                      negative: s,
+                      fullWidth: a,
+                      children: m
+                    }
+                  );
+                }),
+                A && /* @__PURE__ */ l(
+                  "div",
+                  {
+                    className: C(`${f}__selected-border`),
+                    style: {
+                      width: dt,
+                      transform: `translateX(${lt}px)`
+                    },
+                    "data-testid": D("selected-border")
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ l(Z, { side: "left" }),
+          /* @__PURE__ */ l(Z, { side: "right" })
+        ] }),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: r ? C(`${f}__content-wrapper`) : "",
+            style: { height: r && v > -1 ? `${v}px` : "auto" },
+            children: /* @__PURE__ */ l("div", { ref: d, className: C(`${f}__content-container`), children: N.map(g, (t) => t) })
+          }
+        )
+      ] })
+    }
+  );
+};
+jt.Content = Vt;
+export {
+  jt as T,
+  Ht as c,
+  ae as t
+};
+//# sourceMappingURL=tabs-DOG5g2wf.mjs.map