alinea 0.4.2 → 0.4.3

package/dist/chunks/{chunk-LRUUF55J.js → chunk-XAQKCJN6.js}

@@ -2,7 +2,7 @@
 var package_default = {
   bin: "./dist/cli.js",
   name: "alinea",
-  version: "0.4.2",
+  version: "0.4.3",
   license: "MIT",
   type: "module",
   scripts: {

package/dist/cli/Serve.js

@@ -1,6 +1,6 @@
 import {
   package_default
-} from "../chunks/chunk-LRUUF55J.js";
+} from "../chunks/chunk-XAQKCJN6.js";
 import "../chunks/chunk-U5RRZUYZ.js";
 
 // src/cli/Serve.ts

package/dist/cli/bin.js

@@ -1,6 +1,6 @@
 import {
   package_default
-} from "../chunks/chunk-LRUUF55J.js";
+} from "../chunks/chunk-XAQKCJN6.js";
 import "../chunks/chunk-U5RRZUYZ.js";
 
 // node_modules/mri/lib/index.mjs

package/dist/cli/generate/GenerateDashboard.js

@@ -1,6 +1,6 @@
 import {
   package_default
-} from "../../chunks/chunk-LRUUF55J.js";
+} from "../../chunks/chunk-XAQKCJN6.js";
 import {
   __commonJS,
   __toESM

package/dist/cloud/server/CloudAuthServer.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk-IKINPSS5.js";
 import {
   package_default
-} from "../../chunks/chunk-LRUUF55J.js";
+} from "../../chunks/chunk-XAQKCJN6.js";
 import "../../chunks/chunk-U5RRZUYZ.js";
 
 // src/cloud/server/CloudAuthServer.ts

package/dist/core/media/MediaSchema.js

