@k8ordo/ui 1.0.0 → 2.0.0

package/docs/references/spatial-design.md

@@ -1,137 +1,139 @@
-# スペーシング・レイアウト
+# Spacing and layout
 
-k8ordo UI は「余白で語る」デザイン。詰め込まず、空間にゆとりを持たせる。
+`@k8ordo/ui` is a design that lets the spacing speak. Do not pack things in;
+leave room.
 
-## スペーシングの原則
+## Spacing principles
 
-4pt ベースのスペーシングシステム。Tailwind の標準スケールを使用。
+A 4pt spacing system, using Tailwind's standard scale.
 
-### コンポーネント内部パディング
+### Padding inside a component
 
-| 用途           | クラス | 値   |
-| -------------- | ------ | ---- |
-| コンパクト     | `p-4`  | 16px |
-| 標準           | `p-6`  | 24px |
-| ゆったり       | `p-8`  | 32px |
-| 大きなカード内 | `p-10` | 40px |
+| Use               | Class  | Value |
+| ----------------- | ------ | ----- |
+| Compact           | `p-4`  | 16px  |
+| Standard          | `p-6`  | 24px  |
+| Generous          | `p-8`  | 32px  |
+| Inside a big card | `p-10` | 40px  |
 
-### テキスト間の余白
+### Spacing between blocks of text
 
-| 関係性         | クラス  | 用途                         |
-| -------------- | ------- | ---------------------------- |
-| 近い要素       | `mt-2`  | 説明テキスト、ヘルプテキスト |
-| 標準           | `mt-4`  | 段落間、フォームフィールド間 |
-| セクション間   | `mt-8`  | セクション区切り             |
-| 大セクション間 | `mt-12` | ページレベルの区切り         |
+| Relationship           | Class   | Use                                     |
+| ---------------------- | ------- | --------------------------------------- |
+| Closely related        | `mt-2`  | Descriptions, help text                 |
+| Standard               | `mt-4`  | Between paragraphs, between form fields |
+| Between sections       | `mt-8`  | A section break                         |
+| Between major sections | `mt-12` | A page-level break                      |
 
-### セクション間の余白
+### Spacing between sections
 
-| 関係性       | クラス              | 用途                       |
-| ------------ | ------------------- | -------------------------- |
-| カード間     | `gap-6`             | 横並びカード（グリッド内） |
-| セクション間 | `gap-8` 〜 `gap-10` | 縦に並ぶセクション         |
+| Relationship     | Class              | Use                            |
+| ---------------- | ------------------ | ------------------------------ |
+| Between cards    | `gap-6`            | Cards side by side (in a grid) |
+| Between sections | `gap-8` – `gap-10` | Sections stacked vertically    |
 
-## 角丸
+## Border radius
 
-**「触れるものは柔らかく、読むものは端正に」**
+**"Soft where you touch, precise where you read."**
 
-要素の性格に応じて角丸を使い分ける。
+Vary the radius with the element's role.
 
-### 触れるもの（柔らかく）
+### Things you touch (soft)
 
-| 用途                          | クラス         | 値     |
-| ----------------------------- | -------------- | ------ |
-| Button                        | `rounded-full` | ピル型 |
-| Input, Textarea, Select       | `rounded-xl`   | 1rem   |
-| Card, CheckboxCard, RadioCard | `rounded-xl`   | 1rem   |
+| Use                           | Class          | Value |
+| ----------------------------- | -------------- | ----- |
+| Button                        | `rounded-full` | Pill  |
+| Input, Textarea, Select       | `rounded-xl`   | 1rem  |
+| Card, CheckboxCard, RadioCard | `rounded-xl`   | 1rem  |
 
-### 読むもの（端正に）
+### Things you read (precise)
 
-| 用途     | クラス         | 値                           |
-| -------- | -------------- | ---------------------------- |
-| Alert    | `rounded-lg`   | 0.75rem                      |
-| Badge    | `rounded-full` | ピル型（小さいので問題ない） |
-| Tabs     | 現行のまま     |                              |
-| Checkbox | `rounded-md`   | 0.5rem                       |
+| Use      | Class          | Value                          |
+| -------- | -------------- | ------------------------------ |
+| Alert    | `rounded-lg`   | 0.75rem                        |
+| Badge    | `rounded-full` | Pill (fine, since it is small) |
+| Tabs     | As-is          |                                |
+| Checkbox | `rounded-md`   | 0.5rem                         |
 
