@byline/host-tanstack-start 0.9.3

package/dist/admin-shell/chrome/drawer-toggle.module.js

@@ -0,0 +1,8 @@
+import "./drawer-toggle_module.css";
+const drawer_toggle_module = {
+    root: "root-sFPc6W",
+    rootClosed: "rootClosed-Imq2hs",
+    rootOpen: "rootOpen-TiUCD2",
+    button: "button-VMHDrJ"
+};
+export default drawer_toggle_module;

package/dist/admin-shell/chrome/drawer-toggle_module.css

@@ -0,0 +1,21 @@
+:is(.root-sFPc6W, .byline-admin-drawer-toggle) {
+  z-index: 50;
+  transition: all .3s ease-in-out;
+  position: fixed;
+  top: 38px;
+}
+
+:is(.rootClosed-Imq2hs, .byline-admin-drawer-toggle-closed) {
+  left: 8px;
+}
+
+:is(.rootOpen-TiUCD2, .byline-admin-drawer-toggle-open) {
+  left: 160px;
+}
+
+:is(.button-VMHDrJ, .byline-admin-drawer-toggle-button) {
+  outline: none;
+  min-width: 42px;
+  height: 36px;
+}
+

package/dist/admin-shell/chrome/hamburger.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+interface HamburgerProps {
+    className?: string;
+    /** Tailwind/utility class string applied to the inner bar; defaults to a white-on-dark fill. */
+    color?: string;
+    activeBorderColor?: string;
+}
+export declare function Hamburger({ className, color, activeBorderColor: _activeBorderColor, ...other }: HamburgerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=hamburger.d.ts.map

package/dist/admin-shell/chrome/hamburger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hamburger.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/chrome/hamburger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,cAAc;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gGAAgG;IAChG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,KAAiD,EACjD,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkCpC"}

package/dist/admin-shell/chrome/hamburger.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import hamburger_module from "./hamburger.module.js";
+import { useAdminMenu } from "./menu-provider.js";
+function Hamburger({ className, color = 'bg-white before:bg-white after:bg-white', activeBorderColor: _activeBorderColor, ...other }) {
+    const { toggleDrawer } = useAdminMenu();
+    const drawerOpen = false;
+    const handleClick = (event)=>{
+        if (null != event) event.stopPropagation();
+        toggleDrawer();
+    };
+    return /*#__PURE__*/ jsx("button", {
+        onClick: handleClick,
+        className: classnames('byline-admin-hamburger', hamburger_module.button, `component--hamburger ${drawerOpen ? 'is_active' : ''}`, className),
+        tabIndex: 0,
+        "aria-label": "Open admin menu",
+        "aria-controls": "admin-menu",
+        "aria-haspopup": "true",
+        ...other,
+        children: /*#__PURE__*/ jsx("span", {
+            className: "box",
+            "aria-hidden": "true",
+            children: /*#__PURE__*/ jsx("span", {
+                className: classnames('inner', color)
+            })
+        })
+    });
+}
+export { Hamburger };

package/dist/admin-shell/chrome/hamburger.module.js

@@ -0,0 +1,5 @@
+import "./hamburger_module.css";
+const hamburger_module = {
+    button: "button-gAjP72"
+};
+export default hamburger_module;

package/dist/admin-shell/chrome/hamburger_module.css

@@ -0,0 +1,7 @@
+:is(.button-gAjP72, .byline-admin-hamburger) {
+  cursor: pointer;
+  background: none;
+  border: 0;
+  padding: 0;
+}
+

package/dist/admin-shell/chrome/loose-router.d.ts

@@ -0,0 +1,33 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ *
+ * Loosely-typed re-exports of TanStack Router primitives. The package
+ * has no view of the host's generated route tree at type-check time, so
+ * the strict generic typing on `Link` and `useNavigate` collapses
+ * `params`/`search`/`to` to `never`. These wrappers relax the call
+ * signature; runtime behaviour is identical.
+ */
+import type React from 'react';
+export interface LooseLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    to?: string;
+    params?: Record<string, any>;
+    search?: any;
+    resetScroll?: boolean;
+    replace?: boolean;
+    [key: string]: any;
+}
+export declare const Link: (props: LooseLinkProps) => React.JSX.Element;
+export interface LooseNavigateOpts {
+    to?: string;
+    params?: Record<string, any>;
+    search?: any;
+    replace?: boolean;
+    [key: string]: any;
+}
+export type LooseNavigate = (opts: LooseNavigateOpts) => void;
+export declare function useNavigate(): LooseNavigate;
+//# sourceMappingURL=loose-router.d.ts.map

