@sesionario/blocks 1.38.0 → 1.39.0-rc.10
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.
- package/README.md +49 -0
- package/dist/index.cjs +813 -57
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +31 -1
- package/dist/index.d.ts +31 -1
- package/dist/index.js +812 -58
- package/dist/index.js.map +1 -1
- package/dist/livo.cjs +8 -0
- package/dist/livo.cjs.map +1 -1
- package/dist/livo.js +8 -0
- package/dist/livo.js.map +1 -1
- package/dist/navigation-progress.cjs +140 -0
- package/dist/navigation-progress.cjs.map +1 -0
- package/dist/navigation-progress.d.cts +19 -0
- package/dist/navigation-progress.d.ts +19 -0
- package/dist/navigation-progress.js +138 -0
- package/dist/navigation-progress.js.map +1 -0
- package/dist/office.cjs +310 -0
- package/dist/office.cjs.map +1 -0
- package/dist/office.d.cts +53 -0
- package/dist/office.d.ts +53 -0
- package/dist/office.js +282 -0
- package/dist/office.js.map +1 -0
- package/dist/route-loading.cjs +12 -0
- package/dist/route-loading.cjs.map +1 -0
- package/dist/route-loading.d.cts +9 -0
- package/dist/route-loading.d.ts +9 -0
- package/dist/route-loading.js +10 -0
- package/dist/route-loading.js.map +1 -0
- package/dist/sidebar-dismiss.cjs +44 -0
- package/dist/sidebar-dismiss.cjs.map +1 -0
- package/dist/sidebar-dismiss.d.cts +13 -0
- package/dist/sidebar-dismiss.d.ts +13 -0
- package/dist/sidebar-dismiss.js +41 -0
- package/dist/sidebar-dismiss.js.map +1 -0
- package/dist/theme.cjs +26 -0
- package/dist/theme.cjs.map +1 -0
- package/dist/theme.d.cts +19 -0
- package/dist/theme.d.ts +19 -0
- package/dist/theme.js +20 -0
- package/dist/theme.js.map +1 -0
- package/package.json +55 -5
package/README.md
CHANGED
|
@@ -95,6 +95,55 @@ the server-safe subpath:
|
|
|
95
95
|
import { avatarFallbackStyle, getInitials } from "@sesionario/blocks/avatar";
|
|
96
96
|
```
|
|
97
97
|
|
|
98
|
+
Theme boot for server layouts is also server-safe. Do not import it from the
|
|
99
|
+
main entry:
|
|
100
|
+
|
|
101
|
+
```tsx
|
|
102
|
+
import {
|
|
103
|
+
THEME_STORAGE_KEY,
|
|
104
|
+
htmlThemeClass,
|
|
105
|
+
themeBootScript,
|
|
106
|
+
themeColorSchemeCss,
|
|
107
|
+
} from "@sesionario/blocks/theme";
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
The top progress bar is a separate client subpath so `loading.tsx` does not
|
|
111
|
+
pull the main barrel. It does not import Next.js: pass `pathname` and
|
|
112
|
+
`search`, and wrap `useSearchParams` in `<Suspense>`. Keyframes are inlined
|
|
113
|
+
on the bar.
|
|
114
|
+
|
|
115
|
+
```tsx
|
|
116
|
+
import { NavigationProgress } from "@sesionario/blocks/navigation-progress";
|
|
117
|
+
import { RouteLoading } from "@sesionario/blocks/route-loading";
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
`RouteLoading` is server-safe. It marks a route shell with `data-route-loading`
|
|
121
|
+
so the bar stays up until that shell unmounts.
|
|
122
|
+
|
|
123
|
+
Mobile sheet sidebars should close only when the user activates a navigation
|
|
124
|
+
link. Buttons (section toggles, account menus, org switchers) stay open.
|
|
125
|
+
Call the hook while the sheet is open; it listens on `document` so links
|
|
126
|
+
inside portaled menus count, and it closes after the click so navigation
|
|
127
|
+
can start first.
|
|
128
|
+
|
|
129
|
+
```tsx
|
|
130
|
+
import { useDismissSidebarOnLink } from "@sesionario/blocks/sidebar-dismiss";
|
|
131
|
+
|
|
132
|
+
useDismissSidebarOnLink(isMobile && openMobile, () => setOpenMobile(false));
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
Scroll restoration lives on the main client entry. Pass a route key from the
|
|
136
|
+
app (`pathname` + search). Fresh navigations start at the top; back and
|
|
137
|
+
forward restore the offset of the port that actually moved (the window, or
|
|
138
|
+
a nested overflow pane registered with `useRegisterScrollContainer`).
|
|
139
|
+
|
|
140
|
+
```tsx
|
|
141
|
+
import {
|
|
142
|
+
ScrollRestorationProvider,
|
|
143
|
+
useRegisterScrollContainer,
|
|
144
|
+
} from "@sesionario/blocks";
|
|
145
|
+
```
|
|
146
|
+
|
|
98
147
|
Peer dependencies (install in the consuming app as needed):
|
|
99
148
|
|
|
100
149
|
- `react`, `react-dom`
|