keyframekit 1.1.9 → 1.2.1

package/docs/.vitepress/components/Playground/themes/githubLight.js

@@ -1,399 +0,0 @@
-export default {
-  base: 'vs',
-  inherit: true,
-  rules: [
-    // Comments
-    { token: 'comment', foreground: '6a737d' },
-    { token: 'comment.line', foreground: '6a737d' },
-    { token: 'comment.block', foreground: '6a737d' },
-    { token: 'comment.doc', foreground: '6a737d' },
-
-    // Keywords & Storage (red)
-    { token: 'keyword', foreground: 'd73a49' },
-    { token: 'keyword.control', foreground: 'd73a49' },
-    { token: 'keyword.operator', foreground: 'd73a49' },
-    { token: 'keyword.other', foreground: 'd73a49' },
-    { token: 'storage', foreground: 'd73a49' },
-    { token: 'storage.type', foreground: 'd73a49' },
-    { token: 'storage.modifier', foreground: 'd73a49' },
-
-    // Types / Classes / Entities (purple)
-    { token: 'entity.name', foreground: '6f42c1' },
-    { token: 'entity.name.type', foreground: '6f42c1' },
-    { token: 'entity.name.class', foreground: '6f42c1' },
-    { token: 'entity.name.function', foreground: '6f42c1' },
-    { token: 'entity.name.namespace', foreground: '6f42c1' },
-    { token: 'entity.name.enum', foreground: '6f42c1' },
-    { token: 'entity.name.module', foreground: '6f42c1' },
-    { token: 'entity.other.inherited-class', foreground: '6f42c1' },
-    { token: 'type', foreground: '6f42c1' },
-    { token: 'type.identifier', foreground: '6f42c1' },
-
-    // HTML/XML tags (green)
-    { token: 'tag', foreground: '22863a' },
-    { token: 'tag.html', foreground: '22863a' },
-    { token: 'metatag', foreground: '22863a' },
-    { token: 'metatag.html', foreground: '22863a' },
-
-    // Tag attributes
-    { token: 'attribute.name', foreground: '6f42c1' },
-    { token: 'attribute.value', foreground: '032f62' },
-
-    // Constants & Numbers (dark blue)
-    { token: 'constant', foreground: '005cc5' },
-    { token: 'constant.language', foreground: '005cc5' },
-    { token: 'constant.numeric', foreground: '005cc5' },
-    { token: 'constant.character', foreground: '005cc5' },
-    { token: 'constant.other', foreground: '005cc5' },
-    { token: 'number', foreground: '005cc5' },
-    { token: 'number.float', foreground: '005cc5' },
-    { token: 'number.hex', foreground: '005cc5' },
-    { token: 'number.octal', foreground: '005cc5' },
-    { token: 'number.binary', foreground: '005cc5' },
-    { token: 'variable.language', foreground: '005cc5' },
-
-    // Strings (dark navy)
-    { token: 'string', foreground: '032f62' },
-    { token: 'string.quoted', foreground: '032f62' },
-    { token: 'string.template', foreground: '032f62' },
-    { token: 'string.interpolated', foreground: '032f62' },
-
-    // String escape sequences (green bold)
-    { token: 'string.escape', foreground: '22863a', fontStyle: 'bold' },
-    { token: 'constant.character.escape', foreground: '22863a', fontStyle: 'bold' },
-
-    // Regex
-    { token: 'regexp', foreground: '032f62' },
-    { token: 'regexp.escape', foreground: '22863a', fontStyle: 'bold' },
-
-    // Variables (orange)
-    { token: 'variable', foreground: 'e36209' },
-    { token: 'variable.name', foreground: 'e36209' },
-    { token: 'variable.parameter', foreground: '24292e' },
-    { token: 'variable.other', foreground: '24292e' },
-    { token: 'identifier', foreground: '24292e' },
-    { token: 'parameter', foreground: '24292e' },
-
-    // Support / Built-ins (dark blue)
-    { token: 'support', foreground: '005cc5' },
-    { token: 'support.function', foreground: '005cc5' },
-    { token: 'support.class', foreground: '005cc5' },
-    { token: 'support.type', foreground: '005cc5' },
-    { token: 'support.constant', foreground: '005cc5' },
-    { token: 'support.variable', foreground: '005cc5' },
-
-    // Decorators / Annotations
-    { token: 'annotation', foreground: '6f42c1' },
-    { token: 'decorator', foreground: '6f42c1' },
-
-    // Operators & Punctuation
-    { token: 'operator', foreground: 'd73a49' },
-    { token: 'delimiter', foreground: '24292e' },
-    { token: 'delimiter.bracket', foreground: '24292e' },
-    { token: 'delimiter.parenthesis', foreground: '24292e' },
-    { token: 'delimiter.square', foreground: '24292e' },
-    { token: 'delimiter.curly', foreground: '24292e' },
-
-    // CSS-specific
-    { token: 'attribute.value.css', foreground: '032f62' },
-    { token: 'attribute.value.number.css', foreground: '005cc5' },
-    { token: 'attribute.value.unit.css', foreground: '005cc5' },
-    { token: 'attribute.value.hex.css', foreground: '005cc5' },
-    { token: 'selector', foreground: '6f42c1' },
-    { token: 'selector.tag', foreground: '22863a' },
-    { token: 'selector.class', foreground: '6f42c1' },
-    { token: 'selector.id', foreground: '6f42c1' },
-    { token: 'property', foreground: '005cc5' },
-    { token: 'value', foreground: 'e36209' },
-    { token: 'unit', foreground: '005cc5' },
-
-    // Markdown
-    { token: 'markup.heading', foreground: '005cc5', fontStyle: 'bold' },
-    { token: 'markup.bold', foreground: '24292e', fontStyle: 'bold' },
-    { token: 'markup.italic', foreground: '24292e', fontStyle: 'italic' },
-    { token: 'markup.underline', fontStyle: 'underline' },
-    { token: 'markup.strikethrough', fontStyle: 'strikethrough' },
-    { token: 'markup.inline.raw', foreground: '005cc5' },
-    { token: 'markup.quote', foreground: '22863a' },
-    { token: 'markup.list', foreground: 'e36209' },
-    { token: 'markup.link', foreground: '032f62', fontStyle: 'underline' },
-
-    // Diff
-    { token: 'markup.inserted', foreground: '22863a' },
-    { token: 'markup.deleted', foreground: 'b31d28' },
-    { token: 'markup.changed', foreground: 'e36209' },
-
-    // JSON
-    { token: 'key', foreground: '005cc5' },
-
-    // Invalid
-    { token: 'invalid', foreground: 'b31d28', fontStyle: 'italic' },
-    { token: 'invalid.deprecated', foreground: 'b31d28', fontStyle: 'italic' },
-
-    // Default / Plain text
-    { token: '', foreground: '24292e' },
-  ],
-  colors: {
-    // Editor core
-    'editor.foreground': '#24292e',
-    'editor.background': '#ffffff',
-    'editor.lineHighlightBackground': '#f6f8fa',
-    'editor.selectionBackground': '#0366d625',
-    'editor.inactiveSelectionBackground': '#0366d611',
-    'editor.selectionHighlightBackground': '#34d05840',
-    'editor.selectionHighlightBorder': '#34d05800',
-    'editor.findMatchBackground': '#ffdf5d',
-    'editor.findMatchHighlightBackground': '#ffdf5d66',
-    'editor.wordHighlightBackground': '#34d05800',
-    'editor.wordHighlightStrongBackground': '#34d05800',
-    'editor.wordHighlightBorder': '#24943e99',
-    'editor.wordHighlightStrongBorder': '#24943e50',
-    'editor.linkedEditingBackground': '#0366d611',
-
-    // Cursor & whitespace
-    'editorCursor.foreground': '#044289',
-    'editorWhitespace.foreground': '#d1d5da',
-    'editorIndentGuide.background': '#eff2f6',
-    'editorIndentGuide.activeBackground': '#d7dbe0',
-
-    // Line numbers
-    'editorLineNumber.foreground': '#1b1f234d',
-    'editorLineNumber.activeForeground': '#24292e',
-
-    // Bracket matching
-    'editorBracketMatch.background': '#34d05840',
-    'editorBracketMatch.border': '#34d05800',
-
-    // Bracket pair colorization
-    'editorBracketHighlight.foreground1': '#005cc5',
-    'editorBracketHighlight.foreground2': '#e36209',
-    'editorBracketHighlight.foreground3': '#5a32a3',
-    'editorBracketHighlight.foreground4': '#005cc5',
-    'editorBracketHighlight.foreground5': '#e36209',
-    'editorBracketHighlight.foreground6': '#5a32a3',
-
-    // Errors & warnings
-    'editorError.foreground': '#cb2431',
-    'editorWarning.foreground': '#f9c513',
-
-    // Overview ruler
-    'editorOverviewRuler.border': '#ffffff',
-
-    // Gutter
-    'editorGutter.modifiedBackground': '#2188ff',
-    'editorGutter.addedBackground': '#28a745',
-    'editorGutter.deletedBackground': '#d73a49',
-
-    // Diff editor
-    'diffEditor.insertedTextBackground': '#34d05822',
-    'diffEditor.removedTextBackground': '#d73a4922',
-
-    // Widgets
-    /*
-    'editorWidget.background': '#f6f8fa',
-    'editorSuggestWidget.background': '#f6f8fa',
-    'editorSuggestWidget.border': '#e1e4e8',
-    'editorSuggestWidget.foreground': '#24292e',
-    'editorSuggestWidget.selectedBackground': '#cce5ff',
-    'editorSuggestWidget.highlightForeground': '#005cc5',
-    'editorHoverWidget.background': '#f6f8fa',
-    'editorHoverWidget.border': '#e1e4e8',*/
-
-    // Peek view
-    'peekViewEditor.matchHighlightBackground': '#ffd33d33',
-    'peekViewResult.matchHighlightBackground': '#ffd33d33',
-
-    // Scrollbar
-    'scrollbar.shadow': '#6a737d33',
-    'scrollbarSlider.background': '#959da533',
-    'scrollbarSlider.hoverBackground': '#959da544',
-    'scrollbarSlider.activeBackground': '#959da588',
-
-    // Focus border
-    'focusBorder': '#2188ff',
-    'foreground': '#444d56',
-
-    // Title bar
-    'titleBar.activeBackground': '#ffffff',
-    'titleBar.activeForeground': '#2f363d',
-    'titleBar.inactiveBackground': '#f6f8fa',
-    'titleBar.inactiveForeground': '#6a737d',
-    'titleBar.border': '#e1e4e8',
-
-    // Activity bar
-    'activityBar.background': '#ffffff',
-    'activityBar.foreground': '#2f363d',
-    'activityBar.inactiveForeground': '#959da5',
-    'activityBar.border': '#e1e4e8',
-    'activityBar.activeBorder': '#f9826c',
-    'activityBarBadge.background': '#2188ff',
-    'activityBarBadge.foreground': '#fff',
-
-    // Side bar
-    'sideBar.background': '#f6f8fa',
-    'sideBar.foreground': '#586069',
-    'sideBar.border': '#e1e4e8',
-    'sideBarTitle.foreground': '#2f363d',
-    'sideBarSectionHeader.background': '#f6f8fa',
-    'sideBarSectionHeader.foreground': '#2f363d',
-    'sideBarSectionHeader.border': '#e1e4e8',
-
-    // Lists
-    'list.hoverBackground': '#ebf0f4',
-    'list.hoverForeground': '#2f363d',
-    'list.activeSelectionBackground': '#e2e5e9',
-    'list.activeSelectionForeground': '#2f363d',
-    'list.inactiveSelectionBackground': '#e8eaed',
-    'list.inactiveSelectionForeground': '#2f363d',
-    'list.focusBackground': '#cce5ff',
-    'list.inactiveFocusBackground': '#dbedff',
-
-    // Tabs
-    'editorGroupHeader.tabsBackground': '#f6f8fa',
-    'editorGroupHeader.tabsBorder': '#e1e4e8',
-    'editorGroup.border': '#e1e4e8',
-    'tab.activeBackground': '#ffffff',
-    'tab.activeForeground': '#2f363d',
-    'tab.activeBorder': '#ffffff',
-    'tab.activeBorderTop': '#f9826c',
-    'tab.inactiveBackground': '#f6f8fa',
-    'tab.inactiveForeground': '#6a737d',
-    'tab.border': '#e1e4e8',
-    'tab.hoverBackground': '#ffffff',
-    'tab.unfocusedActiveBorder': '#ffffff',
-    'tab.unfocusedActiveBorderTop': '#e1e4e8',
-    'tab.unfocusedHoverBackground': '#ffffff',
-
-    // Breadcrumb
-    'breadcrumb.foreground': '#6a737d',
-    'breadcrumb.focusForeground': '#2f363d',
-    'breadcrumb.activeSelectionForeground': '#586069',
-    'breadcrumbPicker.background': '#fafbfc',
-
-    // Status bar
-    'statusBar.background': '#ffffff',
-    'statusBar.foreground': '#586069',
-    'statusBar.border': '#e1e4e8',
-    'statusBar.noFolderBackground': '#ffffff',
-    'statusBar.debuggingBackground': '#f9826c',
-    'statusBar.debuggingForeground': '#fff',
-    'statusBarItem.prominentBackground': '#e8eaed',
-    'statusBarItem.remoteForeground': '#586069',
-    'statusBarItem.remoteBackground': '#ffffff',
-
-    // Panel (terminal etc)
-    'panel.background': '#f6f8fa',
-    'panel.border': '#e1e4e8',
-    'panelTitle.activeBorder': '#f9826c',
-    'panelTitle.activeForeground': '#2f363d',
-    'panelTitle.inactiveForeground': '#6a737d',
-    'panelInput.border': '#e1e4e8',
-
-    // Terminal
-    'terminal.foreground': '#586069',
-    'terminal.tab.activeBorder': '#f9826c',
-    'terminalCursor.background': '#d1d5da',
-    'terminalCursor.foreground': '#005cc5',
-    'terminal.ansiBlack': '#24292e',
-    'terminal.ansiRed': '#d73a49',
-    'terminal.ansiGreen': '#28a745',
-    'terminal.ansiYellow': '#dbab09',
-    'terminal.ansiBlue': '#0366d6',
-    'terminal.ansiMagenta': '#5a32a3',
-    'terminal.ansiCyan': '#1b7c83',
-    'terminal.ansiWhite': '#6a737d',
-    'terminal.ansiBrightBlack': '#959da5',
-    'terminal.ansiBrightRed': '#cb2431',
-    'terminal.ansiBrightGreen': '#22863a',
-    'terminal.ansiBrightYellow': '#b08800',
-    'terminal.ansiBrightBlue': '#005cc5',
-    'terminal.ansiBrightMagenta': '#5a32a3',
-    'terminal.ansiBrightCyan': '#3192aa',
-    'terminal.ansiBrightWhite': '#d1d5da',
-
-    // Input
-    'input.background': '#fafbfc',
-    'input.border': '#e1e4e8',
-    'input.foreground': '#2f363d',
-    'input.placeholderForeground': '#959da5',
-
-    // Dropdown
-    'dropdown.background': '#fafbfc',
-    'dropdown.border': '#e1e4e8',
-    'dropdown.foreground': '#2f363d',
-    'dropdown.listBackground': '#ffffff',
-
-    // Button
-    'button.background': '#159739',
-    'button.foreground': '#ffffff',
-    'button.hoverBackground': '#138934',
-    'button.secondaryBackground': '#e1e4e8',
-    'button.secondaryForeground': '#1b1f23',
-    'button.secondaryHoverBackground': '#d1d5da',
-
-    // Badge
-    'badge.background': '#dbedff',
-    'badge.foreground': '#005cc5',
-
-    // Checkbox
-    'checkbox.background': '#fafbfc',
-    'checkbox.border': '#d1d5da',
-
-    // Progress bar
-    'progressBar.background': '#2188ff',
-
-    // Notifications
-    'notificationCenterHeader.background': '#e1e4e8',
-    'notificationCenterHeader.foreground': '#6a737d',
-    'notifications.background': '#fafbfc',
-    'notifications.foreground': '#2f363d',
-    'notifications.border': '#e1e4e8',
-    'notificationsErrorIcon.foreground': '#d73a49',
-    'notificationsWarningIcon.foreground': '#e36209',
-    'notificationsInfoIcon.foreground': '#005cc5',
-
-    // Quick input
-    'quickInput.background': '#fafbfc',
-    'quickInput.foreground': '#2f363d',
-
-    // Picker
-    'pickerGroup.border': '#e1e4e8',
-    'pickerGroup.foreground': '#2f363d',
-
-    // Git decorations
-    'gitDecoration.addedResourceForeground': '#28a745',
-    'gitDecoration.modifiedResourceForeground': '#005cc5',
-    'gitDecoration.deletedResourceForeground': '#d73a49',
-    'gitDecoration.untrackedResourceForeground': '#28a745',
-    'gitDecoration.ignoredResourceForeground': '#959da5',
-    'gitDecoration.conflictingResourceForeground': '#e36209',
-    'gitDecoration.submoduleResourceForeground': '#959da5',
-
-    // Debug
-    'debugToolBar.background': '#ffffff',
-    'editor.stackFrameHighlightBackground': '#ffd33d33',
-    'editor.focusedStackFrameHighlightBackground': '#28a74525',
-
-    // Settings
-    'settings.headerForeground': '#2f363d',
-    'settings.modifiedItemIndicator': '#2188ff',
-
-    // Welcome
-    'welcomePage.buttonBackground': '#f6f8fa',
-    'welcomePage.buttonHoverBackground': '#e1e4e8',
-
-    // Text
-    //'textLink.foreground': '#0366d6',
-    //'textLink.activeForeground': '#005cc5',
-    'textBlockQuote.background': '#fafbfc',
-    'textBlockQuote.border': '#e1e4e8',
-    'textCodeBlock.background': '#f6f8fa',
-    'textPreformat.foreground': '#586069',
-    'textSeparator.foreground': '#d1d5da',
-    'descriptionForeground': '#6a737d',
-    'errorForeground': '#cb2431',
-
-    // Tree
-    'tree.indentGuidesStroke': '#e1e4e8',
-  }
-};

