@sigx/lynx-daisyui 0.4.5 → 0.4.7

package/dist/index.d.ts

@@ -66,3 +66,4 @@ export { Text } from './typography/Text.js';
 export type { TextProps, TextSize, TextWeight, TextColor } from './typography/Text.js';
 export { Heading } from './typography/Heading.js';
 export type { HeadingProps, HeadingLevel } from './typography/Heading.js';
+export { markdownComponents } from './markdown/components.js';

package/dist/index.js

@@ -46,3 +46,5 @@ export { Avatar } from './data/Avatar.js';
 // Typography
 export { Text } from './typography/Text.js';
 export { Heading } from './typography/Heading.js';
+// Markdown — daisyUI rendering for `@sigx/lynx-markdown` (optional peer).
+export { markdownComponents } from './markdown/components.js';

package/dist/markdown/components.d.ts

@@ -0,0 +1,27 @@
+/**
+ * daisyUI rendering for `@sigx/lynx-markdown`.
+ *
+ * `@sigx/lynx-markdown` is design-system-agnostic: `<MarkdownView>` walks the
+ * markdown AST and calls a {@link MarkdownComponents} render function per node
+ * type. This module supplies the daisyUI mapping — headings → `<Heading>`, text
+ * → `<Text>`, layout → `<Col>`/`<Row>`, themed surfaces/borders via daisyUI
+ * utility classes — so markdown output matches the rest of the design system and
+ * follows the active theme.
+ *
+ * The class literals live here in `@sigx/lynx-daisyui/src`, so the app's Tailwind
+ * `content` glob (which already scans this package) generates them; and daisyUI's
+ * `<Col>`/`<Row>` set `display:flex`, so layout is correct on Lynx.
+ *
+ * `@sigx/lynx-markdown` is an *optional* peer dependency — importing daisyUI
+ * without it is fine; you just don't use `markdownComponents`.
+ *
+ * @example
+ * ```tsx
+ * import { MarkdownView } from '@sigx/lynx-markdown';
+ * import { markdownComponents } from '@sigx/lynx-daisyui';
+ *
+ * <MarkdownView value={md} components={markdownComponents} onLink={open} />
+ * ```
+ */
+import type { MarkdownComponents } from '@sigx/lynx-markdown';
+export declare const markdownComponents: MarkdownComponents;

package/dist/markdown/components.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@sigx/lynx/jsx-runtime";
+import { Heading } from '../typography/Heading.js';
+import { Text } from '../typography/Text.js';
+import { Col } from '../layout/Col.js';
+import { Row } from '../layout/Row.js';
+import { Divider } from '../layout/Divider.js';
+import { Checkbox } from '../forms/Checkbox.js';
+function alignClass(align) {
+    return align === 'center' ? 'text-center' : align === 'right' ? 'text-right' : 'text-left';
+}
+export const markdownComponents = {
+    root: ({ children }) => _jsx(Col, { gap: 12, children: children }),
+    heading: ({ level, children }) => _jsx(Heading, { level: level, children: children }),
+    paragraph: ({ children }) => _jsx(Text, { class: "leading-relaxed", children: children }),
+    blockquote: ({ children }) => (_jsx(Col, { gap: 8, class: "border-l-4 border-base-300 pl-4 opacity-80", children: children })),
+    list: ({ children }) => _jsx(Col, { gap: 4, children: children }),
+    listItem: ({ ordered, number, checked, children }) => (_jsxs(Row, { gap: 6, align: "flex-start", children: [checked !== null ? (_jsx(Checkbox, { checked: checked, size: "sm", disabled: true, class: "mt-1" })) : ordered ? (_jsx(Text, { class: "opacity-60 leading-relaxed", children: `${number}.` })) : (_jsx("view", { style: {
+                    width: 6,
+                    height: 6,
+                    borderRadius: 3,
+                    marginTop: 11,
+                    backgroundColor: 'rgba(127, 127, 127, 0.9)',
+                } })), _jsx(Col, { gap: 4, class: "flex-1", children: children })] })),
+    code: ({ lang, value }) => (_jsxs(Col, { gap: 4, background: "base-200", borderRadius: 8, padding: 12, children: [lang ? _jsx(Text, { size: "xs", class: "opacity-60 font-mono", children: lang }) : null, _jsx(Text, { size: "sm", class: "font-mono whitespace-pre-wrap", children: value })] })),
+    thematicBreak: () => _jsx(Divider, {}),
+    table: ({ children }) => (_jsx(Col, { class: "border border-base-300 rounded-lg overflow-hidden", children: children })),
+    tableRow: ({ header, children }) => (_jsx(Row, { class: header ? 'bg-base-200' : '', children: children })),
+    tableCell: ({ header, align, children }) => (_jsx("view", { class: "flex-1 px-2 py-1 border-b border-base-300", children: _jsx(Text, { size: "sm", weight: header ? 'semibold' : 'normal', class: alignClass(align), children: children }) })),
+    strong: ({ children }) => _jsx("text", { class: "font-bold", children: children }),
+    em: ({ children }) => _jsx("text", { class: "italic", children: children }),
+    del: ({ children }) => _jsx("text", { class: "line-through opacity-80", children: children }),
+    codeSpan: ({ value }) => _jsx("text", { class: "font-mono text-sm bg-base-200 rounded px-1", children: value }),
+    link: ({ href, children, onLink }) => (_jsx("text", { class: "text-primary underline", bindtap: () => onLink?.(href), children: children })),
+    autolink: ({ href, value, onLink }) => (_jsx("text", { class: "text-primary underline", bindtap: () => onLink?.(href), children: value })),
+    image: ({ src, alt, onImageTap }) => (_jsx("text", { class: "text-primary underline", bindtap: () => onImageTap?.(src), children: alt || src })),
+    br: () => '\n',
+};

package/package.json

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