@synertech/ui 0.39.0 → 0.40.0

package/dist/markdown-editor.cjs

@@ -0,0 +1 @@
+'use strict';require('@mdxeditor/editor/style.css');var editor=require('@mdxeditor/editor'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var T="\xC9crivez en Markdown...",C=()=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(editor.UndoRedo,{}),jsxRuntime.jsx(editor.BlockTypeSelect,{}),jsxRuntime.jsx(editor.BoldItalicUnderlineToggles,{}),jsxRuntime.jsx(editor.CodeToggle,{}),jsxRuntime.jsx(editor.CreateLink,{}),jsxRuntime.jsx(editor.ListsToggle,{}),jsxRuntime.jsx(editor.InsertThematicBreak,{})]}),L=[editor.headingsPlugin(),editor.listsPlugin(),editor.quotePlugin(),editor.linkPlugin(),editor.linkDialogPlugin(),editor.codeBlockPlugin({defaultCodeBlockLanguage:""}),editor.thematicBreakPlugin(),editor.markdownShortcutPlugin(),editor.toolbarPlugin({toolbarContents:C})],r=react.forwardRef(({value:e,onChange:t,placeholder:n=T},d)=>jsxRuntime.jsx("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden bg-white dark:bg-gray-800",children:jsxRuntime.jsx(editor.MDXEditor,{ref:d,markdown:e,onChange:t,placeholder:n,contentEditableClassName:"prose prose-sm dark:prose-invert max-w-none p-3 min-h-[16rem] focus:outline-none",plugins:L})}));r.displayName="MarkdownEditor";exports.MarkdownEditor=r;

package/dist/markdown-editor.d.cts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { MDXEditorMethods } from '@mdxeditor/editor';
+import { a as MarkdownEditorProps } from './types-99-Ej5og.cjs';
+
+/**
+ * Markdown editor for `<HelpButton markdown editable>`.
+ *
+ * Published from `@synertech/ui/markdown-editor`, never from the main entry.
+ * `@mdxeditor/editor` is an optional peer dependency, and bundlers resolve any
+ * reference to it at build time — even a dynamic `import()` — so reaching it
+ * from the main entry breaks the build of every app that did not install it.
+ */
+declare const MarkdownEditor: react.ForwardRefExoticComponent<MarkdownEditorProps & react.RefAttributes<MDXEditorMethods>>;
+
+export { MarkdownEditor, MarkdownEditorProps };

package/dist/markdown-editor.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { MDXEditorMethods } from '@mdxeditor/editor';
+import { a as MarkdownEditorProps } from './types-99-Ej5og.js';
+
+/**
+ * Markdown editor for `<HelpButton markdown editable>`.
+ *
+ * Published from `@synertech/ui/markdown-editor`, never from the main entry.
+ * `@mdxeditor/editor` is an optional peer dependency, and bundlers resolve any
+ * reference to it at build time — even a dynamic `import()` — so reaching it
+ * from the main entry breaks the build of every app that did not install it.
+ */
+declare const MarkdownEditor: react.ForwardRefExoticComponent<MarkdownEditorProps & react.RefAttributes<MDXEditorMethods>>;
+
+export { MarkdownEditor, MarkdownEditorProps };

package/dist/markdown-editor.js

@@ -0,0 +1 @@
+import'@mdxeditor/editor/style.css';import {headingsPlugin,listsPlugin,quotePlugin,linkPlugin,linkDialogPlugin,codeBlockPlugin,thematicBreakPlugin,markdownShortcutPlugin,toolbarPlugin,MDXEditor,UndoRedo,BlockTypeSelect,BoldItalicUnderlineToggles,CodeToggle,CreateLink,ListsToggle,InsertThematicBreak}from'@mdxeditor/editor';import {forwardRef}from'react';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var T="\xC9crivez en Markdown...",C=()=>jsxs(Fragment,{children:[jsx(UndoRedo,{}),jsx(BlockTypeSelect,{}),jsx(BoldItalicUnderlineToggles,{}),jsx(CodeToggle,{}),jsx(CreateLink,{}),jsx(ListsToggle,{}),jsx(InsertThematicBreak,{})]}),L=[headingsPlugin(),listsPlugin(),quotePlugin(),linkPlugin(),linkDialogPlugin(),codeBlockPlugin({defaultCodeBlockLanguage:""}),thematicBreakPlugin(),markdownShortcutPlugin(),toolbarPlugin({toolbarContents:C})],r=forwardRef(({value:e,onChange:t,placeholder:n=T},d)=>jsx("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden bg-white dark:bg-gray-800",children:jsx(MDXEditor,{ref:d,markdown:e,onChange:t,placeholder:n,contentEditableClassName:"prose prose-sm dark:prose-invert max-w-none p-3 min-h-[16rem] focus:outline-none",plugins:L})}));r.displayName="MarkdownEditor";export{r as MarkdownEditor};

