tldraw/dist-esm/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialog.mjs.map

A tiny little drawing editor.

{
  "version": 3,
  "sources": ["../../../../../src/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialog.tsx"],
  "sourcesContent": ["import 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 {\n\tTldrawUiDialogBody,\n\tTldrawUiDialogCloseButton,\n\tTldrawUiDialogHeader,\n\tTldrawUiDialogTitle,\n} from '../primitives/TldrawUiDialog'\nimport { TldrawUiMenuContextProvider } from '../primitives/menus/TldrawUiMenuContext'\nimport { DefaultKeyboardShortcutsDialogContent } from './DefaultKeyboardShortcutsDialogContent'\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 msg = useTranslation()\n\tconst breakpoint = useBreakpoint()\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('shortcuts-dialog.title')}</TldrawUiDialogTitle>\n\t\t\t\t<TldrawUiDialogCloseButton />\n\t\t\t</TldrawUiDialogHeader>\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": "AA2B6B,SAG3B,UAH2B,KAI1B,YAJ0B;AA3B7B,OAAO,gBAAgB;AACvB,SAAoB,YAAY;AAChC,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAE9B,SAAS,sBAAsB;AAC/B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,mCAAmC;AAC5C,SAAS,6CAA6C;AAQ/C,MAAM,iCAAiC,KAAK,SAASA,gCAA+B;AAAA,EAC1F;AACD,GAAqC;AACpC,QAAM,MAAM,eAAe;AAC3B,QAAM,aAAa,cAAc;AAEjC,QAAM,UAAU,YAAY,oBAAC,yCAAsC;AAEnE,SACC,iCACC;AAAA,yBAAC,wBAAqB,WAAU,iCAC/B;AAAA,0BAAC,uBAAqB,cAAI,wBAAwB,GAAE;AAAA,MACpD,oBAAC,6BAA0B;AAAA,OAC5B;AAAA,IACA;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"]
}