alinea 1.7.0 → 2.0.0-preview.0

package/dist/ui/RichText.js

@@ -1,4 +1,4 @@
-import "../chunks/chunk-NZLE2WMY.js";
+import "../chunks/chunk-CQ52GEHY.js";
 
 // src/ui/RichText.tsx
 import {
@@ -16,21 +16,26 @@ import {
 import { jsx } from "react/jsx-runtime";
 function textContent(doc) {
   return doc.reduce((text, node) => {
-    if (Node.isText(node)) return text + node.text;
+    if (Node.isText(node)) return text + (node.text ?? "");
     if ("content" in node && Array.isArray(node.content))
       return text + textContent(node.content);
     return text;
   }, "");
 }
+function Table({ children }) {
+  return /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsx("tbody", { children }) });
+}
 function nodeElement(type, attributes, content) {
+  const textAlign = textAlignAttribute(attributes?.textAlign);
   const style = {
-    textAlign: attributes?.textAlign === "left" ? void 0 : attributes?.textAlign
+    textAlign: textAlign === "left" ? void 0 : textAlign
   };
   switch (type) {
     case "heading": {
-      const Tag = `h${attributes?.level || 1}`;
-      const id = attributes?.id ?? (content ? slugify(textContent(content)) : void 0);
-      return /* @__PURE__ */ jsx(Tag, { style, id });
+      const level = attributes?.level;
+      const Tag = headingTag(level);
+      const id = attributes?._anchor ?? attributes?.id ?? (content ? slugify(textContent(content)) : void 0);
+      return /* @__PURE__ */ jsx(Tag, { style, id: typeof id === "string" ? id : void 0 });
     }
     case "paragraph":
       return /* @__PURE__ */ jsx("p", { style });
@@ -57,66 +62,98 @@ function nodeElement(type, attributes, content) {
     case "superscript":
       return /* @__PURE__ */ jsx("sup", {});
     case "link": {
-      const props = {
-        href: attributes?.href,
-        target: attributes?.target,
-        title: attributes?.title
-      };
-      return /* @__PURE__ */ jsx("a", { ...props });
+      const href = attributes?.href;
+      const target = attributes?.target;
+      const title = attributes?.title;
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: typeof href === "string" ? href : void 0,
+          target: typeof target === "string" ? target : void 0,
+          title: typeof title === "string" ? title : void 0
+        }
+      );
     }
     case "table":
-      return /* @__PURE__ */ jsx("table", {});
-    case "tableBody":
-      return /* @__PURE__ */ jsx("tbody", {});
-    case "tableCell": {
-      const props = {
-        colSpan: attributes?.colspan,
-        rowSpan: attributes?.rowspan
-      };
-      return /* @__PURE__ */ jsx("td", { ...props });
-    }
-    case "tableHeader": {
-      const props = {
-        colSpan: attributes?.colspan,
-        rowSpan: attributes?.rowspan
-      };
-      return /* @__PURE__ */ jsx("th", { ...props });
-    }
+      return /* @__PURE__ */ jsx(Table, {});
+    case "tableCell":
+      return /* @__PURE__ */ jsx(
+        "td",
+        {
+          colSpan: numberAttribute(attributes?.colspan),
+          rowSpan: numberAttribute(attributes?.rowspan)
+        }
+      );
+    case "tableHeader":
+      return /* @__PURE__ */ jsx(
+        "th",
+        {
+          colSpan: numberAttribute(attributes?.colspan),
+          rowSpan: numberAttribute(attributes?.rowspan)
+        }
+      );
     case "tableRow":
       return /* @__PURE__ */ jsx("tr", {});
   }
 }