package/dist/styles.css

@@ -207,6 +207,15 @@
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
+    --color-chart-1: #155dfc;
+    --color-chart-2: #f54900;
+    --color-chart-3: #e60076;
+    --color-chart-4: #e17100;
+    --color-chart-5: #009689;
+    --color-chart-6: #e7000b;
+    --color-chart-7: #7f22fe;
+    --color-chart-8: #00a63e;
+    --color-chart-muted: #99a1af;
   }
 }
 @layer base {
@@ -997,6 +1006,9 @@
   .w-20 {
     width: calc(var(--spacing) * 20);
   }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
@@ -1109,6 +1121,9 @@
   .min-w-11 {
     min-width: calc(var(--spacing) * 11);
   }
+  .min-w-24 {
+    min-width: calc(var(--spacing) * 24);
+  }
   .min-w-40 {
     min-width: calc(var(--spacing) * 40);
   }
@@ -1154,6 +1169,9 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .grow {
+    flex-grow: 1;
+  }
   .border-collapse {
     border-collapse: collapse;
   }
@@ -1259,6 +1277,9 @@
   .cursor-text {
     cursor: text;
   }
+  .touch-none {
+    touch-action: none;
+  }
   .resize {
     resize: both;
   }
@@ -1274,6 +1295,9 @@
   .list-disc {
     list-style-type: disc;
   }
+  .list-none {
+    list-style-type: none;
+  }
   .appearance-none {
     -webkit-appearance: none;
        -moz-appearance: none;
@@ -1521,6 +1545,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-visible {
+    overflow: visible;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }
@@ -2529,9 +2556,18 @@
   .fill-gray-300 {
     fill: var(--color-gray-300);
   }
+  .fill-gray-400 {
+    fill: var(--color-gray-400);
+  }
+  .fill-gray-500 {
+    fill: var(--color-gray-500);
+  }
   .fill-gray-600 {
     fill: var(--color-gray-600);
   }
+  .fill-gray-900 {
+    fill: var(--color-gray-900);
+  }
   .stroke-blue-500 {
     stroke: var(--color-blue-500);
   }
@@ -2586,6 +2622,9 @@
   .stroke-teal-500 {
     stroke: var(--color-teal-500);
   }
+  .stroke-white {
+    stroke: var(--color-white);
+  }
   .stroke-yellow-500 {
     stroke: var(--color-yellow-500);
   }
@@ -3190,12 +3229,18 @@
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
   }
+  .\[font-variant-numeric\:tabular-nums\] {
+    font-variant-numeric: tabular-nums;
+  }
   .line-through {
     text-decoration-line: line-through;
   }
   .underline {
     text-decoration-line: underline;
   }
+  .underline-offset-2 {
+    text-underline-offset: 2px;
+  }
   .antialiased {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -3369,6 +3414,10 @@
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
+  .invert {
+    --tw-invert: invert(100%);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
@@ -3822,13 +3871,6 @@
       }
     }
   }
