"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
var _chunk5KRCPBZRcjs = require('./chunk-5KRCPBZR.cjs');var _chunk3CNSKST2cjs = require('./chunk-3CNSKST2.cjs');var _react = require('react');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var W=_chunk3CNSKST2cjs.a.call(void 0, "EulTabs",["active","disabled","focusVisible","isAnimated","isSelected","item","root","selected","sizeSmall","sizeMedium","sizeLarge"]),n=e=>{let[t,o]=_react.useState.call(void 0, !1);return _react.useEffect.call(void 0, ()=>{setTimeout(()=>o(!0),1e3)},[]),_chunk5KRCPBZRcjs.e.call(void 0, "EulTabs",{root:["root",e.isSelected&&"isSelected",t&&"isAnimated"],tab:["item",e.size&&`size${_chunk3CNSKST2cjs.d.call(void 0, e.size)}`,e.selected&&"selected",e.active&&"active",e.disabled&&"disabled",e.focusVisible&&"focusVisible"]})},s= exports.a =W;var _react3 = require('@emotion/react');var w=_chunk3CNSKST2cjs.m.call(void 0, "button")(({theme:e})=>_react3.css`
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    gap: ${e.spacing(3)};
    align-items: center;
    margin: ${e.spacing(1.5,0)};
    color: ${e.palette.background[800]};
    background: transparent;
    border: none;
    border-radius: ${e.spacing(1)};
    outline: 0 solid ${e.palette.yellow[600]};
    outline-offset: 4px;
    cursor: pointer;
    isolation: isolate;

    &.${s.sizeSmall} {
      padding: ${e.spacing(2,3)};
      font-size: ${e.typography.body2.fontSize};
      line-height: ${e.typography.body2.lineHeight};
    }

    &.${s.sizeMedium} {
      padding: ${e.spacing(3,4)};
      font-size: ${e.typography.body1.fontSize};
      line-height: ${e.typography.body1.lineHeight};
    }

    &.${s.sizeLarge} {
      padding: ${e.spacing(4,5)};
      font-size: ${e.typography.subtitle3.fontSize};
      line-height: ${e.typography.subtitle3.lineHeight};
    }

    &.${s.focusVisible} {
      outline-width: 2px;
    }

    &.${s.selected}, &.${s.active}, &:hover {
      color: ${e.palette.teal[1e3]};
    }
  `);var _jsxruntime = require('react/jsx-runtime');var C=_react.forwardRef.call(void 0, ({className:e,size:t,tabIndex:o,...i},a)=>{let{children:p,selected:d}=i,{ariaAttributes:c,classes:r,getRootProps:f,handleKeyDown:b,handleOnClick:m}=_chunk5KRCPBZRcjs.k.call(void 0, i,a),y=n({...r,size:t});return _jsxruntime.jsx.call(void 0, w,{...f(),...c,"aria-selected":d,className:_clsx2.default.call(void 0, e,y.tab),onClick:m,onKeyDown:b,ref:a,role:"tab",tabIndex:o,children:p})});C.displayName="Tab";var u=C;var v=_chunk3CNSKST2cjs.m.call(void 0, "div",{shouldForwardProp:e=>e!=="width"&&e!=="left"})(({left:e,theme:t,width:o})=>_react3.css`
    position: relative;
    display: flex;
    max-width: 100%;
    overflow: auto;
    white-space: nowrap;
    scrollbar-width: none;

    &:after {
      position: absolute;
      bottom: ${t.spacing(1.5)};
      left: 0;
      z-index: 0;
      width: 100%;
      height: 1px;
      background-color: ${t.palette.background[500]};
      content: "";
    }

    &:before {
      position: absolute;
      bottom: ${t.spacing(1.5)};
      left: ${e}px;
      z-index: 1;
      width: ${o}px;
      height: 1px;
      background: ${t.palette.teal[700]};
      opacity: 0;
      content: "";
    }

    &.${s.isSelected}:before {
      opacity: 1;
    }

    &.${s.isAnimated}:before {
      transition: ${t.transitions.create(["opacity","left","width"])};
    }
  `);var g=_react.forwardRef.call(void 0, ({children:e,className:t,onChange:o,size:i,value:a,...p},d)=>{let c=_chunk5KRCPBZRcjs.d.call(void 0, p),r=_react.useRef.call(void 0, null),f=_chunk5KRCPBZRcjs.i.call(void 0, d,r),{children:b,selectedPosition:m}=_chunk5KRCPBZRcjs.o.call(void 0, {childDisplayName:"Tab",children:e,innerRef:r,onChange:o,size:i,value:a}),k=n({isSelected:typeof a<"u",size:i});return _jsxruntime.jsx.call(void 0, v,{...c,...m,className:_clsx2.default.call(void 0, t,k.root),ref:f,role:"tablist",children:b})});g.displayName="Tabs";g.defaultProps={size:"small"};var I=Object.assign(g,{Tab:u}),K= exports.b =I;exports.a = s; exports.b = K;
