@simplysm/solid 13.0.36 → 13.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -210,19 +210,15 @@ function MyPage() {
210
210
  |--------|-----------|-------------|
211
211
  | `close` | `(result?: T) => void` | Close dialog with optional return value |
212
212
 
213
- **DialogProvider:**
213
+ **Dialog Defaults:**
214
214
 
215
- `DialogProvider` is the provider component that enables `useDialog`. Use it in your provider tree to enable programmatic dialogs.
215
+ `DialogDefaultsContext` and `DialogDefaults` are exported for advanced use cases such as providing default dialog options to a subtree. `InitializeProvider` already sets up the dialog system internally — most apps do not need these directly.
216
216
 
217
- ```tsx
218
- import { DialogProvider } from "@simplysm/solid";
219
-
220
- <DialogProvider closeOnEscape closeOnBackdrop>
221
- <App />
222
- </DialogProvider>
217
+ ```typescript
218
+ import { DialogDefaultsContext, type DialogDefaults } from "@simplysm/solid";
223
219
  ```
224
220
 
225
- | Prop | Type | Default | Description |
226
- |------|------|---------|-------------|
227
- | `closeOnEscape` | `boolean` | - | Default `closeOnEscape` for all dialogs opened via `useDialog` |
228
- | `closeOnBackdrop` | `boolean` | - | Default `closeOnBackdrop` for all dialogs opened via `useDialog` |
221
+ | Export | Kind | Description |
222
+ |--------|------|-------------|
223
+ | `DialogDefaultsContext` | context | Context for providing default dialog options |
224
+ | `DialogDefaults` | interface | `{ closeOnEscape?: boolean; closeOnBackdrop?: boolean }` |
@@ -579,7 +579,7 @@ import { ColorPicker } from "@simplysm/solid";
579
579
  |------|------|---------|-------------|
580
580
  | `value` | `string` | `"#000000"` | Color value (#RRGGBB format) |
581
581
  | `onValueChange` | `(value: string) => void` | - | Value change callback |
582
- | `size` | `"sm" \| "lg" \| "xl"` | - | Size |
582
+ | `size` | `"sm" \| "lg"` | - | Size |
583
583
  | `disabled` | `boolean` | - | Disabled state |
584
584
  | `required` | `boolean` | - | Required field (error: "필수 입력 항목입니다") |
585
585
  | `validate` | `(value: string \| undefined) => string \| undefined` | - | Custom validation function |
package/docs/layout.md CHANGED
@@ -67,14 +67,28 @@ interface SidebarMenuItem {
67
67
  }
68
68
  ```
69
69
 
70
- **useSidebarContext hook:**
70
+ **useSidebarContext / useSidebarContextOptional hooks:**
71
71
 
72
72
  ```tsx
73
- import { useSidebarContext } from "@simplysm/solid";
73
+ import { useSidebarContext, useSidebarContextOptional } from "@simplysm/solid";
74
74
 
75
+ // Throws if not inside Sidebar.Container
75
76
  const sidebar = useSidebarContext();
76
77
  sidebar.toggle(); // current open/closed state
77
78
  sidebar.setToggle(false); // programmatically close
79
+
80
+ // Returns undefined if not inside Sidebar.Container (no error)
81
+ const sidebarOpt = useSidebarContextOptional();
82
+ ```
83
+
84
+ **SM_MEDIA_QUERY constant:**
85
+
86
+ Exported media query string matching the Tailwind `sm:` breakpoint (640px). Use this to align custom responsive logic with sidebar behavior.
87
+
88
+ ```typescript
89
+ import { SM_MEDIA_QUERY } from "@simplysm/solid";
90
+
91
+ const mql = window.matchMedia(SM_MEDIA_QUERY); // "(min-width: 640px)"
78
92
  ```
79
93
 
80
94
  ---
package/docs/styling.md CHANGED
@@ -76,8 +76,9 @@ const className = twMerge(baseClass, props.class);
76
76
 
77
77
  ```typescript
78
78
  import {
79
- type ComponentSize, // "sm" | "lg" | "xl"
80
- type SemanticTheme, // "primary" | "info" | "success" | "warning" | "danger" | "base"
79
+ type ComponentSize, // "sm" | "lg" | "xl"
80
+ type ComponentSizeCompact, // "sm" | "lg" (used by ColorPicker, Progress)
81
+ type SemanticTheme, // "primary" | "info" | "success" | "warning" | "danger" | "base"
81
82
  borderDefault, // Tailwind classes for default border color
82
83
  borderSubtle, // Tailwind classes for subtle border color
83
84
  bgSurface, // Tailwind classes for surface background
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplysm/solid",
3
- "version": "13.0.36",
3
+ "version": "13.0.37",
4
4
  "description": "심플리즘 패키지 - SolidJS 라이브러리",
5
5
  "author": "김석래",
6
6
  "license": "Apache-2.0",
@@ -49,8 +49,8 @@
49
49
  "solid-tiptap": "^0.8.0",
50
50
  "tailwind-merge": "^3.5.0",
51
51
  "tailwindcss": "^3.4.19",
52
- "@simplysm/core-browser": "13.0.36",
53
- "@simplysm/core-common": "13.0.36"
52
+ "@simplysm/core-browser": "13.0.37",
53
+ "@simplysm/core-common": "13.0.37"
54
54
  },
55
55
  "devDependencies": {
56
56
  "@solidjs/testing-library": "^0.8.10"