@simplysm/solid 13.0.95 → 13.0.96

package/README.md

@@ -15,7 +15,7 @@ npm install @simplysm/solid
 
 | 카테고리 | 설명 |
 |---------|------|
-| [폼 컨트롤](docs/form-controls.md) | TextInput, NumberInput, Select, Combobox, DatePicker, DateRangePicker, Checkbox, RadioGroup, CheckboxGroup, ColorPicker, RichTextEditor, Numpad, StatePreset 등 |
+| [폼 컨트롤](docs/form-controls.md) | Button, TextInput, NumberInput, Select, Combobox, DatePicker, DateRangePicker, Checkbox, RadioGroup, CheckboxGroup, ColorPicker, RichTextEditor, Numpad, StatePreset 등 |
 | [레이아웃 & 데이터](docs/layout-data.md) | FormGroup, FormTable, Sidebar, Topbar, Table, DataSheet, List, Calendar, Kanban, Pagination 등 |
 | [디스플레이 & 피드백](docs/display-feedback.md) | Card, Alert, Icon, Link, Tag, Barcode, Echarts, Dialog, Dropdown, Collapse, Tabs, Notification, Busy, Progress, Print 등 |
 | [프로바이더 & 훅](docs/providers-hooks.md) | SystemProvider, ThemeProvider, I18nProvider, SharedDataProvider, useDialog, useBusy, useNotification, createAppStructure 등 |
@@ -119,25 +119,38 @@ Tailwind 클래스 프리셋. 테마 일관성을 위해 사용한다.
 import { bg, border, text, pad, gap, themeTokens } from "@simplysm/solid";
 
 // 배경색
-bg.surface   // 흰색 / 다크: base-900
-bg.muted     // base-100 / 다크: base-800
-bg.subtle    // base-200 / 다크: base-700
+bg.surface   // bg-white dark:bg-base-900
+bg.muted     // bg-base-100 dark:bg-base-800
+bg.subtle    // bg-base-200 dark:bg-base-700
 
 // 테두리색
-border.default  // base-200 / 다크: base-700
+border.default  // border-base-200 dark:border-base-700
 
 // 텍스트색
-text.default     // base-900 / 다크: base-100
-text.muted       // base-400 / 다크: base-500
+text.default     // text-base-900 dark:text-base-100
+text.muted       // text-base-400 dark:text-base-500
 text.placeholder // placeholder 전용
 
 // 패딩/갭 프리셋
+pad.xs  // px-1 py-0
+pad.sm  // px-1.5 py-0.5
 pad.md  // px-2 py-1
+pad.lg  // px-3 py-2
+pad.xl  // px-4 py-3
+
+gap.xs  // gap-0
+gap.sm  // gap-0.5
 gap.md  // gap-1
+gap.lg  // gap-1.5
+gap.xl  // gap-2
 
 // 테마 토큰 (semantic theme별 solid/light/text/hoverBg/border)
