@cere/cere-design-system 0.0.45 → 0.2.0

package/dist/navigation.mjs

@@ -0,0 +1,54 @@
+import {
+  AccountSection,
+  ConnectionStatus,
+  Dropdown,
+  DropdownAnchor,
+  Menu,
+  MenuItem,
+  NavigationItem,
+  NavigationList,
+  NumberedStepper,
+  Pagination,
+  Selector,
+  SideNav,
+  SideNavHeader,
+  Sidebar,
+  SidebarItem,
+  Step,
+  StepButton,
+  StepContent,
+  StepLabel,
+  Stepper,
+  Tab
+} from "./chunk-AWVNEU6R.mjs";
+import "./chunk-5ASG6G6U.mjs";
+import "./chunk-ZP26PGMS.mjs";
+import "./chunk-PHMNZK2R.mjs";
+import "./chunk-BOQPWZIB.mjs";
+import "./chunk-QBCRH7YF.mjs";
+import "./chunk-D7D25O6E.mjs";
+import "./chunk-WC2TCWXK.mjs";
+export {
+  AccountSection,
+  ConnectionStatus,
+  Dropdown,
+  DropdownAnchor,
+  Menu,
+  MenuItem,
+  NavigationItem,
+  NavigationList,
+  NumberedStepper,
+  Pagination,
+  Selector,
+  SideNav,
+  SideNavHeader,
+  Sidebar,
+  SidebarItem,
+  Step,
+  StepButton,
+  StepContent,
+  StepLabel,
+  Stepper,
+  Tab
+};
+//# sourceMappingURL=navigation.mjs.map

package/dist/navigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/third-party.d.mts

@@ -0,0 +1,113 @@
+import React__default from 'react';
+import { Monaco } from '@monaco-editor/react';
+import { BoxProps } from '@mui/material/Box';
+import { editor } from 'monaco-editor';
+
+type CodeEditorLanguage = 'typescript' | 'javascript' | 'json' | 'html' | 'css' | 'python' | 'yaml' | 'markdown' | 'sql' | 'xml' | 'plaintext';
+interface CodeEditorProps {
+    /**
+     * Current value of the editor
+     */
+    value: string;
+    /**
+     * Callback when value changes
+     */
+    onChange: (value: string) => void;
+    /**
+     * Programming language
+     * @default 'typescript'
+     */
+    language?: CodeEditorLanguage;
+    /**
+     * Height of the editor
+     * @default '400px'
+     */
+    height?: string | number;
+    /**
+     * Minimum height
+     */
+    minHeight?: string | number;
+    /**
+     * Theme ('light' | 'dark' | 'vs-dark' | 'hc-black')
+     * If not provided, will use theme from design system
+     */
+    theme?: string;
+    /**
+     * Show line numbers
+     * @default 'on'
+     */
+    lineNumbers?: 'on' | 'off' | 'relative' | 'interval';
+    /**
+     * Editor options (monaco editor options)
+     */
+    options?: editor.IStandaloneEditorConstructionOptions;
+    /**
+     * Callback when editor is mounted
+     */
+    onMount?: (editor: editor.IStandaloneCodeEditor, monaco: Monaco) => void;
+    /**
+     * Callback for validation errors
+     */
+    onValidate?: (markers: editor.IMarker[]) => void;
+    /**
+     * Ref to editor instance
+     */
+    editorRef?: React__default.MutableRefObject<editor.IStandaloneCodeEditor | null>;
+    /**
+     * Ref to Monaco instance
+     */
+    monacoRef?: React__default.MutableRefObject<Monaco | null>;
+    /**
+     * Callback when fullscreen state changes
+     */
+    onFullscreenChange?: (isFullscreen: boolean) => void;
+    /**
+     * Props for the container Box.
+     */
+    containerProps?: BoxProps;
+    /**
+     * Additional TypeScript type definitions to add to the editor context.
+     * Can be a string with type definitions or an array of type definition strings.
+     * Each string will be added as a separate extra lib to Monaco.
+     *
+     * @example
+     * ```tsx
+     * <CodeEditor
+     *   value={code}
+     *   onChange={setCode}
+     *   typeDefinitions={`
+     *     declare interface MyCustomType {
+     *       id: string;
+     *       name: string;
+     *     }
+     *   `}
+     * />
+     * ```
+     */
+    typeDefinitions?: string | string[];
+    /**
+     * When true, the editor skips internal value syncing and lets an external
+     * source (e.g. useCodeEditorWorkspace) manage Monaco models directly.
+     * The `value` prop is still used as the initial/display value but won't
+     * be force-synced to the editor.
+     * @default false
+     */
+    externalModelManagement?: boolean;
+}
+/**
+ * CodeEditor component - wrapper around Monaco Editor matching dynamic-indexer-client implementation
+ *
+ * @example
+ * ```tsx
+ * <CodeEditor
+ *   value={code}
+ *   onChange={setCode}
+ *   language="typescript"
+ *   height="500px"
+ *   onValidate={(markers) => console.log('Errors:', markers)}
+ * />
+ * ```
+ */
+declare const CodeEditor: React__default.FC<CodeEditorProps>;
+
+export { CodeEditor, type CodeEditorLanguage, type CodeEditorProps };

