@omnitron-dev/prism 0.1.2 → 0.2.0

package/dist/components/editor/index.d.ts

@@ -0,0 +1,107 @@
+import { E as EditorToolbarProps, a as EditorToolbarItemProps, T as TextTransformValue } from '../../text-transform-D6MzzF7V.js';
+export { b as Editor, c as EditorOutputFormat, d as EditorProps, R as ResolvedToolbar, e as TextTransform, f as ToolbarConfig, g as ToolbarItem, h as ToolbarPreset, i as editorClasses, r as resolveToolbar } from '../../text-transform-D6MzzF7V.js';
+import { Extension } from '@tiptap/core';
+import { SvgIconProps } from '@mui/material/SvgIcon';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Editor, ReactNodeViewProps } from '@tiptap/react';
+import '@mui/material/Box';
+import '@mui/material/styles';
+import '@mui/material/ButtonBase';
+
+declare const ClearFormat: Extension<any, any>;
+
+/**
+ * Editor toolbar icons — HugeIcons Duotone Rounded style.
+ * Source: experiments/portal-old/src/components/editor/toolbar/icons
+ *
+ * All icons use stroke-based SVG with `currentColor` for theme integration.
+ */
+
+type IconComponent = (props?: SvgIconProps) => React.JSX.Element;
+declare const BoldIcon: IconComponent;
+declare const ItalicIcon: IconComponent;
+declare const UnderlineIcon: IconComponent;
+declare const StrikeIcon: IconComponent;
+declare const InlineCodeIcon: IconComponent;
+declare const CodeBlockIcon: IconComponent;
+declare const H1Icon: IconComponent;
+declare const H2Icon: IconComponent;
+declare const H3Icon: IconComponent;
+declare const H4Icon: IconComponent;
+declare const H5Icon: IconComponent;
+declare const H6Icon: IconComponent;
+declare const ParagraphIcon: IconComponent;
+declare const AlignLeftIcon: IconComponent;
+declare const AlignCenterIcon: IconComponent;
+declare const AlignRightIcon: IconComponent;
+declare const AlignJustifyIcon: IconComponent;
+declare const BulletListIcon: IconComponent;
+declare const OrderedListIcon: IconComponent;
+declare const CheckListIcon: IconComponent;
+declare const QuoteIcon: IconComponent;
+declare const HorizontalRuleIcon: IconComponent;
+declare const TableIcon: IconComponent;
+declare const LinkIcon: IconComponent;
+declare const UnlinkIcon: IconComponent;
+declare const ImageIcon: IconComponent;
+declare const ClearMarksIcon: IconComponent;
+declare const UndoIcon: IconComponent;
+declare const RedoIcon: IconComponent;
+declare const HardBreakIcon: IconComponent;
+declare const FullscreenIcon: IconComponent;
+declare const ExitFullscreenIcon: IconComponent;
+
+declare function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }: EditorToolbarProps): react_jsx_runtime.JSX.Element;
+
+interface BubbleToolbarProps {
+    editor: Editor;
+}
+declare function BubbleToolbar({ editor }: BubbleToolbarProps): react_jsx_runtime.JSX.Element;
+
+declare function ToolbarItem({ sx, icon, label, active, disabled, ...other }: EditorToolbarItemProps): react_jsx_runtime.JSX.Element;
+
+type TextAlignValue = 'left' | 'center' | 'right' | 'justify';
+type TextHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6 | null;
+interface UseToolbarStateReturn {
+    isBold: boolean;
+    isCode: boolean;
+    isLink: boolean;
+    isItalic: boolean;
+    isStrike: boolean;
+    isUnderline: boolean;
+    isCodeBlock: boolean;
+    isBulletList: boolean;
+    isBlockquote: boolean;
+    isOrderedList: boolean;
+    isTaskList: boolean;
+    isAlign: (value: TextAlignValue) => boolean;
+    isTextLevel: (value: TextHeadingLevel) => boolean;
+    isTextTransform: (value: TextTransformValue) => boolean;
+    canUndo: boolean;
+    canRedo: boolean;
+}
+declare function useToolbarState(editor: Editor): UseToolbarStateReturn;
+
+interface HeadingBlockProps {
+    editor: Editor;
+    isActive: (value: TextHeadingLevel) => boolean;
+}
+declare function HeadingBlock({ editor, isActive }: HeadingBlockProps): react_jsx_runtime.JSX.Element;
+
+interface LinkBlockProps {
+    editor: Editor;
+    active: boolean;
+    linkIcon: EditorToolbarItemProps['icon'];
+    unlinkIcon: EditorToolbarItemProps['icon'];
+}
+declare function LinkBlock({ editor, linkIcon, unlinkIcon, active }: LinkBlockProps): react_jsx_runtime.JSX.Element;
+
+interface ImageBlockProps {
+    editor: Editor;
+    icon: EditorToolbarItemProps['icon'];
+}
+declare function ImageBlock({ editor, icon }: ImageBlockProps): react_jsx_runtime.JSX.Element;
+
+declare function CodeHighlightBlock(props: ReactNodeViewProps): react_jsx_runtime.JSX.Element;
+
+export { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, BoldIcon, BubbleToolbar, BulletListIcon, CheckListIcon, ClearFormat, ClearMarksIcon, CodeBlockIcon, CodeHighlightBlock, ToolbarItem as EditorToolbarButton, EditorToolbarItemProps, EditorToolbarProps, ExitFullscreenIcon, FullscreenIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, HardBreakIcon, HeadingBlock, HorizontalRuleIcon, ImageBlock, ImageIcon, InlineCodeIcon, ItalicIcon, LinkBlock, LinkIcon, OrderedListIcon, ParagraphIcon, QuoteIcon, RedoIcon, StrikeIcon, TableIcon, TextTransformValue, Toolbar, UnderlineIcon, UndoIcon, UnlinkIcon, useToolbarState };