-themeTokens.primary.solid    // bg-primary-500 text-white
-themeTokens.danger.text      // text-danger-600 dark:text-danger-400
+themeTokens.primary.solid      // bg-primary-500 text-white
+themeTokens.primary.solidHover // hover:bg-primary-600 dark:hover:bg-primary-400
+themeTokens.primary.light      // bg-primary-100 text-primary-900
+themeTokens.primary.text       // text-primary-600 dark:text-primary-400
+themeTokens.primary.hoverBg    // hover:bg-primary-100 dark:hover:bg-primary-800/30
+themeTokens.primary.border     // border-primary-300 dark:border-primary-600
 ```
 
 ### 라이트/다크 테마

package/dist/components/layout/sidebar/Sidebar.d.ts

@@ -31,6 +31,11 @@ export interface SidebarMenuProps extends Omit<JSX.HTMLAttributes<HTMLDivElement
      * Menu items array
      */
     menus: AppMenu[];
+    /**
+     * When true, all nested menu lists are expanded on initial render.
+     * @default false
+     */
+    defaultOpen?: boolean;
 }
 export interface SidebarUserMenu {
     title: string;

package/dist/components/layout/sidebar/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\layout\\sidebar\\Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EACR,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,MAAM,EASZ,MAAM,UAAU,CAAC;AAKlB,OAAO,KAAK,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAK1E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAanE;;;GAGG;AACH,eAAO,MAAM,cAAc,uBAAuB,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;CAC5B;AAID,iBAAS,WAAW,IAAI,mBAAmB,CAM1C;AAED,iBAAS,mBAAmB,IAAI,mBAAmB,GAAG,SAAS,CAE9D;AAED,eAAO,MAAM,UAAU;;CAErB,CAAC;AAMH,MAAM,WAAW,qBAAsB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAiGD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F;;OAEG;IACH,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAmJD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3F;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAElC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;CAC3B;AA2FD,MAAM,WAAW,YAAa,SAAQ,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC;IACnE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AA8DD,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\layout\\sidebar\\Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EACR,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,MAAM,EASZ,MAAM,UAAU,CAAC;AAKlB,OAAO,KAAK,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAK1E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAanE;;;GAGG;AACH,eAAO,MAAM,cAAc,uBAAuB,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;CAC5B;AAID,iBAAS,WAAW,IAAI,mBAAmB,CAM1C;AAED,iBAAS,mBAAmB,IAAI,mBAAmB,GAAG,SAAS,CAE9D;AAED,eAAO,MAAM,UAAU;;CAErB,CAAC;AAMH,MAAM,WAAW,qBAAsB,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAiGD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F;;OAEG;IACH,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAoJD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3F;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAElC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;CAC3B;AA2FD,MAAM,WAAW,YAAa,SAAQ,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC;IACnE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AA8DD,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}

package/dist/components/layout/sidebar/Sidebar.js

@@ -104,7 +104,7 @@ const SidebarContainer = (props) => {
 };
 const MenuContext = createContext();
 const SidebarMenu = (props) => {
-  const [local, rest] = splitProps(props, ["menus", "class"]);
+  const [local, rest] = splitProps(props, ["menus", "class", "defaultOpen"]);
   const location = useLocation();
   const findSelectedPath = (menus, pathname, path = []) => {
     for (const menu of menus) {
@@ -125,8 +125,11 @@ const SidebarMenu = (props) => {
   });
   const getClassName = () => twMerge("flex-1 overflow-y-auto", local.class);
   return _$createComponent(MenuContext.Provider, {
-    value: {
-      initialOpenItems
+    get value() {
+      return {
+        initialOpenItems,
+        defaultOpen: local.defaultOpen ?? false
+      };
     },
     get children() {
       var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild;
@@ -165,7 +168,7 @@ const MenuItem = (props) => {
   };
   const isSelected = () => props.menu.href === location.pathname;
   const shouldBeOpen = () => menuContext.initialOpenItems().has(props.menu);
-  const [open, setOpen] = createSignal(false);
+  const [open, setOpen] = createSignal(menuContext.defaultOpen);
   createEffect(() => {
     if (shouldBeOpen()) {
       setOpen(true);

package/dist/components/layout/sidebar/Sidebar.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/layout/sidebar/Sidebar.tsx"],
-  "mappings": "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",
-  "names": ["createContext", "useContext", "splitProps", "createMemo", "createSignal", "createEffect", "Show", "For", "useBeforeLeave", "useLocation", "useNavigate", "createMediaQuery", "clsx", "twMerge", "IconUser", "bg", "border", "text", "themeTokens", "mergeStyles", "ripple", "Collapse", "Icon", "List", "ListItem", "useI18n", "SM_MEDIA_QUERY", "SidebarContext", "_useSidebar", "context", "Error", "_useSidebarOptional", "useSidebar", "Object", "assign", "optional", "SidebarContainer", "props", "local", "rest", "i18n", "toggle", "setToggle", "isDesktop", "isOpen", "handleBackdropClick", "getPaddingLeft", "undefined", "getClassName", "class", "_$createComponent", "Provider", "value", "children", "_el$", "_tmpl$2", "_$spread", "_$mergeProps", "style", "_$insert", "when", "_$memo", "_el$2", "_tmpl$", "$$keydown", "e", "key", "$$click", "_$effect", "_$setAttribute", "t", "MenuContext", "SidebarMenu", "location", "findSelectedPath", "menus", "pathname", "path", "menu", "currentPath", "href", "found", "initialOpenItems", "selectedPath", "Set", "slice", "_el$3", "_tmpl$3", "_el$4", "firstChild", "inset", "each", "MenuItem", "_$className", "muted", "navigate", "menuContext", "hasChildren", "length", "isExternalLink", "includes", "isSelected", "shouldBeOpen", "has", "open", "setOpen", "handleClick", "v", "window", "selected", "onOpenChange", "onClick", "size", "icon", "_el$5", "_tmpl$4", "title", "Children", "child", "SidebarUser", "hasMenus", "handleMenuClick", "getHeaderClassName", "base", "hoverBg", "getContainerClassName", "_el$6", "_tmpl$7", "_el$7", "_el$8", "_el$9", "_$use", "description", "fallback", "_el$12", "_tmpl$8", "name", "_el$0", "_tmpl$5", "_el$1", "_el$10", "nextSibling", "_el$11", "_tmpl$6", "default", "_p$", "_v$", "_v$2", "SidebarInner", "getTransform", "_el$13", "_tmpl$9", "transform", "inert", "Sidebar", "Container", "Menu", "User", "_$delegateEvents"]
+  "mappings": "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",
+  "names": ["createContext", "useContext", "splitProps", "createMemo", "createSignal", "createEffect", "Show", "For", "useBeforeLeave", "useLocation", "useNavigate", "createMediaQuery", "clsx", "twMerge", "IconUser", "bg", "border", "text", "themeTokens", "mergeStyles", "ripple", "Collapse", "Icon", "List", "ListItem", "useI18n", "SM_MEDIA_QUERY", "SidebarContext", "_useSidebar", "context", "Error", "_useSidebarOptional", "useSidebar", "Object", "assign", "optional", "SidebarContainer", "props", "local", "rest", "i18n", "toggle", "setToggle", "isDesktop", "isOpen", "handleBackdropClick", "getPaddingLeft", "undefined", "getClassName", "class", "_$createComponent", "Provider", "value", "children", "_el$", "_tmpl$2", "_$spread", "_$mergeProps", "style", "_$insert", "when", "_$memo", "_el$2", "_tmpl$", "$$keydown", "e", "key", "$$click", "_$effect", "_$setAttribute", "t", "MenuContext", "SidebarMenu", "location", "findSelectedPath", "menus", "pathname", "path", "menu", "currentPath", "href", "found", "initialOpenItems", "selectedPath", "Set", "slice", "defaultOpen", "_el$3", "_tmpl$3", "_el$4", "firstChild", "inset", "each", "MenuItem", "_$className", "muted", "navigate", "menuContext", "hasChildren", "length", "isExternalLink", "includes", "isSelected", "shouldBeOpen", "has", "open", "setOpen", "handleClick", "v", "window", "selected", "onOpenChange", "onClick", "size", "icon", "_el$5", "_tmpl$4", "title", "Children", "child", "SidebarUser", "hasMenus", "handleMenuClick", "getHeaderClassName", "base", "hoverBg", "getContainerClassName", "_el$6", "_tmpl$7", "_el$7", "_el$8", "_el$9", "_$use", "description", "fallback", "_el$12", "_tmpl$8", "name", "_el$0", "_tmpl$5", "_el$1", "_el$10", "nextSibling", "_el$11", "_tmpl$6", "default", "_p$", "_v$", "_v$2", "SidebarInner", "getTransform", "_el$13", "_tmpl$9", "transform", "inert", "Sidebar", "Container", "Menu", "User", "_$delegateEvents"]
 }

package/docs/display-feedback.md

@@ -2,14 +2,17 @@
 
 ## Card
 
-그림자와 호버 효과가 있는 카드 컨테이너.
+그림자와 호버 효과가 있는 카드 컨테이너. 페이드 인 애니메이션 포함.
 
 ```tsx
 import { Card } from "@simplysm/solid";
 
 <Card>카드 내용</Card>
+<Card class="p-4">커스텀 패딩</Card>
 ```
 
+`<div>` HTML 속성을 모두 상속한다.
+
 ---
 
 ## Alert
@@ -21,8 +24,16 @@ import { Alert } from "@simplysm/solid";
 
 <Alert theme="success">저장되었습니다.</Alert>
 <Alert theme="danger">오류가 발생했습니다.</Alert>
+<Alert theme="warning">주의가 필요합니다.</Alert>
+<Alert theme="info">참고 사항입니다.</Alert>
 ```
 
+| Prop | 타입 | 기본값 | 설명 |
+|------|------|--------|------|
+| `theme` | `SemanticTheme` | `"base"` | 색상 테마 |
+
+`<div>` HTML 속성을 모두 상속한다.
+
 ---
 
 ## Icon
@@ -31,34 +42,82 @@ Tabler Icons 래퍼.
 
 ```tsx
 import { Icon } from "@simplysm/solid";
-import { IconUser } from "@tabler/icons-solidjs";
+import { IconUser, IconSettings } from "@tabler/icons-solidjs";
 
 <Icon icon={IconUser} size="1.5em" />
+<Icon icon={IconSettings} size={24} />
 ```
 
+| Prop | 타입 | 기본값 | 설명 |
+|------|------|--------|------|
+| `icon` | `Component<TablerIconProps>` | (필수) | Tabler 아이콘 컴포넌트 |
+| `size` | `string \| number` | `"1.25em"` | 아이콘 크기 |
+
+Tabler `IconProps`의 나머지 속성(`class`, `color` 등)을 모두 상속한다.
+
 ---
 
