oasis-editor 0.0.132 → 0.0.133

package/dist/ui/components/Toolbar/LineSpacingButton.d.ts

@@ -4,4 +4,14 @@ import { JSX } from 'solid-js';
 export interface LineSpacingButtonProps {
     api: ToolbarActionApi;
 }
+/**
+ * Line-spacing dropdown. Composes the shared `Menu` primitive (which owns the
+ * trigger, the popover, the affordance chevron and the close-on-click behavior)
+ * instead of re-implementing that plumbing. The only line-spacing-specific
+ * concerns left here are the preset list, the active-state check and the
+ * "more options" dialog.
+ *
+ * The trigger glyph is the registered `lineSpacing` custom icon (see
+ * `customIcons`); the active-item check uses the shared `CheckIcon`.
+ */
 export declare function LineSpacingButton(props: LineSpacingButtonProps): JSX.Element;

package/dist/ui/components/Toolbar/primitives/DropdownChevron.d.ts

@@ -0,0 +1,20 @@
+import { JSX } from 'solid-js';
+
+export interface DropdownChevronProps {
+    /**
+     * Extra class for the affordance element. The base `.oasis-editor-dropdown-chevron`
+     * class is always applied and owns the canonical small/crisp size (13px, full
+     * opacity) shared by every dropdown in the toolbar.
+     */
+    class?: string;
+}
+/**
+ * The single dropdown-affordance glyph for the whole toolbar. Every dropdown-ish
+ * control (Menu, SplitButton's menu side, StyleGallery expand) composes this so
+ * there is exactly one chevron look — no per-control re-implementations.
+ *
+ * Rendered as a lucide `<i data-lucide="chevron-down">` placeholder (resolved by
+ * the icon observer) rather than an inline SVG, so it stays consistent with the
+ * rest of the icon set and inherits `currentColor`.
+ */
+export declare function DropdownChevron(props: DropdownChevronProps): JSX.Element;

package/dist/ui/utils/customIcons.d.ts

@@ -10,6 +10,36 @@ import { JSX } from 'solid-js';
  * existing toolbar/menubar icon sizing applies identically.
  */
 export type CustomIconRenderer = () => JSX.Element;
+/**
+ * Shared SVG shell for custom icons. Centralizes the boilerplate
+ * (`xmlns`/`width`/`height`/`viewBox`/`aria-hidden`) that every custom icon used
+ * to repeat, so new glyphs only declare their inner markup. Defaults to lucide's
+ * 24x24 viewBox so existing toolbar icon sizing applies identically; callers can
+ * override `width`/`height`/`viewBox` for non-default glyphs (e.g. the line
+ * spacing arrow) and pass arbitrary SVG presentation attributes.
+ */
+export interface SvgIconProps {
+    width?: number | string;
+    height?: number | string;
+    viewBox?: string;
+    fill?: string;
+    stroke?: string;
+    "stroke-width"?: number | string;
+    "stroke-linecap"?: JSX.SvgSVGAttributes<SVGSVGElement>["stroke-linecap"];
+    "stroke-linejoin"?: JSX.SvgSVGAttributes<SVGSVGElement>["stroke-linejoin"];
+    class?: string;
+    children: JSX.Element;
+}
+export declare function SvgIcon(props: SvgIconProps): JSX.Element;
+/**
+ * Checkmark glyph used to mark the active item in radio/check menus. Replaces the
+ * duplicated inline `<polyline points="20 6 9 17 4 12">` previously copy-pasted
+ * into LineSpacingButton and ContextMenu. Rendered at 14px to match the previous
+ * line-spacing check size; ContextMenu renders its own 18px variant via lucide.
+ */
+export declare const CheckIcon: (props: {
+    size?: number;
+}) => JSX.Element;
 export declare function getCustomIcon(name?: string): CustomIconRenderer | undefined;
 /**
  * Renders an icon by name: a registered custom inline SVG when available,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oasis-editor",
-  "version": "0.0.132",
+  "version": "0.0.133",
   "type": "module",
   "repository": {
     "type": "git",