{"version":3,"sources":["../../src/components/Keyboard.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { styled, useThemeProps } from '@mui/material/styles';\n\nexport interface KeyboardProps extends HTMLAttributes<HTMLElement> {\n    children?: ReactNode;\n}\n\nconst KeyboardRoot = styled('kbd', {\n    name: 'MuiKeyboard',\n    slot: 'Root',\n})(({ theme }) => ({\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.caption.fontSize,\n    color: theme.palette.text.secondary,\n    marginLeft: 'auto',\n    paddingLeft: theme.spacing(2),\n}));\n\nexport const Keyboard = forwardRef<HTMLElement, KeyboardProps>(function Keyboard(inProps, ref) {\n    const props = useThemeProps({ props: inProps, name: 'MuiKeyboard' });\n    const { children, className, ...other } = props;\n\n    return (\n        <KeyboardRoot ref={ref} className={className} {...other}>\n            {children}\n        </KeyboardRoot>\n    );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgE;AAChE,oBAAsC;AAsB9B;AAhBR,IAAM,mBAAe,sBAAO,OAAO;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM;AACV,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACf,YAAY,MAAM,WAAW;AAAA,EAC7B,UAAU,MAAM,WAAW,QAAQ;AAAA,EACnC,OAAO,MAAM,QAAQ,KAAK;AAAA,EAC1B,YAAY;AAAA,EACZ,aAAa,MAAM,QAAQ,CAAC;AAChC,EAAE;AAEK,IAAM,eAAW,yBAAuC,SAASA,UAAS,SAAS,KAAK;AAC3F,QAAM,YAAQ,6BAAc,EAAE,OAAO,SAAS,MAAM,cAAc,CAAC;AACnE,QAAM,EAAE,UAAU,WAAW,GAAG,MAAM,IAAI;AAE1C,SACI,4CAAC,gBAAa,KAAU,WAAuB,GAAG,OAC7C,UACL;AAER,CAAC;","names":["Keyboard"]}