-## Link / Tag
+## Link
+
+테마 색상의 링크 컴포넌트.
 
 ```tsx
-import { Link, Tag } from "@simplysm/solid";
+import { Link } from "@simplysm/solid";
 
 <Link href="/users">사용자 목록</Link>
-<Tag>라벨</Tag>
+<Link theme="danger" onClick={handleDelete}>삭제</Link>
+<Link disabled>비활성 링크</Link>
 ```
 
+| Prop | 타입 | 기본값 | 설명 |
+|------|------|--------|------|
+| `theme` | `SemanticTheme` | `"primary"` | 색상 테마 |
+| `disabled` | `boolean` | `false` | 비활성화 |
+
+`<a>` HTML 속성을 모두 상속한다.
+
+---
+
+## Tag
+
+테마 색상의 태그/배지.
+
+```tsx
+import { Tag } from "@simplysm/solid";
+
+<Tag>기본</Tag>
+<Tag theme="primary">Primary</Tag>
+<Tag theme="success">완료</Tag>
+<Tag theme="danger">긴급</Tag>
+```
+
+| Prop | 타입 | 기본값 | 설명 |
+|------|------|--------|------|
+| `theme` | `SemanticTheme` | `"base"` | 색상 테마 |
+
+`<span>` HTML 속성을 모두 상속한다.
+
 ---
 
 ## Barcode
 
-바코드/QR 코드 생성.
+바코드/QR 코드 생성 (bwip-js 기반).
 
 ```tsx
 import { Barcode } from "@simplysm/solid";
 
-<Barcode value="1234567890" />
+<Barcode type="qrcode" value="https://example.com" />
+<Barcode type="code128" value="1234567890" />
+<Barcode type="ean13" value="4006381333931" />
 ```
 
+| Prop | 타입 | 설명 |
+|------|------|------|
+| `type` | `BarcodeType` | 바코드 타입 (필수). `"qrcode"`, `"code128"`, `"ean13"` 등 100+ 타입 |
+| `value` | `string` | 바코드 값 |
+
+`<div>` HTML 속성을 모두 상속한다.
+
 ---
 
 ## Echarts
@@ -78,6 +137,13 @@ import { Echarts } from "@simplysm/solid";
 />
 ```
 
+| Prop | 타입 | 설명 |
+|------|------|------|
+| `option` | `EChartsOption` | ECharts 옵션 (필수) |
+| `busy` | `boolean` | 로딩 상태 (`showLoading`/`hideLoading`) |
+
+`<div>` HTML 속성을 모두 상속한다. 내부적으로 SVG 렌더러를 사용하며, 컨테이너 크기 변경 시 자동 리사이즈한다.
+
 ---
 
 ## Dialog
@@ -96,16 +162,24 @@ import { Dialog } from "@simplysm/solid";
 </Dialog>
 ```
 
-| Prop | 타입 | 설명 |
-|------|------|------|
-| `open` | `boolean` | 열림 상태 |
-| `onOpenChange` | `(v: boolean) => void` | 상태 콜백 |
-| `mode` | `"float" \| "fill"` | 모드 |
-| `resizable` | `boolean` | 리사이즈 가능 |
-| `draggable` | `boolean` | 드래그 가능 |
-| `width`, `height` | `string` | 크기 |
-| `closeOnEscape` | `boolean` | ESC 닫기 |
-| `beforeClose` | `() => boolean` | 닫기 확인 |
+| Prop | 타입 | 기본값 | 설명 |
+|------|------|--------|------|
+| `open` | `boolean` | | 열림 상태 |
+| `onOpenChange` | `(v: boolean) => void` | | 상태 콜백 |
+| `mode` | `"float" \| "fill"` | `"float"` | 모드 |
+| `resizable` | `boolean` | `false` | 리사이즈 가능 |
+| `draggable` | `boolean` | `false` | 드래그 가능 |
+| `width` | `string` | | 너비 |
+| `height` | `string` | | 높이 |
+| `closeOnEscape` | `boolean` | `true` | ESC 닫기 |
+| `beforeClose` | `() => boolean` | | 닫기 전 확인 (false 반환 시 취소) |
+
+### 서브 컴포넌트
+
+| 컴포넌트 | 설명 |
+|----------|------|
+| `Dialog.Header` | 다이얼로그 헤더 (닫기 버튼 포함) |
+| `Dialog.Action` | 하단 액션 영역 |
 
 ### 프로그래밍 방식 다이얼로그
 
@@ -139,6 +213,22 @@ import { Dropdown } from "@simplysm/solid";
 </Dropdown>
 ```
 
+| Prop | 타입 | 기본값 | 설명 |
+|------|------|--------|------|
+| `open` | `boolean` | | 열림 상태 |
+| `onOpenChange` | `(v: boolean) => void` | | 상태 콜백 |
+| `position` | `{ x: number; y: number }` | | 절대 위치 (컨텍스트 메뉴용) |
+| `maxHeight` | `number` | `300` | 최대 높이 (px) |
+| `disabled` | `boolean` | `false` | 비활성화 |
+| `keyboardNav` | `boolean` | `false` | 키보드 네비게이션 (Select 등에서 사용) |
+
+### 서브 컴포넌트
+
+| 컴포넌트 | 설명 |
+|----------|------|
+| `Dropdown.Trigger` | 드롭다운 트리거 |
+| `Dropdown.Content` | 드롭다운 콘텐츠 |
+
 ---
 
 ## Collapse
@@ -148,11 +238,20 @@ import { Dropdown } from "@simplysm/solid";
 ```tsx
 import { Collapse } from "@simplysm/solid";
 
+<Button aria-expanded={expanded()} onClick={() => setExpanded(!expanded())}>
+  토글
+</Button>
 <Collapse open={expanded()}>
   <div>접힌 내용</div>
 </Collapse>
 ```
 
+| Prop | 타입 | 기본값 | 설명 |
+|------|------|--------|------|
+| `open` | `boolean` | `false` | 열림 상태 |
+
+`<div>` HTML 속성을 모두 상속한다. 높이 애니메이션이 자동 적용된다.
+
 ---
 
 ## Tabs
@@ -168,6 +267,17 @@ import { Tabs } from "@simplysm/solid";
 </Tabs>
 ```
 
+| Prop (Tabs) | 타입 | 설명 |
+|------------|------|------|
+| `value` | `string` | 선택된 탭 값 |
+| `onValueChange` | `(v: string) => void` | 변경 콜백 |
+| `size` | `ComponentSize` | 크기 |
+
+| Prop (Tabs.Tab) | 타입 | 설명 |
+|-----------------|------|------|
+| `value` | `string` | 탭 식별 값 |
+| `disabled` | `boolean` | 비활성화 |
+
 ---
 
 ## Notification
@@ -259,8 +369,23 @@ busy.hide();
 import { Progress } from "@simplysm/solid";
 
 <Progress value={progress()} />
