{
  "version": 3,
  "sources": ["../../../../../src/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialog.tsx"],
  "sourcesContent": ["import { defineMessages, useEditor, useValue } from '@tldraw/editor'\nimport classNames from 'classnames'\nimport { ReactNode, memo } from 'react'\nimport { PORTRAIT_BREAKPOINT } from '../../constants'\nimport { useBreakpoint } from '../../context/breakpoints'\nimport { TLUiDialogProps } from '../../context/dialogs'\nimport { useTranslation } from '../../hooks/useTranslation/useTranslation'\nimport { TldrawUiMenuContextProvider } from '../primitives/menus/TldrawUiMenuContext'\nimport {\n\tTldrawUiDialogBody,\n\tTldrawUiDialogCloseButton,\n\tTldrawUiDialogHeader,\n\tTldrawUiDialogTitle,\n} from '../primitives/TldrawUiDialog'\nimport { DefaultKeyboardShortcutsDialogContent } from './DefaultKeyboardShortcutsDialogContent'\n\nconst messages = defineMessages({\n\tshortcutsDialogDisabledNotice: {\n\t\tid: 'shortcuts-dialog.disabled-notice',\n\t\tdefaultMessage:\n\t\t\t'Keyboard shortcuts are turned off. Turn them back on under Preferences > Accessibility.',\n\t},\n\tshortcutsDialogTitle: { id: 'shortcuts-dialog.title', defaultMessage: 'Keyboard shortcuts' },\n})\n\n/** @public */\nexport type TLUiKeyboardShortcutsDialogProps = TLUiDialogProps & {\n\tchildren?: ReactNode\n}\n\n/** @public @react */\nexport const DefaultKeyboardShortcutsDialog = memo(function DefaultKeyboardShortcutsDialog({\n\tchildren,\n}: TLUiKeyboardShortcutsDialogProps) {\n\tconst editor = useEditor()\n\tconst msg = useTranslation()\n\tconst breakpoint = useBreakpoint()\n\tconst areKeyboardShortcutsEnabled = useValue(\n\t\t'areKeyboardShortcutsEnabled',\n\t\t() => editor.user.getAreKeyboardShortcutsEnabled(),\n\t\t[editor]\n\t)\n\n\tconst content = children ?? <DefaultKeyboardShortcutsDialogContent />\n\n\treturn (\n\t\t<>\n\t\t\t<TldrawUiDialogHeader className=\"tlui-shortcuts-dialog__header\">\n\t\t\t\t<TldrawUiDialogTitle>{msg(messages.shortcutsDialogTitle)}</TldrawUiDialogTitle>\n\t\t\t\t<TldrawUiDialogCloseButton />\n\t\t\t</TldrawUiDialogHeader>\n\t\t\t{!areKeyboardShortcutsEnabled && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"tlui-shortcuts-dialog__disabled-notice\"\n\t\t\t\t\tdata-testid=\"kbd.disabled-notice\"\n\t\t\t\t\trole=\"status\"\n\t\t\t\t>\n\t\t\t\t\t{msg(messages.shortcutsDialogDisabledNotice)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<TldrawUiDialogBody\n\t\t\t\tclassName={classNames('tlui-shortcuts-dialog__body', {\n\t\t\t\t\t'tlui-shortcuts-dialog__body__mobile': breakpoint <= PORTRAIT_BREAKPOINT.MOBILE_XS,\n\t\t\t\t\t'tlui-shortcuts-dialog__body__tablet': breakpoint <= PORTRAIT_BREAKPOINT.TABLET,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<TldrawUiMenuContextProvider type=\"keyboard-shortcuts\" sourceId=\"kbd\">\n\t\t\t\t\t{content}\n\t\t\t\t</TldrawUiMenuContextProvider>\n\t\t\t</TldrawUiDialogBody>\n\t\t\t<div className=\"tlui-dialog__scrim\" />\n\t\t</>\n\t)\n})\n"],
  "mappings": "AA2C6B,SAG3B,UAH2B,KAI1B,YAJ0B;AA3C7B,SAAS,gBAAgB,WAAW,gBAAgB;AACpD,OAAO,gBAAgB;AACvB,SAAoB,YAAY;AAChC,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAE9B,SAAS,sBAAsB;AAC/B,SAAS,mCAAmC;AAC5C;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,6CAA6C;AAEtD,MAAM,WAAW,eAAe;AAAA,EAC/B,+BAA+B;AAAA,IAC9B,IAAI;AAAA,IACJ,gBACC;AAAA,EACF;AAAA,EACA,sBAAsB,EAAE,IAAI,0BAA0B,gBAAgB,qBAAqB;AAC5F,CAAC;AAQM,MAAM,iCAAiC,KAAK,SAASA,gCAA+B;AAAA,EAC1F;AACD,GAAqC;AACpC,QAAM,SAAS,UAAU;AACzB,QAAM,MAAM,eAAe;AAC3B,QAAM,aAAa,cAAc;AACjC,QAAM,8BAA8B;AAAA,IACnC;AAAA,IACA,MAAM,OAAO,KAAK,+BAA+B;AAAA,IACjD,CAAC,MAAM;AAAA,EACR;AAEA,QAAM,UAAU,YAAY,oBAAC,yCAAsC;AAEnE,SACC,iCACC;AAAA,yBAAC,wBAAqB,WAAU,iCAC/B;AAAA,0BAAC,uBAAqB,cAAI,SAAS,oBAAoB,GAAE;AAAA,MACzD,oBAAC,6BAA0B;AAAA,OAC5B;AAAA,IACC,CAAC,+BACD;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,MAAK;AAAA,QAEJ,cAAI,SAAS,6BAA6B;AAAA;AAAA,IAC5C;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACA,WAAW,WAAW,+BAA+B;AAAA,UACpD,uCAAuC,cAAc,oBAAoB;AAAA,UACzE,uCAAuC,cAAc,oBAAoB;AAAA,QAC1E,CAAC;AAAA,QAED,8BAAC,+BAA4B,MAAK,sBAAqB,UAAS,OAC9D,mBACF;AAAA;AAAA,IACD;AAAA,IACA,oBAAC,SAAI,WAAU,sBAAqB;AAAA,KACrC;AAEF,CAAC;",
  "names": ["DefaultKeyboardShortcutsDialog"]
}