@pstdio/ui 0.0.1

package/storybook-static/components/rich-text/prompt-input/prompt-input.d.ts

@@ -0,0 +1,24 @@
+import { ReactElement, ForwardRefRenderFunction } from 'react';
+import { PromptEditorRef } from './plugins/ImperativeAPIPlugin';
+export type ReferenceItem = {
+    resourceId: string;
+    resourceType: "table" | "connector";
+    name: string;
+    description?: string;
+};
+export interface PromptEditorProps {
+    defaultState: string;
+    debug?: boolean;
+    isEditable?: boolean;
+    placeholder?: ReactElement | ((isEditable: boolean) => ReactElement | null);
+    onChange?: (text: string, state: object) => void;
+    onError?: (error: Error) => void;
+    onSubmit?: () => void;
+    /** Dynamic list of references (tables, connectors) shown when typing # */
+    references?: ReferenceItem[];
+    /** Optional app callback when a reference is inserted */
+    onAddReference?: (resourceId: string, resourceType: "table" | "connector") => void;
+}
+export declare const BasePromptEditor: ForwardRefRenderFunction<PromptEditorRef, PromptEditorProps>;
+export declare const PromptEditor: import('react').ForwardRefExoticComponent<PromptEditorProps & import('react').RefAttributes<PromptEditorRef>>;
+export type { PromptEditorRef } from './plugins/ImperativeAPIPlugin';

package/storybook-static/components/rich-text/prompt-input/prompt-input.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PromptEditor } from './prompt-input';
+declare const meta: Meta<typeof PromptEditor>;
+export default meta;
+type Story = StoryObj<typeof PromptEditor>;
+export declare const Basic: Story;
+export declare const ReadOnly: Story;
+export declare const DebugView: Story;

package/storybook-static/components/rich-text/prompt-input/theme/prompt-input-theme.d.ts

@@ -0,0 +1,3 @@
+import { EditorThemeClasses } from 'lexical';
+declare const promptInputTheme: EditorThemeClasses;
+export default promptInputTheme;

package/storybook-static/components/rich-text/prompt-input/utils.d.ts

@@ -0,0 +1,23 @@
+import { Klass, LexicalNode, RootNode } from 'lexical';
+export declare function $getAllNodesOfType<T extends LexicalNode>(nodeType: Klass<T>): T[];
+export declare const $getTextContent: (root: RootNode) => string;
+export declare const getTextFromSerializedEditorState: (state: string) => string;
+export declare const emptyEditorState: {
+    root: {
+        direction: string;
+        format: string;
+        indent: number;
+        type: string;
+        version: number;
+        children: {
+            type: string;
+            version: number;
+            format: string;
+            indent: number;
+            textFormat: undefined;
+            direction: null;
+            children: never[];
+        }[];
+    };
+};
+export declare function generateEditorStateFromString(input?: string): any;

package/storybook-static/components/rich-text/rich-message/plugins/ReferenceLinkPlugin/ReferenceLinkNode.d.ts