+<Progress value={75} theme="success" />
+
+// 커스텀 콘텐츠
+<Progress value={50} theme="primary" size="lg">
+  <span>50% 완료</span>
+</Progress>
 ```
 
+| Prop | 타입 | 기본값 | 설명 |
+|------|------|--------|------|
+| `value` | `number` | (필수) | 진행률 (0-100) |
+| `theme` | `SemanticTheme` | `"primary"` | 색상 테마 |
+| `size` | `ComponentSize` | `"md"` | 크기 |
+| `inset` | `boolean` | `false` | 테두리 없음 |
+
+`<div>` HTML 속성을 모두 상속한다. children이 있으면 퍼센트 텍스트 대신 커스텀 콘텐츠를 표시한다.
+
 ---
 
 ## Print

package/docs/features.md

@@ -358,6 +358,46 @@ function UserDetail(props: { close?: (result?: boolean) => void; userId: number
 const result = await dialog.open(UserDetail, { userId: 123 });
 ```
 
+### CrudDetail Props
+
+| Prop | 타입 | 설명 |
+|------|------|------|
+| `load` | `() => Promise<{ data: TData; info: CrudDetailInfo }>` | 데이터 로드 함수 (필수) |
+| `children` | `(ctx: CrudDetailContext<TData>) => JSX.Element` | 폼 렌더링 (필수) |
+| `submit` | `(data: TData) => Promise<boolean \| undefined>` | 저장 함수 |
+| `toggleDelete` | `(del: boolean) => Promise<boolean \| undefined>` | 삭제/복원 토글 |
+| `editable` | `boolean` | 편집 가능 여부 |
+| `deletable` | `boolean` | 삭제 가능 여부 |
+| `data` | `TData` | 제어 모드: 외부 데이터 |
+| `onDataChange` | `(data: TData) => void` | 제어 모드: 데이터 변경 콜백 |
+| `close` | `(result?: boolean) => void` | Dialog 모드 활성화 |
+| `class` | `string` | CSS 클래스 |
+
+### CrudDetailInfo
+
+```typescript
+interface CrudDetailInfo {
+  isNew: boolean;           // 신규 레코드 여부
+  isDeleted: boolean;       // 삭제 상태
+  lastModifiedAt?: DateTime; // 최종 수정 일시
+  lastModifiedBy?: string;  // 최종 수정자
+}
+```
+
+### CrudDetailContext
+
+```typescript
+interface CrudDetailContext<TData> {
+  data: TData;                        // 현재 데이터 (store)
+  setData: SetStoreFunction<TData>;   // 데이터 수정 (SolidJS store setter)
+  info: () => CrudDetailInfo;         // 상세 정보
+  busy: () => boolean;                // 로딩 중 여부
+  hasChanges: () => boolean;          // 변경사항 존재 여부
+  save: () => Promise<void>;          // 저장 실행
+  refresh: () => Promise<void>;       // 데이터 새로고침
+}
+```
+
 ### CrudDetail 서브 컴포넌트
 
 | 컴포넌트 | 설명 |

package/docs/form-controls.md

@@ -14,12 +14,14 @@ import { Button } from "@simplysm/solid";
 
 | Prop | 타입 | 기본값 | 설명 |
 |------|------|--------|------|
-| `theme` | `"base" \| "primary" \| "success" \| "warning" \| "danger"` | `"base"` | 색상 테마 |
-| `variant` | `"solid" \| "outline" \| "ghost"` | `"solid"` | 스타일 변형 |
+| `theme` | `SemanticTheme` | `"base"` | 색상 테마 |
+| `variant` | `"solid" \| "outline" \| "ghost"` | `"outline"` | 스타일 변형 |
 | `size` | `ComponentSize` | `"md"` | 크기 |
-| `inset` | `boolean` | `false` | 테두리 없음 |
+| `inset` | `boolean` | `false` | 테두리/라운드 없음 |
 | `disabled` | `boolean` | `false` | 비활성화 |
 
+`<button>` HTML 속성을 모두 상속한다. `type` 기본값은 `"button"`.
+
 ---
 
 ## TextInput
@@ -39,40 +41,97 @@ import { TextInput } from "@simplysm/solid";
 |------|------|------|
 | `value` | `string` | 값 |
 | `onValueChange` | `(v: string) => void` | 변경 콜백 |
-| `type` | `"text" \| "password" \| "email"` | 입력 타입 |
+| `type` | `"text" \| "password" \| "email"` | 입력 타입 (기본: `"text"`) |
 | `format` | `string` | 형식 마스크 (예: `"XXX-XXXX-XXXX"`) |
-| `size`, `inset`, `disabled`, `readOnly`, `required` | | 공통 |
-| `minLength`, `maxLength`, `pattern` | | 유효성 |
-| `validate` | `(v: string) => string \| undefined` | 커스텀 유효성 |
+| `placeholder` | `string` | 플레이스홀더 |
+| `title` | `string` | 툴팁 |
+| `autocomplete` | `string` | autocomplete 속성 (기본: `"one-time-code"`) |
+| `size` | `ComponentSize` | 크기 |
+| `inset` | `boolean` | 테두리 없음 |
+| `disabled` | `boolean` | 비활성화 |
+| `readOnly` | `boolean` | 읽기 전용 |
+| `required` | `boolean` | 필수 입력 |
+| `minLength` | `number` | 최소 길이 |
+| `maxLength` | `number` | 최대 길이 |
+| `pattern` | `string \| RegExp` | 입력 패턴 (정규식) |
+| `validate` | `(v: string) => string \| undefined` | 커스텀 유효성 검증 |
 | `lazyValidation` | `boolean` | blur 시 검증 |
 
+### 서브 컴포넌트
+
+| 컴포넌트 | 설명 |
+|----------|------|
+| `TextInput.Prefix` | 입력 필드 앞에 표시할 접두사 슬롯 |
+
 ---
 
 ## NumberInput
 
 ```tsx
+import { NumberInput } from "@simplysm/solid";
+
 <NumberInput value={amount()} onValueChange={setAmount} min={0} max={100} />
 <NumberInput value={price()} onValueChange={setPrice} useGrouping minimumFractionDigits={2} />
+
+// 접두사 슬롯
+<NumberInput value={price()} onValueChange={setPrice}>
+  <NumberInput.Prefix>$</NumberInput.Prefix>
+</NumberInput>
 ```
 
 | Prop | 타입 | 설명 |
 |------|------|------|
 | `value` | `number` | 값 |
 | `onValueChange` | `(v: number \| undefined) => void` | 변경 콜백 |
-| `useGrouping` | `boolean` | 천단위 구분자 (기본: true) |
+| `useGrouping` | `boolean` | 천단위 구분자 (기본: `true`) |
 | `minimumFractionDigits` | `number` | 최소 소수점 자릿수 |
