@sakura-ui/sakura-ui 0.3.0 → 0.4.2

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

@@ -1,4 +1,4 @@
-const o = ':not([tabindex^="-"])', n = ":not(:disabled)", d = [
+const o = ':not([tabindex^="-"])', n = ":not(:disabled)", f = [
   `a[href]${o}`,
   `area[href]${o}`,
   `input:not([type="hidden"])${o}${n}`,
@@ -12,20 +12,22 @@ const o = ':not([tabindex^="-"])', n = ":not(:disabled)", d = [
   `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 = [];
+], b = f.join(","), h = (e, s) => (e % s + s) % s, p = (...e) => e.filter(Boolean).join(" "), v = (e) => {
+  const s = [], 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;
+  for (const { children: a, ...i } of e) {
+    if (t < i.depth && i.depth <= r + 1) {
+      const u = i.depth - t;
+      r = i.depth;
+      const l = c[u - 1];
+      l.children ??= [], l.children.push(i), c[u] = i;
       continue;
     }
-    i.push(s), c[0] = s, t = r = s.depth;
+    s.push(i), c[0] = i, t = r = i.depth;
   }
-  return i;
+  return s;
 };
-var l;
+var d;
 ((e) => {
   e.clickable = `
     px-2
@@ -38,14 +40,13 @@ var l;
     rounded-full
     bg-yellow-50
   `;
-  const i = `
-    focus-visible:outline
+  const s = `
     focus-visible:outline-4
     focus-visible:outline-black
     focus-visible:ring-yellow-300
   `;
   e.focusRectCondensed = `
-    ${i}
+    ${s}
     focus-visible:-outline-offset-4
     focus-visible:ring-[calc(6/16*1rem)]
     focus-visible:ring-inset
@@ -53,12 +54,12 @@ var l;
     ${e.focusRectCondensed}
     focus-visible:bg-yellow-300
   `, e.focusRect = `
-    ${i}
+    ${s}
     focus-visible:outline-offset-[calc(2/16*1rem)]
     focus-visible:ring-[calc(2/16*1rem)]
   `, e.focusRounded = `
     ${e.focusRect}
-    focus-visible:rounded
+    focus-visible:rounded-sm
   `, e.focusCard = `
     ${e.focusRect}
     focus-visible:rounded-2xl
@@ -68,7 +69,7 @@ var l;
     focus-visible:bg-yellow-300
   `, e.focusRoundedWithBg = `
     ${e.focusRectWithBg}
-    focus-visible:rounded
+    focus-visible:rounded-sm
   `, e.hoverUnderline = `
     hover:underline
     hover:underline-offset-[calc(3/16*1rem)]
@@ -99,7 +100,6 @@ var l;
     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
@@ -109,11 +109,11 @@ var l;
       peer-focus-visible:ring-[calc(2/16*1rem)]
     `;
   })(e.Peer || (e.Peer = {}));
-})(l || (l = {}));
+})(d || (d = {}));
 export {
-  l as Style,
-  v as cx,
-  a as focusableSelector,
-  b as mod,
-  h as treefy
+  d as Style,
+  p as cx,
+  b as focusableSelector,
+  h as mod,
+  v as treefy
 };

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

