@sakura-ui/sakura-ui 0.4.2 → 0.5.1

package/packages/markdown/dist/types/components/Markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,UAAU,MAAM,mBAAmB,CAAA;AA6C/C,OAAO,EASL,KAAK,WAAW,EACjB,MAAM,YAAY,CAAA;AAEnB,UAAU,QAAQ;IAChB,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB;AAED,eAAO,MAAM,eAAe,GAAI,WAAW,QAAQ,2BAelD,CAAA;AAgKD,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,8CAKtB,KAAK,2BAmHP,CAAA"}
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,UAAU,MAAM,mBAAmB,CAAA;AAgD/C,OAAO,EASL,KAAK,WAAW,EACjB,MAAM,YAAY,CAAA;AAEnB,UAAU,QAAQ;IAChB,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB;AAED,eAAO,MAAM,eAAe,GAAI,WAAW,QAAQ,2BAelD,CAAA;AA2KD,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,8CAKtB,KAAK,2BA6HP,CAAA"}

package/packages/markdown/dist/types/plugins/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/plugins/card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAQjC,eAAO,MAAM,UAAU,SACb,MAAM,IAAI,SA+CnB,CAAA"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/plugins/card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAQjC,eAAO,MAAM,UAAU,SACb,MAAM,IAAI,SA6DnB,CAAA"}

package/packages/markdown/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/markdown",
-  "version": "0.2.2",
+  "version": "0.3.1",
   "description": "",
   "keywords": [
     "markdown"
@@ -42,7 +42,7 @@
     "test:watch": "vitest"
   },
   "peerDependencies": {
-    "@sakura-ui/core": "^0.4.0-beta.0",
+    "@sakura-ui/core": "^0.5.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
     "tailwindcss": "^4.1.17"
@@ -68,6 +68,7 @@
     "unist-util-visit": "^5.1.0"
   },
   "devDependencies": {
+    "@sakura-ui/core": "workspace:*",
     "@testing-library/jest-dom": "catalog:",
     "@testing-library/react": "catalog:",
     "@types/mdast": "^4.0.4",

package/packages/markdown/src/components/Markdown.tsx

@@ -38,10 +38,13 @@ import {
   Button,
   Card,
   CardImg,
+  CardHeader,
   CardBody,
   CardFooter,
   LinkCard,
   LinkCardHeader,
+  LinkCardFooter,
+  type CardHeaderAs,
   OverflowContainer
 } from '@sakura-ui/core'
 import {
@@ -125,14 +128,9 @@ const Article = (props: ArticleProps) => {
   const node = restProps['data-node']
 
   if (node === 'card') {
+    // The href now lives on the title, which is what carries the link.
     if (restProps['data-behavior'] === 'link') {
-      const href = restProps['data-href'] as string
-
-      return (
-        <LinkCard href={href} className={cx(className)}>
-          {children}
-        </LinkCard>
-      )
+      return <LinkCard className={cx(className)}>{children}</LinkCard>
     }
     return <Card className={cx(className)}>{children}</Card>
   }
@@ -144,20 +142,36 @@ const Article = (props: ArticleProps) => {
   )
 }
 
-interface DivProps extends React.ComponentPropsWithoutRef<'div'>, DataProps {}
+interface DivProps extends React.ComponentPropsWithoutRef<'div'>, DataProps {
+  headingLevel?: CardHeaderAs
+}
 
 const Div = (props: DivProps) => {
-  const { children, ...restProps } = props
+  const { children, headingLevel = 'h3', ...restProps } = props
 
   const node = restProps['data-node']
+  const isLink = restProps['data-behavior'] === 'link'
 
   if (node === 'card-title') {
-    return <LinkCardHeader>{children}</LinkCardHeader>
+    if (isLink) {
+      return (
+        <LinkCardHeader
+          as={headingLevel}
+          href={restProps['data-href'] as string}
+        >
+          {children}
+        </LinkCardHeader>
+      )
+    }
+    return <CardHeader as={headingLevel}>{children}</CardHeader>
   }
   if (node === 'card-description') {
     return <CardBody>{children}</CardBody>
   }
   if (node === 'card-footer') {
+    if (isLink) {
+      return <LinkCardFooter>{children}</LinkCardFooter>
+    }
     return <CardFooter>{children}</CardFooter>
   }
 
@@ -264,6 +278,14 @@ export const Markdown = ({
 
   const markdown2ReactElements = React.useCallback(
     (md: string) => {
+      // Card titles sit in the body of the document, so h3 is the natural base.
+      // rehype-shift-heading cannot reach them because they are still divs when
+      // it runs, so the same shift is applied here.
+      const cardHeadingLevel = `h${Math.min(
+        6,
+        Math.max(1, 3 + shiftHeding)
+      )}` as CardHeaderAs
+
       const rhypeReactOptions = {
         ...production,
         components: {
@@ -292,7 +314,9 @@ export const Markdown = ({
           th: Th,
           tr: Tr,
           td: Td,
-          div: Div
+          div: (props: DivProps) => (
+            <Div {...props} headingLevel={cardHeadingLevel} />
+          )
         }
       }
 

package/packages/markdown/src/plugins/card.ts

@@ -33,6 +33,9 @@ export const cardPlugin = () => {
 
       node.data.hProperties = h(tagName, node.attributes).properties
 
+      const attributes = node.attributes
+      const isLink = attributes['data-behavior'] === 'link'
+
       node.children.forEach((child) => {
         if (!isDirective(child)) {
           return
@@ -50,6 +53,17 @@ export const cardPlugin = () => {
         child.attributes = child.attributes ?? {}
         child.attributes['data-node'] = child.name
 
+        // The title carries the link, so it needs the href of the card. The
+        // footer only needs to know that it belongs to a link card, to render
+        // the arrow. A child cannot read its parent once this is a React tree,
+        // so the marker is copied down here.
+        if (isLink && (child.name === 'card-title' || child.name === 'card-footer')) {
+          child.attributes['data-behavior'] = 'link'
+          if (child.name === 'card-title') {
+            child.attributes['data-href'] = attributes['data-href'] || ''
+          }
+        }
+
         child.data.hProperties = h(tagName, child.attributes).properties
       })
     })

package/packages/tailwind-theme-plugin/.turbo/turbo-build.log

@@ -1,7 +1,7 @@
 $ rimraf dist
 $ run-p build:*
-$ vite build
 $ tsc && tsc-alias
+$ vite build
 vite v7.3.6 building client environment for production...
 transforming...
 ✓ 5 modules transformed.
@@ -9,4 +9,4 @@ rendering chunks...
 computing gzip size...
 dist/index.es.js  160.05 kB │ gzip: 10.15 kB
 dist/index.cjs.js  88.17 kB │ gzip: 8.80 kB
-✓ built in 552ms
+✓ built in 707ms

package/packages/tailwind-theme-plugin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/tailwind-theme-plugin",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "",
   "keywords": [],
   "author": "glassonion1",