-| `min`, `max` | `number` | 범위 |
+| `placeholder` | `string` | 플레이스홀더 |
+| `title` | `string` | 툴팁 |
+| `size` | `ComponentSize` | 크기 |
+| `inset` | `boolean` | 테두리 없음 |
+| `disabled` | `boolean` | 비활성화 |
+| `readOnly` | `boolean` | 읽기 전용 |
+| `required` | `boolean` | 필수 입력 |
+| `min` | `number` | 최솟값 |
+| `max` | `number` | 최댓값 |
+| `validate` | `(v: number \| undefined) => string \| undefined` | 커스텀 유효성 검증 |
+| `lazyValidation` | `boolean` | blur 시 검증 |
+
+### 서브 컴포넌트
+
+| 컴포넌트 | 설명 |
+|----------|------|
+| `NumberInput.Prefix` | 입력 필드 앞에 표시할 접두사 슬롯 |
 
 ---
 
 ## Textarea
 
 ```tsx
+import { Textarea } from "@simplysm/solid";
+
 <Textarea value={memo()} onValueChange={setMemo} minRows={3} />
 ```
 
 Alt+Enter로 줄바꿈. `minRows`로 최소 높이 설정.
 
+| Prop | 타입 | 설명 |
+|------|------|------|
+| `value` | `string` | 값 |
+| `onValueChange` | `(v: string) => void` | 변경 콜백 |
+| `placeholder` | `string` | 플레이스홀더 |
+| `title` | `string` | 툴팁 |
+| `minRows` | `number` | 최소 행 수 (기본: `1`) |
+| `size` | `ComponentSize` | 크기 |
+| `inset` | `boolean` | 테두리 없음 |
+| `disabled` | `boolean` | 비활성화 |
+| `readOnly` | `boolean` | 읽기 전용 |
+| `required` | `boolean` | 필수 입력 |
+| `minLength` | `number` | 최소 길이 |
+| `maxLength` | `number` | 최대 길이 |
+| `validate` | `(v: string) => string \| undefined` | 커스텀 유효성 검증 |
+| `lazyValidation` | `boolean` | blur 시 검증 |
+
 ---
 
 ## DatePicker
@@ -87,29 +146,65 @@ import { DatePicker } from "@simplysm/solid";
 
 | Prop | 타입 | 설명 |
 |------|------|------|
-| `value` | `DateOnly` | 값 |
+| `value` | `DateOnly` | 값 (`@simplysm/core-common`의 `DateOnly`) |
 | `onValueChange` | `(v: DateOnly \| undefined) => void` | 변경 콜백 |
 | `unit` | `"year" \| "month" \| "date"` | 선택 단위 (기본: `"date"`) |
-| `min`, `max` | `DateOnly` | 범위 제한 |
+| `min` | `DateOnly` | 최소 날짜 |
+| `max` | `DateOnly` | 최대 날짜 |
+| `title` | `string` | 툴팁 |
+| `size` | `ComponentSize` | 크기 |
+| `inset` | `boolean` | 테두리 없음 |
+| `disabled` | `boolean` | 비활성화 |
+| `readOnly` | `boolean` | 읽기 전용 |
+| `required` | `boolean` | 필수 입력 |
+| `validate` | `(v: DateOnly \| undefined) => string \| undefined` | 커스텀 유효성 검증 |
+| `lazyValidation` | `boolean` | blur 시 검증 |
 
 ---
 
 ## DateTimePicker
 
 ```tsx
+import { DateTimePicker } from "@simplysm/solid";
+
 <DateTimePicker value={dt()} onValueChange={setDt} unit="minute" />
 ```
 
-`unit`: `"minute"` (기본) 또는 `"second"`
+| Prop | 타입 | 설명 |
+|------|------|------|
+| `value` | `DateTime` | 값 (`@simplysm/core-common`의 `DateTime`) |
+| `onValueChange` | `(v: DateTime \| undefined) => void` | 변경 콜백 |
+| `unit` | `"minute" \| "second"` | 시간 단위 (기본: `"minute"`) |
+| `min` | `DateTime` | 최소 일시 |
+| `max` | `DateTime` | 최대 일시 |
+| `title` | `string` | 툴팁 |
+| `size`, `inset`, `disabled`, `readOnly`, `required` | | 공통 |
+| `validate` | `(v: DateTime \| undefined) => string \| undefined` | 커스텀 유효성 검증 |
+| `lazyValidation` | `boolean` | blur 시 검증 |
 
 ---
 
 ## TimePicker
 
 ```tsx
+import { TimePicker } from "@simplysm/solid";
+
 <TimePicker value={time()} onValueChange={setTime} />
+<TimePicker value={time()} onValueChange={setTime} unit="second" />
 ```
 
+| Prop | 타입 | 설명 |
+|------|------|------|
+| `value` | `Time` | 값 (`@simplysm/core-common`의 `Time`) |
+| `onValueChange` | `(v: Time \| undefined) => void` | 변경 콜백 |
+| `unit` | `"minute" \| "second"` | 시간 단위 (기본: `"minute"`) |
+| `min` | `Time` | 최소 시간 |
+| `max` | `Time` | 최대 시간 |
+| `title` | `string` | 툴팁 |
+| `size`, `inset`, `disabled`, `readOnly`, `required` | | 공통 |
+| `validate` | `(v: Time \| undefined) => string \| undefined` | 커스텀 유효성 검증 |
+| `lazyValidation` | `boolean` | blur 시 검증 |
+
 ---
 
 ## DateRangePicker
@@ -153,6 +248,8 @@ const [to, setTo] = createSignal<DateOnly>();
 ## Checkbox / Radio
 
 ```tsx
+import { Checkbox, Radio, RadioGroup } from "@simplysm/solid";
+
 <Checkbox checked={active()} onCheckedChange={setActive}>활성</Checkbox>
 <Checkbox checked={agreed()} onCheckedChange={setAgreed} required>약관 동의</Checkbox>
 
@@ -162,6 +259,32 @@ const [to, setTo] = createSignal<DateOnly>();
 </RadioGroup>
 ```
 
+### Checkbox Props
+
+| Prop | 타입 | 설명 |
+|------|------|------|
+| `checked` | `boolean` | 체크 상태 |
+| `onCheckedChange` | `(v: boolean) => void` | 변경 콜백 |
+| `disabled` | `boolean` | 비활성화 |
+| `size` | `ComponentSize` | 크기 |
+| `inset` | `boolean` | 테두리 없음 |
+| `inline` | `boolean` | 인라인 배치 |
+| `required` | `boolean` | 필수 체크 |
+| `validate` | `(v: boolean) => string \| undefined` | 커스텀 유효성 검증 |
+| `lazyValidation` | `boolean` | blur 시 검증 |
+
+### RadioGroup Props
+
+| Prop | 타입 | 설명 |
+|------|------|------|
+| `value` | `TValue` | 선택 값 |
+| `onValueChange` | `(v: TValue) => void` | 변경 콜백 |
+| `disabled` | `boolean` | 비활성화 |
+| `inline` | `boolean` | 가로 배치 |
+| `inset` | `boolean` | 테두리 없음 |
+| `required` | `boolean` | 필수 선택 |
+| `validate` | `(v: TValue \| undefined) => string \| undefined` | 커스텀 유효성 검증 |
+
 ---
 
 ## CheckboxGroup