package/dist/admin-shell/chrome/loose-router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loose-router.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/chrome/loose-router.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACnF,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAE5B,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAED,eAAO,MAAM,IAAI,EAA8B,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;AAE3F,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAE5B,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAA;AAE7D,wBAAgB,WAAW,IAAI,aAAa,CAE3C"}

package/dist/admin-shell/chrome/loose-router.js

@@ -0,0 +1,6 @@
+import { Link, useNavigate } from "@tanstack/react-router";
+const loose_router_Link = Link;
+function loose_router_useNavigate() {
+    return useNavigate();
+}
+export { loose_router_Link as Link, loose_router_useNavigate as useNavigate };

package/dist/admin-shell/chrome/menu-drawer.d.ts

@@ -0,0 +1,10 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type React from 'react';
+export declare function AdminMenuDrawer(): React.JSX.Element | null;
+//# sourceMappingURL=menu-drawer.d.ts.map

package/dist/admin-shell/chrome/menu-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-drawer.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/chrome/menu-drawer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgD9B,wBAAgB,eAAe,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAkG1D"}

package/dist/admin-shell/chrome/menu-drawer.js

@@ -0,0 +1,141 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRouterState } from "@tanstack/react-router";
+import { ADMIN_PERMISSIONS_ABILITIES } from "@byline/admin/admin-permissions";
+import { ADMIN_ROLES_ABILITIES } from "@byline/admin/admin-roles";
+import { ADMIN_USERS_ABILITIES } from "@byline/admin/admin-users";
+import { HomeIcon, RolesIcon, SettingsSlidersIcon, UserIcon, UsersIcon } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { useSwipeable } from "react-swipeable";
+import { useAbilities } from "../../integrations/abilities.js";
+import { Link } from "./loose-router.js";
+import menu_drawer_module from "./menu-drawer.module.js";
+import { useAdminMenu } from "./menu-provider.js";
+import { PreviewToggle } from "./preview-toggle.js";
+const isActive = (currentPath, linkHref)=>{
+    if ('/admin' === linkHref) return '/admin' === currentPath;
+    return currentPath.startsWith(linkHref);
+};
+function MenuItem({ to, label, icon, pathname, compact }) {
+    return /*#__PURE__*/ jsx("li", {
+        className: classnames('menu-item', {
+            active: isActive(pathname, to),
+            compact
+        }),
+        children: /*#__PURE__*/ jsxs(Link, {
+            to: to,
+            children: [
+                /*#__PURE__*/ jsx("span", {
+                    className: "icon",
+                    children: icon
+                }),
+                /*#__PURE__*/ jsx("span", {
+                    className: "label",
+                    children: label
+                })
+            ]
+        })
+    });
+}
+function AdminMenuDrawer() {
+    const pathname = useRouterState({
+        select: (s)=>s.location.pathname
+    });
+    const { mobile, drawerOpen, closeDrawer } = useAdminMenu();
+    const { has } = useAbilities();
+    const canReadUsers = has(ADMIN_USERS_ABILITIES.read);
+    const canReadRoles = has(ADMIN_ROLES_ABILITIES.read);
+    const canReadPermissions = has(ADMIN_PERMISSIONS_ABILITIES.read);
+    const showAdminSection = canReadUsers || canReadRoles || canReadPermissions;
+    const handlers = useSwipeable({
+        onSwipedLeft: ()=>{
+            closeDrawer();
+        }
+    });
+    const compact = false === mobile && false === drawerOpen;
+    return /*#__PURE__*/ jsx("aside", {
+        id: "admin-menu",
+        className: classnames('byline-admin-menu-drawer-aside', menu_drawer_module.aside, {
+            'byline-admin-menu-drawer-aside-mobile': true === mobile,
+            [menu_drawer_module.asideMobile]: true === mobile,
+            'byline-admin-menu-drawer-aside-mobile-open': true === mobile && true === drawerOpen,
+            [menu_drawer_module.asideMobileOpen]: true === mobile && true === drawerOpen,
+            'byline-admin-menu-drawer-aside-mobile-closed': true === mobile && false === drawerOpen,
+            [menu_drawer_module.asideMobileClosed]: true === mobile && false === drawerOpen,
+            'byline-admin-menu-drawer-aside-desktop': false === mobile,
+            [menu_drawer_module.asideDesktop]: false === mobile,
+            'byline-admin-menu-drawer-aside-desktop-open': false === mobile && true === drawerOpen,
+            [menu_drawer_module.asideDesktopOpen]: false === mobile && true === drawerOpen,
+            'byline-admin-menu-drawer-aside-desktop-closed': false === mobile && false === drawerOpen,
+            [menu_drawer_module.asideDesktopClosed]: false === mobile && false === drawerOpen
+        }),
+        ...handlers,
+        children: /*#__PURE__*/ jsx("nav", {
+            className: classnames('byline-admin-menu-drawer admin-menu-drawer', menu_drawer_module.nav),
+            children: /*#__PURE__*/ jsxs("ul", {
+                children: [
+                    /*#__PURE__*/ jsx(MenuItem, {
+                        to: "/admin",
+                        label: "Dashboard",
+                        icon: /*#__PURE__*/ jsx(HomeIcon, {
+                            width: "20px",
+                            height: "20px"
+                        }),
+                        pathname: pathname,
+                        compact: compact
+                    }),
+                    showAdminSection && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx("li", {
+                                className: "menu-separator"
+                            }),
+                            canReadUsers && /*#__PURE__*/ jsx(MenuItem, {
+                                to: "/admin/users",
+                                label: "Admin Users",
+                                icon: /*#__PURE__*/ jsx(UsersIcon, {
+                                    width: "20px",
+                                    height: "20px"
+                                }),
+                                pathname: pathname,
+                                compact: compact
+                            }),
+                            canReadRoles && /*#__PURE__*/ jsx(MenuItem, {
+                                to: "/admin/roles",
+                                label: "Admin Roles",
+                                icon: /*#__PURE__*/ jsx(RolesIcon, {
+                                    width: "20px",
+                                    height: "20px"
+                                }),
+                                pathname: pathname,
+                                compact: compact
+                            }),
+                            canReadPermissions && /*#__PURE__*/ jsx(MenuItem, {
+                                to: "/admin/permissions",
+                                label: "Permissions",
+                                icon: /*#__PURE__*/ jsx(SettingsSlidersIcon, {
+                                    width: "20px",
+                                    height: "20px"
+                                }),
+                                pathname: pathname,
+                                compact: compact
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("li", {
+                        className: "menu-separator"
+                    }),
+                    /*#__PURE__*/ jsx(PreviewToggle, {
+                        compact: compact
+                    }),
+                    /*#__PURE__*/ jsx(MenuItem, {
+                        to: "/admin/account",
+                        label: "Account",
+                        icon: /*#__PURE__*/ jsx(UserIcon, {}),
+                        pathname: pathname,
+                        compact: compact
+                    })
+                ]
+            })
+        })
+    });
+}
+export { AdminMenuDrawer };

package/dist/admin-shell/chrome/menu-drawer.module.js

@@ -0,0 +1,12 @@
+import "./menu-drawer_module.css";
+const menu_drawer_module = {
+    aside: "aside-zO2mZZ",
+    asideMobile: "asideMobile-k64Dd_",
+    asideMobileOpen: "asideMobileOpen-PL5eF1",
+    asideMobileClosed: "asideMobileClosed-GnS1qX",
+    asideDesktop: "asideDesktop-Enrzwp",
+    asideDesktopOpen: "asideDesktopOpen-aaA0E_",
+    asideDesktopClosed: "asideDesktopClosed-S8clHP",
+    nav: "nav-_d0pIg"
+};
+export default menu_drawer_module;

package/dist/admin-shell/chrome/menu-drawer_module.css

@@ -0,0 +1,137 @@
+:is(.aside-zO2mZZ, .byline-admin-menu-drawer-aside) {
+  border-right: var(--border-width-thin) var(--border-style-solid) var(--gray-50);
+  background-color: var(--canvas-25);
+  z-index: 15;
+  flex-direction: column;
+  transition: all .3s ease-in-out;
+  display: flex;
+}
+
+:is(:is([data-theme="dark"], .dark) .aside-zO2mZZ, :is([data-theme="dark"], .dark) .byline-admin-menu-drawer-aside) {
+  border-right-color: var(--canvas-700);
+  background-color: var(--canvas-800);
+}
+
+:is(.asideMobile-k64Dd_, .byline-admin-menu-drawer-aside-mobile) {
+  position: fixed;
+  top: 45px;
+  bottom: 0;
+  left: 0;
+}
+
+:is(.asideMobileOpen-PL5eF1, .byline-admin-menu-drawer-aside-mobile-open) {
+  width: 210px;
+}
+
+:is(.asideMobileClosed-GnS1qX, .byline-admin-menu-drawer-aside-mobile-closed) {
+  width: 0;
+  overflow: hidden;
+}
+
+:is(.asideDesktop-Enrzwp, .byline-admin-menu-drawer-aside-desktop) {
+  flex-shrink: 0;
+  align-self: stretch;
+  position: relative;
+}
+
+:is(.asideDesktopOpen-aaA0E_, .byline-admin-menu-drawer-aside-desktop-open) {
+  width: 210px;
+}
+
+:is(.asideDesktopClosed-S8clHP, .byline-admin-menu-drawer-aside-desktop-closed) {
+  width: 60px;
+}
+
+:is(.nav-_d0pIg, .byline-admin-menu-drawer) {
+  max-height: calc(100vh - 60px);
+  margin: 0;
+  position: sticky;
+  top: 55px;
+  overflow-y: auto;
+}
+
+:is(.nav-_d0pIg ul, .byline-admin-menu-drawer ul) {
+  margin: 1.4rem .5rem .5rem;
+  padding: 0;
+  list-style: none;
+}
+
+:is(.nav-_d0pIg ul li.menu-item, .byline-admin-menu-drawer ul li.menu-item) {
+  border-radius: 4px;
+  margin: 0;
+  transition: all .2s;
+}
+
+:is(.nav-_d0pIg ul li.menu-item .icon, .byline-admin-menu-drawer ul li.menu-item .icon) {
+  justify-content: center;
+  align-items: center;
+  width: 24px;
+  display: flex;
+}
+
+:is(.nav-_d0pIg ul li.menu-item .label, .byline-admin-menu-drawer ul li.menu-item .label) {
+  line-height: 0;
+}
+
+:is(.nav-_d0pIg ul li.menu-item.compact .label, .byline-admin-menu-drawer ul li.menu-item.compact .label) {
+  display: none;
+}
+
+:is(.nav-_d0pIg ul li.menu-item.active, .nav-_d0pIg ul li.menu-item:hover, .byline-admin-menu-drawer ul li.menu-item.active, .byline-admin-menu-drawer ul li.menu-item:hover) {
+  background-color: var(--canvas-50);
+}
+
+:is(.nav-_d0pIg ul li.menu-item :is(a, button), .byline-admin-menu-drawer ul li.menu-item :is(a, button)) {
+  color: #111;
+  cursor: pointer;
+  text-align: left;
+  background: none;
+  border: none;
+  justify-content: flex-start;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 7px;
+  font-size: .9rem;
+  font-weight: normal;
+  text-decoration: none;
+  display: flex;
+}
+
+:is(.nav-_d0pIg ul li.menu-item :is(a, button):disabled, .byline-admin-menu-drawer ul li.menu-item :is(a, button):disabled) {
+  cursor: not-allowed;
+  opacity: .6;
+}
+
+:is(.nav-_d0pIg ul li.menu-item.compact :is(a, button), .byline-admin-menu-drawer ul li.menu-item.compact :is(a, button)) {
+  justify-content: center;
+}
+
+:is(.nav-_d0pIg ul li.menu-item.active :is(a, button), .byline-admin-menu-drawer ul li.menu-item.active :is(a, button)) {
+  color: #111;
+  text-decoration: none;
+}
+
+:is(.nav-_d0pIg ul li.menu-separator, .byline-admin-menu-drawer ul li.menu-separator) {
+  background-color: #ddd;
+  width: 90%;
+  margin: .75rem auto;
+  padding-top: .5px;
+}
+
+:is(:is([data-theme="dark"], .dark) .nav-_d0pIg ul li.menu-item :is(a, button), :is([data-theme="dark"], .dark) .byline-admin-menu-drawer ul li.menu-item :is(a, button)) {
+  color: #ddd;
+}
+
+:is(:is([data-theme="dark"], .dark) .nav-_d0pIg ul li.menu-item.active :is(a, button), :is([data-theme="dark"], .dark) .byline-admin-menu-drawer ul li.menu-item.active :is(a, button)) {
+  color: #fff;
+}
+
+:is(:is([data-theme="dark"], .dark) .nav-_d0pIg ul li.menu-item.active, :is([data-theme="dark"], .dark) .nav-_d0pIg ul li.menu-item:hover, :is([data-theme="dark"], .dark) .byline-admin-menu-drawer ul li.menu-item.active, :is([data-theme="dark"], .dark) .byline-admin-menu-drawer ul li.menu-item:hover) {
+  background-color: oklch(from var(--canvas-700) calc(l * .95) c h);
+}
+
+:is(:is([data-theme="dark"], .dark) .nav-_d0pIg ul li.menu-separator, :is([data-theme="dark"], .dark) .byline-admin-menu-drawer ul li.menu-separator) {
+  background-color: #444;
+}
+

package/dist/admin-shell/chrome/menu-provider.d.ts

@@ -0,0 +1,21 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type React from 'react';
+interface AdminMenuContextType {
+    mobile: boolean;
+    drawerOpen: boolean;
+    toggleDrawer: () => void;
+    closeDrawer: () => void;
+}
+interface AdminMenuProviderProps {
+    children: React.ReactNode;
+}
+export declare function AdminMenuProvider({ children }: AdminMenuProviderProps): React.JSX.Element;
+declare function useAdminMenu(): AdminMenuContextType;
+export { useAdminMenu };
+//# sourceMappingURL=menu-provider.d.ts.map

package/dist/admin-shell/chrome/menu-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-provider.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/chrome/menu-provider.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAGD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAgBD,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0CzF;AAED,iBAAS,YAAY,IAAI,oBAAoB,CAM5C;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/admin-shell/chrome/menu-provider.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { useRouterState } from "@tanstack/react-router";
+import { useMediaQuery } from "./use-media-query.js";
+const MenuContext = /*#__PURE__*/ createContext(void 0);
+function isWideRoute(pathname) {
+    return pathname.startsWith('/admin/collections');
+}
+function AdminMenuProvider({ children }) {
+    const pathname = useRouterState({
+        select: (s)=>s.location.pathname
+    });
+    const mobile = useMediaQuery('(max-width: 800px)') ?? true;
+    const [drawerOpen, setDrawerState] = useState(false);
+    const prevIsWideRef = useRef(null);
+    useEffect(()=>{
+        const nowWide = isWideRoute(pathname);
+        const prevWide = prevIsWideRef.current;
+        prevIsWideRef.current = nowWide;
+        if (mobile) return void setDrawerState(false);
+        if (null === prevWide || prevWide !== nowWide) setDrawerState(!nowWide);
+    }, [
+        pathname,
+        mobile
+    ]);
+    const contextValue = useMemo(()=>{
+        const toggleDrawer = ()=>{
+            setDrawerState((prev)=>!prev);
+        };
+        const closeDrawer = ()=>{
+            if (true === mobile) setDrawerState(false);
+        };
+        return {
+            mobile,
+            drawerOpen,
+            toggleDrawer,
+            closeDrawer
+        };
+    }, [
+        mobile,
+        drawerOpen
+    ]);
+    return /*#__PURE__*/ jsx(MenuContext.Provider, {
+        value: contextValue,
+        children: children
+    });
+}
+function useAdminMenu() {
+    const context = useContext(MenuContext);
+    if (void 0 === context) throw new Error('useAdminMenu must be used within an AdminMenuProvider');
+    return context;
+}
+export { AdminMenuProvider, useAdminMenu };

package/dist/admin-shell/chrome/preview-toggle.d.ts

@@ -0,0 +1,13 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+interface PreviewToggleProps {
+    compact: boolean;
+}
+export declare function PreviewToggle({ compact }: PreviewToggleProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=preview-toggle.d.ts.map

package/dist/admin-shell/chrome/preview-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-toggle.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/chrome/preview-toggle.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA4BH,UAAU,kBAAkB;IAC1B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,kBAAkB,sCAoE5D"}

package/dist/admin-shell/chrome/preview-toggle.js

@@ -0,0 +1,75 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { EyeClosedIcon, EyeOpenIcon } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { disablePreviewModeFn, enablePreviewModeFn, getPreviewStateFn } from "../../server-fns/preview/index.js";
+function PreviewToggle({ compact }) {
+    const [preview, setPreview] = useState(null);
+    const [busy, setBusy] = useState(false);
+    useEffect(()=>{
+        let cancelled = false;
+        getPreviewStateFn().then((res)=>{
+            if (!cancelled) setPreview(res.preview);
+        }).catch(()=>{
+            if (!cancelled) setPreview(false);
+        });
+        return ()=>{
+            cancelled = true;
+        };
+    }, []);
+    const handleToggle = async ()=>{
+        if (busy || null == preview) return;
+        setBusy(true);
+        try {
+            if (preview) {
+                await disablePreviewModeFn();
+                setPreview(false);
+            } else {
+                await enablePreviewModeFn();
+                setPreview(true);
+            }
+        } catch  {
+            try {
+                const res = await getPreviewStateFn();
+                setPreview(res.preview);
+            } catch  {
+                setPreview(false);
+            }
+        } finally{
+            setBusy(false);
+        }
+    };
+    if (null == preview) return null;
+    const label = preview ? 'Preview ON' : 'Preview OFF';
+    const icon = preview ? /*#__PURE__*/ jsx(EyeOpenIcon, {
+        width: "20px",
+        height: "20px"
+    }) : /*#__PURE__*/ jsx(EyeClosedIcon, {
+        width: "20px",
+        height: "20px"
+    });
+    return /*#__PURE__*/ jsx("li", {
+        className: classnames('menu-item byline-preview-toggle', {
+            compact,
+            active: preview
+        }),
+        children: /*#__PURE__*/ jsxs("button", {
+            type: "button",
+            onClick: handleToggle,
+            disabled: busy,
+            "aria-label": preview ? 'Disable preview mode' : 'Enable preview mode',
+            title: preview ? 'Drafts are visible on the public site' : 'Public site shows published only',
+            children: [
+                /*#__PURE__*/ jsx("span", {
+                    className: "icon",
+                    children: icon
+                }),
+                /*#__PURE__*/ jsx("span", {
+                    className: "label",
+                    children: label
+                })
+            ]
+        })
+    });
+}
+export { PreviewToggle };

package/dist/admin-shell/chrome/route-error.d.ts

@@ -0,0 +1,22 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ *
+ * Route-level error and not-found components for TanStack Router.
+ *
+ * These are designed to be used as `errorComponent` and `notFoundComponent`
+ * on layout routes (root, admin, public) so that errors render inside the
+ * appropriate shell rather than blowing away the entire page.
+ */
+import type { ErrorComponentProps, NotFoundRouteProps } from '@tanstack/react-router';
+export declare function RouteError({ error, reset }: ErrorComponentProps): import("react").JSX.Element;
+export declare function RouteNotFound(_props: NotFoundRouteProps): import("react").JSX.Element;
+/**
+ * Minimal fallback for when providers may be broken. Used at the root
+ * route, where wrapping in Container/Section may itself be unsafe.
+ */
+export declare function RootError({ error, reset }: ErrorComponentProps): import("react").JSX.Element;
+//# sourceMappingURL=route-error.d.ts.map

package/dist/admin-shell/chrome/route-error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-error.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/chrome/route-error.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAqCrF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,mBAAmB,+BA8B/D;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,kBAAkB,+BAiBvD;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,mBAAmB,+BAkB9D"}