@@ -1 +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"}
+{"version":3,"file":"calc.d.ts","sourceRoot":"","sources":["../../src/calc.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,GAAG,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,MAA2B,CAAA"}

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

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

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

@@ -1,13 +1,13 @@
 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 focusRectCondensed = "\n    \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-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-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-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-sm\n  ";
+    const focusCard = "\n    \n    \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-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-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-sm\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  ";
@@ -15,8 +15,8 @@ export declare namespace Style {
     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    ";
+        const focus = "\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-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

@@ -1 +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"}
+{"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;IAQM,MAAM,kBAAkB,iOAK9B,CAAA;IAEM,MAAM,wBAAwB,4QAGpC,CAAA;IAEM,MAAM,SAAS,kNAIrB,CAAA;IAEM,MAAM,YAAY,0PAGxB,CAAA;IAEM,MAAM,SAAS,6RAIrB,CAAA;IAEM,MAAM,eAAe,6PAG3B,CAAA;IAEM,MAAM,kBAAkB,qSAG9B,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,iIAIjB,CAAA;QAEM,MAAM,SAAS,2PAIrB,CAAA;KACF;CACF"}

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

@@ -1 +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"}
+{"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,EAAE,OAAO,CAAC,EAAE,kBAoB7D,CAAA"}

package/packages/helper/node_modules/.bin/vitest

@@ -0,0 +1,55 @@
+#!/bin/sh
+# Resolve $0 through symlinks so basedir is the shim's real directory.
+# Cap hops at the kernel's ELOOP limit so a cycle cannot hang the shim.
+link="$0"
+hops=0
+while [ -L "$link" ] && [ "$hops" -lt 40 ]; do
+  hops=$((hops+1))
+  target=$(readlink "$link")
+  case "$target" in
+    /*) link="$target" ;;
+    *)  link="$(dirname "$link")/$target" ;;
+  esac
+done
+basedir=$(dirname "$(echo "$link" | sed -e 's,\\,/,g')")
+basedir_win="$basedir"
+exe=""
+msys=""
+
+case `uname -a` in
+  *CYGWIN*|*MINGW*|*MSYS*)
+    if command -v cygpath > /dev/null 2>&1; then
+      basedir_win=`cygpath -w "$basedir"`
+    fi
+    exe=".exe"
+    msys="true"
+  ;;
+  *WSL2*)
+    if command -v wslpath > /dev/null 2>&1; then
+      basedir_win="$(wslpath -w "$basedir" 2> /dev/null)"
+      if [ $? -ne 0 ] || [ -z "$basedir_win" ]; then
+        basedir_win="$basedir"
+      else
+        exe=".exe"
+      fi
+    fi
+  ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/runner/work/sakura-ui/sakura-ui/node_modules/.pnpm/vitest@4.1.11_@types+node@24.13.3_happy-dom@20.11.6_vite@7.3.6_@types+node@24.13.3_jiti@2.7.0_lightningcss@1.32.0_/node_modules/vitest/node_modules:/home/runner/work/sakura-ui/sakura-ui/node_modules/.pnpm/vitest@4.1.11_@types+node@24.13.3_happy-dom@20.11.6_vite@7.3.6_@types+node@24.13.3_jiti@2.7.0_lightningcss@1.32.0_/node_modules:/home/runner/work/sakura-ui/sakura-ui/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/runner/work/sakura-ui/sakura-ui/node_modules/.pnpm/vitest@4.1.11_@types+node@24.13.3_happy-dom@20.11.6_vite@7.3.6_@types+node@24.13.3_jiti@2.7.0_lightningcss@1.32.0_/node_modules/vitest/node_modules:/home/runner/work/sakura-ui/sakura-ui/node_modules/.pnpm/vitest@4.1.11_@types+node@24.13.3_happy-dom@20.11.6_vite@7.3.6_@types+node@24.13.3_jiti@2.7.0_lightningcss@1.32.0_/node_modules:/home/runner/work/sakura-ui/sakura-ui/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -n "$exe" ] && [ -x "$basedir/node.exe" ]; then
+  exec "$basedir/node.exe"  "$basedir_win/../vitest/vitest.mjs" "$@"
+elif [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../vitest/vitest.mjs" "$@"
+elif command -v node >/dev/null 2>&1; then
+  exec node  "$basedir/../vitest/vitest.mjs" "$@"
+elif [ -n "$exe" ] && command -v node.exe >/dev/null 2>&1; then
+  exec node.exe  "$basedir_win/../vitest/vitest.mjs" "$@"
+else
+  exec node  "$basedir/../vitest/vitest.mjs" "$@"
+fi
+# cmd-shim-target=/home/runner/work/sakura-ui/sakura-ui/packages/helper/node_modules/vitest/vitest.mjs

package/packages/helper/package.json

@@ -1,7 +1,15 @@
 {
   "name": "@sakura-ui/helper",
-  "version": "0.0.5",
+  "version": "0.0.9",
+  "author": "glassonion1",
+  "homepage": "https://github.com/glassonion1/sakura-ui",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/glassonion1/sakura-ui.git",
+    "directory": "packages/helper"
+  },
   "license": "MIT",
+  "type": "module",
   "main": "dist/index.cjs.js",
   "types": "dist/types/index.d.ts",
   "exports": {
@@ -26,7 +34,8 @@
     "build": "run-p build:*",
     "build:scripts": "vite build",
     "build:types": "tsc && tsc-alias",
-    "test": "vitest"
+    "test": "vitest run",
+    "test:watch": "vitest"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "catalog:",
@@ -35,6 +44,7 @@
     "@types/react-dom": "catalog:",
     "happy-dom": "catalog:",
     "react": "catalog:",
-    "react-dom": "catalog:"
+    "react-dom": "catalog:",
+    "vitest": "catalog:"
   }
 }

package/packages/helper/src/cx.ts

@@ -1,2 +1,2 @@
-// biome-ignore lint/suspicious/noExplicitAny:
+// biome-ignore lint/suspicious/noExplicitAny: callers mix strings, booleans and undefined
 export const cx = (...classNames: any[]) => classNames.filter(Boolean).join(' ')

package/packages/helper/src/styles.ts

@@ -14,7 +14,6 @@ export namespace Style {
   `
 
   const focus = `
-    focus-visible:outline
     focus-visible:outline-4
     focus-visible:outline-black
     focus-visible:ring-yellow-300
@@ -40,7 +39,7 @@ export namespace Style {
 
   export const focusRounded = `
     ${focusRect}
-    focus-visible:rounded
+    focus-visible:rounded-sm
   `
 
   export const focusCard = `
@@ -56,7 +55,7 @@ export namespace Style {
 
   export const focusRoundedWithBg = `
     ${focusRectWithBg}
-    focus-visible:rounded
+    focus-visible:rounded-sm
   `
 
   export const hoverUnderline = `
@@ -101,7 +100,6 @@ export namespace Style {
 
   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

package/packages/helper/src/treefy.ts

@@ -10,7 +10,9 @@ export const treefy = <I extends { depth: number }>(input: I[]) => {
     if (top < item.depth && item.depth <= bottom + 1) {
       const idx = item.depth - top
       bottom = item.depth
-      ;(last[idx - 1].children ?? []).push(item)
+      const parent = last[idx - 1]
+      parent.children ??= []
+      parent.children.push(item)
       last[idx] = item
       continue
     }

package/packages/helper/tests/calc.test.ts

@@ -0,0 +1,22 @@
+import { describe, it, expect } from 'vitest'
+import { mod } from '../src/calc'
+
+describe('mod', () => {
+  it('should return the remainder for positive numbers', () => {
+    expect(mod(5, 3)).toBe(2)
+  })
+
+  it('should return a positive result for negative dividend', () => {
+    expect(mod(-1, 3)).toBe(2)
+    expect(mod(-5, 3)).toBe(1)
+  })
+
+  it('should return 0 when evenly divisible', () => {
+    expect(mod(6, 3)).toBe(0)
+    expect(mod(7, 7)).toBe(0)
+  })
+
+  it('should return 0 when dividend is 0', () => {
+    expect(mod(0, 5)).toBe(0)
+  })
+})

package/packages/helper/tests/cx.test.ts

@@ -0,0 +1,30 @@
+import { describe, it, expect } from 'vitest'
+import { cx } from '../src/cx'
+
+describe('cx', () => {
+  it('should join multiple class names with a space', () => {
+    expect(cx('foo', 'bar', 'baz')).toBe('foo bar baz')
+  })
+
+  it('should filter out falsy values', () => {
+    expect(cx('foo', false, 'bar', null, undefined, 0, '', 'baz')).toBe(
+      'foo bar baz'
+    )
+  })
+
+  it('should handle conditional class names', () => {
+    const isActive = true
+    const isDisabled = false
+    expect(cx('base', isActive && 'active', isDisabled && 'disabled')).toBe(
+      'base active'
+    )
+  })
+
+  it('should return an empty string when no arguments', () => {
+    expect(cx()).toBe('')
+  })
+
+  it('should handle a single class name', () => {
+    expect(cx('only')).toBe('only')
+  })
+})

package/packages/helper/tests/querySelector.test.ts

@@ -0,0 +1,24 @@
+import { describe, it, expect } from 'vitest'
+import { focusableSelector } from '../src/querySelector'
+
+describe('focusableSelector', () => {
+  it('should be a string', () => {
+    expect(typeof focusableSelector).toBe('string')
+  })
+
+  it('should include common focusable element selectors', () => {
+    expect(focusableSelector).toContain('a[href]')
+    expect(focusableSelector).toContain('button')
+    expect(focusableSelector).toContain('input')
+    expect(focusableSelector).toContain('select')
+    expect(focusableSelector).toContain('textarea')
+  })
+
+  it('should exclude elements with negative tabindex', () => {
+    expect(focusableSelector).toContain(':not([tabindex^="-"])')
+  })
+
+  it('should exclude disabled elements for interactive elements', () => {
+    expect(focusableSelector).toContain(':not(:disabled)')
+  })
+})

package/packages/helper/tests/treefy.test.ts

@@ -0,0 +1,111 @@
+import { describe, it, expect } from 'vitest'
+import { treefy } from '../src/treefy'
+
+describe('treefy', () => {
+  it('should return an empty array for empty input', () => {
+    expect(treefy([])).toEqual([])
+  })
+
+  it('should keep flat items at the root level when all depths are the same', () => {
+    const input = [
+      { depth: 1, name: 'a' },
+      { depth: 1, name: 'b' },
+      { depth: 1, name: 'c' }
+    ]
+    expect(treefy(input)).toEqual([
+      { depth: 1, name: 'a' },
+      { depth: 1, name: 'b' },
+      { depth: 1, name: 'c' }
+    ])
+  })
+
+  it('should nest children under their parent', () => {
+    const input = [
+      { depth: 1, name: 'parent' },
+      { depth: 2, name: 'child1' },
+      { depth: 2, name: 'child2' }
+    ]
+    expect(treefy(input)).toEqual([
+      {
+        depth: 1,
+        name: 'parent',
+        children: [
+          { depth: 2, name: 'child1' },
+          { depth: 2, name: 'child2' }
+        ]
+      }
+    ])
+  })
+
+  it('should nest deeply (depth 1 -> 2 -> 3)', () => {
+    const input = [
+      { depth: 1, name: 'root' },
+      { depth: 2, name: 'child' },
+      { depth: 3, name: 'grandchild' }
+    ]
+    expect(treefy(input)).toEqual([
+      {
+        depth: 1,
+        name: 'root',
+        children: [
+          {
+            depth: 2,
+            name: 'child',
+            children: [{ depth: 3, name: 'grandchild' }]
+          }
+        ]
+      }
+    ])
+  })
+
+  it('should handle multiple root nodes with children', () => {
+    const input = [
+      { depth: 1, name: 'h1-first' },
+      { depth: 2, name: 'h2-under-first' },
+      { depth: 1, name: 'h1-second' },
+      { depth: 2, name: 'h2-under-second' }
+    ]
+    expect(treefy(input)).toEqual([
+      {
+        depth: 1,
+        name: 'h1-first',
+        children: [{ depth: 2, name: 'h2-under-first' }]
+      },
+      {
+        depth: 1,
+        name: 'h1-second',
+        children: [{ depth: 2, name: 'h2-under-second' }]
+      }
+    ])
+  })
+
+  it('should strip existing children property from input items', () => {
+    const input = [
+      { depth: 1, name: 'parent', children: 'should be removed' },
+      { depth: 2, name: 'child', children: null }
+    ]
+    expect(treefy(input)).toEqual([
+      {
+        depth: 1,
+        name: 'parent',
+        children: [{ depth: 2, name: 'child' }]
+      }
+    ])
+  })
+
+  // PR #21: treefy bug fix - children were not properly attached to parent nodes
+  it('should correctly attach children to parent (regression test for PR #21)', () => {
+    const input = [
+      { depth: 2, name: 'hogehoge1' },
+      { depth: 3, name: 'fugafuga' },
+      { depth: 2, name: 'hogehoge2' }
+    ]
+    const result = treefy(input)
+
+    // hogehoge1 should have fugafuga as a child
+    expect(result[0].children).toEqual([{ depth: 3, name: 'fugafuga' }])
+    // hogehoge2 should be a separate root node, not nested under hogehoge1
+    expect(result).toHaveLength(2)
+    expect(result[1]).toEqual({ depth: 2, name: 'hogehoge2' })
+  })
+})

package/packages/helper/tests/vitest.setup.ts

@@ -0,0 +1,2 @@
+/// <reference types="vitest" />
+import '@testing-library/jest-dom'

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

@@ -1,22 +1,12 @@
-
-
-> @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
+$ rimraf dist
+$ run-p build:*
+$ vite build
+vite v7.3.6 building client environment for production...
+$ tsc && tsc-alias
+transforming...
+✓ 365 modules transformed.
+rendering chunks...
+computing gzip size...
+dist/index.es.js  554.27 kB │ gzip: 141.23 kB
+dist/index.cjs.js  377.84 kB │ gzip: 117.18 kB
+✓ built in 4.31s