@@ -0,0 +1,21 @@
+import { DecoratorNode, EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
+import { ReactElement } from 'react';
+export type SerializedReferenceLinkNode = Spread<{
+    href: string;
+    label?: string;
+}, SerializedLexicalNode>;
+export declare class ReferenceLinkNode extends DecoratorNode<ReactElement> {
+    __href: string;
+    __label?: string;
+    static getType(): string;
+    static clone(node: ReferenceLinkNode): ReferenceLinkNode;
+    constructor(href: string, label?: string, key?: NodeKey);
+    createDOM(_config: EditorConfig, _editor: LexicalEditor): HTMLElement;
+    updateDOM(_prevNode: ReferenceLinkNode, _dom: HTMLElement, _config: EditorConfig): boolean;
+    getTextContent(): string;
+    exportJSON(): SerializedReferenceLinkNode;
+    static importJSON(serializedNode: SerializedReferenceLinkNode): ReferenceLinkNode;
+    decorate(_editor: LexicalEditor, _config: EditorConfig): ReactElement;
+}
+export declare function $createReferenceLinkNode(href: string, label?: string): ReferenceLinkNode;
+export declare function $isReferenceLinkNode(node: LexicalNode | null | undefined): node is ReferenceLinkNode;

package/storybook-static/components/rich-text/rich-message/plugins/ReferenceLinkPlugin/ReferenceLinkTransformer.d.ts

@@ -0,0 +1,2 @@
+import { TextMatchTransformer } from '@lexical/markdown';
+export declare const REFERENCE_LINK_TRANSFORMER: TextMatchTransformer;

package/storybook-static/components/rich-text/rich-message/plugins/ReferenceLinkPlugin/index.d.ts

@@ -0,0 +1,2 @@
+export { ReferenceLinkNode } from './ReferenceLinkNode';
+export { REFERENCE_LINK_TRANSFORMER } from './ReferenceLinkTransformer';

package/storybook-static/components/rich-text/rich-message/rich-message.d.ts

@@ -0,0 +1,7 @@
+export interface RichMessageProps {
+    debug?: boolean;
+    defaultState: string;
+    isEditable?: boolean;
+    onChange?: (value: string) => void;
+}
+export declare function RichMessage(props: RichMessageProps): import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/rich-text/rich-message/rich-message.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { RichMessage } from './rich-message';
+declare const meta: Meta<typeof RichMessage>;
+export default meta;
+type Story = StoryObj<typeof RichMessage>;
+export declare const Basic: Story;

package/storybook-static/components/rich-text/shared/components/content-editable.d.ts

@@ -0,0 +1,7 @@
+interface ContentEditableProps {
+    onRef?: (elem: HTMLDivElement) => void;
+    fullWidth?: boolean;
+    padding?: string;
+}
+export declare function ContentEditable({ onRef, fullWidth, padding }: ContentEditableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook-static/components/rich-text/shared/components/default-rich-text-components.d.ts

@@ -0,0 +1,3 @@
+import { CodeEditorProps, DataTableProps } from '../types/rich-text-components';
+export declare const DefaultRichTextCodeEditor: (props: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultRichTextDataTable: (props: DataTableProps) => import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/rich-text/shared/editor-config.d.ts

@@ -0,0 +1,4 @@
+import { Klass, LexicalNode } from 'lexical';
+export declare const editorNodes: Array<Klass<LexicalNode>>;
+export declare const editorTransformers: import('@lexical/markdown').Transformer[];
+export declare const editorTheme: import('lexical').EditorThemeClasses;

package/storybook-static/components/rich-text/shared/nodes/DataTableNode.d.ts

@@ -0,0 +1,22 @@
+import { DecoratorNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
+import { default as React } from 'react';
+import { RowData } from '../types/rich-text-components';
+export type { RowData } from '../types/rich-text-components';
+export declare class DataTableNode extends DecoratorNode<React.JSX.Element> {
+    __data: RowData[];
+    static getType(): string;
+    static clone(node: DataTableNode): DataTableNode;
+    constructor(data: RowData[], key?: NodeKey);
+    getData(): RowData[];
+    createDOM(): HTMLElement;
+    updateDOM(): boolean;
+    decorate(): import("react/jsx-runtime").JSX.Element;
+    exportJSON(): SerializedDataTableNode;
+    static importJSON(json: SerializedDataTableNode): DataTableNode;
+    getTextContent(): string;
+}
+export type SerializedDataTableNode = Spread<{
+    data: RowData[];
+}, SerializedLexicalNode>;
+export declare function $createDataTableNode(data: RowData[]): DataTableNode;
+export declare function $isDataTableNode(node: unknown): node is DataTableNode;

package/storybook-static/components/rich-text/shared/nodes/DataTableNode.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { RichMessage } from '../../rich-message/rich-message';
+declare const meta: Meta<typeof RichMessage>;
+export default meta;
+type Story = StoryObj<typeof RichMessage>;
+export declare const TableInRichText: Story;
+export declare const DebugMode: Story;

package/storybook-static/components/rich-text/shared/plugins/CodePlugin/CodeBlockPlugin.d.ts

@@ -0,0 +1 @@
+export declare function ImportCodeBlocksPlugin(): null;

package/storybook-static/components/rich-text/shared/plugins/CodePlugin/CodeNode.d.ts

@@ -0,0 +1,19 @@
+import { DecoratorNode, SerializedLexicalNode } from 'lexical';
+import { ReactNode } from 'react';
+export interface SerializedCodeBlockNode extends SerializedLexicalNode {
+    type: "codeblock";
+    language: string;
+    code: string;
+    version: 1;
+}
+export declare class CodeBlockNode extends DecoratorNode<ReactNode> {
+    __language: string;
+    __code: string;
+    static getType(): string;
+    static clone(node: CodeBlockNode): CodeBlockNode;
+    constructor(language: string, code: string, key?: string);
+    createDOM(): HTMLDivElement;
+    updateDOM(): boolean;
+    static importJSON(serializedNode: SerializedCodeBlockNode): CodeBlockNode;
+    decorate(): import("react/jsx-runtime").JSX.Element;
+}

package/storybook-static/components/rich-text/shared/plugins/EquationPlugin/EquationComponent.d.ts

@@ -0,0 +1,6 @@
+type EquationComponentProps = {
+    equation: string;
+    inline: boolean;
+};
+export default function EquationComponent({ equation, inline }: EquationComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook-static/components/rich-text/shared/plugins/EquationPlugin/EquationNode.d.ts

@@ -0,0 +1,26 @@
+import { DOMConversionMap, EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread, DecoratorNode, DOMExportOutput } from 'lexical';
+import * as React from "react";
+export type SerializedEquationNode = Spread<{
+    equation: string;
+    inline: boolean;
+}, SerializedLexicalNode>;
+export declare class EquationNode extends DecoratorNode<React.ReactNode> {
+    __equation: string;
+    __inline: boolean;
+    static getType(): string;
+    static clone(node: EquationNode): EquationNode;
+    constructor(equation: string, inline?: boolean, key?: NodeKey);
+    static importJSON(serializedNode: SerializedEquationNode): EquationNode;
+    exportJSON(): SerializedEquationNode;
+    createDOM(_config: EditorConfig): HTMLElement;
+    exportDOM(): DOMExportOutput;
+    static importDOM(): DOMConversionMap | null;
+    updateDOM(prevNode: EquationNode): boolean;
+    getTextContent(): string;
+    getEquation(): string;
+    setEquation(equation: string): void;
+    isInline(): boolean;
+    decorate(): import("react/jsx-runtime").JSX.Element;
+}
+export declare function $createEquationNode(equation?: string, inline?: boolean): EquationNode;
+export declare function $isEquationNode(node: LexicalNode | null | undefined): node is EquationNode;

package/storybook-static/components/rich-text/shared/plugins/EquationPlugin/EquationPlugin.d.ts

@@ -0,0 +1,4 @@
+import { MultilineElementTransformer, TextMatchTransformer } from '@lexical/markdown';
+export declare const EQUATION_INLINE: TextMatchTransformer;
+export declare const EQUATION_MULTILINE: MultilineElementTransformer;
+export declare function EquationPlugin(): null;

package/storybook-static/components/rich-text/shared/plugins/EquationPlugin/KatexRenderer.d.ts

@@ -0,0 +1,4 @@
+export default function KatexRenderer({ equation, inline, }: Readonly<{
+    equation: string;
+    inline: boolean;
+}>): import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/rich-text/shared/plugins/FloatingTextFormatToolbarPlugin/FloatingTextFormatToolbarPlugin.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export declare function FloatingTextFormatToolbarPlugin({ anchorElem, }: {
+    anchorElem?: HTMLElement;
+}): React.JSX.Element | null;

package/storybook-static/components/rich-text/shared/plugins/FloatingTextFormatToolbarPlugin/index.d.ts

@@ -0,0 +1 @@
+export { FloatingTextFormatToolbarPlugin } from './FloatingTextFormatToolbarPlugin';

package/storybook-static/components/rich-text/shared/plugins/HorizontalRulePlugin/HorizontalRuleNode.d.ts

@@ -0,0 +1,13 @@
+import { EditorConfig, ElementNode, LexicalEditor, LexicalNode, SerializedElementNode, Spread } from 'lexical';
+export type SerializedHRNode = Spread<SerializedElementNode, SerializedElementNode>;
+export declare class HRNode extends ElementNode {
+    static getType(): string;
+    static clone(node: HRNode): HRNode;
+    static importJSON(_serializedNode: SerializedHRNode): HRNode;
+    exportJSON(): SerializedHRNode;
+    createDOM(_config: EditorConfig, _editor: LexicalEditor): HTMLElement;
+    updateDOM(_prevNode: unknown, _dom: HTMLElement, _config: EditorConfig): boolean;
+    decorate(_editor: LexicalEditor): null;
+}
+export declare function $createHRNode(): HRNode;
+export declare function $isHRNode(node: LexicalNode | null | undefined): node is HRNode;

package/storybook-static/components/rich-text/shared/plugins/HorizontalRulePlugin/horizontalRule.d.ts

@@ -0,0 +1,2 @@
+import { ElementTransformer } from '@lexical/markdown';
+export declare const HR: ElementTransformer;

package/storybook-static/components/rich-text/shared/plugins/LinkEditorPlugin/LinkEditorPlugin.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export default function LinkEditorPlugin({ anchorElem }: {
+    anchorElem?: HTMLElement;
+}): React.JSX.Element | null;

package/storybook-static/components/rich-text/shared/plugins/LinkEditorPlugin/LinkPlugin.d.ts

@@ -0,0 +1 @@
+export default function LinkPlugin(): React.JSX.Element;

package/storybook-static/components/rich-text/shared/plugins/LinkEditorPlugin/utils/getSelectedNode.d.ts

@@ -0,0 +1,2 @@
+import { ElementNode, RangeSelection, TextNode } from 'lexical';
+export declare function getSelectedNode(selection: RangeSelection): TextNode | ElementNode;

package/storybook-static/components/rich-text/shared/plugins/LinkEditorPlugin/utils/setFloatingElemPos.d.ts

@@ -0,0 +1 @@
+export declare function setFloatingElemPos(targetRect: DOMRect | null, floatingElem: HTMLElement, anchorElem: HTMLElement, verticalGap?: number, horizontalOffset?: number): void;

package/storybook-static/components/rich-text/shared/plugins/LinkEditorPlugin/utils/url.d.ts

@@ -0,0 +1,2 @@
+export declare function sanitizeUrl(url: string): string;
+export declare function validateUrl(url: string): boolean;

package/storybook-static/components/rich-text/shared/plugins/StateUpdatePlugin.d.ts

@@ -0,0 +1,6 @@
+type StateUpdatePluginProps = {
+    value: string;
+    onUpdate: (value: string) => void;
+};
+export default function StateUpdatePlugin({ value, onUpdate }: StateUpdatePluginProps): null;
+export {};

package/storybook-static/components/rich-text/shared/plugins/TableActionMenuPlugin/TableActionMenuPlugin.d.ts

@@ -0,0 +1,5 @@
+interface TableCellActionMenuContainerProps {
+    anchorElem?: HTMLElement;
+}
+export declare function TableCellActionMenuPlugin({ anchorElem }: TableCellActionMenuContainerProps): import('react').ReactPortal;
+export {};

package/storybook-static/components/rich-text/shared/plugins/TableCellResizerPlugin/TableCellResizerPlugin.d.ts

@@ -0,0 +1,2 @@
+import { ReactPortal } from 'react';
+export default function TableCellResizerPlugin(): null | ReactPortal;

package/storybook-static/components/rich-text/shared/plugins/ToggleEditablePlugin.d.ts

@@ -0,0 +1,3 @@
+export default function ToggleEditablePlugin({ isEditable }: {
+    isEditable: boolean;
+}): null;

package/storybook-static/components/rich-text/shared/plugins/TreeViewPlugin/TreeViewPlugin.d.ts

@@ -0,0 +1 @@
+export declare function TreeViewPlugin(): import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/rich-text/shared/transformers/markdown-transformers.d.ts

@@ -0,0 +1,15 @@
+import { ElementTransformer, TextMatchTransformer } from '@lexical/markdown';
+import { TextNode } from 'lexical';
+export declare const TABLE: ElementTransformer;
+export declare const UNDERLINE_INS_TAG: TextMatchTransformer;
+export declare const UNDERLINE_U_TAG: TextMatchTransformer;
+export declare const TRANSFORMERS_EXTENDED: (Readonly<{
+    dependencies: Array<import('lexical').Klass<import('lexical').LexicalNode>>;
+    export?: (node: import('lexical').LexicalNode, exportChildren: (node: import('lexical').ElementNode) => string, exportFormat: (node: TextNode, textContent: string) => string) => string | null;
+    importRegExp?: RegExp;
+    regExp: RegExp;
+    replace?: (node: TextNode, match: RegExpMatchArray) => void | TextNode;
+    getEndIndex?: (node: TextNode, match: RegExpMatchArray) => number | false;
+    trigger?: string;
+    type: "text-match";
+}> | ElementTransformer)[];

package/storybook-static/components/rich-text/shared/types/rich-text-components.d.ts

@@ -0,0 +1,15 @@
+export type RowData = Record<string, unknown>;
+export interface DataTableProps {
+    data: RowData[];
+    isReadOnly?: boolean;
+    fullWidth?: boolean;
+    noBorder?: boolean;
+    hiddenColumns?: string[];
+}
+export interface CodeEditorProps {
+    language?: string;
+    defaultCode?: string;
+    isEditable?: boolean;
+    showLineNumbers?: boolean;
+    disableScroll?: boolean;
+}

package/storybook-static/components/rich-text/theme/report-theme.d.ts

@@ -0,0 +1,3 @@
+import { EditorThemeClasses } from 'lexical';
+declare const theme: EditorThemeClasses;
+export default theme;

package/storybook-static/components/rich-text/theme/rich-text-theme.d.ts

@@ -0,0 +1,3 @@
+import { EditorThemeClasses } from 'lexical';
+declare const theme: EditorThemeClasses;
+export default theme;

package/storybook-static/components/rich-text/types.d.ts

@@ -0,0 +1,8 @@
+export type ResourceType = "table" | "connector" | "text" | "image" | "pdf" | "markdown" | "csv" | "json" | "code";
+export interface Resource {
+    resourceId: string;
+    resourceType: ResourceType;
+    name: string;
+    description?: string;
+    mediaType?: string;
+}

package/storybook-static/components/rich-text/utils/inferResourceType.d.ts

@@ -0,0 +1 @@
+export declare function inferResourceTypeFromMediaType(mediaType: string): "text" | "table" | "image" | "json" | "markdown" | "pdf";

package/storybook-static/components/rich-text/utils/markdown.d.ts

@@ -0,0 +1,4 @@
+export declare function splitFrontmatter(content: string): {
+    frontmatter: string;
+    body: string;
+};

package/storybook-static/components/rich-text/utils/mediaType.d.ts

@@ -0,0 +1 @@
+export declare function mediaTypeFromPath(path: string): string | null;

package/storybook-static/components/schub-logo.d.ts

@@ -0,0 +1,2 @@
+import { ComponentPropsWithoutRef } from 'react';
+export declare const Logo: (props: ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/slider.d.ts

@@ -0,0 +1,5 @@
+import { Slider as ChakraSlider } from '@chakra-ui/react';
+import * as React from "react";
+export interface SliderProps extends ChakraSlider.RootProps {
+}
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;

package/storybook-static/components/style-guide-data.d.ts

@@ -0,0 +1,46 @@
+export interface TypographySample {
+    label: string;
+    textStyle: string;
+    description: string;
+    sample: string;
+}
+export interface FontSample {
+    label: string;
+    role: string;
+    fontFamily: string;
+    sample: string;
+}
+export interface ColorSwatch {
+    label: string;
+    token: string;
+    description: string;
+    textToken?: string;
+    variant?: "fill" | "stroke";
+}
+export interface ColorGroup {
+    title: string;
+    description: string;
+    swatches: ColorSwatch[];
+}
+export interface SpacingSample {
+    label: string;
+    token: string;
+    value: string;
+    helper: string;
+}
+export interface RadiusSample {
+    label: string;
+    token: string;
+    helper: string;
+}
+export interface ShadowSample {
+    label: string;
+    token: string;
+    helper: string;
+}
+export declare const fontSamples: FontSample[];
+export declare const typographySamples: TypographySample[];
+export declare const colorGroups: ColorGroup[];
+export declare const spacingSamples: SpacingSample[];
+export declare const radiusSamples: RadiusSample[];
+export declare const shadowSamples: ShadowSample[];

package/storybook-static/components/style-guide.d.ts

@@ -0,0 +1 @@
+export declare const StyleGuide: () => import("react/jsx-runtime").JSX.Element;

package/storybook-static/components/style-guide.stories.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+type StoryFn = () => ReactNode;
+declare const meta: {
+    title: string;
+    decorators: ((Story: StoryFn) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+export declare const Overview: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BackgroundForegroundPermutations: {
+    name: string;
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/storybook-static/components/toaster.stories.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+type StoryFn = () => ReactNode;
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    decorators: ((Story: StoryFn) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+export declare const Variants: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/storybook-static/components/tooltip.d.ts

@@ -0,0 +1,12 @@
+import { Tooltip as ChakraTooltip } from '@chakra-ui/react';
+import * as React from "react";
+export interface TooltipProps extends ChakraTooltip.RootProps {
+    children?: React.ReactElement;
+    showArrow?: boolean;
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    content: React.ReactNode;
+    contentProps?: ChakraTooltip.ContentProps;
+    disabled?: boolean;
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;

package/storybook-static/favicon-wrapper.svg

@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <defs>
+    <mask id="active-mask">
+      <rect x="0" y="0" width="32" height="32" fill="#FFF" />
+      <path fill="#000" fill-rule="nonzero"
+        d="M25,15.3 C26.8630998,15.3 28.7261995,16.2284418 29.795607,18.0853254 L29.795607,18.0853254 L34.7484772,26.6853254 C35.2679728,27.5873604 35.5068948,28.5446245 35.509009,29.4780654 C35.5112408,30.4762222 35.243212,31.4466974 34.7610935,32.2926531 C34.2789749,33.1386087 33.5826171,33.8603071 32.7267084,34.3600412 C31.9262928,34.8273748 30.9864445,35.1 29.9528702,35.1 L29.9528702,35.1 L20.0471298,35.1 C19.0135555,35.1 18.0737072,34.8273748 17.2732916,34.3600412 C16.4173829,33.8603071 15.7210251,33.1386087 15.2389065,32.2926531 C14.756788,31.4466974 14.4887592,30.4762222 14.490991,29.4780654 C14.4931052,28.5446245 14.7320272,27.5873604 15.2515228,26.6853254 L15.2515228,26.6853254 L20.204393,18.0853254 C21.2738005,16.2284418 23.1369002,15.3 25,15.3 Z"
+        transform="rotate(90 25 25.2)" />
+    </mask>
+    <mask id="critical-mask">
+      <rect x="0" y="0" width="32" height="32" fill="#FFF" />
+      <path fill="#000" fill-rule="nonzero"
+        d="M23.9,14.6 C26.7442665,14.6 29.3192665,15.7528668 31.1831998,17.6168002 C33.0471332,19.4807335 34.2,22.0557335 34.2,24.9 C34.2,27.7442665 33.0471332,30.3192665 31.1831998,32.1831998 C29.3192665,34.0471332 26.7442665,35.2 23.9,35.2 C21.0557335,35.2 18.4807335,34.0471332 16.6168002,32.1831998 C14.7528668,30.3192665 13.6,27.7442665 13.6,24.9 C13.6,22.0557335 14.7528668,19.4807335 16.6168002,17.6168002 C18.4807335,15.7528668 21.0557335,14.6 23.9,14.6 Z" />
+    </mask>
+    <mask id="negative-mask">
+      <rect x="0" y="0" width="32" height="32" fill="#FFF" />
+      <path fill="#000" fill-rule="nonzero"
+        d="M28.2,14.8 C29.633165,14.8 31.06633,15.346734 32.159798,16.440202 C33.2414078,17.5218119 33.7880833,18.9357904 33.8,20.353376 C33.811544,21.7725108 33.2872104,23.1952877 32.2266806,24.2917914 L32.2266806,24.2917914 L31.7206,24.8006729 L32.159798,25.240202 C33.253266,26.33367 33.8,27.766835 33.8,29.2 C33.8,30.633165 33.253266,32.06633 32.159798,33.159798 C31.0781881,34.2414078 29.6642096,34.7880833 28.246624,34.8 C26.8274892,34.811544 25.4047123,34.2872104 24.3082086,33.2266806 L24.3082086,33.2266806 L23.7993271,32.7206 L23.359798,33.159798 C22.26633,34.253266 20.833165,34.8 19.4,34.8 C17.966835,34.8 16.53367,34.253266 15.440202,33.159798 C14.3585922,32.0781881 13.8119167,30.6642096 13.8,29.246624 C13.788456,27.8274892 14.3127896,26.4047123 15.3733194,25.3082086 L15.3733194,25.3082086 L15.8794,24.7993271 L15.440202,24.359798 C14.346734,23.26633 13.8,21.833165 13.8,20.4 C13.8,18.966835 14.346734,17.53367 15.440202,16.440202 C16.5218119,15.3585922 17.9357904,14.8119167 19.353376,14.8 C20.7725108,14.788456 22.1952877,15.3127896 23.2917914,16.3733194 L23.2917914,16.3733194 L23.8006729,16.8794 L24.240202,16.440202 C25.33367,15.346734 26.766835,14.8 28.2,14.8 Z" />
+    </mask>
+    <mask id="positive-mask">
+      <rect x="0" y="0" width="32" height="32" fill="#FFF" />
+      <path fill="#000" fill-rule="nonzero"
+        d="M29.7294207,16.9922805 C31.1625744,16.9866282 32.5979013,17.5276612 33.6957071,18.6167741 C34.7816077,19.6940761 35.3338993,21.1058704 35.351258,22.5233982 C35.3686336,23.9423122 34.8500808,25.3669976 33.7941627,26.4676563 L33.7941627,26.4676563 L27.1794488,33.1363075 C26.0960963,34.2283069 24.675298,34.7802389 23.2508341,34.7920857 C21.8249459,34.8039445 20.3953569,34.27469 19.296927,33.2041927 L19.296927,33.2041927 L15.7761737,29.656491 C14.6870608,28.5586851 14.1460279,27.1233582 14.1516801,25.6902046 C14.1574213,24.2570509 14.7098478,22.8260705 15.8076536,21.7369576 C16.7544861,20.7976225 17.9523748,20.2659173 19.1834383,20.1411672 C20.4372495,20.0141119 21.7255226,20.3088158 22.8178242,21.0249737 L22.8178242,21.0249737 L23.1781395,21.2667759 L25.7761737,18.648254 C26.8652867,17.5504481 28.2962671,16.9980217 29.7294207,16.9922805 Z" />
+    </mask>
+    <mask id="warning-mask">
+      <rect x="0" y="0" width="32" height="32" fill="#FFF" />
+      <path fill="#000" fill-rule="nonzero"
+        d="M23.8,14.8 C25.6808284,14.8 27.5616567,15.7284418 28.6412402,17.5853254 L28.6412402,17.5853254 L33.6412402,26.1853254 C34.1656792,27.0873604 34.4068747,28.0446245 34.409009,28.9780654 C34.4112621,29.9762222 34.1406828,30.9466974 33.6539766,31.7926531 C33.1672704,32.6386087 32.4642862,33.3603071 31.600233,33.8600412 C30.7922009,34.3273748 29.8434094,34.6 28.8,34.6 L28.8,34.6 L18.8,34.6 C17.7565906,34.6 16.8077991,34.3273748 15.999767,33.8600412 C15.1357138,33.3603071 14.4327296,32.6386087 13.9460234,31.7926531 C13.4593172,30.9466974 13.1887379,29.9762222 13.190991,28.9780654 C13.1931253,28.0446245 13.4343208,27.0873604 13.9587598,26.1853254 L13.9587598,26.1853254 L18.9587598,17.5853254 C20.0383433,15.7284418 21.9191716,14.8 23.8,14.8 Z" />
+    </mask>
+
+    <polygon id="active" fill="none" stroke="#029CFD" stroke-linejoin="round" stroke-width="2.8"
+      points="25 21 30 29.6 20 29.6" transform="rotate(90 25 25.3)" />
+    <circle id="critical" fill="none" cx="23.9" cy="24.9" r="4.7" stroke="#000" stroke-linejoin="round"
+      stroke-width="2.8" />
+    <path id="negative" fill="none" stroke="#F40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.8"
+      d="M19.4,20.4 L28.2,29.2 M28.2,20.4 L19.4,29.2" />
+    <polyline id="positive" fill="none" stroke="#66BF3C" stroke-linecap="round" stroke-linejoin="round"
+      stroke-width="2.8" points="19.752 25.712 23.204 29.192 29.752 22.592" />
+    <polygon id="warning" fill="none" stroke="#FFAE00" stroke-linejoin="round" stroke-width="2.8"
+      points="23.8 20.4 28.8 29 18.8 29" />
+  </defs>
+
+  <g id="mask">
+    <use id="icon" />
+  </g>
+  <use id="status" />
+</svg>

package/storybook-static/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><path fill="#FF4785" fill-rule="nonzero" d="M3.19456517,29.5523576 L2.20116517,3.08035756 C2.16820317,2.206041 2.83853396,1.46497625 3.71176517,1.41035756 L26.2285652,0.00315756388 C26.6728415,-0.0246745074 27.1088544,0.132425741 27.4332785,0.437229126 C27.7577026,0.74203251 27.9415652,1.16741027 27.9415652,1.61255756 L27.9415652,30.4585576 C27.9415652,30.8987416 27.7615266,31.3197739 27.4433606,31.6239653 C27.1251947,31.9281568 26.6965078,32.0890657 26.2567652,32.0693576 L4.73376517,31.1027576 C3.89549138,31.0651477 3.22618762,30.3908861 3.19476517,29.5523576 L3.19456517,29.5523576 Z"/><path fill="#FFF" d="M24.4581652,0.113957564 L21.3591652,0.307557564 L21.2081652,3.94195756 C21.2043927,4.0349625 21.2546048,4.1217998 21.3370927,4.16492627 C21.4195807,4.20805273 21.5195442,4.19973049 21.5937652,4.14355756 L23.0057652,3.07275756 L24.1981652,4.01215756 C24.2717133,4.07021898 24.3722957,4.08025391 24.4558654,4.03786787 C24.539435,3.99548183 24.5907604,3.90840015 24.5873652,3.81475756 L24.4581652,0.113757564 L24.4581652,0.113957564 Z M22.0463652,12.2851576 C21.4791652,12.7257576 17.2533652,13.0265576 17.2533652,12.3991576 C17.3427652,10.0053576 16.2709652,9.90035756 15.6755652,9.90035756 C15.1099652,9.90035756 14.1575652,10.0713576 14.1575652,11.3537576 C14.1575652,12.6605576 15.5495652,13.3983576 17.1835652,14.2643576 C19.5049652,15.4943576 22.3143652,16.9831576 22.3143652,20.7295576 C22.3143652,24.3201576 19.3967652,26.3037576 15.6755652,26.3037576 C11.8353652,26.3037576 8.47936517,24.7499576 8.85836517,19.3633576 C9.00716517,18.7307576 13.8895652,18.8811576 13.8895652,19.3633576 C13.8299652,21.5861576 14.3359652,22.2399576 15.6161652,22.2399576 C16.5985652,22.2399576 17.0449652,21.6983576 17.0449652,20.7865576 C17.0449652,19.4065576 15.5945652,18.5919576 13.9259652,17.6551576 C11.6665652,16.3865576 9.00716517,14.8935576 9.00716517,11.4679576 C9.00716517,8.04835756 11.3591652,5.76855756 15.5565652,5.76855756 C19.7541652,5.76855756 22.0463652,8.01335756 22.0463652,12.2853576 L22.0463652,12.2851576 Z"/></g></svg>