@sakura-ui/sakura-ui 0.2.0 → 0.3.0

package/packages/helper/dist/index.cjs.js

@@ -0,0 +1,78 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=':not([tabindex^="-"])',n=":not(:disabled)",l=[`a[href]${o}`,`area[href]${o}`,`input:not([type="hidden"])${o}${n}`,`select${o}${n}`,`textarea${o}${n}`,`button${o}${n}`,`details > summary:first-of-type${o}`,`details:not(:has(> summary))${o}`,`iframe${o}`,`audio[controls]${o}`,`video[controls]${o}`,`[contenteditable]${o}`,`[tabindex]${o}`],d=l.join(","),f=(e,i)=>(e%i+i)%i,b=(...e)=>e.filter(Boolean).join(" "),a=e=>{const i=[],c=[];let t=-1,r=-1;for(const{children:v,...s}of e){if(t<s.depth&&s.depth<=r+1){const u=s.depth-t;r=s.depth,(c[u-1].children??[]).push(s),c[u]=s;continue}i.push(s),c[0]=s,t=r=s.depth}return i};exports.Style=void 0;(e=>{e.clickable=`
+    px-2
+    min-h-[calc(44/16*1rem)]
+    border
+    border-transparent
+    rounded-lg
+    hover:bg-solid-grey-50
+  `,e.selected=`
+    rounded-full
+    bg-yellow-50
+  `;const i=`
+    focus-visible:outline
+    focus-visible:outline-4
+    focus-visible:outline-black
+    focus-visible:ring-yellow-300
+  `;e.focusRectCondensed=`
+    ${i}
+    focus-visible:-outline-offset-4
+    focus-visible:ring-[calc(6/16*1rem)]
+    focus-visible:ring-inset
+  `,e.focusRectCondensedWithBg=`
+    ${e.focusRectCondensed}
+    focus-visible:bg-yellow-300
+  `,e.focusRect=`
+    ${i}
+    focus-visible:outline-offset-[calc(2/16*1rem)]
+    focus-visible:ring-[calc(2/16*1rem)]
+  `,e.focusRounded=`
+    ${e.focusRect}
+    focus-visible:rounded
+  `,e.focusCard=`
+    ${e.focusRect}
+    focus-visible:rounded-2xl
+    sm:focus-visible:rounded-3xl
+  `,e.focusRectWithBg=`
+    ${e.focusRect}
+    focus-visible:bg-yellow-300
+  `,e.focusRoundedWithBg=`
+    ${e.focusRectWithBg}
+    focus-visible:rounded
+  `,e.hoverUnderline=`
+    hover:underline
+    hover:underline-offset-[calc(3/16*1rem)]
+  `,e.underline=`
+    underline
+    underline-offset-[calc(3/16*1rem)]
+    hover:decoration-[calc(3/16*1rem)]
+  `,e.underlineNoDeco=`
+    underline
+    underline-offset-[calc(3/16*1rem)]
+  `,e.popover=`
+    min-w-fit
+    w-auto
+    py-2
+    bg-white
+    shadow-1
+    rounded-lg
+    border
+    border-solid-grey-420
+    has-[>:nth-child(7)]:rounded-r-none
+  `,e.popoverPositionBottomRight=`
+    absolute
+    top-11
+    right-0
+  `,e.popoverPositionBottomLeft=`
+    absolute
+    top-11
+    left-0
+  `,(c=>{c.focus=`
+      peer-focus-visible:outline
+      peer-focus-visible:outline-4
+      peer-focus-visible:outline-black
+      peer-focus-visible:ring-yellow-300
+    `,c.focusRect=`
+      ${c.focus}
+      peer-focus-visible:outline-offset-[calc(2/16*1rem)]
+      peer-focus-visible:ring-[calc(2/16*1rem)]
+    `})(e.Peer||(e.Peer={}))})(exports.Style||(exports.Style={}));exports.cx=b;exports.focusableSelector=d;exports.mod=f;exports.treefy=a;

package/packages/helper/dist/index.es.js