@@ -188,13 +311,15 @@ const [selectedTags, setSelectedTags] = createSignal<string[]>([]);
 | `inline` | `boolean` | 가로 배치 |
 | `inset` | `boolean` | 테두리 없음 |
 | `required` | `boolean` | 최소 1개 선택 필수 |
-| `validate` | `(v: TValue[]) => string \| undefined` | 커스텀 유효성 |
+| `validate` | `(v: TValue[]) => string \| undefined` | 커스텀 유효성 검증 |
 
 ---
 
 ## Select
 
 ```tsx
+import { Select } from "@simplysm/solid";
+
 // 단일 선택 (items 모드)
 <Select
   value={selected()}
@@ -224,10 +349,9 @@ const [selectedTags, setSelectedTags] = createSignal<string[]>([]);
 />
 
 // Children 모드
-<Select value={v()} onValueChange={setV}>
+<Select value={v()} onValueChange={setV} renderValue={(v) => <span>{v}</span>}>
   <Select.Item value="a">옵션 A</Select.Item>
   <Select.Item value="b">옵션 B</Select.Item>
-  <Select.Header>그룹 헤더</Select.Header>
 </Select>
 
 // ItemTemplate (items 모드에서 드롭다운 렌더링 커스터마이징)
@@ -237,7 +361,13 @@ const [selectedTags, setSelectedTags] = createSignal<string[]>([]);
   </Select.ItemTemplate>
 </Select>
 
-// Action (드롭다운 하단 커스텀 액션)
+// Header (드롭다운 상단 커스텀 영역)
+<Select value={v()} onValueChange={setV} renderValue={(v) => <span>{v}</span>}>
+  <Select.Header><div>그룹 헤더</div></Select.Header>
+  <Select.Item value="a">옵션 A</Select.Item>
+</Select>
+
+// Action (트리거 옆 커스텀 액션 버튼)
 <Select items={users} renderValue={(u) => <span>{u.name}</span>}>
   <Select.Action onClick={handleSearch}>
     <Icon icon={IconSearch} />
@@ -245,18 +375,58 @@ const [selectedTags, setSelectedTags] = createSignal<string[]>([]);
 </Select>
 ```
 
+### Select Props
+
+| Prop | 타입 | 설명 |
+|------|------|------|
+| `value` | `TValue \| TValue[]` | 선택 값 (multiple 시 배열) |
+| `onValueChange` | `(v) => void` | 변경 콜백 |
+| `multiple` | `boolean` | 다중 선택 모드 |
+| `items` | `TValue[]` | 아이템 배열 (items 모드) |
+| `itemChildren` | `(item, index, depth) => TValue[] \| undefined` | 트리 자식 접근자 |
+| `renderValue` | `(v: TValue) => JSX.Element` | 선택된 값 렌더링 |
+| `itemSearchText` | `(item: TValue) => string` | 검색 텍스트 추출 (설정 시 검색 입력 표시) |
+| `isItemHidden` | `(item: TValue) => boolean` | 아이템 숨김 여부 |
+| `tagDirection` | `"horizontal" \| "vertical"` | 다중 선택 태그 방향 |
+| `hideSelectAll` | `boolean` | 전체 선택 버튼 숨김 (다중 선택) |
+| `placeholder` | `string` | 플레이스홀더 |
+| `size` | `ComponentSize` | 크기 |
+| `inset` | `boolean` | 테두리 없음 |
+| `disabled` | `boolean` | 비활성화 |
+| `required` | `boolean` | 필수 선택 |
+| `validate` | `(v: unknown) => string \| undefined` | 커스텀 유효성 검증 |
+| `lazyValidation` | `boolean` | blur 시 검증 |
+
+### 서브 컴포넌트
+
+| 컴포넌트 | 설명 |
+|----------|------|
+| `Select.Item` | 드롭다운 선택 항목. props: `value`, `disabled` |
+| `Select.Item.Children` | 중첩 아이템 슬롯 (트리 구조) |
+| `Select.ItemTemplate` | items 모드에서 드롭다운 아이템 렌더링 커스터마이징 |
+| `Select.Header` | 드롭다운 상단 커스텀 영역 |
+| `Select.Action` | 트리거 옆 커스텀 액션 버튼 |
+
 ---
 
 ## Combobox
 
+비동기 검색 기반 자동완성 컴포넌트.
+
 ```tsx
+import { Combobox } from "@simplysm/solid";
+
 <Combobox
   value={user()}
   onValueChange={setUser}
   loadItems={async (query) => await searchUsers(query)}
   renderValue={(u) => <span>{u.name}</span>}
   debounceMs={300}
-/>
+>
+  <Combobox.ItemTemplate>
+    {(item) => <span>{item.name} ({item.email})</span>}
+  </Combobox.ItemTemplate>
+</Combobox>
 
 // 커스텀 값 허용
 <Combobox
@@ -265,13 +435,48 @@ const [selectedTags, setSelectedTags] = createSignal<string[]>([]);
   loadItems={loadItems}
   renderValue={(v) => <span>{v.name}</span>}
 />
+
+// Children 모드
+<Combobox loadItems={loadItems} renderValue={(v) => v.name}>
+  <For each={items()}>
+    {(item) => <Combobox.Item value={item}>{item.name}</Combobox.Item>}
+  </For>
+</Combobox>
 ```
 
+### Combobox Props
+
+| Prop | 타입 | 설명 |
+|------|------|------|
+| `value` | `TValue` | 선택 값 |
+| `onValueChange` | `(v: TValue) => void` | 변경 콜백 |
+| `loadItems` | `(query: string) => TValue[] \| Promise<TValue[]>` | 아이템 검색 함수 (필수) |
+| `renderValue` | `(v: TValue) => JSX.Element` | 선택된 값 렌더링 (필수) |
+| `debounceMs` | `number` | 검색 디바운스 (기본: `300`) |
+| `allowsCustomValue` | `boolean` | 커스텀 값 입력 허용 |
+| `parseCustomValue` | `(text: string) => TValue` | 텍스트를 값으로 변환 |
+| `placeholder` | `string` | 플레이스홀더 |
+| `size` | `ComponentSize` | 크기 |
+| `inset` | `boolean` | 테두리 없음 |
+| `disabled` | `boolean` | 비활성화 |
+| `required` | `boolean` | 필수 선택 |
+| `validate` | `(v: TValue \| undefined) => string \| undefined` | 커스텀 유효성 검증 |
+| `lazyValidation` | `boolean` | blur 시 검증 |
+
+### 서브 컴포넌트
+
+| 컴포넌트 | 설명 |
+|----------|------|
+| `Combobox.Item` | 드롭다운 선택 항목. props: `value`, `disabled` |
+| `Combobox.ItemTemplate` | 아이템 렌더링 커스터마이징 |
+
 ---
 
 ## ColorPicker
 
 ```tsx
+import { ColorPicker } from "@simplysm/solid";
+
 <ColorPicker value={color()} onValueChange={setColor} />
 // value: "#RRGGBB" 형식
 ```