package/dist/third-party.d.ts

@@ -0,0 +1,113 @@
+import React__default from 'react';
+import { Monaco } from '@monaco-editor/react';
+import { BoxProps } from '@mui/material/Box';
+import { editor } from 'monaco-editor';
+
+type CodeEditorLanguage = 'typescript' | 'javascript' | 'json' | 'html' | 'css' | 'python' | 'yaml' | 'markdown' | 'sql' | 'xml' | 'plaintext';
+interface CodeEditorProps {
+    /**
+     * Current value of the editor
+     */
+    value: string;
+    /**
+     * Callback when value changes
+     */
+    onChange: (value: string) => void;
+    /**
+     * Programming language
+     * @default 'typescript'
+     */
+    language?: CodeEditorLanguage;
+    /**
+     * Height of the editor
+     * @default '400px'
+     */
+    height?: string | number;
+    /**
+     * Minimum height
+     */
+    minHeight?: string | number;
+    /**
+     * Theme ('light' | 'dark' | 'vs-dark' | 'hc-black')
+     * If not provided, will use theme from design system
+     */
+    theme?: string;
+    /**
+     * Show line numbers
+     * @default 'on'
+     */
+    lineNumbers?: 'on' | 'off' | 'relative' | 'interval';
+    /**
+     * Editor options (monaco editor options)
+     */
+    options?: editor.IStandaloneEditorConstructionOptions;
+    /**
+     * Callback when editor is mounted
+     */
+    onMount?: (editor: editor.IStandaloneCodeEditor, monaco: Monaco) => void;
+    /**
+     * Callback for validation errors
+     */
+    onValidate?: (markers: editor.IMarker[]) => void;
+    /**
+     * Ref to editor instance
+     */
+    editorRef?: React__default.MutableRefObject<editor.IStandaloneCodeEditor | null>;
+    /**
+     * Ref to Monaco instance
+     */
+    monacoRef?: React__default.MutableRefObject<Monaco | null>;
+    /**
+     * Callback when fullscreen state changes
+     */
+    onFullscreenChange?: (isFullscreen: boolean) => void;
+    /**
+     * Props for the container Box.
+     */
+    containerProps?: BoxProps;
+    /**
+     * Additional TypeScript type definitions to add to the editor context.
+     * Can be a string with type definitions or an array of type definition strings.
+     * Each string will be added as a separate extra lib to Monaco.
+     *
+     * @example
+     * ```tsx
+     * <CodeEditor
+     *   value={code}
+     *   onChange={setCode}
+     *   typeDefinitions={`
+     *     declare interface MyCustomType {
+     *       id: string;
+     *       name: string;
+     *     }
+     *   `}
+     * />
+     * ```
+     */
+    typeDefinitions?: string | string[];
+    /**
+     * When true, the editor skips internal value syncing and lets an external
+     * source (e.g. useCodeEditorWorkspace) manage Monaco models directly.
+     * The `value` prop is still used as the initial/display value but won't
+     * be force-synced to the editor.
+     * @default false
+     */
+    externalModelManagement?: boolean;
+}
+/**
+ * CodeEditor component - wrapper around Monaco Editor matching dynamic-indexer-client implementation
+ *
+ * @example
+ * ```tsx
+ * <CodeEditor
+ *   value={code}
+ *   onChange={setCode}
+ *   language="typescript"
+ *   height="500px"
+ *   onValidate={(markers) => console.log('Errors:', markers)}
+ * />
+ * ```
+ */
+declare const CodeEditor: React__default.FC<CodeEditorProps>;
+
+export { CodeEditor, type CodeEditorLanguage, type CodeEditorProps };

package/dist/third-party.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkYCDCQSYHjs = require('./chunk-YCDCQSYH.js');
+
+
+exports.CodeEditor = _chunkYCDCQSYHjs.CodeEditor;
+//# sourceMappingURL=third-party.js.map

package/dist/third-party.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/cere-design-system/cere-design-system/dist/third-party.js"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,iDAAC","file":"/home/runner/work/cere-design-system/cere-design-system/dist/third-party.js"}

package/dist/third-party.mjs

@@ -0,0 +1,7 @@
+import {
+  CodeEditor
+} from "./chunk-3KCXCVOX.mjs";
+export {
+  CodeEditor
+};
+//# sourceMappingURL=third-party.mjs.map