@@ -0,0 +1,119 @@
+const o = ':not([tabindex^="-"])', n = ":not(:disabled)", d = [
+  `a[href]${o}`,
+  `area[href]${o}`,
+  `input:not([type="hidden"])${o}${n}`,
+  `select${o}${n}`,
+  `textarea${o}${n}`,
+  `button${o}${n}`,
+  `details > summary:first-of-type${o}`,
+  `details:not(:has(> summary))${o}`,
+  `iframe${o}`,
+  `audio[controls]${o}`,
+  `video[controls]${o}`,
+  `[contenteditable]${o}`,
+  `[tabindex]${o}`
+], a = d.join(","), b = (e, i) => (e % i + i) % i, v = (...e) => e.filter(Boolean).join(" "), h = (e) => {
+  const i = [], c = [];
+  let t = -1, r = -1;
+  for (const { children: f, ...s } of e) {
+    if (t < s.depth && s.depth <= r + 1) {
+      const u = s.depth - t;
+      r = s.depth, (c[u - 1].children ?? []).push(s), c[u] = s;
+      continue;
+    }
+    i.push(s), c[0] = s, t = r = s.depth;
+  }
+  return i;
+};
+var l;
+((e) => {
+  e.clickable = `
+    px-2
+    min-h-[calc(44/16*1rem)]
+    border
+    border-transparent
+    rounded-lg
+    hover:bg-solid-grey-50
+  `, e.selected = `
+    rounded-full
+    bg-yellow-50
+  `;
+  const i = `
+    focus-visible:outline
+    focus-visible:outline-4
+    focus-visible:outline-black
+    focus-visible:ring-yellow-300
+  `;
+  e.focusRectCondensed = `
+    ${i}
+    focus-visible:-outline-offset-4
+    focus-visible:ring-[calc(6/16*1rem)]
+    focus-visible:ring-inset
+  `, e.focusRectCondensedWithBg = `
+    ${e.focusRectCondensed}
+    focus-visible:bg-yellow-300
+  `, e.focusRect = `
+    ${i}
+    focus-visible:outline-offset-[calc(2/16*1rem)]
+    focus-visible:ring-[calc(2/16*1rem)]
+  `, e.focusRounded = `
+    ${e.focusRect}
+    focus-visible:rounded
+  `, e.focusCard = `
+    ${e.focusRect}
+    focus-visible:rounded-2xl
+    sm:focus-visible:rounded-3xl
+  `, e.focusRectWithBg = `
+    ${e.focusRect}
+    focus-visible:bg-yellow-300
+  `, e.focusRoundedWithBg = `
+    ${e.focusRectWithBg}
+    focus-visible:rounded
+  `, e.hoverUnderline = `
+    hover:underline
+    hover:underline-offset-[calc(3/16*1rem)]
+  `, e.underline = `
+    underline
+    underline-offset-[calc(3/16*1rem)]
+    hover:decoration-[calc(3/16*1rem)]
+  `, e.underlineNoDeco = `
+    underline
+    underline-offset-[calc(3/16*1rem)]
+  `, e.popover = `
+    min-w-fit
+    w-auto
+    py-2
+    bg-white
+    shadow-1
+    rounded-lg
+    border
+    border-solid-grey-420
+    has-[>:nth-child(7)]:rounded-r-none
+  `, e.popoverPositionBottomRight = `
+    absolute
+    top-11
+    right-0
+  `, e.popoverPositionBottomLeft = `
+    absolute
+    top-11
+    left-0
+  `, ((c) => {
+    c.focus = `
+      peer-focus-visible:outline
+      peer-focus-visible:outline-4
+      peer-focus-visible:outline-black
+      peer-focus-visible:ring-yellow-300
+    `, c.focusRect = `
+      ${c.focus}
+      peer-focus-visible:outline-offset-[calc(2/16*1rem)]
+      peer-focus-visible:ring-[calc(2/16*1rem)]
+    `;
+  })(e.Peer || (e.Peer = {}));
+})(l || (l = {}));
+export {
+  l as Style,
+  v as cx,
+  a as focusableSelector,
+  b as mod,
+  h as treefy
+};

package/packages/helper/dist/types/calc.d.ts

