alinea 1.7.0 → 2.0.0-preview.0

package/dist/dashboard/hook/UseWorkspace.js

@@ -1,12 +1,10 @@
-import {
-  useAtomValue
-} from "../../chunks/chunk-TOJF2G3X.js";
-import "../../chunks/chunk-WJ67RR7S.js";
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/dashboard/hook/UseWorkspace.ts
-import { workspaceAtom } from "../atoms/NavigationAtoms.js";
-var useWorkspace = () => useAtomValue(workspaceAtom);
+import { useDashboardContext } from "../hooks.js";
+function useWorkspace() {
+  return useDashboardContext().workspace;
+}
 export {
   useWorkspace
 };

package/dist/dashboard/hooks.d.ts

@@ -0,0 +1,157 @@
+import type { Config } from 'alinea/core/Config';
+import type { LocalConnection } from 'alinea/core/Connection';
+import type { WriteableGraph } from 'alinea/core/db/WriteableGraph';
+import type { Entry as EntryRecord } from 'alinea/core/Entry';
+import type { Field } from 'alinea/core/Field';
+import type { PreviewMetadata } from 'alinea/core/Preview';
+import type { Policy } from 'alinea/core/Role';
+import type { User } from 'alinea/core/User';
+import type { WorkspaceInternal } from 'alinea/core/Workspace';
+import { Type } from 'alinea';
+import type { ComponentType, Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import { type EditorModel, type EditorNode, EntryEditor } from './atoms/editor.js';
+import type { EntryAtoms, EntryLocaleAtoms } from './atoms/entry.js';
+import type { Page } from './atoms/nav.js';
+import type { RootAtoms } from './atoms/root.js';
+import type { ReactiveNode } from './atoms/ReactiveNode.js';
+interface EntryContextValue {
+    entry: EntryAtoms;
+    localeData: EntryLocaleAtoms;
+    selectedEntry: EntryRecord<Record<string, unknown>>;
+}
+export interface DashboardOptions {
+    alineaDev?: boolean;
+    local?: boolean;
+}
+export interface Dashboard {
+    graph: WriteableGraph;
+    config: Config;
+    events: EventTarget;
+    client: LocalConnection;
+    views?: Record<string, ComponentType>;
+    options?: DashboardOptions;
+}
+export interface DashboardContextValue {
+    page: Page;
+    workspace: WorkspaceInternal & {
+        name: string;
+    };
+    root: RootAtoms;
+}
+interface DashboardModelScopeProps {
+    dashboard: Dashboard;
+}
+export declare function DashboardModelScope({ children, dashboard }: PropsWithChildren<DashboardModelScopeProps>): import("react").FunctionComponentElement<import("react").ProviderProps<Dashboard | null>>;
+export interface DashboardScopeInternalProps {
+    dashboard: Dashboard;
+}
+/**
+ * Provides an isolated dashboard model for custom views and story fixtures.
+ */
+export declare function DashboardScopeInternal({ children, dashboard }: PropsWithChildren<DashboardScopeInternalProps>): import("react").FunctionComponentElement<{
+    children?: import("react").ReactNode;
+    store?: import("jotai/vanilla/internals").INTERNAL_Store;
+}>;
+/**
+ * Returns the active dashboard from the nearest dashboard model scope.
+ */
+export declare function useDashboard(): Dashboard;
+/**
+ * Returns the active dashboard policy.
+ */
+export declare function usePolicy(): Policy;
+/**
+ * Returns the authenticated dashboard user, or null when no user is active.
+ */
+export declare function useUser(): User | null;
+/**
+ * Returns the dashboard graph database for direct read queries.
+ */
+export declare function useGraph(): WriteableGraph;
+/**
+ * Returns metadata reported by the active browser preview, when available.
+ */
+export declare function usePreviewMetadata(): PreviewMetadata | undefined;
+export interface EditorScopeProps {
+    editor: EditorModel;
+}
+export declare function EditorScope({ children, editor }: PropsWithChildren<EditorScopeProps>): import("react").FunctionComponentElement<import("react").ProviderProps<EditorModel | null>>;
+export interface DashboardScopeProps {
+    value: DashboardContextValue;
+}
+export declare function DashboardScope({ children, value }: PropsWithChildren<DashboardScopeProps>): import("react").FunctionComponentElement<import("react").ProviderProps<DashboardContextValue | null>>;
+export declare function useDashboardContext(): DashboardContextValue;
+export interface EntryScopeProps {
+    entry: EntryAtoms;
+    localeData: EntryLocaleAtoms;
+    selectedEntry: EntryRecord<Record<string, unknown>>;
+}
+export declare function EntryScope({ children, entry, localeData, selectedEntry }: PropsWithChildren<EntryScopeProps>): import("react").FunctionComponentElement<import("react").ProviderProps<EntryContextValue | null>>;
+export declare function useEntryAtoms(): EntryContextValue;
+export declare function useOptionalEntryAtoms(): EntryContextValue | null;
+/**
+ * Returns the active dashboard editor from the nearest editor scope.
+ */
+export declare function useEditor(): EditorModel;
+/**
+ * Creates an editor for a nested reactive node.
+ */
+export declare function useNodeEditor(node: EditorNode, type: Type): EntryEditor;
+/**
+ * Returns the reactive node backing a field in the active editor.
+ */
+export declare function useFieldNode<Value>(field: Field): ReactiveNode<Value>;
+/**
+ * Returns the current stored value for a field.
+ */
+export declare function useFieldValue<StoredValue, QueryValue, Mutator, Options>(field: Field<StoredValue, QueryValue, Mutator, Options>): StoredValue;
+/**
+ * Returns the current stored field value and a setter for that value.
+ */
+export declare function useField<StoredValue, QueryValue, Mutator, Options>(field: Field<StoredValue, QueryValue, Mutator, Options>): [StoredValue, Dispatch<SetStateAction<StoredValue>>];
+/**
+ * Returns a setter for the current stored field value.
+ */
+export declare function useFieldSetter<StoredValue, QueryValue, Mutator, Options>(field: Field<StoredValue, QueryValue, Mutator, Options>): Dispatch<SetStateAction<StoredValue>>;
+/**
+ * Returns the dashboard storage key for a field.
+ */
+export declare function useFieldKey<StoredValue, QueryValue, Mutator, Options>(field: Field<StoredValue, QueryValue, Mutator, Options>): string;
+/**
+ * Returns the resolved dashboard options for a field.
+ */
+export declare function useFieldOptions<StoredValue, QueryValue, Mutator, Options>(field: Field<StoredValue, QueryValue, Mutator, Options>): Options;
+/**
+ * Returns the current validation error for a field, if any.
+ */
+export declare function useFieldError<StoredValue, QueryValue, Mutator, Options>(field: Field<StoredValue, QueryValue, Mutator, Options>): string | undefined;
+/**
+ * Returns the configured dashboard view component for a field.
+ */
+export declare function useFieldView<StoredValue, QueryValue, Mutator, Options>(field: Field<StoredValue, QueryValue, Mutator, Options>): ((props: {
+    field: Field;
+}) => import("react").ReactNode) | ComponentType | ComponentType<{
+    field: Field;
+}> | undefined;
+/**
+ * Returns the current value for a sibling field by storage key.
+ */
+export declare function useSiblingFieldValue(key: string): unknown;
+/**
+ * Returns the selected entry version as a plain Entry object.
+ *
+ * Returns null outside an entry scope, or when the current entry cannot be
+ * resolved. The returned value follows locale/status selection and does not
+ * expose internal atoms.
+ */
+export declare function useEntry(): EntryRecord<Record<string, unknown>> | null;
+/**
+ * Returns a writable value tuple for a reactive node.
+ */
+export declare function useValue<Value>(node: ReactiveNode<Value>): [Awaited<Value>, (args_0: SetStateAction<Value>) => void];
+/**
+ * Returns child reactive nodes for an array or object reactive node.
+ */
+export declare function useNodes<Value>(node: ReactiveNode<Array<Value>>): Array<ReactiveNode<Value>>;
+export declare function useNodes<Value extends object>(node: ReactiveNode<Value>): Record<string, ReactiveNode>;
+export {};

package/dist/dashboard/hooks.js

@@ -0,0 +1,229 @@
+import {
+  Provider,
+  useAtom,
+  useAtomValue,
+  useSetAtom
+} from "../chunks/chunk-U4VOHNR2.js";
+import {
+  atom,
+  createStore
+} from "../chunks/chunk-Y7XOMJOC.js";
+import "../chunks/chunk-CQ52GEHY.js";
+
+// src/dashboard/hooks.tsx
+import { assert } from "alinea/core/util/Assert";
+import { createContext, createElement, useContext, useMemo } from "react";
+import {
+  alineaDevAtom,
+  clientAtom,
+  configAtom,
+  eventsAtom,
+  graphAtom,
+  localAtom,
+  viewsAtom
+} from "./atoms/core.js";
+import { EntryEditor } from "./atoms/editor.js";
+import { previewMetadataAtom } from "./atoms/preview.js";
+import { policyAtom, userAtom } from "./atoms/user.js";
+var entryContext = createContext(null);
+var dashboardContext = createContext(null);
+var dashboardModelContext = createContext(null);
+var editorContext = createContext(null);
+var noPolicyAtom = atom(void 0);
+function DashboardModelScope({
+  children,
+  dashboard
+}) {
+  return createElement(
+    dashboardModelContext.Provider,
+    { value: dashboard },
+    children
+  );
+}
+function DashboardScopeInternal({
+  children,
+  dashboard
+}) {
+  const store = useMemo(() => {
+    const next = createStore();
+    next.set(graphAtom, dashboard.graph);
+    next.set(configAtom, dashboard.config);
+    next.set(eventsAtom, dashboard.events);
+    next.set(clientAtom, dashboard.client);
+    next.set(viewsAtom, dashboard.views ?? {});
+    next.set(localAtom, Boolean(dashboard.options?.local));
+    next.set(alineaDevAtom, Boolean(dashboard.options?.alineaDev));
+    return next;
+  }, [dashboard]);
+  return createElement(
+    Provider,
+    { store },
+    createElement(DashboardModelScope, { dashboard }, children)
+  );
+}
+function useDashboard() {
+  const dashboard = useContext(dashboardModelContext);
+  assert(dashboard, "Dashboard not found in context");
+  return dashboard;
+}
+function usePolicy() {
+  return useAtomValue(policyAtom);
+}
+function useUser() {
+  return useAtomValue(userAtom);
+}
+function useGraph() {
+  return useAtomValue(graphAtom);
+}
+function usePreviewMetadata() {
+  return useAtomValue(previewMetadataAtom);
+}
+function EditorScope({
+  children,
+  editor
+}) {
+  return createElement(editorContext.Provider, { value: editor }, children);
+}
+function DashboardScope({
+  children,
+  value
+}) {
+  return createElement(dashboardContext.Provider, { value }, children);
+}
+function useDashboardContext() {
+  const value = useContext(dashboardContext);
+  assert(value, "DashboardScope not found in context");
+  return value;
+}
+function EntryScope({
+  children,
+  entry,
+  localeData,
+  selectedEntry
+}) {
+  const value = useMemo(
+    () => ({ entry, localeData, selectedEntry }),
+    [entry, localeData, selectedEntry]
+  );
+  return createElement(entryContext.Provider, { value }, children);
+}
+function useEntryAtoms() {
+  const value = useContext(entryContext);
+  assert(value, "EntryScope not found in context");
+  return value;
+}
+function useOptionalEntryAtoms() {
+  return useContext(entryContext);
+}
+function useEditor() {
+  const editor = useContext(editorContext);
+  assert(editor, "EntryEditor not found in context");
+  return editor;
+}
+function useFieldInfo(field) {
+  const editor = useEditor();
+  const info = editor.get(field);
+  assert(info, "Field info not found in editor");
+  return info;
+}
+function useNodeEditor(node, type) {
+  const parent = useContext(editorContext);
+  const scope = useContext(entryContext);
+  const policy = useAtomValue(scope ? policyAtom : noPolicyAtom);
+  const activeVersion = scope?.selectedEntry;
+  const editor = useMemo(() => {
+    return new EntryEditor(
+      type,
+      node,
+      parent instanceof EntryEditor ? parent : void 0,
+      activeVersion ?? void 0,
+      policy
+    );
+  }, [activeVersion, node, parent, policy, type]);
+  return editor;
+}
+function useFieldNode(field) {
+  const key = useFieldKey(field);
+  const editor = useEditor();
+  const nodes = useAtomValue(editor.node.nodes);
+  assert(nodes[key], `Node not found for field key: ${key}`);
+  return nodes[key];
+}
+function useFieldValue(field) {
+  const node = useFieldNode(field);
+  return useAtomValue(node.value);
+}
+function useField(field) {
+  const info = useFieldInfo(field);
+  const value = useAtomValue(info.value);
+  const setValue = useSetAtom(info.value);
+  return [value, setValue];
+}
+function useFieldSetter(field) {
+  const info = useFieldInfo(field);
+  return useSetAtom(info.value);
+}
+function useFieldKey(field) {
+  const info = useFieldInfo(field);
+  return info.key;
+}
+function useFieldOptions(field) {
+  const info = useFieldInfo(field);
+  return useAtomValue(info.options);
+}
+function useFieldError(field) {
+  const info = useFieldInfo(field);
+  return useAtomValue(info.error);
+}
+function useFieldView(field) {
+  const info = useFieldInfo(field);
+  return useAtomValue(info.view);
+}
+function useSiblingFieldValue(key) {
+  const editor = useEditor();
+  const info = editor.field(key);
+  assert(info, `Field not found: ${key}`);
+  return useAtomValue(info.value);
+}
+function useEntryModel() {
+  return useContext(entryContext);
+}
+function useEntry() {
+  const scope = useEntryModel();
+  return scope?.selectedEntry ?? null;
+}
+function useValue(node) {
+  return useAtom(node.value);
+}
+function useNodes(node) {
+  return useAtomValue(node.nodes);
+}
+export {
+  DashboardModelScope,
+  DashboardScope,
+  DashboardScopeInternal,
+  EditorScope,
+  EntryScope,
+  useDashboard,
+  useDashboardContext,
+  useEditor,
+  useEntry,
+  useEntryAtoms,
+  useField,
+  useFieldError,
+  useFieldKey,
+  useFieldNode,
+  useFieldOptions,
+  useFieldSetter,
+  useFieldValue,
+  useFieldView,
+  useGraph,
+  useNodeEditor,
+  useNodes,
+  useOptionalEntryAtoms,
+  usePolicy,
+  usePreviewMetadata,
+  useSiblingFieldValue,
+  useUser,
+  useValue
+};

package/dist/dashboard/icons.d.ts

@@ -0,0 +1,171 @@
+import type { SVGProps } from 'react';
+export declare function IcRoundEdit(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundClose(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFlashOn(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundChevronLeft(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundArrowBack(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundArrowDropDown(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundDragIndicator(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineGridView(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineTableRows(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineViewList(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundDescription(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcTwotoneDescription(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcTwotoneFolder(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundInsertDriveFile(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundImage(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundAdd(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundAddCircle(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundArrowUpward(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundArrowDownward(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundDelete(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineList(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundHistory(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundVisibility(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFilterList(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundNotes(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFormatBold(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFormatItalic(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFormatClear(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundTextFields(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundSubscript(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundSuperscript(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundStrikethroughS(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function MaterialSymbolsFormatInkHighlighterRounded(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFormatPaint(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFormatListBulleted(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFormatListNumbered(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFormatQuote(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundLink(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundSwapHoriz(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundHorizontalRule(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFormatAlignLeft(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFormatAlignCenter(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFormatAlignRight(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFormatAlignJustify(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundSubject(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundUploadFile(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcAlignCenter(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcAlignJustify(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcAlignLeft(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcAlignRight(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcBaselineAccountCircle(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcBaselineContentCopy(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcBaselineFileCopy(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcBaselineDesktopMac(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcBaselineErrorOutline(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcBaselinePause(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcBaselinePhoneIphone(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcBaselineWifiTethering(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineArchive(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineArrowCircleRight(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineAvTimer(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineCloudUpload(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineDarkMode(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineDescription(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineDrafts(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineFolder(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineInsertDriveFile(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineKeyboardTab(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineLightMode(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineLock(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineMoreHoriz(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlinePreview(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineRemoveRedEye(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineScreenshot(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcOutlineSettings(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundAccountTree(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function MaterialSymbolsRightPanelOpenRounded(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function MaterialSymbolsRightPanelCloseRounded(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function MaterialSymbolsLeftPanelOpenOutlineRounded(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundAddCircleOutline(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundArchive(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundArrowDropDownCircle(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundArrowDropUp(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundArrowForward(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundAttachFile(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundCheck(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundCheckBox(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundCheckBoxOutlineBlank(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundChevronRight(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundCode(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundDateRange(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundDragHandle(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundExitToApp(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFeed(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundHamburger(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundHdrStrong(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundKeyboardArrowDown(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundKeyboardArrowLeft(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundKeyboardArrowRight(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundKeyboardArrowUp(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundLanguage(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundLastPage(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundLock(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundMenu(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundMoreHoriz(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundMoreVert(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundNorthEast(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundNumbers(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundOpenInNew(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundPanorama(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundPermMedia(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundPublish(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundPublishedWithChanges(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundQuote(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundRedo(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundRefresh(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundRemoveCircleOutline(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundRotateLeft(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundSave(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundSearch(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundSend(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundShare(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundSouthWest(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundSync(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundTabletMac(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundTranslate(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundUndo(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundUnfoldLess(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundUnfoldMore(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundVisibilityOff(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundWarning(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcSharpBrightnessMedium(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcSharpVerticalAlignCenter(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcTwotoneInsertDriveFile(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function MaterialSymbolsDatabase(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function MdiGithub(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function MdiSourceBranch(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function MdiTwitterCircle(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function MiLayers(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function PhGlobe(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function RiFlashlightFill(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableDelete(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableDeleteColumn(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableDeleteRow(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableHeaderCell(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableHeaderColumn(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableHeaderRow(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableInsert(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableInsertColumnAfter(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableInsertColumnBefore(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableInsertRowAfter(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableInsertRowBefore(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableMergeCells(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function TableSplitCell(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundLogout(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundDesktopWindows(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundWbSunny(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundBrightness2(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundKeyboardTab(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFolder(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundRemoveRedEye(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundFirstPage(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundPublic(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function SolarSidebarMinimalisticOutline(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcBaselineContentPasteGo(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function MaterialSymbolsEditSquareOutlineRounded(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function LucideImage(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function LucideFolder(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function LucideFile(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function IcRoundAnchor(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;