nice-ui
Version:
React design system, components, and utilities
963 lines (962 loc) • 43.2 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.blockElement = exports.inlineText = exports.secondBrain = exports.annotations = void 0;
const React = require("react");
const Iconista_1 = require("../../../icons/Iconista");
const Code_1 = require("../../../1-inline/Code");
const Sidetip_1 = require("../../../1-inline/Sidetip");
const FontStyleButton_1 = require("../../../2-inline-block/FontStyleButton");
const annotations = () => {
return {
name: 'Annotations',
expand: 3,
children: [
{
name: 'Link',
// icon: () => <Iconista width={15} height={15} set="lucide" icon="link" />,
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "link-2" }),
active: {
getSnapshot: () => true,
subscribe: () => () => { },
},
onSelect: () => {
console.log('Link');
},
},
{
name: 'Comment',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lineicons", icon: "comment-1-text" }),
onSelect: () => {
console.log('Comment');
},
},
{
name: 'Empty',
onSelect: () => {
console.log('Empty');
},
},
{
name: 'Bookmark',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lineicons", icon: "flag-2" }),
onSelect: () => {
console.log('Bookmark');
},
},
{
name: 'Footnote',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "footprints" }),
onSelect: () => {
console.log('Footnote');
},
},
{
name: 'Aside',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "box-align-right" }),
onSelect: () => {
console.log('Aside');
},
},
],
};
};
exports.annotations = annotations;
const secondBrain = () => {
return {
sepBefore: true,
name: 'Second brain',
display: () => (React.createElement(React.Fragment, null,
React.createElement("span", { style: { color: 'purple' } }, "Second brain"))),
right: () => React.createElement(Sidetip_1.Sidetip, { small: true }, 'AI'),
icon: () => React.createElement(Iconista_1.Iconista, { style: { color: 'purple' }, width: 16, height: 16, set: "tabler", icon: "brain" }),
children: [
{
name: 'Ask question',
},
{
name: 'Action',
children: [
{
name: 'Make shorter',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "viewport-short" }),
onSelect: () => { },
},
{
name: 'Make longer',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "viewport-tall" }),
onSelect: () => { },
},
{ name: 'Add humor' },
{ name: 'Make more professional' },
{ name: 'Make it: ...' },
],
},
{
name: 'Translate',
children: [
{
name: 'Afrikaans',
onSelect: () => { },
},
{
name: 'Arabic',
onSelect: () => { },
},
{
name: 'Bengali',
onSelect: () => { },
},
{
name: 'Bulgarian',
onSelect: () => { },
},
{
name: 'Catalan',
onSelect: () => { },
},
{
name: 'Cantonese',
onSelect: () => { },
},
{
name: 'Croatian',
onSelect: () => { },
},
{
name: 'Czech',
onSelect: () => { },
},
{
name: 'Danish',
onSelect: () => { },
},
{
name: 'Dutch',
onSelect: () => { },
},
{
name: 'Lithuanian',
onSelect: () => { },
},
{
name: 'Malay',
onSelect: () => { },
},
{
name: 'Malayalam',
onSelect: () => { },
},
{
name: 'Panjabi',
onSelect: () => { },
},
{
name: 'Tamil',
onSelect: () => { },
},
{
name: 'English',
onSelect: () => { },
},
{
name: 'Finnish',
onSelect: () => { },
},
{
name: 'French',
onSelect: () => { },
},
{
name: 'German',
onSelect: () => { },
},
{
name: 'Greek',
onSelect: () => { },
},
{
name: 'Hebrew',
onSelect: () => { },
},
{
name: 'Hindi',
onSelect: () => { },
},
{
name: 'Hungarian',
onSelect: () => { },
},
{
name: 'Indonesian',
onSelect: () => { },
},
{
name: 'Italian',
onSelect: () => { },
},
{
name: 'Japanese',
onSelect: () => { },
},
{
name: 'Javanese',
onSelect: () => { },
},
{
name: 'Korean',
onSelect: () => { },
},
{
name: 'Norwegian',
onSelect: () => { },
},
{
name: 'Polish',
onSelect: () => { },
},
{
name: 'Portuguese',
onSelect: () => { },
},
{
name: 'Romanian',
onSelect: () => { },
},
{
name: 'Russian',
onSelect: () => { },
},
{
name: 'Serbian',
onSelect: () => { },
},
{
name: 'Slovak',
onSelect: () => { },
},
{
name: 'Slovene',
onSelect: () => { },
},
{
name: 'Spanish',
onSelect: () => { },
},
{
name: 'Swedish',
onSelect: () => { },
},
{
name: 'Thai',
onSelect: () => { },
},
{
name: 'Turkish',
onSelect: () => { },
},
{
name: 'Ukrainian',
onSelect: () => { },
},
{
name: 'Vietnamese',
onSelect: () => { },
},
],
},
],
};
};
exports.secondBrain = secondBrain;
exports.inlineText = {
name: 'Inline text',
maxToolbarItems: 4,
children: [
{
name: 'Formatting',
expandChild: 0,
children: [
{
name: 'Common',
expand: 8,
children: [
{
name: 'Bold',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "font-bold" }),
// icon: () => <Iconista width={16} height={16} set="lucide" icon="bold" />,
right: () => React.createElement(Sidetip_1.Sidetip, { small: true }, "\u2318 B"),
keys: ['⌘', 'b'],
onSelect: () => {
console.log('Bold');
},
},
{
name: 'Italic',
// icon: () => <Iconista width={15} height={15} set="radix" icon="font-italic" />,
// icon: () => <Iconista width={16} height={16} set="lucide" icon="italic" />,
icon: () => React.createElement(Iconista_1.Iconista, { width: 14, height: 14, set: "lucide", icon: "italic" }),
right: () => React.createElement(Sidetip_1.Sidetip, { small: true }, "\u2318 I"),
active: {
getSnapshot: () => true,
subscribe: () => () => { },
},
keys: ['⌘', 'i'],
onSelect: () => {
console.log('Italic');
},
},
{
name: 'Underline',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "underline" }),
right: () => React.createElement(Sidetip_1.Sidetip, { small: true }, "\u2318 U"),
keys: ['⌘', 'u'],
disabled: {
getSnapshot: () => true,
subscribe: () => () => { },
},
onSelect: () => {
console.log('Underline');
},
},
{
name: 'Strikethrough',
// icon: () => <Iconista width={15} height={15} set="radix" icon="strikethrough" />,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "strikethrough" }),
onSelect: () => {
console.log('Strikethrough');
},
},
{
name: 'Overline',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "overline" }),
onSelect: () => {
console.log('Overline');
},
},
{
name: 'Highlight',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "highlight" }),
onSelect: () => {
console.log('Highlight');
},
},
{
name: 'Classified',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "lock-password" }),
onSelect: () => {
console.log('Classified');
},
},
],
},
{
name: 'Technical separator',
sep: true,
},
{
name: 'Technical',
expand: 8,
children: [
{
name: 'Code',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "code" }),
onSelect: () => { },
},
{
name: 'Math',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "math-integral-x" }),
onSelect: () => { },
},
{
name: 'Superscript',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "superscript" }),
onSelect: () => { },
},
{
name: 'Subscript',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "subscript" }),
onSelect: () => { },
},
{
name: 'Keyboard key',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "keyboard" }),
onSelect: () => { },
},
{
name: 'Insertion',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "pencil-plus" }),
onSelect: () => { },
},
{
name: 'Deletion',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "pencil-minus" }),
onSelect: () => { },
},
],
},
{
name: 'Artistic separator',
sep: true,
},
{
name: 'Artistic',
expand: 8,
children: [
{
name: 'Color',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "paintbrush" }),
onSelect: () => { },
},
{
name: 'Background',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "paint-bucket" }),
onSelect: () => { },
},
{
name: 'Border',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "border-left" }),
onSelect: () => { },
},
],
},
],
},
(0, exports.secondBrain)(),
{
name: 'Annotations separator',
sep: true,
},
(0, exports.annotations)(),
{
name: 'Style separator',
sep: true,
},
{
name: 'Typesetting',
expand: 4,
openOnTitleHov: true,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "typography" }),
onSelect: () => { },
children: [
{
name: 'Sans-serif',
iconBig: () => React.createElement(FontStyleButton_1.FontStyleButton, { kind: 'sans' }),
onSelect: () => { },
},
{
name: 'Serif',
iconBig: () => React.createElement(FontStyleButton_1.FontStyleButton, { kind: 'serif' }),
onSelect: () => { },
},
{
name: 'Slab',
icon: () => React.createElement(FontStyleButton_1.FontStyleButton, { kind: 'slab', size: 16 }),
iconBig: () => React.createElement(FontStyleButton_1.FontStyleButton, { kind: 'slab' }),
onSelect: () => { },
},
{
name: 'Monospace',
iconBig: () => React.createElement(FontStyleButton_1.FontStyleButton, { kind: 'mono' }),
onSelect: () => { },
},
// {
// name: 'Custom typeface separator',
// sep: true,
// },
{
name: 'Custom typeface',
expand: 10,
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "font-style" }),
children: [
{
name: 'Typeface',
// icon: () => <Iconista width={15} height={15} set="radix" icon="font-style" />,
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "font-family" }),
onSelect: () => { },
},
{
name: 'Text size',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "font-size" }),
onSelect: () => { },
},
{
name: 'Letter spacing',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "letter-spacing" }),
onSelect: () => { },
},
{
name: 'Word spacing',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "letter-spacing" }),
onSelect: () => { },
},
{
name: 'Caps separator',
sep: true,
},
{
name: 'Large caps',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "letter-case-uppercase" }),
onSelect: () => { },
},
{
name: 'Small caps',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "letter-case-lowercase" }),
onSelect: () => { },
},
],
},
],
},
{
name: 'Modify separator',
sep: true,
},
{
name: 'Modify',
expand: 3,
onSelect: () => { },
children: [
{
name: 'Pick layer',
right: () => (React.createElement(Code_1.Code, { size: -1, gray: true }, "9+")),
more: true,
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "layers" }),
onSelect: () => { },
},
{
name: 'Erase formatting',
danger: true,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "eraser" }),
onSelect: () => { },
},
{
name: 'Delete all in range',
danger: true,
more: true,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "trash" }),
onSelect: () => { },
},
],
},
{
name: 'Clipboard separator',
sep: true,
},
{
name: 'Copy, cut, and paste',
// icon: () => <Iconista width={15} height={15} set="radix" icon="copy" />,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "copy" }),
expand: 0,
children: [
{
id: 'copy-menu',
name: 'Copy',
// icon: () => <Iconista width={15} height={15} set="radix" icon="copy" />,
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard-copy" }),
expand: 5,
children: [
{
name: 'Copy',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard-copy" }),
onSelect: () => { },
},
{
name: 'Copy text only',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard-copy" }),
onSelect: () => { },
},
{
name: 'Copy as Markdown',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard-copy" }),
right: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "simple", icon: "markdown", style: { opacity: 0.5 } }),
onSelect: () => { },
},
{
name: 'Copy as HTML',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard-copy" }),
right: () => React.createElement(Iconista_1.Iconista, { width: 14, height: 14, set: "simple", icon: "html5", style: { opacity: 0.5 } }),
onSelect: () => { },
},
],
},
{
name: 'Cut separator',
sep: true,
},
{
id: 'cut-menu',
name: 'Cut',
// icon: () => <Iconista width={15} height={15} set="radix" icon="copy" />,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "scissors" }),
expand: 5,
children: [
{
name: 'Cut',
danger: true,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "scissors" }),
onSelect: () => { },
},
{
name: 'Cut text only',
danger: true,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "scissors" }),
onSelect: () => { },
},
{
name: 'Cut as Markdown',
danger: true,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "scissors" }),
right: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "simple", icon: "markdown", style: { opacity: 0.5 } }),
onSelect: () => { },
},
{
name: 'Cut as HTML',
danger: true,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "scissors" }),
right: () => React.createElement(Iconista_1.Iconista, { width: 14, height: 14, set: "simple", icon: "html5", style: { opacity: 0.5 } }),
onSelect: () => { },
},
],
},
{
name: 'Paste separator',
sep: true,
},
{
id: 'paste-menu',
name: 'Paste',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard" }),
expand: 5,
children: [
{
name: 'Paste',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard" }),
onSelect: () => { },
},
{
name: 'Paste text only',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard" }),
onSelect: () => { },
},
{
name: 'Paste formatting',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "clipboard" }),
onSelect: () => { },
},
],
},
],
},
{
name: 'Insert',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "between-vertical-end" }),
children: [
{
name: 'Smart chip',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "button" }),
children: [
{
name: 'Date',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "calendar" }),
onSelect: () => { },
},
{
name: 'AI chip',
icon: () => React.createElement(Iconista_1.Iconista, { style: { color: 'purple' }, width: 16, height: 16, set: "tabler", icon: "brain" }),
onSelect: () => { },
},
{
name: 'Solana wallet',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "wallet" }),
onSelect: () => { },
},
{
name: 'Dropdown',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "dropdown-menu" }),
children: [
{
name: 'Create new',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "plus" }),
onSelect: () => { },
},
{
name: 'Document dropdowns separator',
sep: true,
},
{
name: 'Document dropdowns',
expand: 8,
onSelect: () => { },
children: [
{
name: 'Configuration 1',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "dropdown-menu" }),
onSelect: () => { },
},
{
name: 'Configuration 2',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "dropdown-menu" }),
onSelect: () => { },
},
],
},
{
name: 'Presets dropdowns separator',
sep: true,
},
{
name: 'Presets dropdowns',
expand: 8,
onSelect: () => { },
children: [
{
name: 'Project status',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "dropdown-menu" }),
onSelect: () => { },
},
{
name: 'Review status',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "dropdown-menu" }),
onSelect: () => { },
},
],
},
],
},
],
},
{
name: 'Link',
// icon: () => <Iconista width={15} height={15} set="lucide" icon="link" />,
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "link-2" }),
active: {
getSnapshot: () => true,
subscribe: () => () => { },
},
onSelect: () => { },
},
{
name: 'Reference',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "sewing-pin" }),
onSelect: () => { },
},
{
name: 'File',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "file" }),
onSelect: () => { },
},
{
name: 'Template',
text: 'building blocks',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "template" }),
children: [
{
name: 'Meeting notes',
onSelect: () => { },
},
{
name: 'Email draft (created by AI)',
onSelect: () => { },
},
{
name: 'Product roadmap',
onSelect: () => { },
},
{
name: 'Review tracker',
onSelect: () => { },
},
{
name: 'Project assets',
onSelect: () => { },
},
{
name: 'Content launch tracker',
onSelect: () => { },
},
],
},
{
name: 'On-screen keyboard',
icon: () => React.createElement(Iconista_1.Iconista, { width: 15, height: 15, set: "radix", icon: "keyboard" }),
onSelect: () => { },
},
{
name: 'Emoji',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "smile-plus" }),
onSelect: () => { },
},
{
name: 'Special characters',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "omega" }),
onSelect: () => { },
},
{
name: 'Variable',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "variable" }),
onSelect: () => { },
},
],
},
{
name: 'Developer tools',
danger: true,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "square-chevron-right" }),
onSelect: () => { },
},
],
};
exports.blockElement = {
name: 'Block element',
children: [
{
name: 'Text blocks',
expand: 3,
children: [
{
name: 'Paragraph',
// icon: () => <Iconista width={16} height={16} set="lucide" icon="type" />,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "pilcrow" }),
// icon: () => <Iconista width={15} height={15} set="radix" icon="pilcrow" />,
onSelect: () => { },
},
{
name: 'Blockquote',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "quote" }),
onSelect: () => { },
},
{
name: 'Code block',
// icon: () => <Iconista width={16} height={16} set="tabler" icon="terminal" />,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "code" }),
onSelect: () => { },
},
{
name: 'Math block',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "math" }),
onSelect: () => { },
},
{
name: 'Pre-formatted',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "type" }),
onSelect: () => { },
},
],
},
{
name: 'Headings separator',
sep: true,
},
{
name: 'Headings',
expand: 3,
children: [
{
name: 'Heading 1',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "h-1" }),
// icon: () => <Iconista width={16} height={16} set="simple" icon="h-1" />,
onSelect: () => { },
},
{
name: 'Heading 2',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "h-2" }),
onSelect: () => { },
},
{
name: 'Heading 3',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "h-3" }),
onSelect: () => { },
},
{
name: 'Heading 4',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "h-4" }),
onSelect: () => { },
},
{
name: 'Heading 5',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "h-5" }),
onSelect: () => { },
},
{
name: 'Heading 6',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "h-6" }),
onSelect: () => { },
},
{
sepBefore: true,
name: 'Title',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "type" }),
onSelect: () => { },
},
{
name: 'Sub-title',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "lucide", icon: "type" }),
onSelect: () => { },
},
],
},
{
sepBefore: true,
name: 'Lists',
expand: 3,
children: [
{
name: 'Bullet list',
// icon: () => <Iconista width={16} height={16} set="tabler" icon="list" />,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "ibm_32", icon: "list--bulleted" }),
onSelect: () => { },
},
{
name: 'Numbered list',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "ibm_32", icon: "list--numbered" }),
onSelect: () => { },
},
{
name: 'Task list',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "ibm_32", icon: "list--checked" }),
onSelect: () => { },
},
],
},
(0, exports.secondBrain)(),
{
name: 'Layouts separator',
sep: true,
},
{
name: 'Layouts',
expand: 0,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "layout" }),
children: [
{
name: 'Table',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "table" }),
onSelect: () => { },
},
{
name: 'Columns',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "columns" }),
onSelect: () => { },
},
],
},
{
name: 'Embed',
expand: 0,
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "image-in-picture" }),
children: [
{
name: 'Image',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "photo-scan" }),
onSelect: () => { },
},
{
name: 'File',
icon: () => React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: "tabler", icon: "file" }),
onSelect: () => { },
},
],
},
Object.assign((0, exports.annotations)(), { expand: 0 }),
],
};