@@ -0,0 +1,2 @@
+export declare const mod: (n: number, m: number) => number;
+//# sourceMappingURL=calc.d.ts.map

package/packages/helper/dist/types/calc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calc.d.ts","sourceRoot":"","sources":["../../src/calc.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,GAAG,MAAO,MAAM,KAAK,MAAM,KAAG,MAA2B,CAAA"}

package/packages/{forms/dist/types/utils/class.d.ts → helper/dist/types/cx.d.ts}

@@ -1,2 +1,2 @@
 export declare const cx: (...classNames: any[]) => string;
-//# sourceMappingURL=class.d.ts.map
+//# sourceMappingURL=cx.d.ts.map

package/packages/helper/dist/types/cx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../../src/cx.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,EAAE,kBAAmB,GAAG,EAAE,WAAyC,CAAA"}

package/packages/helper/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+export { focusableSelector } from './querySelector';
+export { mod } from './calc';
+export { cx } from './cx';
+export { treefy } from './treefy';
+export { Style } from './styles';
+//# sourceMappingURL=index.d.ts.map

package/packages/helper/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA"}

package/packages/helper/dist/types/querySelector.d.ts

@@ -0,0 +1,2 @@
+export declare const focusableSelector: string;
+//# sourceMappingURL=querySelector.d.ts.map

package/packages/helper/dist/types/querySelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"querySelector.d.ts","sourceRoot":"","sources":["../../src/querySelector.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,iBAAiB,QAAsB,CAAA"}

package/packages/helper/dist/types/styles.d.ts

@@ -0,0 +1,22 @@
+export declare namespace Style {
+    const clickable = "\n    px-2\n    min-h-[calc(44/16*1rem)]\n    border\n    border-transparent\n    rounded-lg\n    hover:bg-solid-grey-50\n  ";
+    const selected = "\n    rounded-full\n    bg-yellow-50\n  ";
+    const focusRectCondensed = "\n    \n    focus-visible:outline\n    focus-visible:outline-4\n    focus-visible:outline-black\n    focus-visible:ring-yellow-300\n  \n    focus-visible:-outline-offset-4\n    focus-visible:ring-[calc(6/16*1rem)]\n    focus-visible:ring-inset\n  ";
+    const focusRectCondensedWithBg = "\n    \n    \n    focus-visible:outline\n    focus-visible:outline-4\n    focus-visible:outline-black\n    focus-visible:ring-yellow-300\n  \n    focus-visible:-outline-offset-4\n    focus-visible:ring-[calc(6/16*1rem)]\n    focus-visible:ring-inset\n  \n    focus-visible:bg-yellow-300\n  ";
+    const focusRect = "\n    \n    focus-visible:outline\n    focus-visible:outline-4\n    focus-visible:outline-black\n    focus-visible:ring-yellow-300\n  \n    focus-visible:outline-offset-[calc(2/16*1rem)]\n    focus-visible:ring-[calc(2/16*1rem)]\n  ";
+    const focusRounded = "\n    \n    \n    focus-visible:outline\n    focus-visible:outline-4\n    focus-visible:outline-black\n    focus-visible:ring-yellow-300\n  \n    focus-visible:outline-offset-[calc(2/16*1rem)]\n    focus-visible:ring-[calc(2/16*1rem)]\n  \n    focus-visible:rounded\n  ";
+    const focusCard = "\n    \n    \n    focus-visible:outline\n    focus-visible:outline-4\n    focus-visible:outline-black\n    focus-visible:ring-yellow-300\n  \n    focus-visible:outline-offset-[calc(2/16*1rem)]\n    focus-visible:ring-[calc(2/16*1rem)]\n  \n    focus-visible:rounded-2xl\n    sm:focus-visible:rounded-3xl\n  ";
+    const focusRectWithBg = "\n    \n    \n    focus-visible:outline\n    focus-visible:outline-4\n    focus-visible:outline-black\n    focus-visible:ring-yellow-300\n  \n    focus-visible:outline-offset-[calc(2/16*1rem)]\n    focus-visible:ring-[calc(2/16*1rem)]\n  \n    focus-visible:bg-yellow-300\n  ";
+    const focusRoundedWithBg = "\n    \n    \n    \n    focus-visible:outline\n    focus-visible:outline-4\n    focus-visible:outline-black\n    focus-visible:ring-yellow-300\n  \n    focus-visible:outline-offset-[calc(2/16*1rem)]\n    focus-visible:ring-[calc(2/16*1rem)]\n  \n    focus-visible:bg-yellow-300\n  \n    focus-visible:rounded\n  ";
+    const hoverUnderline = "\n    hover:underline\n    hover:underline-offset-[calc(3/16*1rem)]\n  ";
+    const underline = "\n    underline\n    underline-offset-[calc(3/16*1rem)]\n    hover:decoration-[calc(3/16*1rem)]\n  ";
+    const underlineNoDeco = "\n    underline\n    underline-offset-[calc(3/16*1rem)]\n  ";
+    const popover = "\n    min-w-fit\n    w-auto\n    py-2\n    bg-white\n    shadow-1\n    rounded-lg\n    border\n    border-solid-grey-420\n    has-[>:nth-child(7)]:rounded-r-none\n  ";
+    const popoverPositionBottomRight = "\n    absolute\n    top-11\n    right-0\n  ";
+    const popoverPositionBottomLeft = "\n    absolute\n    top-11\n    left-0\n  ";
+    namespace Peer {
+        const focus = "\n      peer-focus-visible:outline\n      peer-focus-visible:outline-4\n      peer-focus-visible:outline-black\n      peer-focus-visible:ring-yellow-300\n    ";
+        const focusRect = "\n      \n      peer-focus-visible:outline\n      peer-focus-visible:outline-4\n      peer-focus-visible:outline-black\n      peer-focus-visible:ring-yellow-300\n    \n      peer-focus-visible:outline-offset-[calc(2/16*1rem)]\n      peer-focus-visible:ring-[calc(2/16*1rem)]\n    ";
+    }
+}
+//# sourceMappingURL=styles.d.ts.map