package/dist/third-party.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/tokens.css

@@ -1,78 +1,52 @@
-/*
- * @cere/cere-design-system — root CSS tokens.
- *
- * Mirror of `webSurfaceTokens` / `motion` / `borderRadius` / font families.
- * Import once at app root:  import '@cere/cere-design-system/tokens.css';
- *
- * The companion test (src/theme/__tests__/webSurfaceTokens.test.ts) locks
- * this file against the JS token modules — if values drift, the build fails.
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 
 :root {
-  /* Brand */
-  --c-violet:         #aa44f2;
-  --c-violet-tint:    #a54aff;
-  --c-violet-light:   #f0e0fb;
-  --c-violet-dark:    #7c59ac;
-  --c-pink:           #f941e6;
-  --c-pink-light:     #fcdff9;
-  --c-red:            #ff4f59;
-  --c-green:          #49bf63;
-  --c-blue-light:     #e7f4fe;
-  --c-blue-dark:      #598ab8;
-
-  /* ROB extended */
-  --rob-fandango:        #BD32A7;
+  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'HumanSans', sans-serif;
+  --font-display: 'Inter', sans-serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  --c-violet-light: #f0e0fb;
+  --c-violet: #aa44f2;
+  --c-violet-dark: #7c59ac;
+  --c-violet-tint: #a54aff;
+  --c-pink: #f941e6;
+  --c-pink-light: #fcdff9;
+  --c-red: #ff4f59;
+  --c-green: #49bf63;
+  --c-blue-light: #e7f4fe;
+  --c-blue-dark: #598ab8;
+  --surface-low: #f5f1f7;
+  --surface-mid: #f5f1f7;
+  --surface-high: #fefcff;
+  --surface-contrast: #ffffff;
+  --bg-default: #f5f5f5;
+  --bg-dim: #e6e0e9;
+  --bg-success: #eef5f0;
+  --bg-warning: #fef8e8;
+  --bg-danger: #f9dedc;
+  --text-on-danger: #8c1d18;
+  --text-primary: #1d1b20;
+  --text-secondary: #5f5c64;
+  --text-muted: #938f99;
+  --stroke-on-low: #e6e0e9;
+  --stroke-on-med: #dad1e0;
+  --rob-fandango: #BD32A7;
   --rob-electric-violet: #8B00EC;
-  --rob-ultra-violet:    #6750A4;
-  --rob-bright-1:        #5311e3;
-  --rob-near-black-2:    #0d0627;
-  --rob-near-black-4:    #23194b;
-  --rob-periwinkle:      #D0BCFF;
-
-  /* Surfaces */
-  --surface-low:       #f5f1f7;
-  --surface-mid:       #f5f1f7;
-  --surface-high:      #fefcff;
-  --surface-contrast:  #ffffff;
-
-  /* Backgrounds */
-  --bg-default:        #f5f5f5;
-  --bg-dim:            #e6e0e9;
-  --bg-success:        #eef5f0;
-  --bg-warning:        #fef8e8;
-  --bg-danger:         #f9dedc;
-  /* Foreground for content sitting on var(--bg-danger). NOT a surface. */
-  --text-on-danger:    #8c1d18;
-
-  /* Text */
-  --text-primary:    #1d1b20;
-  --text-secondary:  #5f5c64;
-  --text-muted:      #938f99;
-  --text-link:       #aa44f2;
-
-  /* Strokes */
-  --stroke-on-low:    #e6e0e9;
-  --stroke-on-med:    #dad1e0;
-
-  /* Radius */
-  --radius-sm:   8px;
-  --radius-md:   12px;
-  --radius-lg:   16px;
-  --radius-xl:   20px;
-  --radius-pill: 999px;
-
-  /* Elevation */
-  --shadow-sm:    0px 2px 8px rgba(0,0,0,0.04);
-  --shadow-md:    0px 4px 20px rgba(0,0,0,0.05);
+  --rob-ultra-violet: #6750A4;
+  --rob-periwinkle: #D0BCFF;
+  --rob-bright-1: #5311e3;
+  --rob-near-black-2: #0d0627;
+  --rob-near-black-4: #23194b;
+  --shadow-sm: 0px 2px 8px rgba(0,0,0,0.04);
+  --shadow-md: 0px 4px 20px rgba(0,0,0,0.05);
   --shadow-focus: 0 0 0 4px rgba(170,68,242,0.25);
-
-  /* Motion */
+  --radius-sm: 8px;
+  --radius-md: 12px;
+  --radius-lg: 16px;
+  --radius-xl: 20px;
+  --radius-pill: 999px;
+  --dur-fast: 120ms;
   --ease-standard: cubic-bezier(0.2, 0, 0, 1);