-### その他
+### Everything else
 
-| 用途                               | クラス         |
-| ---------------------------------- | -------------- |
-| Dialog, Modal                      | `rounded-lg`   |
-| Avatar, IconButton, プログレスバー | `rounded-full` |
+| Use                              | Class          |
+| -------------------------------- | -------------- |
+| Dialog, Modal                    | `rounded-lg`   |
+| Avatar, IconButton, progress bar | `rounded-full` |
 
-## シャドウ
+## Shadow
 
-ふんわり柔らかい影で奥行きを表現する。
+Express depth with a soft, gentle shadow.
 
-| 用途                     | スタイル                                                |
-| ------------------------ | ------------------------------------------------------- |
-| Card（デフォルト）       | `shadow-sm`（appearance="shadow" 時）                   |
-| Card（ボーダー）         | `border border-border-mute`（appearance="bordered" 時） |
-| Modal / Dialog / Tooltip | `shadow-md`                                             |
-| Dropdown / ListBox       | `shadow-md`                                             |
-| Button                   | なし                                                    |
+| Use                      | Style                                                      |
+| ------------------------ | ---------------------------------------------------------- |
+| Card (default)           | `shadow-sm` (with `appearance="shadow"`)                   |
+| Card (bordered)          | `border border-border-mute` (with `appearance="bordered"`) |
+| Modal / Dialog / Tooltip | `shadow-md`                                                |
+| Dropdown / ListBox       | `shadow-md`                                                |
+| Button                   | None                                                       |
 
-`shadow-xl` 以上は使わない。
+Never use `shadow-xl` or heavier.
 
-## ページ構造
+## Page structure
 
-### bg-subtle + 白カードの基本パターン
+### The bg-subtle plus white card pattern
 
-ページ背景を `bg-bg-subtle`（薄いグレー）にし、コンテンツを白いカードで浮かせる。
+Make the page background `bg-bg-subtle` (a light grey) and float the content on
+white cards.
 
 ```tsx
-// Good: 灰色背景に白カードが浮く
+// Good: a white card floating on a grey ground
 <div className="bg-bg-subtle min-h-screen">
   <Card appearance="shadow">
-    <div className="p-8">コンテンツ</div>
+    <div className="p-8">Content</div>
   </Card>
 </div>
 ```
 
-### 余白で階層を作る
+### Build hierarchy out of spacing
 
 ```tsx
-// Good: 余白の差で関連度を示す
+// Good: the size of the gap shows how related things are
 <section className="mt-12">
-  <Heading level="h2">セクション</Heading>
-  <p className="mt-2">直接関連する説明</p>
-  <div className="mt-8">やや離れたコンテンツ</div>
+  <Heading level="h2">Section</Heading>
+  <p className="mt-2">A description that belongs to it</p>
+  <div className="mt-8">Content that sits a little apart</div>
 </section>
 
-// Bad: すべて同じ余白
+// Bad: the same gap everywhere
 <section className="mt-4">
-  <Heading level="h2">セクション</Heading>
-  <p className="mt-4">説明</p>
-  <div className="mt-4">コンテンツ</div>
+  <Heading level="h2">Section</Heading>
+  <p className="mt-4">Description</p>
+  <div className="mt-4">Content</div>
 </section>
 ```
 
-### カードは万能ではない
+### A card is not the answer to everything
 
-すべてのコンテンツをカードに入れる必要はない。余白とセパレーターで十分なケースが多い。
+Content does not have to go in a card. Spacing and a separator are often enough.
 
 ```tsx
 import { Separator } from '@k8ordo/ui';
 
-// Good: セパレーターで区切る
+// Good: divide with a separator
 <div>
-  <section>コンテンツA</section>
+  <section>Content A</section>
   <div className="py-8">
     <Separator />
   </div>
-  <section>コンテンツB</section>
+  <section>Content B</section>
 </div>
 
-// 過剰: すべてカードに入れる
-<Card>コンテンツA</Card>
-<Card>コンテンツB</Card>
+// Excessive: everything in a card
+<Card>Content A</Card>
+<Card>Content B</Card>
 ```
 
-## やってはいけないこと
+## What not to do
 
-- `gap-1` や `p-1` のような極端に狭いスペーシング
-- コンテンツの詰め込み（情報密度より余白を優先）
-- ネストされたカード（Card in Card）
-- 12 を超える z-index 値
+- Extremely tight spacing such as `gap-1` or `p-1`
+- Cramming content in (space wins over information density)
+- Nested cards (Card in Card)
+- A z-index above 12