package/packages/helper/dist/types/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/styles.ts"],"names":[],"mappings":"AAAA,yBAAiB,KAAK,CAAC;IACd,MAAM,SAAS,iIAOrB,CAAA;IAEM,MAAM,QAAQ,6CAGpB,CAAA;IASM,MAAM,kBAAkB,4PAK9B,CAAA;IAEM,MAAM,wBAAwB,uSAGpC,CAAA;IAEM,MAAM,SAAS,6OAIrB,CAAA;IAEM,MAAM,YAAY,kRAGxB,CAAA;IAEM,MAAM,SAAS,wTAIrB,CAAA;IAEM,MAAM,eAAe,wRAG3B,CAAA;IAEM,MAAM,kBAAkB,6TAG9B,CAAA;IAEM,MAAM,cAAc,4EAG1B,CAAA;IAEM,MAAM,SAAS,wGAIrB,CAAA;IAEM,MAAM,eAAe,gEAG3B,CAAA;IAEM,MAAM,OAAO,0KAUnB,CAAA;IAEM,MAAM,0BAA0B,gDAItC,CAAA;IAEM,MAAM,yBAAyB,+CAIrC,CAAA;IAED,UAAiB,IAAI,CAAC;QACb,MAAM,KAAK,mKAKjB,CAAA;QAEM,MAAM,SAAS,6RAIrB,CAAA;KACF;CACF"}

package/packages/helper/dist/types/treefy.d.ts

@@ -0,0 +1,8 @@
+type TreeNode<I> = Omit<I, 'children'> & {
+    children?: TreeNode<I>[];
+};
+export declare const treefy: <I extends {
+    depth: number;
+}>(input: I[]) => TreeNode<I>[];
+export {};
+//# sourceMappingURL=treefy.d.ts.map

package/packages/helper/dist/types/treefy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treefy.d.ts","sourceRoot":"","sources":["../../src/treefy.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;CAAE,CAAA;AAGrE,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,SAAS,CAAC,EAAE,kBAkB7D,CAAA"}