-  --dur-fast:      120ms;
-
-  /* Type */
-  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  --font-display: 'Inter', sans-serif;
-  --font-mono:    ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  --text-link: #aa44f2;
 }

package/dist/utilities.d.mts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ReactNode, AriaAttributes } from 'react';
+import { QRCodeProps as QRCodeProps$1 } from 'react-qr-code';
+
+type MarkdownProps = {
+    children?: string;
+    content?: string;
+};
+declare const Markdown: ({ content, children }: MarkdownProps) => react_jsx_runtime.JSX.Element;
+
+interface OnboardingContextType {
+    isOnboardingActive: boolean;
+    startOnboarding: () => void;
+    stopOnboarding: () => void;
+    restartOnboarding: () => void;
+}
+declare const useOnboarding: () => OnboardingContextType;
+declare const OnboardingProvider: ({ children }: {
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+type TruncateProps = AriaAttributes & {
+    text: string;
+    maxLength?: number;
+    endingLength?: number;
+    variant?: 'text' | 'email' | 'hex';
+};
+declare const Truncate: ({ text, variant, maxLength, endingLength, ...props }: TruncateProps) => react_jsx_runtime.JSX.Element;
+
+type BytesSizeProps = {
+    bytes: number;
+};
+declare const BytesSize: ({ bytes }: BytesSizeProps) => react_jsx_runtime.JSX.Element;
+
+type QRCodeProps = Omit<QRCodeProps$1, 'ref'>;
+declare const QRCode: React.ForwardRefExoticComponent<QRCodeProps & React.RefAttributes<SVGElement>>;
+
+export { BytesSize, type BytesSizeProps, Markdown, type MarkdownProps, OnboardingProvider, QRCode, type QRCodeProps, Truncate, type TruncateProps, useOnboarding };

package/dist/utilities.d.ts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ReactNode, AriaAttributes } from 'react';
+import { QRCodeProps as QRCodeProps$1 } from 'react-qr-code';
+
+type MarkdownProps = {
+    children?: string;
+    content?: string;
+};
+declare const Markdown: ({ content, children }: MarkdownProps) => react_jsx_runtime.JSX.Element;
+
+interface OnboardingContextType {
+    isOnboardingActive: boolean;
+    startOnboarding: () => void;
+    stopOnboarding: () => void;
+    restartOnboarding: () => void;
+}
+declare const useOnboarding: () => OnboardingContextType;
+declare const OnboardingProvider: ({ children }: {
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+type TruncateProps = AriaAttributes & {
+    text: string;
+    maxLength?: number;
+    endingLength?: number;
+    variant?: 'text' | 'email' | 'hex';
+};
+declare const Truncate: ({ text, variant, maxLength, endingLength, ...props }: TruncateProps) => react_jsx_runtime.JSX.Element;
+
+type BytesSizeProps = {
+    bytes: number;
+};
+declare const BytesSize: ({ bytes }: BytesSizeProps) => react_jsx_runtime.JSX.Element;
+
+type QRCodeProps = Omit<QRCodeProps$1, 'ref'>;
+declare const QRCode: React.ForwardRefExoticComponent<QRCodeProps & React.RefAttributes<SVGElement>>;
+
+export { BytesSize, type BytesSizeProps, Markdown, type MarkdownProps, OnboardingProvider, QRCode, type QRCodeProps, Truncate, type TruncateProps, useOnboarding };

package/dist/utilities.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+var _chunkHJ24WKU4js = require('./chunk-HJ24WKU4.js');
+
+
+
+
+
+
+
+exports.BytesSize = _chunkHJ24WKU4js.BytesSize; exports.Markdown = _chunkHJ24WKU4js.Markdown; exports.OnboardingProvider = _chunkHJ24WKU4js.OnboardingProvider; exports.QRCode = _chunkHJ24WKU4js.QRCode; exports.Truncate = _chunkHJ24WKU4js.Truncate; exports.useOnboarding = _chunkHJ24WKU4js.useOnboarding;
+//# sourceMappingURL=utilities.js.map

package/dist/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/cere-design-system/cere-design-system/dist/utilities.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,+SAAC","file":"/home/runner/work/cere-design-system/cere-design-system/dist/utilities.js"}

package/dist/utilities.mjs

@@ -0,0 +1,17 @@
+import {
+  BytesSize,
+  Markdown,
+  OnboardingProvider,
+  QRCode,
+  Truncate,
+  useOnboarding
+} from "./chunk-SSFALO6S.mjs";
+export {
+  BytesSize,
+  Markdown,
+  OnboardingProvider,
+  QRCode,
+  Truncate,
+  useOnboarding
+};
+//# sourceMappingURL=utilities.mjs.map

package/dist/utilities.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}