package/docs/references/typography.md

@@ -1,110 +1,111 @@
-# タイポグラフィ
+# Typography
 
-k8ordo UI のタイポグラフィは「読みやすさ」と「静けさ」を両立する。
+Typography in `@k8ordo/ui` aims for readability and quiet at the same time.
 
-## フォントファミリー
+## Font family
 
-日本語最適化のフォントスタック。
+A font stack tuned for Japanese.
 
 ```css
 font-family: 'Noto Sans JP', 'M PLUS 2', sans-serif;
 ```
 
-- **Inter / Roboto / Open Sans は使わない** — AI が生成した感が出る
-- 日本語テキストが主体のため、和文フォントを優先
+- **Do not use Inter / Roboto / Open Sans** — they read as AI-generated
+- Japanese text dominates, so Japanese faces come first
 
-## フォントサイズスケール
+## Font size scale
 
-| Tailwind クラス  | 値       | 用途                 |
-| ---------------- | -------- | -------------------- |
-| `text-xs`        | 0.75rem  | 注釈、キャプション   |
-| `text-sm`        | 0.875rem | 補足テキスト、ラベル |
-| `text-md`        | 1rem     | 本文（デフォルト）   |
-| `text-lg`        | 1.125rem | 小見出し             |
-| `text-xl`        | 1.25rem  | 見出し               |
-| `text-2xl`       | 1.5rem   | 大見出し             |
-| `text-3xl`       | 1.875rem | ページタイトル       |
-| `text-emphasize` | 3rem     | 強調表示             |
-| `text-highlight` | 6rem     | ハイライト表示       |
+| Tailwind class   | Value    | Use                     |
+| ---------------- | -------- | ----------------------- |
+| `text-xs`        | 0.75rem  | Annotations, captions   |
+| `text-sm`        | 0.875rem | Supporting text, labels |
+| `text-md`        | 1rem     | Body text (default)     |
+| `text-lg`        | 1.125rem | Subheadings             |
+| `text-xl`        | 1.25rem  | Headings                |
+| `text-2xl`       | 1.5rem   | Large headings          |
+| `text-3xl`       | 1.875rem | Page titles             |
+| `text-emphasize` | 3rem     | Emphasis display        |
+| `text-highlight` | 6rem     | Highlight display       |
 
-## フォントウェイト
+## Font weight
 
-ウェイトは控えめに使う。太字の多用は「静けさ」を損なう。
+Use weight sparingly. Heavy type undermines the quiet.
 
-| Tailwind クラス | 値  | 用途                         |
-| --------------- | --- | ---------------------------- |
-| `font-normal`   | 400 | 本文                         |
-| `font-medium`   | 450 | 強調テキスト（控えめな強調） |
-| `font-bold`     | 700 | 見出し、ボタンラベル         |
+| Tailwind class | Value | Use                                   |
+| -------------- | ----- | ------------------------------------- |
+| `font-normal`  | 400   | Body text                             |
+| `font-medium`  | 450   | Emphasized text (restrained emphasis) |
+| `font-bold`    | 700   | Headings, button labels               |
 
-- `font-semibold` (600) や `font-extrabold` (800) は使わない
-- `font-medium` が 450 であることに注意（一般的な 500 より軽い）
+- Do not use `font-semibold` (600) or `font-extrabold` (800)
+- Note that `font-medium` is 450 here — lighter than the usual 500
 
-## 行間
+## Line height
 
-日本語テキストは欧文より広い行間が必要。
+Japanese text needs more leading than Latin text.
 
-| Tailwind クラス   | 値    | 用途                     |
-| ----------------- | ----- | ------------------------ |
-| `leading-none`    | 1     | 特殊用途（highlight 等） |
-| `leading-tight`   | 1.25  | 見出し                   |
-| `leading-snug`    | 1.375 | 小見出し                 |
-| `leading-normal`  | 1.5   | リスト内、デフォルト     |
-| `leading-relaxed` | 1.625 | 本文（推奨）             |
-| `leading-loose`   | 2     | 広い行間が必要な場合     |
+| Tailwind class    | Value | Use                             |
+| ----------------- | ----- | ------------------------------- |
+| `leading-none`    | 1     | Special cases (highlight, …)    |
+| `leading-tight`   | 1.25  | Headings                        |
+| `leading-snug`    | 1.375 | Subheadings                     |
+| `leading-normal`  | 1.5   | Inside lists; the default       |
+| `leading-relaxed` | 1.625 | Body text (recommended)         |
+| `leading-loose`   | 2     | When wide leading is called for |
 