package/docs/.vitepress/components/Playground/themes.js

@@ -1,24 +0,0 @@
-
-import githubDark from './themes/githubDark.js';
-import githubLight from './themes/githubLight.js';
-
-export const themes = {
-  dark: {
-    ...githubDark,
-    colors: {
-      ...githubDark.colors,
-      'editor.background':           '#161618', //'#24292e',
-      'editor.lineHighlightBackground': '#202022', //'#2b3036',
-    }
-  },
-
-  light: {
-    ...githubLight,
-    colors: {
-      ...githubLight.colors,
-      'editor.background':                  '#f6f6f7', //'#ffffff',
-      'editor.lineHighlightBackground':     '#efeff1', //'#f6f8fa',
-    }
-  }
-  
-}

package/docs/.vitepress/config.ts

@@ -1,87 +0,0 @@
-import { defineConfig } from 'vitepress'
-//import monacoEditorPlugin from 'vite-plugin-monaco-editor'
-
-import referenceNavigationItems from './referenceNavigation.ts';
-
-// https://vitepress.dev/reference/site-config
-export default defineConfig({
-  srcDir: "docs",
-
-  rewrites: {
-    //'reference/:slug*': ':slug*'
-  },
-
-  cleanUrls: true,
-
-  head: [
-    ['link', { rel: 'icon', href: '/icon.png' }],
-    ['meta', { property: 'og:image', content: '/og-image.png' }],
-    ['meta', { name: 'keywords', content: 'css,js,javascript,animation,keyframe,stylesheet,framework,tools,performance,typescript' }],
-
-    [
-      'script',
-      { async: '', src: 'https://www.googletagmanager.com/gtag/js?id=G-NY6W3XTT8W' }
-    ],
-    [
-      'script',
-      {},
-      `window.dataLayer = window.dataLayer || [];
-       function gtag(){dataLayer.push(arguments);}
-       gtag('js', new Date());
-
-       gtag('config', 'G-NY6W3XTT8W');`
-    ]
-
-  ],
-    
-  title: "KeyframeKit",
-  description: "Unlock fine-grained control over your CSS animations with JavaScript.",
-
-  themeConfig: {
-    outline: [2, 3],
-
-    // https://vitepress.dev/reference/default-theme-config
-    nav: [
-      { text: 'Home', link: '/' },
-      { text: 'Get Started', link: '/get-started' },
-      { text: 'Reference', link: '/reference/' }
-    ],
-
-    sidebar: {
-      '/reference/': [
-        {
-          text: 'Reference',
-          link: '/reference/',
-          items: referenceNavigationItems
-        }
-      ]
-    },
-
-    search: {
-      provider: 'local'
-    },
-
-    socialLinks: [
-      { icon: 'github', link: 'https://github.com/benhatsor/KeyframeKit' }
-    ],
-
-    footer: {
-      message: 'Created by <a href="https://berryscript.com" target="_blank">Ben Hatsor</a>. MIT License.'
-    }
-  },
-
-  vite: {
-    plugins: [
-      /*monacoEditorPlugin({
-        //publicPath: '/'
-        customDistPath: (root, buildOutDir) => `${buildOutDir}/monacoeditorwork`
-      })*/
-    ],
-    ssr: {
-      //noExternal: ['monaco-editor']
-    },
-    optimizeDeps: {
-      //exclude: ['monaco-editor']
-    }
-  }
-})

