"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
var _chunkJ5FBPAQOcjs = require('./chunk-J5FBPAQO.cjs');var _chunkX26E67JFcjs = require('./chunk-X26E67JF.cjs');var _chunkQLDZ7HKUcjs = require('./chunk-QLDZ7HKU.cjs');var _chunk5NXYDZPPcjs = require('./chunk-5NXYDZPP.cjs');var _react = require('react');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var O=_chunkQLDZ7HKUcjs.a.call(void 0, "EulToggle",["checked","disabled","focusVisible","input","readOnly","root","yellow"]),d=o=>_chunkX26E67JFcjs.e.call(void 0, "EulToggle",{input:["input"],root:["root",o.checked&&"checked",o.disabled&&"disabled",o.focusVisible&&"focusVisible",o.readOnly&&"readOnly",o.yellow&&"yellow"],thumb:["thumb"]}),e= exports.a =O;var u=_chunkQLDZ7HKUcjs.m.call(void 0, "input")`
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: inherit;
  opacity: 0;
`,g=_chunkQLDZ7HKUcjs.m.call(void 0, "div")(({theme:o})=>_chunk5NXYDZPPcjs.p`
    position: relative;
    display: inline-block;
    width: ${o.spacing(8)};
    height: ${o.spacing(5)};
    font-size: 0;
    background-color: ${o.palette.background[200]};
    border-radius: 100px;
    cursor: pointer;
    transition: ${o.transitions.create(["background-color"])};

    &.${e.checked} {
      background-color: ${o.palette.tealOpaque[300]};
    }

    &.${e.checked}.${e.yellow} {
      background-color: ${o.palette.yellowOpaque[300]};
    }

    &:hover {
      background-color: ${o.palette.background[100]};

      &.${e.checked} {
        background-color: ${o.palette.tealOpaque[400]};
      }
      &.${e.checked}.${e.yellow} {
        background-color: ${o.palette.yellowOpaque[400]};
      }
    }

    &.${e.focusVisible} {
      outline: ${o.spacing(.5)} solid ${o.palette.yellow[600]};
      outline-offset: ${o.spacing(.5)};
    }

    &.${e.disabled}, &.${e.disabled}:hover {
      background-color: transparent;
      outline: 1px solid ${o.palette.background[600]};
      cursor: not-allowed;
    }
  `),b=_chunkQLDZ7HKUcjs.m.call(void 0, "span")(({theme:o})=>_chunk5NXYDZPPcjs.p`
    position: relative;
    top: 2px;
    left: 2px;
    display: block;
    width: ${o.spacing(4)};
    height: ${o.spacing(4)};
    background-color: ${o.palette.background[700]};
    border-radius: ${o.spacing(4)};
    transition: ${o.transitions.create(["left","background-color"])};

    .${e.checked} & {
      top: 2px;
      left: 14px;
      background-color: ${o.palette.teal[700]};
    }

    .${e.checked}.${e.yellow} & {
      background-color: ${o.palette.yellow[700]};
    }

    .${e.root}:hover & {
      background-color: ${o.palette.background[800]};
    }

    .${e.checked}:hover & {
      background-color: ${o.palette.teal[800]};
    }

    .${e.checked}.${e.yellow}:hover & {
      background-color: ${o.palette.yellow[800]};
    }

    .${e.disabled} &,
    .${e.disabled}:hover & {
      background-color: ${o.palette.background[600]};
    }
  `);var _jsxruntime = require('react/jsx-runtime');var f=_react.forwardRef.call(void 0, ({className:o,name:k,value:y,yellow:m,...s},w)=>{let{checked:T,disabled:x,focusVisible:h,getInputProps:v,readOnly:C}=_chunkJ5FBPAQOcjs.a.call(void 0, s),S=_chunkX26E67JFcjs.d.call(void 0, s),r=d({checked:T,disabled:x,focusVisible:h,readOnly:C,yellow:m});return _jsxruntime.jsxs.call(void 0, g,{className:_clsx2.default.call(void 0, o,r.root),children:[_jsxruntime.jsx.call(void 0, b,{className:_clsx2.default.call(void 0, r.thumb)}),_jsxruntime.jsx.call(void 0, u,{className:_clsx2.default.call(void 0, r.input),name:k,value:y,...v(),...S,ref:w})]})});f.displayName="Toggle";var q=f;exports.a = e; exports.b = q;
