@admin-layout/tailwind-ui 12.2.5-alpha.2 → 12.2.5-alpha.22

package/lib/components/InputToolBar/InputToolBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputToolBar.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAER,iBAAiB,EAQpB,MAAM,SAAS,CAAC;AAqhBjB;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,gBAAgB,GACnB,EAAE,iBAAiB,2CAwFnB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"InputToolBar.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAER,iBAAiB,EAQpB,MAAM,SAAS,CAAC;AA4jBjB;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,gBAAgB,GACnB,EAAE,iBAAiB,2CAwFnB;AAED,eAAe,YAAY,CAAC"}

package/lib/components/InputToolBar/InputToolBar.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Lightbulb,Zap,Search,Mic,Paperclip,Image,Camera,WandSparkles,Settings,X,Layout,Check,Plus,ArrowUpRight,StopCircle}from'lucide-react';import React__default,{useState,useMemo}from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const iconSize = 'h-3.5 w-3.5';
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Lightbulb,Zap,Search,Mic,Paperclip,Image,Camera,WandSparkles,Settings,X,Layout,Check,Plus,ArrowUpRight,StopCircle}from'lucide-react';import React__default,{useState,useMemo,useRef,useEffect,useLayoutEffect}from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const iconSize = 'h-3.5 w-3.5';
 const iconSizeRight = 'h-4 w-4';
 const defaultLeftIconMap = {
   search: jsx(Search, {
@@ -237,13 +237,37 @@ function TemplatePill({
   });
 }
 const getRightIcon = id => defaultRightIconMap[id] ?? null;
-/** Below `lg`, the right action cluster collapses into this "+" button → popover. Send/mic stays inline. */
+// Layout effects warn during SSR on React 18; the menu is closed on the server anyway.
+const useClientLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
+/** Gap between the "+" button and its menu (Tailwind `mb-2` / `mt-2`). */
+const MENU_GAP_PX = 8;
+/**
+ * Below `lg`, the right action cluster collapses into this "+" button → popover. Send/mic stays inline.
+ *
+ * The menu opens upward, over the conversation, since the composer normally docks at the bottom.
+ * When the composer sits near the top of the screen instead (e.g. a template gallery below it),
+ * there is no room above, so it flips below the button. Placement is measured before paint.
+ */
 function RightOverflowMenu({
   items,
   classNames
 }) {
   const [open, setOpen] = useState(false);
+  const [placement, setPlacement] = useState('above');
+  const rootRef = useRef(null);
+  const menuRef = useRef(null);
+  useClientLayoutEffect(() => {
+    if (!open) return;
+    const trigger = rootRef.current?.getBoundingClientRect();
+    const menuHeight = menuRef.current?.offsetHeight;
+    if (!trigger || !menuHeight) return;
+    const spaceAbove = trigger.top;
+    const spaceBelow = window.innerHeight - trigger.bottom;
+    const fitsAbove = spaceAbove >= menuHeight + MENU_GAP_PX;
+    setPlacement(fitsAbove || spaceAbove >= spaceBelow ? 'above' : 'below');
+  }, [open]);
   return jsxs("div", {
+    ref: rootRef,
     className: "relative",
     children: [jsx("button", {
       type: "button",
@@ -263,15 +287,24 @@ function RightOverflowMenu({
         className: "fixed inset-0 z-40 cursor-default",
         onClick: () => setOpen(false)
       }), jsx("div", {
+        ref: menuRef,
         role: "menu",
-        className: "absolute bottom-full right-0 z-50 mb-2 flex w-56 flex-col gap-0.5 rounded-2xl border border-border bg-card p-1.5 text-foreground shadow-lg",
+        className: cn('absolute right-0 z-50 flex w-56 flex-col gap-0.5 rounded-2xl border border-border bg-card p-1.5 text-foreground shadow-lg', placement === 'above' ? 'bottom-full mb-2' : 'top-full mt-2'),
         children: items.map(item => jsxs("div", {
           role: "menuitem",
-          // ponytail: row click forwards to the inner button so the whole row is a hit
-          // target — without nesting <button> in <button> (customButton items render their own).
           onClick: e => {
-            if (e.target.closest('button')) return;
-            e.currentTarget.querySelector('button')?.click();
+            // React bubbles events out of a portal along the COMPONENT tree, so a
+            // click inside a dialog or sheet that a customButton portaled out still
+            // arrives here. It is not a click on this row: ignore it.
+            if (!e.currentTarget.contains(e.target)) return;
+            // ponytail: row click forwards to the inner button so the whole row is a hit
+            // target — without nesting <button> in <button> (customButton items render their own).
+            if (!e.target.closest('button')) {
+              e.currentTarget.querySelector('button')?.click();
+            }
+            // A plain action is done once picked. A customButton owns whatever it opens
+            // (a dialog, a sheet); closing the menu would unmount it, so it stays.
+            if (!item.customButton && !item.disabled && !item.loading) setOpen(false);
           },
           className: "flex cursor-pointer items-center gap-2.5 rounded-xl px-1.5 py-1 hover:bg-secondary/60",
           children: [jsx(ToolbarIconButton, {

package/lib/components/InputToolBar/InputToolBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputToolBar.js","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"gWAqjBG,MAAA,QAAA,GAAA,aAAA;AACH,MAAA,aAAA,GAAA;AA4GA,MAAA,qBAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"InputToolBar.js","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"iYA4lBG,MAAA,QAAA,GAAA,aAAA;AACH,MAAA,aAAA,GAAA;AA4GA,MAAA,qBAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InputToolBar/__tests__/RightOverflowMenu.test.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The "+" overflow menu that holds the right-hand actions below `lg`. It opens above the button
+ * unless there is no room there (a composer near the top of the screen), closes once a plain
+ * action is picked, keeps custom buttons (which own their own dialogs) mounted, and ignores
+ * clicks that React bubbles out of a customButton's portal.
+ */
+export {};
+//# sourceMappingURL=RightOverflowMenu.test.d.ts.map

package/lib/components/InputToolBar/__tests__/RightOverflowMenu.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightOverflowMenu.test.d.ts","sourceRoot":"","sources":["../../../../src/components/InputToolBar/__tests__/RightOverflowMenu.test.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/lib/components/PageContainer/PageContainer.d.ts

@@ -1,4 +1,13 @@
 import React from 'react';
 import type { PageContainerProps } from './types';
+/**
+ * The tab to highlight for `pathname`: the deepest tab whose path it equals or sits under, so
+ * `/billing/plans` owns `/billing/plans/checkout/pro` but not `/billing/plansx`. The bare module path
+ * (`/billing`, rendered as its first tab) highlights the first tab. A page outside every listed tab
+ * (a page whose own tab is hidden from this viewer) highlights none, instead of passing for the first.
+ */
+export declare function findActiveTabPath(tabList: ReadonlyArray<{
+    path: string;
+}>, pathname: string): string | undefined;
 export declare const PageContainer: React.FC<PageContainerProps>;
 //# sourceMappingURL=PageContainer.d.ts.map

package/lib/components/PageContainer/PageContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/components/PageContainer/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgEtD,CAAC"}
+{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/components/PageContainer/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKlD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,aAAa,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAWhH;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgEtD,CAAC"}

package/lib/components/PageContainer/PageContainer.js

@@ -1,4 +1,21 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}from'react';import {useLocation,useNavigate}from'@remix-run/react';import {Spin}from'../Spin/index.js';const PageContainer = props => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}from'react';import {useLocation,useNavigate}from'@remix-run/react';import {Spin}from'../Spin/index.js';const trimSlash = path => path.replace(/\/+$/, '');
+/**
+ * The tab to highlight for `pathname`: the deepest tab whose path it equals or sits under, so
+ * `/billing/plans` owns `/billing/plans/checkout/pro` but not `/billing/plansx`. The bare module path
+ * (`/billing`, rendered as its first tab) highlights the first tab. A page outside every listed tab
+ * (a page whose own tab is hidden from this viewer) highlights none, instead of passing for the first.
+ */
+function findActiveTabPath(tabList, pathname) {
+  const current = trimSlash(pathname);
+  const owner = tabList.filter(tab => {
+    const tabPath = trimSlash(tab.path);
+    return current === tabPath || current.startsWith(`${tabPath}/`);
+  }).sort((a, b) => trimSlash(b.path).length - trimSlash(a.path).length)[0];
+  if (owner) return owner.path;
+  const isModuleRoot = tabList.some(tab => trimSlash(tab.path).startsWith(`${current}/`));
+  return isModuleRoot ? tabList[0]?.path : undefined;
+}
+const PageContainer = props => {
   const {
     tabList,
     tabActiveKey,
@@ -6,16 +23,15 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}from'react';
     tabBarExtraContent,
     loading
   } = props;
-  const [activeTabKey, setActiveTabKey] = useState(tabActiveKey);
   const location = useLocation();
   const navigate = useNavigate();
+  // Derived from the URL on the first render too, so the server-rendered highlight is the one the
+  // browser keeps (it used to start from `tabActiveKey` and move after hydration).
+  const activeForLocation = () => tabList && tabList.length > 0 ? findActiveTabPath(tabList, location.pathname) : tabActiveKey;
+  const [activeTabKey, setActiveTabKey] = useState(activeForLocation);
   useEffect(() => {
     if (tabList && tabList.length > 0) {
-      const currentPath = location.pathname;
-      // Find a tab where the current path starts with the tab's path (to handle child routes)
-      const matchedTab = tabList.find(tab => currentPath.startsWith(tab.path));
-      const defaultKey = tabList[0]?.path;
-      setActiveTabKey(matchedTab ? matchedTab.path : defaultKey);
+      setActiveTabKey(findActiveTabPath(tabList, location.pathname));
     }
   }, [location.pathname, tabList]);
   const handleTabChange = path => {
@@ -60,4 +76,4 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}from'react';
       children: props.children
     })]
   });
-};export{PageContainer};//# sourceMappingURL=PageContainer.js.map
+};export{PageContainer,findActiveTabPath};//# sourceMappingURL=PageContainer.js.map

package/lib/components/PageContainer/PageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PageContainer.js","sources":["../../../src/components/PageContainer/PageContainer.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAYG;AACH;;;AAaA,SAAO,kBAAmB,OAAO,EAAC,QAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/PageContainer/__tests__/PageContainer.test.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Which tab the PageContainer strip highlights. It follows the URL: the deepest tab that owns the
+ * path, the first tab on the bare module path, and none on a page outside every listed tab - a
+ * billing page whose own tab is hidden from the viewer used to show the first tab as current.
+ */
+export {};
+//# sourceMappingURL=PageContainer.test.d.ts.map

package/lib/components/PageContainer/__tests__/PageContainer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContainer.test.d.ts","sourceRoot":"","sources":["../../../../src/components/PageContainer/__tests__/PageContainer.test.tsx"],"names":[],"mappings":"AAAA;;;;GAIG"}

package/lib/components/ThemeProvider/ThemeProvider.js

@@ -1,4 +1,4 @@
-import {jsx}from'react/jsx-runtime';import {createContext,useState,useEffect,useMemo}from'react';import'../../hooks/useToast.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';const themes = [{
+import {jsx}from'react/jsx-runtime';import {createContext,useState,useEffect,useMemo}from'react';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import'../../hooks/useToast.js';const themes = [{
   value: 'default',
   label: 'Default',
   description: 'Clean and minimal design'

package/lib/hooks/__tests__/useMediaQuery.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useMediaQuery.test.d.ts.map

package/lib/hooks/__tests__/useMediaQuery.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/useMediaQuery.test.tsx"],"names":[],"mappings":""}

package/lib/hooks/useMediaQuery.d.ts

@@ -1,4 +1,4 @@
-interface MediaQueryResult {
+export interface MediaQueryResult {
     width: number;
     height: number;
     isMobile: boolean;
@@ -9,6 +9,13 @@ interface MediaQueryResult {
     xl: boolean;
     '2xl': boolean;
 }
+/**
+ * Viewport size and Tailwind breakpoint flags.
+ *
+ * Hydration-safe: while hydrating, React renders the server snapshot (desktop) so the
+ * markup matches what the server sent, then re-renders with the real viewport. Reading
+ * `window` in the first render instead made every phone-width load throw React #418 and
+ * discard the server HTML. Client-only mounts get the real viewport straight away.
+ */
 export declare const useMediaQuery: () => MediaQueryResult;
-export {};
 //# sourceMappingURL=useMediaQuery.d.ts.map

package/lib/hooks/useMediaQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;CAClB;AAoBD,eAAO,MAAM,aAAa,QAAO,gBAyChC,CAAC"}
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;CAClB;AAoDD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,QAAO,gBAAmF,CAAC"}

package/lib/hooks/useMediaQuery.js

@@ -1,4 +1,4 @@
-import {useState,useEffect}from'react';const breakpoints = {
+import {useSyncExternalStore}from'react';const breakpoints = {
   sm: 640,
   md: 768,
   lg: 1024,
@@ -13,36 +13,44 @@ const getFlags = width => ({
   xl: width >= breakpoints.xl && width < breakpoints['2xl'],
   '2xl': width >= breakpoints['2xl']
 });
-const useMediaQuery = () => {
-  const getDimensions = () => {
-    const width = window.innerWidth;
-    const height = window.innerHeight;
-    const isMobile = width < breakpoints.md;
-    const flags = getFlags(width);
-    return {
+/** The server cannot see the viewport, so it always renders the desktop layout. */
+const SERVER_SNAPSHOT = Object.freeze({
+  width: 0,
+  height: 0,
+  isMobile: false,
+  xs: false,
+  sm: false,
+  md: false,
+  lg: false,
+  xl: false,
+  '2xl': false
+});
+// One cached snapshot per viewport size: useSyncExternalStore needs a stable value between changes.
+let snapshot = null;
+const getSnapshot = () => {
+  const width = window.innerWidth;
+  const height = window.innerHeight;
+  if (!snapshot || snapshot.width !== width || snapshot.height !== height) {
+    snapshot = {
       width,
       height,
-      isMobile,
-      ...flags
-    };
-  };
-  const [state, setState] = useState(() => typeof window !== 'undefined' ? getDimensions() : {
-    width: 0,
-    height: 0,
-    isMobile: false,
-    xs: false,
-    sm: false,
-    md: false,
-    lg: false,
-    xl: false,
-    '2xl': false
-  });
-  useEffect(() => {
-    const handleResize = () => {
-      setState(getDimensions());
+      isMobile: width < breakpoints.md,
+      ...getFlags(width)
     };
-    window.addEventListener('resize', handleResize);
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-  return state;
-};export{useMediaQuery};//# sourceMappingURL=useMediaQuery.js.map
+  }
+  return snapshot;
+};
+const getServerSnapshot = () => SERVER_SNAPSHOT;
+const subscribe = onChange => {
+  window.addEventListener('resize', onChange);
+  return () => window.removeEventListener('resize', onChange);
+};
+/**
+ * Viewport size and Tailwind breakpoint flags.
+ *
+ * Hydration-safe: while hydrating, React renders the server snapshot (desktop) so the
+ * markup matches what the server sent, then re-renders with the real viewport. Reading
+ * `window` in the first render instead made every phone-width load throw React #418 and
+ * discard the server HTML. Client-only mounts get the real viewport straight away.
+ */
+const useMediaQuery = () => useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);export{useMediaQuery};//# sourceMappingURL=useMediaQuery.js.map

package/lib/hooks/useMediaQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.js","sources":["../../src/hooks/useMediaQuery.ts"],"sourcesContent":[null],"names":[],"mappings":"6CAGI,WAAa,GAAC;IAEd,EAAA,GAAA;IACA,EAAE;IACF,EAAE;IACF,EAAE;OACA;;MAEF,gBAAe,KAAA;AAClB,EAAA,EAAA,EAAA,KAAA,GAAA,WAAA,CAAA,EAAA;AAoBD,EAAA,EAAA,EAAA,KAAA,IAAO,WAAM,CAAA,EAAA,IAAA,KAAa,GAAA,WAAO,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useMediaQuery.js","sources":["../../src/hooks/useMediaQuery.ts"],"sourcesContent":[null],"names":[],"mappings":"+CAGI,WAAa,GAAC;IAEd,EAAA,GAAA;IACA,EAAE;IACF,EAAE;IACF,EAAE;OACA;;MAEF,gBAAe,KAAA;AAClB,EAAA,EAAA,EAAA,KAAA,GAAA,WAAA,CAAA,EAAA;AAoDD,EAAA,EAAA,EAAA,KAAA,IAAA,WAAA,CAAA,EAAA,IAAA,KAAA,GAAA,WAAA,CAAA,EAAA;;;;;;;AAOG,MAAA,eAAA,GAAA,MAAA,CAAA,MAAA,CAAA;AACH,EAAA,KAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/hooks/useWindowSize.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Viewport width and height - 0 x 0 on the server and while hydrating (see useMediaQuery),
+ * the real size after that. The object only changes when the size does.
+ */
 export declare function useWindowSize(): {
     width: number;
     height: number;

package/lib/hooks/useWindowSize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useWindowSize.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa;;;EAsB5B"}
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useWindowSize.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,aAAa;;;EAG5B"}

package/lib/hooks/useWindowSize.js

@@ -1,20 +1,14 @@
-import {useState,useEffect}from'react';function useWindowSize() {
-  const [windowSize, setWindowSize] = useState({
-    width: typeof window !== 'undefined' ? window.innerWidth : 0,
-    // Check if window is defined
-    height: typeof window !== 'undefined' ? window.innerHeight : 0 // Check if window is defined
-  });
-  useEffect(() => {
-    function handleResize() {
-      setWindowSize({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    }
-    // Add event listener for window resize
-    window.addEventListener('resize', handleResize);
-    // Cleanup the event listener on component unmount
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-  return windowSize;
+import {useMemo}from'react';import {useMediaQuery}from'./useMediaQuery.js';/**
+ * Viewport width and height - 0 x 0 on the server and while hydrating (see useMediaQuery),
+ * the real size after that. The object only changes when the size does.
+ */
+function useWindowSize() {
+  const {
+    width,
+    height
+  } = useMediaQuery();
+  return useMemo(() => ({
+    width,
+    height
+  }), [width, height]);
 }export{useWindowSize};//# sourceMappingURL=useWindowSize.js.map

package/lib/hooks/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.js","sources":["../../src/hooks/useWindowSize.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAwBC,IAAA,KAAA,EAAA,OAAA,MAAA,KAAA,WAAA,GAAA,MAAA,CAAA,UAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useWindowSize.js","sources":["../../src/hooks/useWindowSize.ts"],"sourcesContent":[null],"names":[],"mappings":";AAMG;AACH;;;AAGC,EAAA,MAAA;;;;;;;;"}

package/lib/index.js

@@ -1 +1 @@
-export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{MANIFEST_RELOAD_FALLBACK_MS,RemixErrorBoundary,isManifestVersionMismatchError}from'./components/ErrorHandlers/RemixErrorBoundary.js';export{SPAErrorBoundary}from'./components/ErrorHandlers/SPAErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{Dialog}from'./components/Dialog/Dialog.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{LanguageMenuDropdown}from'./components/LanguageMenuDropdown/LanguageMenuDropdown.js';export{InputToolBar}from'./components/InputToolBar/InputToolBar.js';export{getDefaultLeftItems,getDefaultRightItems}from'./components/InputToolBar/defaults.js';export{CharacterSlotPicker}from'./components/CharacterSlotPicker/CharacterSlotPicker.js';export{AIToolbar,AIToolbarInputSurface,AIToolbarLeading,AIToolbarMain,AIToolbarStatusDot,AIToolbarTrailing}from'./components/AIToolbar/components/AIToolbarPrimitives.js';export{Completion}from'./components/AIToolbar/components/completion/index.js';export{SystemAudio}from'./components/AIToolbar/components/speech/index.js';export{AudioVisualizer}from'./components/AIToolbar/components/speech/audio-visualizer.js';export{StatusIndicator}from'./components/AIToolbar/components/speech/StatusIndicator.js';export{AIToolBar}from'./components/AIToolbar/components/AIToolBar.js';export{CustomCursor}from'./components/AIToolbar/components/CustomCursor.js';export{MessageHistory}from'./components/AIToolbar/components/completion/MessageHistory.js';export{Screenshot}from'./components/AIToolbar/components/completion/Screenshot.js';export{Header}from'./components/AIToolbar/components/speech/Header.js';export{ModeSwitcher}from'./components/AIToolbar/components/speech/ModeSwitcher.js';export{PermissionFlow}from'./components/AIToolbar/components/speech/PermissionFlow.js';export{setMarketplaceCharacters,useActiveCharacter,useCharacterPicker}from'./components/AIToolbar/hooks/useActiveCharacter.js';export{ACTIVE_CHARACTER_CHANGE_EVENT,ACTIVE_CHARACTER_FILE_NAME_STORAGE_KEY,readPreferredActiveCharacterFileName,resolveActiveCharacterFromList,setPreferredActiveCharacterFileName}from'./hooks/activeCharacterPreference.js';export{default as ChannelBar}from'./components/Inbox/Channels/ChannelBar.js';export{default as ChannelConnectModal}from'./components/Inbox/Channels/ChannelConnectModal.js';export{CHANNELS}from'./components/Inbox/Channels/channelsMeta.js';export{YantraIcon}from'./components/YantraIcon.js';export{Markdown as AIToolbarMarkdown}from'./components/AIToolbar/components/Markdown/index.js';export{MarkdownBreadcrumbs}from'./components/Markdown/MarkdownBreadcrumbs.js';export{MarkdownCopyButton}from'./components/Markdown/MarkdownCopyButton.js';export{MarkdownHeader}from'./components/Markdown/MarkdownHeader.js';export{MarkdownNavigation}from'./components/Markdown/MarkdownNavigation.js';export{MarkdownPage}from'./components/Markdown/MarkdownPage.js';export{MarkdownTableOfContents}from'./components/Markdown/MarkdownTableOfContents.js';export{CHARACTER_SLOTS_CHANGE_EVENT,CHARACTER_SLOTS_DEFAULT_KEY,CHARACTER_SLOTS_STORAGE_KEY,SLOT_NUMBERS,readCharacterSlots,readDefaultCharacterFileName,readDefaultSlot,setDefaultSlot,setSlot,useCharacterSlots,writeCharacterSlots}from'./hooks/characterSlotsPreference.js';export{CHARACTER_OVERRIDES_CHANGE_EVENT,readCharacterAddendum,readCharacterOverrides,readCharacterVoiceId,setCharacterAddendum,setCharacterOverrides,setCharacterVoiceId,useCharacterOverrides}from'./hooks/characterOverrides.js';export{BAR_TOGGLE_AUDIO_EVENT,BAR_TOGGLE_EYE_EVENT,BAR_TOGGLE_MIC_EVENT,useGlobalShortcutBridge}from'./hooks/useGlobalShortcutBridge.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';export{AssistantMessageActions}from'./components/AIToolbar/components/completion/AssistantMessageActions.js';export{DragButton}from'./components/AIToolbar/components/DragButton.js';//# sourceMappingURL=index.js.map
+export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{MANIFEST_RELOAD_FALLBACK_MS,RemixErrorBoundary,isManifestVersionMismatchError}from'./components/ErrorHandlers/RemixErrorBoundary.js';export{SPAErrorBoundary}from'./components/ErrorHandlers/SPAErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer,findActiveTabPath}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{Dialog}from'./components/Dialog/Dialog.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{LanguageMenuDropdown}from'./components/LanguageMenuDropdown/LanguageMenuDropdown.js';export{InputToolBar}from'./components/InputToolBar/InputToolBar.js';export{getDefaultLeftItems,getDefaultRightItems}from'./components/InputToolBar/defaults.js';export{CharacterSlotPicker}from'./components/CharacterSlotPicker/CharacterSlotPicker.js';export{AIToolbar,AIToolbarInputSurface,AIToolbarLeading,AIToolbarMain,AIToolbarStatusDot,AIToolbarTrailing}from'./components/AIToolbar/components/AIToolbarPrimitives.js';export{Completion}from'./components/AIToolbar/components/completion/index.js';export{SystemAudio}from'./components/AIToolbar/components/speech/index.js';export{AudioVisualizer}from'./components/AIToolbar/components/speech/audio-visualizer.js';export{StatusIndicator}from'./components/AIToolbar/components/speech/StatusIndicator.js';export{AIToolBar}from'./components/AIToolbar/components/AIToolBar.js';export{CustomCursor}from'./components/AIToolbar/components/CustomCursor.js';export{MessageHistory}from'./components/AIToolbar/components/completion/MessageHistory.js';export{Screenshot}from'./components/AIToolbar/components/completion/Screenshot.js';export{Header}from'./components/AIToolbar/components/speech/Header.js';export{ModeSwitcher}from'./components/AIToolbar/components/speech/ModeSwitcher.js';export{PermissionFlow}from'./components/AIToolbar/components/speech/PermissionFlow.js';export{setMarketplaceCharacters,useActiveCharacter,useCharacterPicker}from'./components/AIToolbar/hooks/useActiveCharacter.js';export{ACTIVE_CHARACTER_CHANGE_EVENT,ACTIVE_CHARACTER_FILE_NAME_STORAGE_KEY,readPreferredActiveCharacterFileName,resolveActiveCharacterFromList,setPreferredActiveCharacterFileName}from'./hooks/activeCharacterPreference.js';export{default as ChannelBar}from'./components/Inbox/Channels/ChannelBar.js';export{default as ChannelConnectModal}from'./components/Inbox/Channels/ChannelConnectModal.js';export{CHANNELS}from'./components/Inbox/Channels/channelsMeta.js';export{YantraIcon}from'./components/YantraIcon.js';export{Markdown as AIToolbarMarkdown}from'./components/AIToolbar/components/Markdown/index.js';export{MarkdownBreadcrumbs}from'./components/Markdown/MarkdownBreadcrumbs.js';export{MarkdownCopyButton}from'./components/Markdown/MarkdownCopyButton.js';export{MarkdownHeader}from'./components/Markdown/MarkdownHeader.js';export{MarkdownNavigation}from'./components/Markdown/MarkdownNavigation.js';export{MarkdownPage}from'./components/Markdown/MarkdownPage.js';export{MarkdownTableOfContents}from'./components/Markdown/MarkdownTableOfContents.js';export{CHARACTER_SLOTS_CHANGE_EVENT,CHARACTER_SLOTS_DEFAULT_KEY,CHARACTER_SLOTS_STORAGE_KEY,SLOT_NUMBERS,readCharacterSlots,readDefaultCharacterFileName,readDefaultSlot,setDefaultSlot,setSlot,useCharacterSlots,writeCharacterSlots}from'./hooks/characterSlotsPreference.js';export{CHARACTER_OVERRIDES_CHANGE_EVENT,readCharacterAddendum,readCharacterOverrides,readCharacterVoiceId,setCharacterAddendum,setCharacterOverrides,setCharacterVoiceId,useCharacterOverrides}from'./hooks/characterOverrides.js';export{BAR_TOGGLE_AUDIO_EVENT,BAR_TOGGLE_EYE_EVENT,BAR_TOGGLE_MIC_EVENT,useGlobalShortcutBridge}from'./hooks/useGlobalShortcutBridge.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';export{AssistantMessageActions}from'./components/AIToolbar/components/completion/AssistantMessageActions.js';export{DragButton}from'./components/AIToolbar/components/DragButton.js';//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.2.5-alpha.2",
+    "version": "12.2.5-alpha.22",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -30,7 +30,7 @@
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
-        "@admin-layout/client": "12.2.5-alpha.2",
+        "@admin-layout/client": "12.2.5-alpha.22",
         "@radix-ui/react-accordion": "^1.2.0",
         "@radix-ui/react-alert-dialog": "^1.1.1",
         "@radix-ui/react-aspect-ratio": "^1.1.0",
@@ -111,5 +111,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "5ccfbf6ff024031ed38926197c3aef7b3f4dc8ee"
+    "gitHead": "d8db495e828063c09a588df4e27936a00dce3293"
 }