+function headingTag(level) {
+  if (level === 2) return "h2";
+  if (level === 3) return "h3";
+  if (level === 4) return "h4";
+  if (level === 5) return "h5";
+  if (level === 6) return "h6";
+  return "h1";
+}
+function numberAttribute(value) {
+  if (typeof value === "number") return value;
+  if (typeof value === "string") return Number(value);
+}
+function textAlignAttribute(value) {
+  if (typeof value !== "string") return;
+  if (value === "center" || value === "end" || value === "justify" || value === "left" || value === "match-parent" || value === "right" || value === "start")
+    return value;
+}
+function isComponentView(view) {
+  return Boolean(view) && !isValidElement(view);
+}
 function RichTextNodeView({ views, node }) {
   if (Node.isText(node)) {
     const { [TextNode.text]: text, [TextNode.marks]: marks } = node;
-    const content = typeof views.text === "function" ? /* @__PURE__ */ jsx(views.text, { children: text }) : text;
-    const wrappers = marks?.map((mark) => nodeElement(mark[Mark.type], mark)) || [];
-    return wrappers.reduce((children, element) => {
+    const TextView = views.text;
+    const content = typeof TextView === "function" ? /* @__PURE__ */ jsx(TextView, { children: text }) : text ?? "";
+    const wrappers = marks?.map((mark) => ({
+      type: mark[Mark.type],
+      element: nodeElement(mark[Mark.type], mark)
+    }));
+    return (wrappers ?? []).reduce((children, { element }) => {
       if (!element?.type) return children;
-      const View = views[element.type];
-      if (View && !isValidElement(View)) {
-        return /* @__PURE__ */ jsx(View, { ...element.props, children });
+      const View = views[String(element.type)];
+      if (isComponentView(View)) {
+        const Component = View;
+        return /* @__PURE__ */ jsx(Component, { ...element.props, children });
       }
-      const node2 = View ?? element;
-      return /* @__PURE__ */ jsx(node2.type, { ...element?.props, ...node2.props, children });
+      const view = View ?? element;
+      return /* @__PURE__ */ jsx(view.type, { ...element.props, ...view.props, children });
     }, content);
   }
   if (Node.isElement(node)) {
     const { [Node.type]: type, [ElementNode.content]: content, ...attrs } = node;
     const element = nodeElement(type, attrs, content);
-    const View = views[element?.type || type];
-    const inner = content?.map((node2, i) => /* @__PURE__ */ jsx(RichTextNodeView, { views, node: node2 }, i)) || null;
-    if (View && !isValidElement(View)) {
-      return /* @__PURE__ */ jsx(View, { ...element?.props, ...attrs, children: inner });
+    const View = type === "table" ? views.table : element?.type ? views[String(element.type)] : void 0;
+    const inner = content?.map((node2, i) => /* @__PURE__ */ jsx(RichTextNodeView, { views, node: node2 }, i)) ?? null;
+    if (isComponentView(View)) {
+      const Component = View;
+      return /* @__PURE__ */ jsx(Component, { ...element?.props, children: inner });
     }
-    const el = View ?? element ?? { type: Fragment };
+    const el = View ?? element ?? { type: Fragment, props: {} };
     return /* @__PURE__ */ jsx(el.type, { ...element?.props, ...el.props, children: inner });
   }
   if (Node.isBlock(node)) {
     const { [Node.type]: type, [BlockNode.id]: id, ...attrs } = node;
     const View = views[type];
-    if (!View) return null;
-    return /* @__PURE__ */ jsx(View, { ...attrs });
+    if (!isComponentView(View)) return null;
+    const Component = View;
+    return /* @__PURE__ */ jsx(Component, { ...attrs });
   }
 }
 function RichText({

package/dist/ui/Stack.d.ts

@@ -1,5 +1,6 @@
-import { type CSSProperties, type HTMLAttributes, type HTMLProps, type PropsWithChildren, type PropsWithRef } from 'react';
-export type StackProps = PropsWithRef<Omit<HTMLProps<HTMLDivElement>, 'wrap'> & {
+import type { CSSProperties, ElementType, HTMLAttributes, PropsWithChildren } from 'react';
+export interface StackProps extends PropsWithChildren<Omit<HTMLAttributes<HTMLElement>, 'wrap'>> {
+    as?: ElementType;
     gap?: number | string;
     direction?: CSSProperties['flexDirection'];
     align?: CSSProperties['alignItems'];
@@ -9,24 +10,12 @@ export type StackProps = PropsWithRef<Omit<HTMLProps<HTMLDivElement>, 'wrap'> &
     center?: boolean;
     full?: boolean;
     autoWidth?: boolean;
-}>;
-export declare const VStack: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<HTMLProps<HTMLDivElement>, "wrap"> & {
-    gap?: number | string;
-    direction?: CSSProperties['flexDirection'];
-    align?: CSSProperties['alignItems'];
-    justify?: CSSProperties['justifyContent'];
-    horizontal?: boolean;
-    wrap?: boolean;
-    center?: boolean;
-    full?: boolean;
-    autoWidth?: boolean;
-}, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const HStack: typeof VStack;
-export declare namespace Stack {
-    function Left(props: PropsWithChildren<HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    function Center(props: PropsWithChildren<HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    function Right(props: PropsWithChildren<HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    function Bottom(props: PropsWithChildren<HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
 }
+/**
+ * @deprecated Compatibility component for legacy dashboard extensions.
+ */
+export declare const VStack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLElement>>;
+/**
+ * @deprecated Compatibility component for legacy dashboard extensions.
+ */
+export declare const HStack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLElement>>;

package/dist/ui/Stack.js

@@ -1,80 +1,67 @@
-import "../chunks/chunk-NZLE2WMY.js";
+import "../chunks/chunk-CQ52GEHY.js";
 
 // src/ui/Stack.tsx
-import {
-  forwardRef,
-  useMemo
-} from "react";
-import { px } from "./util/Units.js";
-import { jsx } from "react/jsx-runtime";
-function stack(props) {
-  const direction = props.direction || "column";
-  const styles = {
+import { createElement, forwardRef } from "react";
+function toCssSize(value) {
+  if (typeof value === "number") return `${value}px`;
+  return value ?? 0;
+}
+function stackStyle(props) {
+  const direction = props.direction ?? (props.horizontal ? "row" : "column");
+  return {
     display: "flex",
     minWidth: 0,
     flexDirection: direction,
-    alignItems: props.center ? "center" : props.align || "unset",
-    justifyContent: props.justify || "unset",
-    gap: px(props.gap || 0)
+    alignItems: props.center ? "center" : props.align,
+    justifyContent: props.justify,
+    flexWrap: props.wrap ? "wrap" : void 0,
+    gap: toCssSize(props.gap),
+    width: props.autoWidth ? void 0 : props.full && direction === "row" ? "100%" : void 0,
+    height: props.full && direction !== "row" ? "100%" : void 0
   };
-  if (props.wrap) styles.flexWrap = "wrap";
-  if (props.full) styles[direction === "row" ? "width" : "height"] = "100%";
-  return styles;
 }
-var VStack = forwardRef(
-  function VStack2(props, ref) {
-    const {
-      children,
-      as: tag = "div",
-      gap,
-      align,
-      direction,
-      justify,
-      center,
-      wrap,
-      full,
-      ...rest
-    } = props;
-    const key = `${gap}-${align}-${direction}-${justify}-${center}-${wrap}-${full}`;
-    const Tag = tag;
-    const style = useMemo(() => {
-      return stack(props);
-    }, [key]);
-    const inner = /* @__PURE__ */ jsx(Tag, { ...rest, style: { ...style, ...props.style }, ref, children });
-    if (!wrap) return inner;
-    return /* @__PURE__ */ jsx("div", { children: inner });
-  }
-);
-var HStack = forwardRef(function HStack2(props, ref) {
-  return /* @__PURE__ */ jsx(VStack, { direction: "row", ...props, ref });
+var VStack = forwardRef(function VStack2({
+  as: tag = "div",
+  children,
+  style,
+  gap,
+  direction,
+  align,
+  justify,
+  horizontal,
+  wrap,
+  center,
+  full,
+  autoWidth,
+  ...props
+}, ref) {
+  const layout = {
+    gap,
+    direction,
+    align,
+    justify,
+    horizontal,
+    wrap,
+    center,
+    full,
+    autoWidth
+  };
+  return createElement(
+    tag,
+    {
+      ...props,
+      ref,
+      style: { ...stackStyle(layout), ...style }
+    },
+    children
+  );
 });
-var Stack;
-((Stack2) => {
-  function Left(props) {
-    return /* @__PURE__ */ jsx("div", { ...props, style: { ...props.style, marginRight: "auto" } });
+var HStack = forwardRef(
+  function HStack2(props, ref) {
+    return createElement(VStack, { ...props, direction: "row", ref });
   }
-  Stack2.Left = Left;
-  function Center(props) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ...props,
-        style: { ...props.style, marginRight: "auto", marginLeft: "auto" }
-      }
-    );
-  }
-  Stack2.Center = Center;
-  function Right(props) {
-    return /* @__PURE__ */ jsx("div", { ...props, style: { ...props.style, marginLeft: "auto" } });
-  }
-  Stack2.Right = Right;
-  function Bottom(props) {
-    return /* @__PURE__ */ jsx("div", { ...props, style: { ...props.style, marginTop: "auto" } });
-  }
-  Stack2.Bottom = Bottom;
-})(Stack || (Stack = {}));
+);
 export {
   HStack,
-  Stack,
   VStack
 };

package/dist/ui/icons/IcAlignCenter.d.ts

@@ -1,2 +1,4 @@
-import type { SVGProps } from 'react';
-export declare function IcAlignCenter(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+import { IcAlignCenter as Icon } from 'alinea/dashboard/icons';
+/** @deprecated Import from `alinea/dashboard/icons` instead. */
+export declare const IcAlignCenter: typeof Icon;
+export default IcAlignCenter;

package/dist/ui/icons/IcAlignCenter.js

@@ -1,16 +1,10 @@
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/ui/icons/IcAlignCenter.tsx
-import { jsx } from "react/jsx-runtime";
-function IcAlignCenter(props) {
-  return /* @__PURE__ */ jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M7 16c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zm-3 5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-8h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm3-5c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zM3 4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"
-    }
-  ) });
-}
+import { IcAlignCenter as Icon } from "alinea/dashboard/icons";
+var IcAlignCenter = Icon;
+var IcAlignCenter_default = IcAlignCenter;
 export {
-  IcAlignCenter
+  IcAlignCenter,
+  IcAlignCenter_default as default
 };

package/dist/ui/icons/IcOutlineGridView.d.ts

@@ -1,3 +1,4 @@
-import type { SVGProps } from 'react';
-export declare function IcOutlineGridView(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+import { IcOutlineGridView as Icon } from 'alinea/dashboard/icons';
+/** @deprecated Import from `alinea/dashboard/icons` instead. */
+export declare const IcOutlineGridView: typeof Icon;
 export default IcOutlineGridView;

package/dist/ui/icons/IcOutlineGridView.js

@@ -1,16 +1,8 @@
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/ui/icons/IcOutlineGridView.tsx
-import { jsx } from "react/jsx-runtime";
-function IcOutlineGridView(props) {
-  return /* @__PURE__ */ jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M3 3v8h8V3H3zm6 6H5V5h4v4zm-6 4v8h8v-8H3zm6 6H5v-4h4v4zm4-16v8h8V3h-8zm6 6h-4V5h4v4zm-6 4v8h8v-8h-8zm6 6h-4v-4h4v4z"
-    }
-  ) });
-}
+import { IcOutlineGridView as Icon } from "alinea/dashboard/icons";
+var IcOutlineGridView = Icon;
 var IcOutlineGridView_default = IcOutlineGridView;
 export {
   IcOutlineGridView,

package/dist/ui/icons/IcOutlineSettings.d.ts

@@ -1,3 +1,4 @@
-import type { SVGProps } from 'react';
-export declare function IcOutlineSettings(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+import { IcOutlineSettings as Icon } from 'alinea/dashboard/icons';
+/** @deprecated Import from `alinea/dashboard/icons` instead. */
+export declare const IcOutlineSettings: typeof Icon;
 export default IcOutlineSettings;

package/dist/ui/icons/IcOutlineSettings.js

@@ -1,16 +1,8 @@
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/ui/icons/IcOutlineSettings.tsx
-import { jsx } from "react/jsx-runtime";
-function IcOutlineSettings(props) {
-  return /* @__PURE__ */ jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M19.43 12.98c.04-.32.07-.64.07-.98c0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46a.5.5 0 0 0-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.488.488 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1a.566.566 0 0 0-.18-.03c-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98c0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46a.5.5 0 0 0 .61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03c.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73c0 .21-.02.43-.05.73l-.14 1.13l.89.7l1.08.84l-.7 1.21l-1.27-.51l-1.04-.42l-.9.68c-.43.32-.84.56-1.25.73l-1.06.43l-.16 1.13l-.2 1.35h-1.4l-.19-1.35l-.16-1.13l-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7l-1.06.43l-1.27.51l-.7-1.21l1.08-.84l.89-.7l-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13l-.89-.7l-1.08-.84l.7-1.21l1.27.51l1.04.42l.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43l.16-1.13l.2-1.35h1.39l.19 1.35l.16 1.13l1.06.43c.43.18.83.41 1.23.71l.91.7l1.06-.43l1.27-.51l.7 1.21l-1.07.85l-.89.7l.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2z"
-    }
-  ) });
-}
+import { IcOutlineSettings as Icon } from "alinea/dashboard/icons";
+var IcOutlineSettings = Icon;
 var IcOutlineSettings_default = IcOutlineSettings;
 export {
   IcOutlineSettings,

package/dist/ui/icons/IcRoundAccountTree.d.ts

@@ -1,2 +1,4 @@
-import type { SVGProps } from 'react';
-export declare function IcRoundAccountTree(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+import { IcRoundAccountTree as Icon } from 'alinea/dashboard/icons';
+/** @deprecated Import from `alinea/dashboard/icons` instead. */
+export declare const IcRoundAccountTree: typeof Icon;
+export default IcRoundAccountTree;

package/dist/ui/icons/IcRoundAccountTree.js

@@ -1,26 +1,10 @@
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/ui/icons/IcRoundAccountTree.tsx
-import { jsx } from "react/jsx-runtime";
-function IcRoundAccountTree(props) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 24 24",
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M17 11h3a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-3a2 2 0 0 0-2 2v1H9.01V5a2 2 0 0 0-2-2H4c-1.1 0-2 .9-2 2v4a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V8h2v7.01c0 1.65 1.34 2.99 2.99 2.99H15v1a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-3a2 2 0 0 0-2 2v1h-1.01c-.54 0-.99-.45-.99-.99V8h2v1c0 1.1.9 2 2 2"
-        }
-      )
-    }
-  );
-}
+import { IcRoundAccountTree as Icon } from "alinea/dashboard/icons";
+var IcRoundAccountTree = Icon;
+var IcRoundAccountTree_default = IcRoundAccountTree;
 export {
-  IcRoundAccountTree
+  IcRoundAccountTree,
+  IcRoundAccountTree_default as default
 };

package/dist/ui/icons/IcRoundClose.d.ts

@@ -1,2 +1,4 @@
-import type { SVGProps } from 'react';
-export declare function IcRoundClose(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+import { IcRoundClose as Icon } from 'alinea/dashboard/icons';
+/** @deprecated Import from `alinea/dashboard/icons` instead. */
+export declare const IcRoundClose: typeof Icon;
+export default IcRoundClose;

package/dist/ui/icons/IcRoundClose.js

@@ -1,16 +1,10 @@
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/ui/icons/IcRoundClose.tsx
-import { jsx } from "react/jsx-runtime";
-function IcRoundClose(props) {
-  return /* @__PURE__ */ jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59L7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12L5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"
-    }
-  ) });
-}
+import { IcRoundClose as Icon } from "alinea/dashboard/icons";
+var IcRoundClose = Icon;
+var IcRoundClose_default = IcRoundClose;
 export {
-  IcRoundClose
+  IcRoundClose,
+  IcRoundClose_default as default
 };