-  .hover\:bg-green-600 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-green-600);
-      }
-    }
-  }
   .hover\:bg-green-700 {
     &:hover {
       @media (hover: hover) {
@@ -4437,6 +4479,22 @@
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .focus-visible\:outline-2 {
+    &:focus-visible {
+      outline-style: var(--tw-outline-style);
+      outline-width: 2px;
+    }
+  }
+  .focus-visible\:outline-offset-2 {
+    &:focus-visible {
+      outline-offset: 2px;
+    }
+  }
+  .focus-visible\:outline-blue-500 {
+    &:focus-visible {
+      outline-color: var(--color-blue-500);
+    }
+  }
   .active\:scale-95 {
     &:active {
       --tw-scale-x: 95%;
@@ -4500,6 +4558,11 @@
       width: calc(var(--spacing) * 52);
     }
   }
+  .sm\:grid-cols-1 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+  }
   .sm\:grid-cols-2 {
     @media (width >= 40rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -5540,11 +5603,26 @@
       --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
     }
   }
+  .dark\:fill-gray-100 {
+    @media (prefers-color-scheme: dark) {
+      fill: var(--color-gray-100);
+    }
+  }
   .dark\:fill-gray-300 {
     @media (prefers-color-scheme: dark) {
       fill: var(--color-gray-300);
     }
   }
+  .dark\:fill-gray-400 {
+    @media (prefers-color-scheme: dark) {
+      fill: var(--color-gray-400);
+    }
+  }
+  .dark\:fill-gray-500 {
+    @media (prefers-color-scheme: dark) {
+      fill: var(--color-gray-500);
+    }
+  }
   .dark\:fill-gray-600 {
     @media (prefers-color-scheme: dark) {
       fill: var(--color-gray-600);
@@ -5565,11 +5643,26 @@
       stroke: var(--color-gray-400);
     }
   }
+  .dark\:stroke-gray-500 {
+    @media (prefers-color-scheme: dark) {
+      stroke: var(--color-gray-500);
+    }
+  }
+  .dark\:stroke-gray-600 {
+    @media (prefers-color-scheme: dark) {
+      stroke: var(--color-gray-600);
+    }
+  }
   .dark\:stroke-gray-700 {
     @media (prefers-color-scheme: dark) {
       stroke: var(--color-gray-700);
     }
   }
+  .dark\:stroke-gray-800 {
+    @media (prefers-color-scheme: dark) {
+      stroke: var(--color-gray-800);
+    }
+  }
   .dark\:stroke-green-500 {
     @media (prefers-color-scheme: dark) {
       stroke: var(--color-green-500);
@@ -6451,6 +6544,23 @@
     transform: translateX(400%);
   }
 }
+@media (prefers-color-scheme: dark) {
+  :root:not(.light):not([data-theme="light"]) {
+    --color-chart-1: #2b7fff;
+    --color-chart-3: #f6339a;
+    --color-chart-6: #fb2c36;
+    --color-chart-7: #8e51ff;
+    --color-chart-muted: #6a7282;
+  }
+}
+:root.dark,
+:root[data-theme="dark"] {
+  --color-chart-1: #2b7fff;
+  --color-chart-3: #f6339a;
+  --color-chart-6: #fb2c36;
+  --color-chart-7: #8e51ff;
+  --color-chart-muted: #6a7282;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/dist/types-99-Ej5og.d.cts

@@ -0,0 +1,15 @@
+import { ComponentType } from 'react';
+
+/** Props `HelpButton` passes to the Markdown editor it is given. */
+interface MarkdownEditorProps {
+    value: string;
+    onChange: (markdown: string) => void;
+    placeholder?: string;
+}
+/**
+ * Any component accepting {@link MarkdownEditorProps}. The stock one is
+ * `MarkdownEditor` from `@synertech/ui/markdown-editor`.
+ */
+type MarkdownEditorComponent = ComponentType<MarkdownEditorProps>;
+
+export type { MarkdownEditorComponent as M, MarkdownEditorProps as a };

package/dist/types-99-Ej5og.d.ts

@@ -0,0 +1,15 @@
+import { ComponentType } from 'react';
+
+/** Props `HelpButton` passes to the Markdown editor it is given. */
+interface MarkdownEditorProps {
+    value: string;
+    onChange: (markdown: string) => void;
+    placeholder?: string;
+}
+/**
+ * Any component accepting {@link MarkdownEditorProps}. The stock one is
+ * `MarkdownEditor` from `@synertech/ui/markdown-editor`.
+ */
+type MarkdownEditorComponent = ComponentType<MarkdownEditorProps>;
+
+export type { MarkdownEditorComponent as M, MarkdownEditorProps as a };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synertech/ui",
-  "version": "0.39.0",
+  "version": "0.40.0",
   "type": "module",
   "description": "Synertech UI component library",
   "main": "./dist/index.cjs",
@@ -17,6 +17,16 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./markdown-editor": {
+      "import": {
+        "types": "./dist/markdown-editor.d.ts",
+        "default": "./dist/markdown-editor.js"
+      },
+      "require": {
+        "types": "./dist/markdown-editor.d.cts",
+        "default": "./dist/markdown-editor.cjs"
+      }
+    },
     "./styles.css": "./dist/styles.css"
   },
   "bin": {
@@ -31,7 +41,7 @@
     "*.css"
   ],
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && node scripts/check-bundle-boundary.mjs",
     "dev": "tsup --watch",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "lint": "eslint src/",