-## 字間
+## Letter spacing
 
-| Tailwind クラス   | 値      | 用途             |
-| ----------------- | ------- | ---------------- |
-| `tracking-none`   | 0em     | デフォルト       |
-| `tracking-normal` | 0.025em | 少し広げたい場合 |
+| Tailwind class    | Value   | Use                         |
+| ----------------- | ------- | --------------------------- |
+| `tracking-none`   | 0em     | Default                     |
+| `tracking-normal` | 0.025em | When a little air is wanted |
 
-## Heading コンポーネント
+## The Heading component
 
-見出しには `Heading` コンポーネントを使う。
+Use the `Heading` component for headings.
 
 ```tsx
 import { Heading } from '@k8ordo/ui';
 
-<Heading level="h1">ページタイトル</Heading>
-<Heading level="h2">セクション見出し</Heading>
-<Heading level="h3">サブセクション</Heading>
+<Heading level="h1">Page title</Heading>
+<Heading level="h2">Section heading</Heading>
+<Heading level="h3">Subsection</Heading>
 ```
 
-## 縦書きモード
+## Vertical writing mode
 
-縦書き表示には専用のユーティリティと variant を用意している。
+Dedicated utilities and a variant are provided for vertical writing.
 
-### ユーティリティ
+### Utilities
 
-| Tailwind クラス | 用途                                                                                                        |
-| --------------- | ----------------------------------------------------------------------------------------------------------- |
-| `writing-h`     | 横書き (`writing-mode: horizontal-tb`) に戻す。縦書きツリー内の図表・コードブロック・置換要素などで使う。   |
-| `writing-v`     | 縦書き (`writing-mode: vertical-rl`) を適用し、`text-orientation: mixed` などの推奨初期値も一括で設定する。 |
+| Tailwind class | Use                                                                                                                                  |
+| -------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
+| `writing-h`    | Return to horizontal (`writing-mode: horizontal-tb`). Use it for figures, code blocks, and replaced elements inside a vertical tree. |
+| `writing-v`    | Apply vertical writing (`writing-mode: vertical-rl`) together with the recommended defaults such as `text-orientation: mixed`.       |
 
-### `vertical:` variant
+### The `vertical:` variant
 
-`.writing-v` 子孫で活性化し、`.writing-h` 子孫では無効化する Tailwind variant。横書きデフォルトに対する上書きを宣言的に書ける。
+A Tailwind variant that activates inside a `.writing-v` subtree and is disabled
+inside `.writing-h`. It lets you override a horizontal default declaratively.
 
 ```tsx
 <div className="writing-v">
   <p className="my-4 vertical:my-0">
-    {/* 横書き時のみ縦マージン、縦書きでは外す */}
+    {/* Vertical margin only in horizontal mode; dropped when vertical */}
   </p>
 </div>
 ```
 
-### 注意点
+### Caveats
 
-- 画像・iframe などの置換要素は `vertical-rl` で大きさが想定通りにならないことがある。`<img className="vertical:writing-h" />` のように要素自体は横書きに戻す。
-- `-webkit-line-clamp` (`line-clamp-*`) は Safari で `writing-mode` と干渉する。縦書きでは `block-size` 上限 + `overflow: hidden` に置き換える。
-- KaTeX など内部で水平レイアウトを前提とするライブラリは、必要箇所だけ `writing-h` を上書きする。
+- Replaced elements such as images and iframes may not size as expected under `vertical-rl`. Return the element itself to horizontal, as in `<img className="vertical:writing-h" />`.
+- `-webkit-line-clamp` (`line-clamp-*`) conflicts with `writing-mode` in Safari. In vertical mode, replace it with a `block-size` cap plus `overflow: hidden`.
+- Libraries that assume horizontal layout internally, such as KaTeX, need `writing-h` applied only where required.
 
-## やってはいけないこと
+## What not to do
 