@@ -283,6 +488,8 @@ const [selectedTags, setSelectedTags] = createSignal<string[]>([]);
 Tiptap 기반 리치 텍스트 에디터. 서식, 텍스트 스타일, 정렬, 테이블, 이미지, 하이라이트 도구 포함.
 
 ```tsx
+import { RichTextEditor } from "@simplysm/solid";
+
 <RichTextEditor value={html()} onValueChange={setHtml} />
 ```
 
@@ -356,6 +563,8 @@ const [filterState, setFilterState] = createSignal({ status: "active", keyword:
 라이트/다크/시스템 모드 전환 버튼.
 
 ```tsx
+import { ThemeToggle } from "@simplysm/solid";
+
 <ThemeToggle />
 ```
 

package/docs/layout-data.md

@@ -96,6 +96,12 @@ sidebar.setToggle(true);  // 열기/닫기 토글
 - `toggle=false` (기본): 데스크탑(640px+)에서 열림, 모바일(640px-)에서 닫힘
 - `toggle=true`: 데스크탑에서 닫힘, 모바일에서 오버레이로 열림
 
+하위 메뉴 기본 펼침:
+```tsx
+<Sidebar.Menu menus={menus} defaultOpen />
+```
+- `defaultOpen`: 모든 하위 메뉴를 처음부터 펼친 상태로 렌더링한다. 기본값 `false`.
+
 ---
 
 ## Topbar

package/docs/providers-hooks.md

@@ -38,14 +38,23 @@ const theme = useTheme();
 theme.mode();           // "light" | "dark" | "system"
 theme.resolvedTheme();  // "light" | "dark" (OS 설정 반영)
 theme.setMode("dark");
-theme.cycleMode();      // light → system → dark → light
+theme.cycleMode();      // light -> system -> dark -> light
 ```
 
+### useTheme 반환 타입
+
+| 속성 | 타입 | 설명 |
+|------|------|------|
+| `mode()` | `ThemeMode` | 현재 테마 모드 (`"light" \| "dark" \| "system"`) |
+| `setMode(mode)` | `(mode: ThemeMode) => void` | 테마 모드 설정 |
+| `resolvedTheme()` | `ResolvedTheme` | 실제 적용된 테마 (`"light" \| "dark"`) |
+| `cycleMode()` | `() => void` | 다음 모드로 순환 |
+
 ---
 
 ## I18nProvider
 
-다국어 지원. 한국어(ko), 영어(en) 내장.
+다국어 지원. 한국어(ko), 영어(en) 내장. 브라우저 언어 자동 감지.
 
 ```tsx
 import { I18nProvider, useI18n } from "@simplysm/solid";
@@ -70,6 +79,15 @@ i18n.configure({
 });
 ```
 
+### useI18n 반환 타입
+
+| 속성 | 타입 | 설명 |
+|------|------|------|
+| `t(key, params?)` | `(key: string, params?: Record<string, string>) => string` | 번역 조회 |
+| `locale()` | `Accessor<string>` | 현재 로케일 |
+| `setLocale(locale)` | `(locale: string) => void` | 로케일 변경 |
+| `configure(options)` | `(options: I18nConfigureOptions) => void` | 사전 확장/설정 |
+
 ---
 
 ## SharedDataProvider
@@ -159,41 +177,111 @@ await sharedData.wait();
 
 ### createControllableSignal
 
-제어/비제어 컴포넌트 패턴 구현.
+제어/비제어 컴포넌트 패턴 구현. `onChange`가 제공되면 제어 모드, 없으면 비제어 모드.
 
 ```typescript
 import { createControllableSignal } from "@simplysm/solid";
 
 const [value, setValue] = createControllableSignal({
-  value: () => props.value,
+  value: () => props.value ?? "",
   onChange: () => props.onValueChange,
 });
+
+// 함수형 setter 지원
+setValue((prev) => prev + "!");
+```
+
+```typescript
+// 시그니처
+function createControllableSignal<TValue>(options: {
+  value: Accessor<TValue>;
+  onChange: Accessor<((value: TValue) => void) | undefined>;
+}): [Accessor<TValue>, (newValue: TValue | ((prev: TValue) => TValue)) => TValue];
 ```
 
 ### createControllableStore
 
-객체 상태용 제어/비제어 패턴.
+객체 상태용 제어/비제어 패턴. SolidJS store 기반.
+
+```typescript
+import { createControllableStore } from "@simplysm/solid";
+
+const [items, setItems] = createControllableStore<Item[]>({
+  value: () => props.items ?? [],
+  onChange: () => props.onItemsChange,
+});
+
+// SetStoreFunction 오버로드 모두 지원
+setItems(0, "name", "Alice");
+setItems(reconcile(newItems));
+```
+
+```typescript
+// 시그니처
+function createControllableStore<TValue extends object>(options: {
+  value: () => TValue;
+  onChange: () => ((value: TValue) => void) | undefined;
+}): [TValue, SetStoreFunction<TValue>];
+```
 
 ### createIMEHandler
 
-IME(한글 등) 입력 처리.
+IME(한글 등) 입력 처리. 조합 중 DOM 재생성을 방지한다.
+
+```typescript
+import { createIMEHandler } from "@simplysm/solid";
+
+const ime = createIMEHandler((value) => setValue(value));
+
+// 이벤트 핸들러
+onCompositionStart={ime.handleCompositionStart}
+onInput={(e) => ime.handleInput(e.currentTarget.value, e.isComposing)}
+onCompositionEnd={(e) => ime.handleCompositionEnd(e.currentTarget.value)}
+
+// 조합 중 값 (display 용)
+ime.composingValue()
+
+// 조합 강제 완료
+ime.flushComposition()
+```
+
+### createMountTransition
+
+마운트/언마운트 시 애니메이션 상태를 관리한다.
 
 ```typescript
-const ime = createIMEHandler();
-// ime.handleCompositionStart()
-// ime.handleCompositionEnd()
-// ime.handleInput()
-// ime.composingValue()
+import { createMountTransition } from "@simplysm/solid";
+
+const { mounted, animating, unmount } = createMountTransition(() => isVisible());
+
+// mounted: DOM에 마운트 여부
+// animating: 진입/퇴장 애니메이션 중 여부
+// unmount: 언마운트 트리거
 ```
 
 ### useLocalStorage
 
-반응형 localStorage.
+반응형 localStorage. `ConfigProvider`의 `clientName`을 키 접두사로 사용한다.
 
 ```typescript
 import { useLocalStorage } from "@simplysm/solid";
 
-const [theme, setTheme] = useLocalStorage("theme", "light");
+const [token, setToken] = useLocalStorage<string>("auth-token");
+
+setToken("abc123");     // 저장
+token();                // "abc123"
+setToken(undefined);    // 삭제
+
+// 함수형 setter
+setToken((prev) => prev ? prev + "-updated" : "new-token");
+```
+
+```typescript
+// 시그니처
+function useLocalStorage<TValue>(
+  key: string,
+  initialValue?: TValue,
+): [Accessor<TValue | undefined>, StorageSetter<TValue>];
 ```
 
 ### useSyncConfig
@@ -201,30 +289,28 @@ const [theme, setTheme] = useLocalStorage("theme", "light");
 클라이언트명 접두사 붙은 localStorage 동기화.
 
 ```typescript
+import { useSyncConfig } from "@simplysm/solid";
+
 const [config, setConfig] = useSyncConfig("my-setting", defaultValue);
 ```
 
 ### useLogger
 
 ```typescript
+import { useLogger } from "@simplysm/solid";
+
 const logger = useLogger();
 ```
 
 ### useRouterLink
 
 ```typescript
+import { useRouterLink } from "@simplysm/solid";
+
 const navigate = useRouterLink();
 navigate("/users");
 ```
 
-### createMountTransition
-
-마운트 애니메이션 상태 관리.
-
-```typescript
-const { mounted, animating, unmount } = createMountTransition(() => isVisible());
-```
-
 ---
 
 ## createAppStructure
@@ -287,6 +373,33 @@ app.perms;              // 타입 안전한 권한 객체 (app.perms.admin.users
 app.getTitleChainByHref("/admin/users");  // ["관리", "사용자 관리"]
 ```
 
+### AppStructureItem 타입
+
+```typescript
+// 그룹 항목 (children 보유)
+interface AppStructureGroupItem<TModule> {
+  code: string;
+  title: string;
+  icon?: Component<IconProps>;
+  modules?: TModule[];
+  requiredModules?: TModule[];
+  children: AppStructureItem<TModule>[];
+}
+
+// 리프 항목 (페이지 컴포넌트)
+interface AppStructureLeafItem<TModule> {
+  code: string;
+  title: string;
+  icon?: Component<IconProps>;
+  modules?: TModule[];
+  requiredModules?: TModule[];
+  component?: Component;
+  perms?: ("use" | "edit")[];
+  subPerms?: AppStructureSubPerm<TModule>[];
+  isNotMenu?: boolean;
+}
+```
+
 ### AppStructure 반환 타입
 
 | 속성 | 타입 | 설명 |
@@ -355,14 +468,19 @@ themeTokens.primary.border     // border-primary-300 ...
 
 ### ripple
 
-Material Design 스타일 리플 효과.
+Material Design 스타일 리플 효과. 포인터 다운 시 클릭 위치에서 원형 리플이 확산된다.
 
 ```tsx
 import { ripple } from "@simplysm/solid";
+void ripple; // TypeScript directive 등록
 
-<button use:ripple>클릭</button>
+<button use:ripple={!props.disabled}>클릭</button>
 ```
 
+- `prefers-reduced-motion: reduce` 설정 시 리플 비활성화
+- 내부적으로 `overflow: hidden` 컨테이너를 생성하여 부모 요소에 영향 없음
+- `static` 포지션인 경우 자동으로 `relative`로 변경 (cleanup 시 복원)
+
 ---
 
 ## 헬퍼
@@ -384,28 +502,15 @@ mergeStyles("color: red", "font-size: 14px"); // "color: red; font-size: 14px"
 ```typescript
 import { createSlot } from "@simplysm/solid";
 
-// 슬롯 정의
+// 1. 슬롯 정의
 const [MySlot, createMySlotAccessor] = createSlot<{ children: JSX.Element }>();
 
-// 컴포넌트 내부에서 슬롯 접근
+// 2. 컴포넌트 내부에서 슬롯 접근
 const [slotValue, SlotProvider] = createMySlotAccessor();
 
-// 사용
+// 3. 사용
 <SlotProvider>
   <MySlot><span>슬롯 내용</span></MySlot>
-  {/* slotValue()로 접근 */}
+  {/* slotValue()?.children 으로 접근 */}
 </SlotProvider>
 ```
-
-### startPointerDrag
-
-포인터 드래그 인터랙션 관리. 포인터 캡처를 설정하고 move/end 이벤트를 관리한다.
-
-```typescript
-import { startPointerDrag } from "@simplysm/solid";
-
-startPointerDrag(element, event.pointerId, {
-  onMove: (e) => { /* 드래그 중 */ },
-  onEnd: (e) => { /* 드래그 종료 */ },
-});
-```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplysm/solid",
-  "version": "13.0.95",
+  "version": "13.0.96",
   "description": "Simplysm package - SolidJS library",
   "author": "simplysm",
   "license": "Apache-2.0",
@@ -52,10 +52,10 @@
     "tabbable": "^6.4.0",
     "tailwind-merge": "^3.5.0",
     "tailwindcss": "^3.4.19",
-    "@simplysm/core-browser": "13.0.95",
-    "@simplysm/core-common": "13.0.95",
-    "@simplysm/service-common": "13.0.95",
-    "@simplysm/service-client": "13.0.95"
+    "@simplysm/core-browser": "13.0.96",
+    "@simplysm/core-common": "13.0.96",
+    "@simplysm/service-client": "13.0.96",
+    "@simplysm/service-common": "13.0.96"
   },
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.10"

package/src/components/layout/sidebar/Sidebar.tsx

@@ -180,11 +180,17 @@ export interface SidebarMenuProps extends Omit<JSX.HTMLAttributes<HTMLDivElement
    * Menu items array
    */
   menus: AppMenu[];
+  /**
+   * When true, all nested menu lists are expanded on initial render.
+   * @default false
+   */
+  defaultOpen?: boolean;
 }
 
 // Internal Context: share initial open state
 interface MenuContextValue {
   initialOpenItems: Accessor<Set<AppMenu>>;
+  defaultOpen: boolean;
 }
 
 const MenuContext = createContext<MenuContextValue>();