package/dist/components/editor/index.js

@@ -0,0 +1,4 @@
+export { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, BoldIcon, BubbleToolbar, BulletListIcon, CheckListIcon, ClearFormat, ClearMarksIcon, CodeBlockIcon, CodeHighlightBlock, Editor, ToolbarItem as EditorToolbarButton, ExitFullscreenIcon, FullscreenIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, HardBreakIcon, HeadingBlock, HorizontalRuleIcon, ImageBlock, ImageIcon, InlineCodeIcon, ItalicIcon, LinkBlock, LinkIcon, OrderedListIcon, ParagraphIcon, QuoteIcon, RedoIcon, StrikeIcon, TableIcon, TextTransform, Toolbar, UnderlineIcon, UndoIcon, UnlinkIcon, editorClasses, resolveToolbar, useToolbarState } from '../../chunk-YJMAQL3S.js';
+import '../../chunk-77KIJLPP.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/index.css

@@ -0,0 +1,131 @@
+/* src/components/chart/styles.css */
+.apexcharts-canvas {
+  .apexcharts-tooltip {
+    min-width: 80px;
+    border-radius: 10px;
+    backdrop-filter: blur(6px);
+    color: var(--palette-text-primary);
+    box-shadow: var(--customShadows-dropdown);
+    background-color: rgba(var(--palette-background-defaultChannel) / 0.9);
+  }
+  .apexcharts-xaxistooltip {
+    border-radius: 10px;
+    border-color: transparent;
+    backdrop-filter: blur(6px);
+    color: var(--palette-text-primary);
+    box-shadow: var(--customShadows-dropdown);
+    background-color: rgba(var(--palette-background-defaultChannel) / 0.9);
+    &::before {
+      border-bottom-color: rgba(var(--palette-grey-500Channel) / 0.16);
+    }
+    &::after {
+      border-bottom-color: rgba(var(--palette-background-defaultChannel) / 0.9);
+    }
+  }
+  .apexcharts-tooltip-title {
+    font-weight: 700;
+    text-align: center;
+    color: var(--palette-text-secondary);
+    background-color: var(--palette-background-neutral);
+  }
+  .apexcharts-tooltip-series-group {
+    padding: 4px 12px;
+  }
+  .apexcharts-tooltip-marker {
+    margin-right: 8px;
+  }
+  .apexcharts-legend {
+    padding: 0;
+  }
+  .apexcharts-legend-marker {
+    margin-right: 6px;
+  }
+  .apexcharts-legend-text {
+    margin-left: 0;
+    padding-left: 0;
+    line-height: 18px;
+  }
+}
+
+/* src/components/content-renderer/code-highlight.css */
+pre code {
+  .hljs-comment {
+    color: #999;
+  }
+  .hljs-tag {
+    color: #b4b7b4;
+  }
+  .hljs-operator,
+  .hljs-punctuation,
+  .hljs-subst {
+    color: #ccc;
+  }
+  .hljs-operator {
+    opacity: 0.7;
+  }
+  .hljs-bullet,
+  .hljs-deletion,
+  .hljs-name,
+  .hljs-selector-tag,
+  .hljs-template-variable,
+  .hljs-variable {
+    color: #f2777a;
+  }
+  .hljs-attr,
+  .hljs-link,
+  .hljs-literal,
+  .hljs-number,
+  .hljs-symbol,
+  .hljs-variable.constant_ {
+    color: #f99157;
+  }
+  .hljs-class .hljs-title,
+  .hljs-title,
+  .hljs-title.class_ {
+    color: #fc6;
+  }
+  .hljs-strong {
+    font-weight: 700;
+    color: #fc6;
+  }
+  .hljs-addition,
+  .hljs-code,
+  .hljs-string,
+  .hljs-title.class_.inherited__ {
+    color: #9c9;
+  }
+  .hljs-built_in,
+  .hljs-doctag,
+  .hljs-keyword.hljs-atrule,
+  .hljs-quote,
+  .hljs-regexp {
+    color: #6cc;
+  }
+  .hljs-attribute,
+  .hljs-function .hljs-title,
+  .hljs-section,
+  .hljs-title.function_,
+  .ruby .hljs-property {
+    color: #69c;
+  }
+  .diff .hljs-meta,
+  .hljs-keyword,
+  .hljs-template-tag,
+  .hljs-type {
+    color: #c9c;
+  }
+  .hljs-emphasis {
+    color: #c9c;
+    font-style: italic;
+  }
+  .hljs-meta,
+  .hljs-meta .hljs-keyword,
+  .hljs-meta .hljs-string {
+    color: #a3685a;
+  }
+  .hljs-meta .hljs-keyword,
+  .hljs-meta-keyword {
+    font-weight: 700;
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/components/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/chart/styles.css","../../src/components/content-renderer/code-highlight.css"],"sourcesContent":["/**\n * ApexCharts Custom Styles\n *\n * Overrides for ApexCharts to integrate with Prism theme.\n * Uses CSS variables from the theme for dynamic theming.\n */\n\n.apexcharts-canvas {\n  /**\n   * Tooltip\n   */\n  .apexcharts-tooltip {\n    min-width: 80px;\n    border-radius: 10px;\n    backdrop-filter: blur(6px);\n    color: var(--palette-text-primary);\n    box-shadow: var(--customShadows-dropdown);\n    background-color: rgba(var(--palette-background-defaultChannel) / 0.9);\n  }\n\n  .apexcharts-xaxistooltip {\n    border-radius: 10px;\n    border-color: transparent;\n    backdrop-filter: blur(6px);\n    color: var(--palette-text-primary);\n    box-shadow: var(--customShadows-dropdown);\n    background-color: rgba(var(--palette-background-defaultChannel) / 0.9);\n\n    &::before {\n      border-bottom-color: rgba(var(--palette-grey-500Channel) / 0.16);\n    }\n\n    &::after {\n      border-bottom-color: rgba(var(--palette-background-defaultChannel) / 0.9);\n    }\n  }\n\n  .apexcharts-tooltip-title {\n    font-weight: 700;\n    text-align: center;\n    color: var(--palette-text-secondary);\n    background-color: var(--palette-background-neutral);\n  }\n\n  /**\n   * Tooltip: group\n   */\n  .apexcharts-tooltip-series-group {\n    padding: 4px 12px;\n  }\n\n  .apexcharts-tooltip-marker {\n    margin-right: 8px;\n  }\n\n  /**\n   * Legend\n   */\n  .apexcharts-legend {\n    padding: 0;\n  }\n\n  .apexcharts-legend-marker {\n    margin-right: 6px;\n  }\n\n  .apexcharts-legend-text {\n    margin-left: 0;\n    padding-left: 0;\n    line-height: 18px;\n  }\n}\n","/**\n * Syntax highlighting theme for highlight.js\n * Based on Tomorrow Night Eighties palette — works great on dark backgrounds.\n */\npre code {\n  .hljs-comment {\n    color: #999;\n  }\n  .hljs-tag {\n    color: #b4b7b4;\n  }\n  .hljs-operator,\n  .hljs-punctuation,\n  .hljs-subst {\n    color: #ccc;\n  }\n  .hljs-operator {\n    opacity: 0.7;\n  }\n  .hljs-bullet,\n  .hljs-deletion,\n  .hljs-name,\n  .hljs-selector-tag,\n  .hljs-template-variable,\n  .hljs-variable {\n    color: #f2777a;\n  }\n  .hljs-attr,\n  .hljs-link,\n  .hljs-literal,\n  .hljs-number,\n  .hljs-symbol,\n  .hljs-variable.constant_ {\n    color: #f99157;\n  }\n  .hljs-class .hljs-title,\n  .hljs-title,\n  .hljs-title.class_ {\n    color: #fc6;\n  }\n  .hljs-strong {\n    font-weight: 700;\n    color: #fc6;\n  }\n  .hljs-addition,\n  .hljs-code,\n  .hljs-string,\n  .hljs-title.class_.inherited__ {\n    color: #9c9;\n  }\n  .hljs-built_in,\n  .hljs-doctag,\n  .hljs-keyword.hljs-atrule,\n  .hljs-quote,\n  .hljs-regexp {\n    color: #6cc;\n  }\n  .hljs-attribute,\n  .hljs-function .hljs-title,\n  .hljs-section,\n  .hljs-title.function_,\n  .ruby .hljs-property {\n    color: #69c;\n  }\n  .diff .hljs-meta,\n  .hljs-keyword,\n  .hljs-template-tag,\n  .hljs-type {\n    color: #c9c;\n  }\n  .hljs-emphasis {\n    color: #c9c;\n    font-style: italic;\n  }\n  .hljs-meta,\n  .hljs-meta .hljs-keyword,\n  .hljs-meta .hljs-string {\n    color: #a3685a;\n  }\n  .hljs-meta .hljs-keyword,\n  .hljs-meta-keyword {\n    font-weight: 700;\n  }\n}\n"],"mappings":";AAOA,CAAC;AAIC,GAAC;AACC,eAAW;AACX,mBAAe;AACf,qBAAiB,KAAK;AACtB,WAAO,IAAI;AACX,gBAAY,IAAI;AAChB,sBAAkB,KAAK,IAAI,qCAAqC,EAAE;AACpE;AAEA,GAAC;AACC,mBAAe;AACf,kBAAc;AACd,qBAAiB,KAAK;AACtB,WAAO,IAAI;AACX,gBAAY,IAAI;AAChB,sBAAkB,KAAK,IAAI,qCAAqC,EAAE;AAElE,KAAC;AACC,2BAAqB,KAAK,IAAI,2BAA2B,EAAE;AAC7D;AAEA,KAAC;AACC,2BAAqB,KAAK,IAAI,qCAAqC,EAAE;AACvE;AACF;AAEA,GAAC;AACC,iBAAa;AACb,gBAAY;AACZ,WAAO,IAAI;AACX,sBAAkB,IAAI;AACxB;AAKA,GAAC;AACC,aAAS,IAAI;AACf;AAEA,GAAC;AACC,kBAAc;AAChB;AAKA,GAAC;AACC,aAAS;AACX;AAEA,GAAC;AACC,kBAAc;AAChB;AAEA,GAAC;AACC,iBAAa;AACb,kBAAc;AACd,iBAAa;AACf;AACF;;;ACnEA,IAAI;AACF,GAAC;AACC,WAAO;AACT;AACA,GAAC;AACC,WAAO;AACT;AACA,GAAC;AAAA,EACD,CAAC;AAAA,EACD,CAAC;AACC,WAAO;AACT;AACA,GALC;AAMC,aAAS;AACX;AACA,GAAC;AAAA,EACD,CAAC;AAAA,EACD,CAAC;AAAA,EACD,CAAC;AAAA,EACD,CAAC;AAAA,EACD,CAAC;AACC,WAAO;AACT;AACA,GAAC;AAAA,EACD,CAAC;AAAA,EACD,CAAC;AAAA,EACD,CAAC;AAAA,EACD,CAAC;AAAA,EACD,CARC,aAQa,CAAC;AACb,WAAO;AACT;AACA,GAAC,WAAW,CAAC;AAAA,EACb,CADa;AAAA,EAEb,CAFa,UAEF,CAAC;AACV,WAAO;AACT;AACA,GAAC;AACC,iBAAa;AACb,WAAO;AACT;AACA,GAAC;AAAA,EACD,CAAC;AAAA,EACD,CAAC;AAAA,EACD,CAZa,UAYF,CAVC,MAUM,CAAC;AACjB,WAAO;AACT;AACA,GAAC;AAAA,EACD,CAAC;AAAA,EACD,CAAC,YAAY,CAAC;AAAA,EACd,CAAC;AAAA,EACD,CAAC;AACC,WAAO;AACT;AACA,GAAC;AAAA,EACD,CAAC,cAAc,CAvBF;AAAA,EAwBb,CAAC;AAAA,EACD,CAzBa,UAyBF,CAAC;AAAA,EACZ,CAAC,KAAK,CAAC;AACL,WAAO;AACT;AACA,GAAC,KAAK,CAAC;AAAA,EACP,CAbC;AAAA,EAcD,CAAC;AAAA,EACD,CAAC;AACC,WAAO;AACT;AACA,GAAC;AACC,WAAO;AACP,gBAAY;AACd;AACA,GAVO;AAAA,EAWP,CAXO,UAWI,CAvBV;AAAA,EAwBD,CAZO,UAYI,CA9BV;AA+BC,WAAO;AACT;AACA,GAfO,UAeI,CA3BV;AAAA,EA4BD,CAAC;AACC,iBAAa;AACf;AACF;","names":[]}