@sigx/lynx-daisyui 0.4.8 → 0.4.9

package/README.md

@@ -272,7 +272,7 @@ expands to `flex: 1 1 auto` which doesn't do what most people expect.
 Two bridges into [`@sigx/lynx-markdown`](../lynx-markdown):
 
 ```tsx
-import { markdownComponents, useMarkdownEditorTheme } from '@sigx/lynx-daisyui';
+import { EditorToolbar, daisyToolbarItem, markdownComponents, useMarkdownEditorTheme } from '@sigx/lynx-daisyui';
 
 // Themed rendering: daisyUI typography/colors for every markdown node.
 <MarkdownView value={md} components={markdownComponents} />;
@@ -281,6 +281,10 @@ import { markdownComponents, useMarkdownEditorTheme } from '@sigx/lynx-daisyui';
 // variables (and the built-in theme tokens are oklch, which Lynx can't
 // parse), so this hook reactively resolves the ACTIVE theme's palette to
 // concrete hex color props — a theme switch recolors the editor live.
+// Themed toolbar: daisy Buttons over the generic ToolbarItem contract.
+// Standalone (shown) or via <MarkdownEditor toolbar renderToolbarItem={daisyToolbarItem} />.
+<EditorToolbar controller={ctrl} selection={sel} />;
+
 const editorTheme = useMarkdownEditorTheme();
 <MarkdownEditor
   textColor={editorTheme.textColor}               // base-content

package/dist/index.d.ts

@@ -69,3 +69,5 @@ export type { HeadingProps, HeadingLevel } from './typography/Heading.js';
 export { markdownComponents } from './markdown/components.js';
 export { useMarkdownEditorTheme } from './markdown/editorTheme.js';
 export type { MarkdownEditorThemeColors } from './markdown/editorTheme.js';
+export { EditorToolbar, daisyToolbarItem } from './markdown/toolbar.js';
+export type { EditorToolbarProps } from './markdown/toolbar.js';

package/dist/index.js

@@ -50,3 +50,4 @@ export { Heading } from './typography/Heading.js';
 // (optional peer).
 export { markdownComponents } from './markdown/components.js';
 export { useMarkdownEditorTheme } from './markdown/editorTheme.js';
+export { EditorToolbar, daisyToolbarItem } from './markdown/toolbar.js';

package/dist/markdown/toolbar.d.ts

@@ -0,0 +1,21 @@
+/**
+ * daisyUI skin for `@sigx/lynx-markdown`'s editor toolbar — the same
+ * {@link ToolbarItem} contract, rendered with daisy `Button`s (ghost when
+ * idle, primary when the format is active at the selection).
+ *
+ * Two ways to use it:
+ *
+ * ```tsx
+ * // 1. Standalone (e.g. inside a KeyboardStickyView send bar):
+ * <EditorToolbar controller={ctrl} selection={sel} />
+ *
+ * // 2. Re-skin MarkdownEditor's built-in toolbar:
+ * <MarkdownEditor toolbar renderToolbarItem={daisyToolbarItem} />
+ * ```
+ */
+import { type Define } from '@sigx/lynx';
+import { type MarkdownEditorController, type ToolbarItem, type ToolbarRenderItem, type SelectionState } from '@sigx/lynx-markdown';
+/** daisyUI item rendering — pass to `MarkdownEditor`'s `renderToolbarItem`. */
+export declare const daisyToolbarItem: ToolbarRenderItem;
+export type EditorToolbarProps = Define.Prop<'controller', MarkdownEditorController | null, false> & Define.Prop<'selection', SelectionState | null, false> & Define.Prop<'items', ToolbarItem[], false> & Define.Prop<'class', string, false>;
+export declare const EditorToolbar: import("@sigx/runtime-core").ComponentFactory<EditorToolbarProps, void, {}>;

package/dist/markdown/toolbar.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "@sigx/lynx/jsx-runtime";
+/**
+ * daisyUI skin for `@sigx/lynx-markdown`'s editor toolbar — the same
+ * {@link ToolbarItem} contract, rendered with daisy `Button`s (ghost when
+ * idle, primary when the format is active at the selection).
+ *
+ * Two ways to use it:
+ *
+ * ```tsx
+ * // 1. Standalone (e.g. inside a KeyboardStickyView send bar):
+ * <EditorToolbar controller={ctrl} selection={sel} />
+ *
+ * // 2. Re-skin MarkdownEditor's built-in toolbar:
+ * <MarkdownEditor toolbar renderToolbarItem={daisyToolbarItem} />
+ * ```
+ */
+import { component } from '@sigx/lynx';
+import { EditorToolbar as GenericEditorToolbar, } from '@sigx/lynx-markdown';
+import { Button } from '../buttons/Button.js';
+/** daisyUI item rendering — pass to `MarkdownEditor`'s `renderToolbarItem`. */
+export const daisyToolbarItem = (item, active, run) => (_jsx(Button, { size: "sm", square: true, variant: active ? 'primary' : 'ghost', onPress: run, children: item.label ?? item.id }, item.id));
+export const EditorToolbar = component(({ props }) => {
+    return () => (_jsx(GenericEditorToolbar, { controller: props.controller, selection: props.selection, items: props.items, renderItem: daisyToolbarItem, class: props.class }));
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sigx/lynx-daisyui",
-  "version": "0.4.8",
+  "version": "0.4.9",
   "description": "DaisyUI integration for sigx-lynx",
   "type": "module",
   "main": "./dist/index.js",
@@ -37,16 +37,16 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@sigx/lynx": "^0.4.8",
-    "@sigx/lynx-gestures": "^0.4.8",
-    "@sigx/lynx-appearance": "^0.4.8",
-    "@sigx/lynx-icons": "^0.4.8",
-    "@sigx/lynx-motion": "^0.4.8"
+    "@sigx/lynx": "^0.4.9",
+    "@sigx/lynx-appearance": "^0.4.9",
+    "@sigx/lynx-gestures": "^0.4.9",
+    "@sigx/lynx-motion": "^0.4.9",
+    "@sigx/lynx-icons": "^0.4.9"
   },
   "peerDependencies": {
     "tailwindcss": "^3.0.0 || ^4.0.0",
-    "@sigx/lynx-markdown": "^0.4.8",
-    "@sigx/lynx-navigation": "^0.4.8"
+    "@sigx/lynx-navigation": "^0.4.9",
+    "@sigx/lynx-markdown": "^0.4.9"
   },
   "peerDependenciesMeta": {
     "@sigx/lynx-markdown": {
@@ -60,8 +60,8 @@
     "@typescript/native-preview": "7.0.0-dev.20260521.1",
     "tailwindcss": "^4.0.0",
     "typescript": "^6.0.3",
-    "@sigx/lynx-navigation": "^0.4.8",
-    "@sigx/lynx-markdown": "^0.4.8"
+    "@sigx/lynx-markdown": "^0.4.9",
+    "@sigx/lynx-navigation": "^0.4.9"
   },
   "publishConfig": {
     "access": "public"