package/packages/helper/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@sakura-ui/helper",
+  "version": "0.0.5",
+  "license": "MIT",
+  "main": "dist/index.cjs.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "require": "./dist/index.cjs.js",
+      "import": "./dist/index.es.js"
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "lint": "run-s lint:*",
+    "lint:lint": "biome lint ./",
+    "lint:prettier": "prettier --write --ignore-path .gitignore './src/*.ts'",
+    "prebuild": "rimraf dist",
+    "build": "run-p build:*",
+    "build:scripts": "vite build",
+    "build:types": "tsc && tsc-alias",
+    "test": "vitest"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "catalog:",
+    "@testing-library/react": "catalog:",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "happy-dom": "catalog:",
+    "react": "catalog:",
+    "react-dom": "catalog:"
+  }
+}

package/packages/helper/src/calc.ts

@@ -0,0 +1 @@
+export const mod = (n: number, m: number): number => ((n % m) + m) % m

package/packages/helper/src/index.ts

@@ -0,0 +1,5 @@
+export { focusableSelector } from './querySelector'
+export { mod } from './calc'
+export { cx } from './cx'
+export { treefy } from './treefy'
+export { Style } from './styles'

package/packages/helper/src/querySelector.ts

@@ -0,0 +1,20 @@
+const notNegTabIndex = ':not([tabindex^="-"])'
+const notDisabled = ':not(:disabled)'
+
+const selectors = [
+  `a[href]${notNegTabIndex}`,
+  `area[href]${notNegTabIndex}`,
+  `input:not([type="hidden"])${notNegTabIndex}${notDisabled}`,
+  `select${notNegTabIndex}${notDisabled}`,
+  `textarea${notNegTabIndex}${notDisabled}`,
+  `button${notNegTabIndex}${notDisabled}`,
+  `details > summary:first-of-type${notNegTabIndex}`,
+  `details:not(:has(> summary))${notNegTabIndex}`,
+  `iframe${notNegTabIndex}`,
+  `audio[controls]${notNegTabIndex}`,
+  `video[controls]${notNegTabIndex}`,
+  `[contenteditable]${notNegTabIndex}`,
+  `[tabindex]${notNegTabIndex}`
+]
+
+export const focusableSelector = selectors.join(',')

package/packages/helper/src/styles.ts

@@ -0,0 +1,116 @@
+export namespace Style {
+  export const clickable = `
+    px-2
+    min-h-[calc(44/16*1rem)]
+    border
+    border-transparent
+    rounded-lg
+    hover:bg-solid-grey-50
+  `
+
+  export const selected = `
+    rounded-full
+    bg-yellow-50
+  `
+
+  const focus = `
+    focus-visible:outline
+    focus-visible:outline-4
+    focus-visible:outline-black
+    focus-visible:ring-yellow-300
+  `
+
+  export const focusRectCondensed = `
+    ${focus}
+    focus-visible:-outline-offset-4
+    focus-visible:ring-[calc(6/16*1rem)]
+    focus-visible:ring-inset
+  `
+
+  export const focusRectCondensedWithBg = `
+    ${focusRectCondensed}
+    focus-visible:bg-yellow-300
+  `
+
+  export const focusRect = `
+    ${focus}
+    focus-visible:outline-offset-[calc(2/16*1rem)]
+    focus-visible:ring-[calc(2/16*1rem)]
+  `
+
+  export const focusRounded = `
+    ${focusRect}
+    focus-visible:rounded
+  `
+
+  export const focusCard = `
+    ${focusRect}
+    focus-visible:rounded-2xl
+    sm:focus-visible:rounded-3xl
+  `
+
+  export const focusRectWithBg = `
+    ${focusRect}
+    focus-visible:bg-yellow-300
+  `
+
+  export const focusRoundedWithBg = `
+    ${focusRectWithBg}
+    focus-visible:rounded
+  `
+
+  export const hoverUnderline = `
+    hover:underline
+    hover:underline-offset-[calc(3/16*1rem)]
+  `
+
+  export const underline = `
+    underline
+    underline-offset-[calc(3/16*1rem)]
+    hover:decoration-[calc(3/16*1rem)]
+  `
+
+  export const underlineNoDeco = `
+    underline
+    underline-offset-[calc(3/16*1rem)]
+  `
+
+  export const popover = `
+    min-w-fit
+    w-auto
+    py-2
+    bg-white
+    shadow-1
+    rounded-lg
+    border
+    border-solid-grey-420
+    has-[>:nth-child(7)]:rounded-r-none
+  `
+
+  export const popoverPositionBottomRight = `
+    absolute
+    top-11
+    right-0
+  `
+
+  export const popoverPositionBottomLeft = `
+    absolute
+    top-11
+    left-0
+  `
+
+  export namespace Peer {
+    export const focus = `
+      peer-focus-visible:outline
+      peer-focus-visible:outline-4
+      peer-focus-visible:outline-black
+      peer-focus-visible:ring-yellow-300
+    `
+
+    export const focusRect = `
+      ${focus}
+      peer-focus-visible:outline-offset-[calc(2/16*1rem)]
+      peer-focus-visible:ring-[calc(2/16*1rem)]
+    `
+  }
+}