-- 3種類以上のフォントウェイトを1画面で使う
-- `text-3xl` より大きいサイズを通常テキストに使う（`text-emphasize` / `text-highlight` は特殊用途）
-- `uppercase` や `tracking-widest` を日本語テキストに適用する
-- テキストにグラデーションをかける
-- フォントサイズだけで階層を作る（余白も活用する）
+- Use three or more font weights on one screen
+- Use anything larger than `text-3xl` for ordinary text (`text-emphasize` and `text-highlight` are for special cases)
+- Apply `uppercase` or `tracking-widest` to Japanese text
+- Apply a gradient to text
+- Build hierarchy from font size alone — use spacing as well

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8ordo/ui",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "k8o's React UI library with built-in generative UI adapters (json-render & OpenUI) for LLM-driven, on-brand interfaces",
   "keywords": [
     "ai",
@@ -26,7 +26,6 @@
     "url": "git+https://github.com/k35o/k8ordo.git"
   },
   "files": [
-    "CHANGELOG.md",
     "dist/**",
     "docs/**"
   ],
@@ -83,24 +82,6 @@
     "access": "public",
     "registry": "https://registry.npmjs.org"
   },
-  "scripts": {
-    "build": "vp pack && pnpm build:css",
-    "build:css": "node scripts/build-css.ts",
-    "generate:tokens": "tailwind-token-extractor src/styles/index.css -o src/styles/tokens.generated.ts",
-    "check:tokens": "tailwind-token-extractor check src/styles/index.css -o src/styles/tokens.generated.ts",
-    "generate:props": "node scripts/extract-props.ts && node scripts/generate-components-md.ts",
-    "check:props": "node scripts/extract-props.ts --check && node scripts/generate-components-md.ts --check",
-    "check:package": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./styles.css ./tailwind.css",
-    "storybook": "storybook dev -p 6006 --no-open",
-    "build-storybook": "storybook build",
-    "test:vrt": "VRT=1 vitest run --project=components",
-    "test": "vitest run",
-    "test:ui": "vitest --ui --coverage",
-    "test:coverage": "vitest run --coverage",
-    "typecheck": "tsc --noEmit",
-    "check": "vp check",
-    "check:write": "vp check --fix"
-  },
   "dependencies": {
     "clsx": "2.1.1",
     "lucide-react": "1.31.0",
@@ -118,29 +99,29 @@
     "@storybook/addon-mcp": "0.7.0",
     "@storybook/addon-vitest": "10.5.8",
     "@storybook/react-vite": "10.5.8",
-    "@tailwindcss/postcss": "catalog:",
-    "@types/react": "catalog:",
-    "@types/react-dom": "catalog:",
-    "@vitejs/plugin-react": "catalog:",
+    "@tailwindcss/postcss": "4.3.3",
+    "@types/react": "19.2.18",
+    "@types/react-dom": "19.2.4",
+    "@vitejs/plugin-react": "6.0.5",
     "@vitest/browser-playwright": "4.1.10",
     "@vitest/coverage-v8": "4.1.10",
     "@vitest/ui": "4.1.10",
     "ai": "7.0.65",
-    "postcss": "catalog:",
+    "postcss": "8.5.26",
     "publint": "0.3.23",
-    "react": "catalog:",
-    "react-dom": "catalog:",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
     "storybook": "10.5.8",
     "storybook-addon-determinism": "0.1.2",
     "storybook-addon-mock-date": "3.1.1",
     "storybook-addon-vrt": "0.4.0",
     "streamdown": "2.5.0",
     "tailwind-token-extractor": "0.2.1",
-    "tailwindcss": "catalog:",
+    "tailwindcss": "4.3.3",
     "typescript": "7.0.2",
-    "vite": "catalog:",
-    "vite-plus": "catalog:",
-    "vitest": "catalog:",
+    "vite": "8.2.1",
+    "vite-plus": "0.2.9",
+    "vitest": "4.1.10",
     "vitest-browser-react": "2.2.0",
     "zod": "4.4.3"
   },
@@ -157,7 +138,7 @@
     "streamdown": ">=2.5.0",
     "tailwindcss": ">=4.3.3",
     "typescript": ">=7.0.2",
