docblocks-react-ui 0.4.2 → 0.4.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # docblocks-react-ui
 
+## 0.4.3
+
+### Patch Changes
+
+- 0d75fe3: The callout's icon stands vertically centered over the block (the
+  marker-zone zone's top-alignment is replaced by the block's vertical
+  center); the icon catalog's "Preset" entry is removed — the icon's
+  override is reset by the type preset (the current variant's re-pick
+  stands the preset's reset: the variant + the overrides, one transact).
+- Updated dependencies [c0559db]
+  - docblocks-core@0.2.1
+
 ## 0.4.2
 
 ### Patch Changes

package/dist/{Editor-7TzmKd9z.mjs → Editor-BHXnrEJ1.mjs}

@@ -4396,12 +4396,9 @@ var editor_default$1 = {
 			"paragraph": "Text"
 		},
 		"callout": {
-			"trigger": "Callout",
 			"typeAria": "Callout type",
 			"variant": "{variant} callout",
-			"iconAria": "Callout icon",
-			"presetIcon": "Preset icon",
-			"preset": "Preset"
+			"iconAria": "Callout icon"
 		},
 		"color": {
 			"trigger": "Text and background color",
@@ -4852,12 +4849,9 @@ var editor_default = {
 			"paragraph": "Текст"
 		},
 		"callout": {
-			"trigger": "Выноска",
 			"typeAria": "Тип выноски",
 			"variant": "Выноска: {variant}",
-			"iconAria": "Иконка выноски",
-			"presetIcon": "Иконка по умолчанию",
-			"preset": "По умолчанию"
+			"iconAria": "Иконка выноски"
 		},
 		"color": {
 			"trigger": "Цвет текста и фона",
@@ -18384,16 +18378,12 @@ function CalloutBlockMenu({ id, block }) {
 		if (icon === name) return;
 		doc.updateBlock(id, { icon: name });
 	};
-	const onIconPreset = () => {
-		setMenuOpen(false);
-		if (icon === null) return;
-		doc.updateBlock(id, { icon: null });
-	};
 	const onControlMouseDown = useCallback((event) => {
 		event.preventDefault();
 	}, []);
 	const iconStyle = {
-		top: "var(--docblocks-callout-padding-y)",
+		top: "50%",
+		transform: "translateY(-50%)",
 		left: "var(--docblocks-callout-padding-x)",
 		width: "var(--docblocks-callout-icon-size)",
 		height: "var(--docblocks-callout-icon-size)",
@@ -18496,11 +18486,11 @@ function CalloutBlockMenu({ id, block }) {
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "mt-2 border-t border-border pt-2",
-						children: /* @__PURE__ */ jsxs("div", {
+						children: /* @__PURE__ */ jsx("div", {
 							role: "group",
 							"aria-label": t("formatToolbar.callout.iconAria"),
 							className: "grid grid-cols-6 gap-1",
-							children: [CALLOUT_ICONS.map((name) => {
+							children: CALLOUT_ICONS.map((name) => {
 								const IconComponent = CALLOUT_ICON_COMPONENTS[name];
 								const active = calloutIconName(icon, variant) === name;
 								if (IconComponent === void 0) return null;
@@ -18515,16 +18505,7 @@ function CalloutBlockMenu({ id, block }) {
 									onClick: () => onIconPick(name),
 									children: /* @__PURE__ */ jsx(IconComponent, { className: "size-4" })
 								}, name);
-							}), /* @__PURE__ */ jsx(Button, {
-								variant: "ghost",
-								size: "sm",
-								"data-callout-icon-preset": true,
-								"aria-label": t("formatToolbar.callout.presetIcon"),
-								title: t("formatToolbar.callout.presetIcon"),
-								className: cn("col-span-6 h-7 text-xs", icon === null && "bg-accent text-accent-foreground"),
-								onClick: onIconPreset,
-								children: t("formatToolbar.callout.preset")
-							})]
+							})
 						})
 					})
 				]

package/dist/index.d.mts

@@ -294,7 +294,7 @@ declare function AlertDescription({ className, ...props }: React.ComponentProps<
 //#endregion
 //#region src/shared/ui/Badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "destructive" | "custom" | "secondary" | "outline" | null | undefined;
+  variant?: "default" | "custom" | "secondary" | "destructive" | "outline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
   asChild?: boolean;
@@ -305,7 +305,7 @@ declare function BareSelect({ className, children, ...props }: React.ComponentPr
 //#endregion
 //#region src/shared/ui/Button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
+  variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
   size?: "default" | "icon" | "sm" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, type, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { $ as PopoverHeader, A as SelectTrigger, At as isBridgeErrorCode, B as DropdownMenuRadioGroup, Bt as useMeta, C as SelectContent, Ct as BASELINE_CAPABILITIES, D as SelectScrollDownButton, Dt as BRIDGE_ERROR_CODES, E as SelectLabel, Et as validateProtocolDescriptor, F as DropdownMenuContent, Ft as columnAnnotation, G as DropdownMenuSubContent, Gt as useText, H as DropdownMenuSeparator, Ht as usePresenceSharing, I as DropdownMenuGroup, It as ScrollArea, J as Separator, Jt as blobSubtypeOf, K as DropdownMenuSubTrigger, L as DropdownMenuItem, Lt as Input, M as Label, Mt as conditionMatches, N as DropdownMenu, Nt as parseCellValue, O as SelectScrollUpButton, Ot as BridgeError, P as DropdownMenuCheckboxItem, Pt as TEXT_TYPES, Q as PopoverDescription, R as DropdownMenuLabel, Rt as useBlock, S as Select, St as AlertTitle, T as SelectItem, Tt as isDatabaseBridge, U as DropdownMenuShortcut, Ut as useSelection, V as DropdownMenuRadioItem, Vt as usePresence, W as DropdownMenuSub, Wt as useSelectionView, X as PopoverAnchor, Y as Popover, Yt as createMemoryBlobStore, Z as PopoverContent, _ as FilterBuilder, _t as BareSelect, a as SHAPE_FONT_STACKS, at as CardAction, b as Skeleton, bt as Alert, ct as CardFooter, d as useEditorContext, dt as Pen, et as PopoverTitle, f as DEFAULT_EMBED_SANDBOX, ft as Eye, g as newMutationContext, gt as buttonVariants, h as cellValueEqual, ht as Button, i as SHAPE_FONT_OPTIONS, it as Card, j as SelectValue, jt as toBridgeError, k as SelectSeparator, kt as isBridgeError, l as markToggleAction, lt as CardHeader, m as useDatabaseTable, mt as BookOpen, nt as DocblocksI18nProvider, ot as CardContent, p as GridBody, q as DropdownMenuTrigger, qt as renderRuns, rt as Checkbox, s as FORMAT_PALETTE, st as CardDescription, t as Editor, tt as PopoverTrigger, u as EditorProvider, ut as CardTitle, v as emptyFilter, vt as Badge, w as SelectGroup, wt as PROTOCOL_VERSION, x as SegmentSelector, xt as AlertDescription, y as filterIsComplete, yt as badgeVariants, z as DropdownMenuPortal, zt as useDoc } from "./Editor-7TzmKd9z.mjs";
+import { $ as PopoverHeader, A as SelectTrigger, At as isBridgeErrorCode, B as DropdownMenuRadioGroup, Bt as useMeta, C as SelectContent, Ct as BASELINE_CAPABILITIES, D as SelectScrollDownButton, Dt as BRIDGE_ERROR_CODES, E as SelectLabel, Et as validateProtocolDescriptor, F as DropdownMenuContent, Ft as columnAnnotation, G as DropdownMenuSubContent, Gt as useText, H as DropdownMenuSeparator, Ht as usePresenceSharing, I as DropdownMenuGroup, It as ScrollArea, J as Separator, Jt as blobSubtypeOf, K as DropdownMenuSubTrigger, L as DropdownMenuItem, Lt as Input, M as Label, Mt as conditionMatches, N as DropdownMenu, Nt as parseCellValue, O as SelectScrollUpButton, Ot as BridgeError, P as DropdownMenuCheckboxItem, Pt as TEXT_TYPES, Q as PopoverDescription, R as DropdownMenuLabel, Rt as useBlock, S as Select, St as AlertTitle, T as SelectItem, Tt as isDatabaseBridge, U as DropdownMenuShortcut, Ut as useSelection, V as DropdownMenuRadioItem, Vt as usePresence, W as DropdownMenuSub, Wt as useSelectionView, X as PopoverAnchor, Y as Popover, Yt as createMemoryBlobStore, Z as PopoverContent, _ as FilterBuilder, _t as BareSelect, a as SHAPE_FONT_STACKS, at as CardAction, b as Skeleton, bt as Alert, ct as CardFooter, d as useEditorContext, dt as Pen, et as PopoverTitle, f as DEFAULT_EMBED_SANDBOX, ft as Eye, g as newMutationContext, gt as buttonVariants, h as cellValueEqual, ht as Button, i as SHAPE_FONT_OPTIONS, it as Card, j as SelectValue, jt as toBridgeError, k as SelectSeparator, kt as isBridgeError, l as markToggleAction, lt as CardHeader, m as useDatabaseTable, mt as BookOpen, nt as DocblocksI18nProvider, ot as CardContent, p as GridBody, q as DropdownMenuTrigger, qt as renderRuns, rt as Checkbox, s as FORMAT_PALETTE, st as CardDescription, t as Editor, tt as PopoverTrigger, u as EditorProvider, ut as CardTitle, v as emptyFilter, vt as Badge, w as SelectGroup, wt as PROTOCOL_VERSION, x as SegmentSelector, xt as AlertDescription, y as filterIsComplete, yt as badgeVariants, z as DropdownMenuPortal, zt as useDoc } from "./Editor-BHXnrEJ1.mjs";
 import { d as cn, l as preventDefault } from "./constants-BaAj3jDA.mjs";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/mermaid/index.mjs

@@ -1,4 +1,4 @@
-import { Kt as INLINE_CODE_CLASS, St as AlertTitle, b as Skeleton, bt as Alert, c as textOf, d as useEditorContext, ft as Eye, n as childrenSlot, o as TextBlock, pt as CodeXml, r as CodeHeader, x as SegmentSelector, xt as AlertDescription } from "../Editor-7TzmKd9z.mjs";
+import { Kt as INLINE_CODE_CLASS, St as AlertTitle, b as Skeleton, bt as Alert, c as textOf, d as useEditorContext, ft as Eye, n as childrenSlot, o as TextBlock, pt as CodeXml, r as CodeHeader, x as SegmentSelector, xt as AlertDescription } from "../Editor-BHXnrEJ1.mjs";
 import { r as TriangleAlert } from "../constants-BaAj3jDA.mjs";
 import { t as LoaderCircle } from "../LoaderCircle-AGVFE4IP.mjs";
 import { useEffect, useRef, useState } from "react";

package/dist/styles.css

@@ -387,9 +387,6 @@
   .z-60 {
     z-index: 60;
   }
-  .col-span-6 {
-    grid-column: span 6 / span 6;
-  }
   .col-start-2 {
     grid-column-start: 2;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docblocks-react-ui",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "React rendering + editing layer for docblocks: hooks, block renderers, caret/selection, keyboard, clipboard.",
   "type": "module",
   "license": "MIT",
@@ -34,7 +34,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "docblocks-core": "^0.2.0",
+    "docblocks-core": "^0.2.1",
     "framer-motion": "^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0",
     "mermaid": "^12.0.0",
     "pdfjs-dist": "^6.0.0",