package/packages/helper/src/treefy.ts

@@ -0,0 +1,22 @@
+type TreeNode<I> = Omit<I, 'children'> & { children?: TreeNode<I>[] }
+type Input<I> = (I & { children: unknown })[]
+
+export const treefy = <I extends { depth: number }>(input: I[]) => {
+  const tree: TreeNode<I>[] = []
+  const last: TreeNode<I>[] = []
+  let top = -1
+  let bottom = -1
+  for (const { children: _, ...item } of input as Input<I>) {
+    if (top < item.depth && item.depth <= bottom + 1) {
+      const idx = item.depth - top
+      bottom = item.depth
+      ;(last[idx - 1].children ?? []).push(item)
+      last[idx] = item
+      continue
+    }
+    tree.push(item)
+    last[0] = item
+    top = bottom = item.depth
+  }
+  return tree
+}

package/packages/helper/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "declarationDir": "./dist/types",
+    "outDir": "./dist",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/packages/helper/tsconfig.node.json

@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "composite": true
+  },
+  "include": ["vite.config.ts"]
+}

package/packages/helper/vite.config.ts

@@ -0,0 +1,26 @@
+/// <reference types="vitest" />
+import { resolve } from 'node:path'
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react-swc'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src')
+    }
+  },
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src', 'index.ts'),
+      formats: ['es', 'cjs'],
+      fileName: (ext: string) => `index.${ext}.js`
+    }
+  },
+  test: {
+    globals: true,
+    environment: 'happy-dom',
+    setupFiles: 'tests/vitest.setup.ts'
+  }
+})

package/packages/markdown/.turbo/turbo-build.log

@@ -0,0 +1,22 @@
+
+
+> @sakura-ui/markdown@0.1.2 prebuild /Users/t.fujita/Documents/Repos/sakura-ui/packages/markdown
+> rimraf dist
+
+
+> @sakura-ui/markdown@0.1.2 build /Users/t.fujita/Documents/Repos/sakura-ui/packages/markdown
+> run-p build:*
+
+
+> @sakura-ui/markdown@0.1.2 build:scripts /Users/t.fujita/Documents/Repos/sakura-ui/packages/markdown
+> vite build
+
+
+> @sakura-ui/markdown@0.1.2 build:types /Users/t.fujita/Documents/Repos/sakura-ui/packages/markdown
+> tsc && tsc-alias
+
+vite v6.0.3 building for production...
+transforming (1) src/index.tstransforming (35) src/plugins/youtube.tstransforming (122) ../../node_modules/.pnpm/mdast-util-to-string@4.0.0/node_modules/mdast-util-to-string/index.jstransforming (201) ../../node_modules/.pnpm/micromark-extension-gfm-table@2.1.0/node_modules/micromark-extension-gfm-ttransforming (262) ../../node_modules/.pnpm/property-information@6.5.0/node_modules/property-information/lib/find.js[✓ 363 modules transformed.
+rendering chunks (1)...computing gzip size (0)...computing gzip size (1)...dist/index.es.js  547.83 kB │ gzip: 143.26 kB
+rendering chunks (1)...computing gzip size (1)...dist/index.cjs.js  369.66 kB │ gzip: 118.08 kB
+✓ built in 1.49s