{"version":3,"sources":["../src/components/switch.ts"],"sourcesContent":["import type { ComponentMultiStyle } from \"@yamada-ui/core\"\nimport { isGray, shadeColor } from \"@yamada-ui/utils\"\n\nexport const Switch: ComponentMultiStyle<\"Switch\"> = {\n  baseStyle: {\n    container: {\n      _disabled: {\n        cursor: \"not-allowed\",\n        opacity: 0.4,\n      },\n      _readOnly: { cursor: \"auto\" },\n    },\n    label: {\n      userSelect: \"none\",\n    },\n    thumb: {\n      bg: \"white\",\n      rounded: \"inherit\",\n    },\n    track: {\n      bg: [\"blackAlpha.400\", \"whiteAlpha.300\"],\n      rounded: \"full\",\n      transitionDuration: \"fast\",\n      transitionProperty: \"common\",\n      _checked: {\n        justifyContent: \"flex-end\",\n      },\n      _focusVisible: {\n        boxShadow: \"outline\",\n      },\n    },\n  },\n\n  sizes: {\n    sm: ({ variant: v }) => ({\n      label: { fontSize: \"sm\" },\n      thumb: {\n        h: \"3\",\n        w: \"3\",\n      },\n      track: {\n        h: v === \"thin\" ? \"2\" : undefined,\n        w: \"6\",\n      },\n    }),\n    md: ({ variant: v }) => ({\n      label: { fontSize: \"md\" },\n      thumb: {\n        h: \"4\",\n        w: \"4\",\n      },\n      track: {\n        h: v === \"thin\" ? \"3\" : undefined,\n        w: \"8\",\n      },\n    }),\n    lg: ({ variant: v }) => ({\n      label: { fontSize: \"lg\" },\n      thumb: {\n        h: \"5\",\n        w: \"5\",\n      },\n      track: {\n        h: v === \"thin\" ? \"4\" : undefined,\n        w: \"10\",\n      },\n    }),\n  },\n\n  variants: {\n    thin: ({ colorScheme: c = \"primary\", colorMode: m, theme: t }) => ({\n      thumb: {\n        boxShadow: \"dark-md\",\n        _checked: {\n          bg: [`${c}.500`, `${c}.600`],\n        },\n      },\n      track: {\n        _checked: {\n          bg: [\n            isGray(c) ? `${c}.50` : `${c}.100`,\n            shadeColor(`${c}.300`, 58)(t, m),\n          ],\n        },\n      },\n    }),\n    thick: ({ colorScheme: c = \"primary\" }) => ({\n      track: {\n        p: \"1\",\n        _checked: {\n          bg: [`${c}.500`, `${c}.600`],\n        },\n      },\n    }),\n  },\n\n  defaultProps: {\n    colorScheme: \"primary\",\n    size: \"md\",\n    variant: \"thick\",\n  },\n}\n"],"mappings":";;;AACA,SAAS,QAAQ,kBAAkB;AAE5B,IAAM,SAAwC;AAAA,EACnD,WAAW;AAAA,IACT,WAAW;AAAA,MACT,WAAW;AAAA,QACT,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA,WAAW,EAAE,QAAQ,OAAO;AAAA,IAC9B;AAAA,IACA,OAAO;AAAA,MACL,YAAY;AAAA,IACd;AAAA,IACA,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,IAAI,CAAC,kBAAkB,gBAAgB;AAAA,MACvC,SAAS;AAAA,MACT,oBAAoB;AAAA,MACpB,oBAAoB;AAAA,MACpB,UAAU;AAAA,QACR,gBAAgB;AAAA,MAClB;AAAA,MACA,eAAe;AAAA,QACb,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,IAAI,CAAC,EAAE,SAAS,EAAE,OAAO;AAAA,MACvB,OAAO,EAAE,UAAU,KAAK;AAAA,MACxB,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,OAAO;AAAA,QACL,GAAG,MAAM,SAAS,MAAM;AAAA,QACxB,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,IAAI,CAAC,EAAE,SAAS,EAAE,OAAO;AAAA,MACvB,OAAO,EAAE,UAAU,KAAK;AAAA,MACxB,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,OAAO;AAAA,QACL,GAAG,MAAM,SAAS,MAAM;AAAA,QACxB,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,IAAI,CAAC,EAAE,SAAS,EAAE,OAAO;AAAA,MACvB,OAAO,EAAE,UAAU,KAAK;AAAA,MACxB,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,OAAO;AAAA,QACL,GAAG,MAAM,SAAS,MAAM;AAAA,QACxB,GAAG;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,MAAM,CAAC,EAAE,aAAa,IAAI,WAAW,WAAW,GAAG,OAAO,EAAE,OAAO;AAAA,MACjE,OAAO;AAAA,QACL,WAAW;AAAA,QACX,UAAU;AAAA,UACR,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,MAAM;AAAA,QAC7B;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,UACR,IAAI;AAAA,YACF,OAAO,CAAC,IAAI,GAAG,CAAC,QAAQ,GAAG,CAAC;AAAA,YAC5B,WAAW,GAAG,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC;AAAA,UACjC;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,OAAO,CAAC,EAAE,aAAa,IAAI,UAAU,OAAO;AAAA,MAC1C,OAAO;AAAA,QACL,GAAG;AAAA,QACH,UAAU;AAAA,UACR,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,MAAM;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;","names":[]}