package/docs/.vitepress/referenceNavigation.ts

@@ -1,37 +0,0 @@
-
-import type { DefaultTheme } from 'vitepress';
-
-import type {
-  NavigationJSON,
-  NavigationItem as NavigationJSONItem
-} from 'typedoc-plugin-markdown';
-
-
-import navigationJSON from '../docs/reference/navigation.json' with { type: 'json' };
-
-
-const navigationJSONItems: NavigationJSON = navigationJSON;
-
-const sidebarItems = navigationJSONItems.map(convertItem);
-
-export default sidebarItems;
-
-
-function convertItem(
-  inputItem: NavigationJSONItem
-): DefaultTheme.SidebarItem {
-
-  const link = inputItem.path ?? undefined;
-
-  const items = inputItem.children?.map(convertItem);
-
-  let outputItem: DefaultTheme.SidebarItem = {
-    text: inputItem.title,
-    link: link,
-    items: items,
-    base: '/reference/'
-  };
-
-  return outputItem;
-
-}

package/docs/.vitepress/theme/base-styles.css

@@ -1,104 +0,0 @@
-
-.monaco-editor .iPadShowKeyboard {
-  display: none;
-}
-
-
-/* override vitepress theme style for '.vp-doc a' in monaco editor
-   (it messes up the autocomplete styles) */
-.vp-doc .monaco-editor a {
-  transition: unset;
-  text-decoration: unset;
-  text-underline-offset: unset;
-  font-weight: unset;
-  color: inherit;
-}
-
-.vp-doc .monaco-editor a:hover {
-  color: inherit;
-}
-
-.vp-doc .monaco-editor :not(pre, h1, h2, h3, h4, h5, h6) > code {
-  font-size: unset;
-  color: inherit;
-}
-
-.vp-doc .monaco-editor li+li {
-  margin-top: 0;
-}
-
-
-.vp-doc h5, .vp-doc h6 {
-  margin: 16px 0;
-}
-
-.vp-doc h6 {
-  color: var(--vp-c-text-2);
-}
-
-
-.VPLocalSearchBox {
-
-  --vp-local-search-result-selected-border: var(--vp-c-brand-2);
-
-  .search-bar {
-    background: var(--vp-c-divider);
-  }
-
-  .search-bar:focus-within {
-    border-color: var(--vp-c-brand-2) !important;
-    box-shadow: 0 0 0 1px var(--vp-c-brand-2);
-    /* background: transparent; */
-    background: var(--vp-c-bg-alt);
-  }
-
-  .search-bar .search-input {
-    font-family: inherit;
-  }
-
-  .search-bar .search-actions .clear-button {
-    /* order: -1; */
-
-    &:disabled {
-      display: none;
-    }
-  }
-
-  .search-bar:has(+ .results:empty) .search-actions .toggle-layout-button,
-  .search-bar .search-actions:has(.clear-button:disabled) .toggle-layout-button {
-    display: none;
-  }
-
-  .results:empty,
-  &:has(.search-bar .search-actions .clear-button:disabled) .results {
-    display: none;
-  }
-
-  .search-keyboard-shortcuts {
-    display: none !important;
-  }
-
-}
-
-
-@media (min-width: 768px) {
-
-  .VPNavBarSearchButton {
-
-    height: 38px !important;
-    /* width: 127px; */
-    width: 140px;
-    /* justify-content: center; */
-
-    .keys {
-      display: none;
-    }
-
-  }
-
-}
-
-
-:root {
-  -webkit-tap-highlight-color: transparent;
-}

package/docs/.vitepress/theme/env.d.ts

@@ -1,5 +0,0 @@
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}