@@ -215,7 +221,7 @@ const MenuContext = createContext<MenuContextValue>();
  * ```
  */
 const SidebarMenu: Component<SidebarMenuProps> = (props) => {
-  const [local, rest] = splitProps(props, ["menus", "class"]);
+  const [local, rest] = splitProps(props, ["menus", "class", "defaultOpen"]);
 
   const location = useLocation();
 
@@ -249,7 +255,7 @@ const SidebarMenu: Component<SidebarMenuProps> = (props) => {
   const getClassName = () => twMerge("flex-1 overflow-y-auto", local.class);
 
   return (
-    <MenuContext.Provider value={{ initialOpenItems }}>
+    <MenuContext.Provider value={{ initialOpenItems, defaultOpen: local.defaultOpen ?? false }}>
       <div {...rest} data-sidebar-menu class={getClassName()}>
         <div class={clsx("px-3.5 py-1 text-sm font-bold", text.muted, "uppercase tracking-wider")}>MENU</div>
         <List inset>
@@ -281,7 +287,7 @@ const MenuItem: Component<MenuItemProps> = (props) => {
   // Calculate open state (compare by object reference)
   const shouldBeOpen = () => menuContext.initialOpenItems().has(props.menu);
 
-  const [open, setOpen] = createSignal(false);
+  const [open, setOpen] = createSignal(menuContext.defaultOpen);
 
   // Update open state in response to pathname change
   createEffect(() => {