package/dist/ui/icons/IcRoundCode.d.ts

@@ -1,2 +1,4 @@
-import type { SVGProps } from 'react';
-export declare function IcRoundCode(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+import { IcRoundCode as Icon } from 'alinea/dashboard/icons';
+/** @deprecated Import from `alinea/dashboard/icons` instead. */
+export declare const IcRoundCode: typeof Icon;
+export default IcRoundCode;

package/dist/ui/icons/IcRoundCode.js

@@ -1,16 +1,10 @@
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/ui/icons/IcRoundCode.tsx
-import { jsx } from "react/jsx-runtime";
-function IcRoundCode(props) {
-  return /* @__PURE__ */ jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M8.7 15.9L4.8 12l3.9-3.9a.984.984 0 0 0 0-1.4a.984.984 0 0 0-1.4 0l-4.59 4.59a.996.996 0 0 0 0 1.41l4.59 4.6c.39.39 1.01.39 1.4 0a.984.984 0 0 0 0-1.4zm6.6 0l3.9-3.9l-3.9-3.9a.984.984 0 0 1 0-1.4a.984.984 0 0 1 1.4 0l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.6a.984.984 0 0 1-1.4 0a.984.984 0 0 1 0-1.4z"
-    }
-  ) });
-}
+import { IcRoundCode as Icon } from "alinea/dashboard/icons";
+var IcRoundCode = Icon;
+var IcRoundCode_default = IcRoundCode;
 export {
-  IcRoundCode
+  IcRoundCode,
+  IcRoundCode_default as default
 };