@@ -26,7 +26,13 @@ var MediaFile = type("File", {
   height: hidden("Image height", Hint.Number()),
   preview: hidden("Preview", Hint.String()),
   averageColor: hidden("Average color", Hint.String()),
-  focus: hidden("Focus", Hint.String()),
+  focus: hidden(
+    "Focus",
+    Hint.Object({
+      x: Hint.Number(),
+      y: Hint.Number()
+    })
+  ),
   thumbHash: hidden("Blur hash", Hint.String()),
   [Meta]: {
     isHidden: true

package/dist/dashboard/view/EntryTree.js

@@ -968,15 +968,17 @@ function EntryTreeItem({ item, data }) {
       "button",
       {
         className: styles.tree.item.label(),
+        title: selectedEntry(locale, itemData).title,
         style: { paddingLeft: px((item.getItemMeta().level + 1) * 12) },
         children: [
-          item.isFolder() ? /* @__PURE__ */ jsx("span", { className: styles.tree.item.arrow(), children: item.isExpanded() ? /* @__PURE__ */ jsx(Icon, { icon: IcRoundKeyboardArrowDown, size: 18 }) : /* @__PURE__ */ jsx(Icon, { icon: IcRoundKeyboardArrowRight, size: 18 }) }) : /* @__PURE__ */ jsx("span", { className: styles.tree.item.icon(), children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("span", { className: styles.tree.item.icon(), children: /* @__PURE__ */ jsx(
             Icon,
             {
               icon: isUntranslated ? IcRoundTranslate : icon ?? IcOutlineDescription
             }
           ) }),
           /* @__PURE__ */ jsx("span", { className: styles.tree.item.label.itemName(), children: selectedEntry(locale, itemData).title }),
+          item.isFolder() && /* @__PURE__ */ jsx("span", { className: styles.tree.item.arrow(), children: item.isExpanded() ? /* @__PURE__ */ jsx(Icon, { icon: IcRoundKeyboardArrowDown, size: 18 }) : /* @__PURE__ */ jsx(Icon, { icon: IcRoundKeyboardArrowRight, size: 18 }) }),
           !isUntranslated && isDraft && /* @__PURE__ */ jsx("span", { className: styles.tree.status({ draft: true }), children: /* @__PURE__ */ jsx(Icon, { icon: IcRoundEdit }) }),
           !isUntranslated && isArchived && /* @__PURE__ */ jsx("span", { className: styles.tree.status({ archived: true }), children: /* @__PURE__ */ jsx(Icon, { icon: IcRoundArchive, size: 18 }) })
         ]

package/dist/index.css

@@ -1016,7 +1016,7 @@ button {
   align-items: center;
   justify-content: center;
   width: 1.25rem;
-  margin-right: 0.25rem;
+  margin-left: auto;
   height: 1.25rem;
   flex-shrink: 0;
   color: hsla(var(--alinea-negative), 0.5);
@@ -2745,6 +2745,7 @@ html[data-theme=dark] .alinea-Viewport {
 .alinea-RichTextField-hyphenate,
 .alinea-RichTextField-link,
 .alinea-RichTextField-p,
+.alinea-RichTextField-h5,
 .alinea-RichTextField-h4,
 .alinea-RichTextField-h3,
 .alinea-RichTextField-h2,
@@ -2802,6 +2803,17 @@ html[data-theme=dark] .alinea-Viewport {
 .alinea-RichTextField-h4.alinea-RichTextField-is-flat {
   margin-bottom: 0;
 }
+.alinea-RichTextField-h5 {
+  min-width: 0;
+  font-size: 0.71875rem;
+  font-weight: bold;
+  margin-bottom: 0.1875rem;
+  white-space: pre-line;
+  text-rendering: optimizeLegibility;
+}
+.alinea-RichTextField-h5.alinea-RichTextField-is-flat {
+  margin-bottom: 0;
+}
 .alinea-RichTextField-p {
   font-size: 0.875rem;
   line-height: 1.6;
@@ -2876,6 +2888,7 @@ html[data-theme=dark] .alinea-Viewport {
 .alinea-RichTextKit-hyphenate,
 .alinea-RichTextKit-link,
 .alinea-RichTextKit-p,
+.alinea-RichTextKit-h5,
 .alinea-RichTextKit-h4,
 .alinea-RichTextKit-h3,
 h3.alinea-RichTextKit-heading,
@@ -2942,6 +2955,17 @@ h3.alinea-RichTextKit-is-flat.alinea-RichTextKit-heading {
 .alinea-RichTextKit-h4.alinea-RichTextKit-is-flat {
   margin-bottom: 0;
 }
+.alinea-RichTextKit-h5 {
+  min-width: 0;
+  font-size: 0.71875rem;
+  font-weight: bold;
+  margin-bottom: 0.1875rem;
+  white-space: pre-line;
+  text-rendering: optimizeLegibility;
+}
+.alinea-RichTextKit-h5.alinea-RichTextKit-is-flat {
+  margin-bottom: 0;
+}
 .alinea-RichTextKit-p {
   font-size: 0.875rem;
   line-height: 1.6;
@@ -3895,6 +3919,7 @@ h3.alinea-RichTextKit-heading:not(:last-child) {
 .alinea-Typo-hyphenate,
 .alinea-Typo-link,
 .alinea-Typo-p,
+.alinea-Typo-h5,
 .alinea-Typo-h4,
 .alinea-Typo-h3,
 .alinea-Typo-h2,
@@ -3952,6 +3977,17 @@ h3.alinea-RichTextKit-heading:not(:last-child) {
 .alinea-Typo-h4.alinea-Typo-is-flat {
   margin-bottom: 0;
 }
+.alinea-Typo-h5 {
+  min-width: 0;
+  font-size: 0.71875rem;
+  font-weight: bold;
+  margin-bottom: 0.1875rem;
+  white-space: pre-line;
+  text-rendering: optimizeLegibility;
+}
+.alinea-Typo-h5.alinea-Typo-is-flat {
+  margin-bottom: 0;
+}
 .alinea-Typo-p {
   font-size: 0.875rem;
   line-height: 1.6;

package/dist/input/richtext/RichTextField.browser.js

@@ -1270,6 +1270,7 @@ var RichTextField_module_default = {
   "hyphenate": "alinea-RichTextField-hyphenate",
   "link": "alinea-RichTextField-link",
   "p": "alinea-RichTextField-p",
+  "h5": "alinea-RichTextField-h5",
   "h4": "alinea-RichTextField-h4",
   "h3": "alinea-RichTextField-h3",
   "h2": "alinea-RichTextField-h2",

package/dist/input/richtext/RichTextKit.js

@@ -1267,6 +1267,7 @@ var RichTextKit_module_default = {
   "hyphenate": "alinea-RichTextKit-hyphenate",
   "link": "alinea-RichTextKit-link",
   "p": "alinea-RichTextKit-p",
+  "h5": "alinea-RichTextKit-h5",
   "h4": "alinea-RichTextKit-h4",
   "h3": "alinea-RichTextKit-h3",
   "heading": "alinea-RichTextKit-heading",

package/dist/input/richtext/RichTextToolbar.js

@@ -39,13 +39,15 @@ var Styles = /* @__PURE__ */ ((Styles2) => {
   Styles2["h1"] = "Heading 1";
   Styles2["h2"] = "Heading 2";
   Styles2["h3"] = "Heading 3";
+  Styles2["h4"] = "Heading 4";
+  Styles2["h5"] = "Heading 5";
   return Styles2;
 })(Styles || {});
 var RichTextToolbar = forwardRef(function RichTextToolbar2({ pickLink, editor, focusToggle }, ref) {
   function exec() {
     return editor.chain().focus(null, { scrollIntoView: false });
   }
-  const selectedStyle = editor.isActive("heading", { level: 1 }) ? "h1" : editor.isActive("heading", { level: 2 }) ? "h2" : editor.isActive("heading", { level: 3 }) ? "h3" : "paragraph";
+  const selectedStyle = editor.isActive("heading", { level: 1 }) ? "h1" : editor.isActive("heading", { level: 2 }) ? "h2" : editor.isActive("heading", { level: 3 }) ? "h3" : editor.isActive("heading", { level: 4 }) ? "h4" : editor.isActive("heading", { level: 5 }) ? "h5" : "paragraph";
   function handleLink() {
     const attrs = editor.getAttributes("link");
     const existing = attributesToReference(attrs);
@@ -76,7 +78,7 @@ var RichTextToolbar = forwardRef(function RichTextToolbar2({ pickLink, editor, f
       } else {
         exec().insertContent({
           type: "text",
-          text: picked.description || link.description || link.url || "",
+          text: picked.title || link.title || link.url || "",
           marks: [{ type: "link", attrs: attrs2 }]
         }).run();
       }
@@ -125,6 +127,20 @@ var RichTextToolbar = forwardRef(function RichTextToolbar2({ pickLink, editor, f
                 onClick: () => exec().setHeading({ level: 3 }).run(),
                 children: /* @__PURE__ */ jsx(Typo.H3, { flat: true, children: "Heading 3" })
               }
+            ),
+            /* @__PURE__ */ jsx(
+              DropdownMenu.Item,
+              {
+                onClick: () => exec().setHeading({ level: 4 }).run(),
+                children: /* @__PURE__ */ jsx(Typo.H4, { flat: true, children: "Heading 4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              DropdownMenu.Item,
+              {
+                onClick: () => exec().setHeading({ level: 5 }).run(),
+                children: /* @__PURE__ */ jsx(Typo.H5, { flat: true, children: "Heading 5" })
+              }
             )
           ] })
         ] }),

package/dist/picker/entry/EntryPicker.d.ts

@@ -27,6 +27,10 @@ export declare const imageFields: {
     height: import("../../input/hidden.js").HiddenField<number>;
     averageColor: import("../../input/hidden.js").HiddenField<string>;
     thumbHash: import("../../input/hidden.js").HiddenField<string>;
+    focus: import("../../input/hidden.js").HiddenField<{
+        x: number;
+        y: number;
+    }>;
 };
 export interface EntryPickerOptions<T = {}> {
     hint: Hint;

package/dist/picker/entry/EntryPicker.js

@@ -29,7 +29,8 @@ var imageFields = {
   width: MediaFile.width,
   height: MediaFile.height,
   averageColor: MediaFile.averageColor,
-  thumbHash: MediaFile.thumbHash
+  thumbHash: MediaFile.thumbHash,
+  focus: MediaFile.focus
 };
 function entryPicker(options) {
   const extra = options.fields && Type.shape(options.fields);

package/dist/picker/entry/EntryReference.d.ts

@@ -31,6 +31,10 @@ export interface ImageReference extends EntryLinkReference {
     height: number;
     averageColor: string;
     thumbHash: string;
+    focus: {
+        x: number;
+        y: number;
+    };
 }
 export declare namespace ImageReference {
     function isImageReference(value: any): value is ImageReference;

package/dist/picker/url/UrlPicker.browser.js

@@ -21,7 +21,7 @@ var linkForm = type("Link", {
   url: text("Url", {
     help: "Url of the link"
   }),
-  description: text("Description", {
+  title: text("Description", {
     optional: true,
     help: "Text to display inside the link element"
   }),
@@ -47,7 +47,7 @@ function UrlPickerForm({ options, onConfirm, onCancel }) {
       type: "url",
       ref: "url",
       url: data.url,
-      description: data.description || "",
+      title: data.title || "",
       target: data.blank ? "_blank" : "_self"
     };
     onConfirm([reference]);

package/dist/picker/url/UrlPicker.d.ts

@@ -4,7 +4,7 @@ import { Picker } from 'alinea/editor/Picker';
 export interface UrlReference extends Reference {
     ref: 'url';
     url: string;
-    description: string;
+    title: string;
     target: string;
 }
 export declare namespace UrlReference {

package/dist/picker/url/UrlPicker.js

@@ -17,7 +17,7 @@ function urlPicker(options) {
   return {
     shape: new RecordShape("Url", {
       url: new ScalarShape("Url"),
-      description: new ScalarShape("Description"),
+      title: new ScalarShape("Title"),
       target: new ScalarShape("Target")
     }).concat(extra),
     hint: Hint.Extern({ name: "UrlReference", package: "alinea/picker/url" }),

package/dist/picker/url/UrlPickerRow.js

@@ -18,7 +18,7 @@ var styles = fromModule(UrlPickerRow_module_default);
 function UrlPickerRow({ reference }) {
   return /* @__PURE__ */ jsxs(HStack, { gap: 15, className: styles.root(), children: [
     /* @__PURE__ */ jsx("span", { className: styles.root.url(), children: reference.url }),
-    /* @__PURE__ */ jsx("span", { className: styles.root.desc(), children: reference.description })
+    /* @__PURE__ */ jsx("span", { className: styles.root.desc(), children: reference.title })
   ] });
 }
 export {

package/dist/ui/Typo.d.ts

@@ -18,6 +18,10 @@ export declare const Typo: (({ children, align }: import("react").PropsWithChild
         flat?: boolean | undefined;
         light?: boolean | undefined;
     }, "h4">;
+    H5: import("./util/PropsWithAs").ComponentWithAs<{
+        flat?: boolean | undefined;
+        light?: boolean | undefined;
+    }, "h5">;
     P: import("./util/PropsWithAs").ComponentWithAs<{
         flat?: boolean | undefined;
         light?: boolean | undefined;

package/dist/ui/Typo.js

@@ -5,6 +5,7 @@ var Typo_module_default = {
   "hyphenate": "alinea-Typo-hyphenate",
   "link": "alinea-Typo-link",
   "p": "alinea-Typo-p",
+  "h5": "alinea-Typo-h5",
   "h4": "alinea-Typo-h4",
   "h3": "alinea-Typo-h3",
   "h2": "alinea-Typo-h2",

package/dist/ui/util/CreateTypo.d.ts

@@ -2,12 +2,13 @@ import { ComponentType, HTMLProps, PropsWithChildren } from 'react';
 import { GenericStyles, Styler } from './Styler.js';
 type TypoStyles = {
     root: Styler;
-    h1: Styler;
     link: Styler;
     small: Styler;
+    h1: Styler;
     h2: Styler;
     h3: Styler;
     h4: Styler;
+    h5: Styler;
     p: Styler;
     hyphenate: Styler;
     monospace: Styler;
@@ -31,6 +32,10 @@ export declare function createTypo(styles: TypoStyles, InternalLink?: ComponentT
         flat?: boolean | undefined;
         light?: boolean | undefined;
     }, "h4">;
+    H5: import("./PropsWithAs.js").ComponentWithAs<{
+        flat?: boolean | undefined;
+        light?: boolean | undefined;
+    }, "h5">;
     P: import("./PropsWithAs.js").ComponentWithAs<{
         flat?: boolean | undefined;
         light?: boolean | undefined;

package/dist/ui/util/CreateTypo.js

@@ -65,6 +65,18 @@ function createTypo(styles, InternalLink) {
       }
     );
   }
+  function H5Component(props, ref) {
+    const { as: Type = "h5", flat, light, ...rest } = props;
+    return /* @__PURE__ */ jsx(
+      Type,
+      {
+        ref,
+        id: idFor(rest.children),
+        ...rest,
+        className: styles.h5.mergeProps(rest)({ flat, light })
+      }
+    );
+  }
   function PComponent(props, ref) {
     const { as: Type = "p", flat, light, ...rest } = props;
     return /* @__PURE__ */ jsx(
@@ -109,6 +121,7 @@ function createTypo(styles, InternalLink) {
     H2: forwardRefWithAs(H2Component),
     H3: forwardRefWithAs(H3Component),
     H4: forwardRefWithAs(H4Component),
+    H5: forwardRefWithAs(H5Component),
     P: forwardRefWithAs(PComponent),
     Link: LinkComponent,
     link: styles.link,

package/package.json

@@ -1,7 +1,7 @@
 {
   "bin": "./dist/cli.js",
   "name": "alinea",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "license": "MIT",
   "type": "module",
   "scripts": {