-    "zod": ">=4.4.3"
+    "zod": "^4.4.3"
   },
   "peerDependenciesMeta": {
     "@json-render/core": {
@@ -193,5 +174,23 @@
     "zod": {
       "optional": true
     }
+  },
+  "scripts": {
+    "build": "vp pack && pnpm build:css",
+    "build:css": "node scripts/build-css.ts",
+    "generate:tokens": "tailwind-token-extractor src/styles/index.css -o src/styles/tokens.generated.ts",
+    "check:tokens": "tailwind-token-extractor check src/styles/index.css -o src/styles/tokens.generated.ts",
+    "generate:props": "node scripts/extract-props.ts && node scripts/generate-components-md.ts && node scripts/check-helpers-md.ts",
+    "check:props": "node scripts/extract-props.ts --check && node scripts/generate-components-md.ts --check && node scripts/check-helpers-md.ts",
+    "check:package": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./styles.css ./tailwind.css",
+    "storybook": "storybook dev -p 6006 --no-open",
+    "build-storybook": "storybook build",
+    "test:vrt": "VRT=1 vitest run --project=components",
+    "test": "vitest run",
+    "test:ui": "vitest --ui --coverage",
+    "test:coverage": "vitest run --coverage",
+    "typecheck": "tsc --noEmit",
+    "check": "vp check",
+    "check:write": "vp check --fix"
   }
-}
+}

package/dist/hooks/hash/index.d.mts

@@ -1,4 +0,0 @@
-//#region src/hooks/hash/index.d.ts
-declare const useHash: () => string | null;
-//#endregion
-export { useHash };

package/dist/hooks/hash/index.mjs

@@ -1,25 +0,0 @@
-"use client";
-import { useSyncExternalStore } from "react";
-//#region src/hooks/hash/index.ts
-const getHash = () => typeof window === "undefined" ? null : decodeURIComponent(window.location.hash.replace("#", ""));
-const subscribe = (callback) => {
-	const originalPushState = window.history.pushState.bind(window.history);
-	const originalReplaceState = window.history.replaceState.bind(window.history);
-	window.history.pushState = (...args) => {
-		originalPushState(...args);
-		setTimeout(callback);
-	};
-	window.history.replaceState = (...args) => {
-		originalReplaceState(...args);
-		setTimeout(callback);
-	};
-	window.addEventListener("hashchange", callback);
-	return () => {
-		window.removeEventListener("hashchange", callback);
-	};
-};
-const useHash = () => {
-	return useSyncExternalStore(subscribe, () => getHash(), () => null);
-};
-//#endregion
-export { useHash };

package/dist/hooks/local-storage/index.d.mts

@@ -1,4 +0,0 @@
-//#region src/hooks/local-storage/index.d.ts
-declare const useLocalStorage: <T>(key: string, initialValue: T) => readonly [T, (value: T) => void, () => void];
-//#endregion
-export { useLocalStorage };

package/dist/hooks/local-storage/index.mjs

@@ -1,46 +0,0 @@
-"use client";
-import { useCallback, useMemo, useRef, useSyncExternalStore } from "react";
-//#region src/hooks/local-storage/index.ts
-const dispatchStorageEvent = (key, newValue) => window.dispatchEvent(new StorageEvent("storage", {
-	key,
-	newValue
-}));
-const getLocalStorageItem = (key) => window.localStorage.getItem(key);
-const localStorageSubscribe = (cb) => {
-	window.addEventListener("storage", cb);
-	return () => {
-		window.removeEventListener("storage", cb);
-	};
-};
-const useLocalStorage = (key, initialValue) => {
-	const initialValueRef = useRef(initialValue);
-	const getSnapshot = () => getLocalStorageItem(key);
-	const store = useSyncExternalStore(localStorageSubscribe, getSnapshot, () => null);
-	const current = useMemo(() => {
-		try {
-			if (store === null) return initialValueRef.current;
-			return JSON.parse(store);
-		} catch (e) {
-			console.error(e);
-			return initialValueRef.current;
-		}
-	}, [store]);
-	const handleRemove = useCallback(() => {
-		window.localStorage.removeItem(key);
-		dispatchStorageEvent(key, null);
-	}, [key]);
-	return [
-		current,
-		useCallback((value) => {
-			if (value === void 0 || value === null) handleRemove();
-			else {
-				const stringifiedValue = JSON.stringify(value);
-				window.localStorage.setItem(key, stringifiedValue);
-				dispatchStorageEvent(key, stringifiedValue);
-			}
-		}, [key, handleRemove]),
-		handleRemove
-	];
-};
-//#endregion
-export { useLocalStorage };

package/dist/hooks/session-storage/index.d.mts

@@ -1,4 +0,0 @@
-//#region src/hooks/session-storage/index.d.ts
-declare const useSessionStorage: <T>(key: string, initialValue: T) => readonly [T, (value: T) => void, () => void];
-//#endregion
-export { useSessionStorage };