package/dist/ui/icons/IcRoundDateRange.d.ts

@@ -1,3 +1,4 @@
-import type { SVGProps } from 'react';
-export declare function IcRoundDateRange(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+import { IcRoundDateRange as Icon } from 'alinea/dashboard/icons';
+/** @deprecated Import from `alinea/dashboard/icons` instead. */
+export declare const IcRoundDateRange: typeof Icon;
 export default IcRoundDateRange;

package/dist/ui/icons/IcRoundDateRange.js

@@ -1,16 +1,8 @@
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/ui/icons/IcRoundDateRange.tsx
-import { jsx } from "react/jsx-runtime";
-function IcRoundDateRange(props) {
-  return /* @__PURE__ */ jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M19 4h-1V3c0-.55-.45-1-1-1s-1 .45-1 1v1H8V3c0-.55-.45-1-1-1s-1 .45-1 1v1H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 15c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1V9h14v10zM7 11h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z"
-    }
-  ) });
-}
+import { IcRoundDateRange as Icon } from "alinea/dashboard/icons";
+var IcRoundDateRange = Icon;
 var IcRoundDateRange_default = IcRoundDateRange;
 export {
   IcRoundDateRange,

package/dist/ui/icons/IcRoundDelete.d.ts

@@ -1,2 +1,4 @@
-import type { SVGProps } from 'react';
-export declare function IcRoundDelete(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+import { IcRoundDelete as Icon } from 'alinea/dashboard/icons';
+/** @deprecated Import from `alinea/dashboard/icons` instead. */
+export declare const IcRoundDelete: typeof Icon;
+export default IcRoundDelete;

package/dist/ui/icons/IcRoundDelete.js

@@ -1,16 +1,10 @@
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/ui/icons/IcRoundDelete.tsx
-import { jsx } from "react/jsx-runtime";
-function IcRoundDelete(props) {
-  return /* @__PURE__ */ jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v10zM18 4h-2.5l-.71-.71c-.18-.18-.44-.29-.7-.29H9.91c-.26 0-.52.11-.7.29L8.5 4H6c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1z"
-    }
-  ) });
-}
+import { IcRoundDelete as Icon } from "alinea/dashboard/icons";
+var IcRoundDelete = Icon;
+var IcRoundDelete_default = IcRoundDelete;
 export {
-  IcRoundDelete
+  IcRoundDelete,
+  IcRoundDelete_default as default
 };

package/dist/ui/icons/IcRoundEdit.d.ts

@@ -1,2 +1,4 @@
-import type { SVGProps } from 'react';
-export declare function IcRoundEdit(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+import { IcRoundEdit as Icon } from 'alinea/dashboard/icons';
+/** @deprecated Import from `alinea/dashboard/icons` instead. */
+export declare const IcRoundEdit: typeof Icon;
+export default IcRoundEdit;