@truefoundry/trueforge-ui 0.3.0-rc.0 → 0.3.0-rc.10

package/dist/{WidgetLayout-3QZ357FL.js → WidgetLayout-W2RGGOQ3.js}

@@ -1,31 +1,35 @@
 "use client";
 import {
   StackChatPanel
-} from "./chunk-7L63OK3O.js";
-import "./chunk-ZXOADNF3.js";
-import "./chunk-3S6KHO7H.js";
+} from "./chunk-67ZO7Z2W.js";
+import "./chunk-KSGNKS2D.js";
+import "./chunk-JKEBMGLH.js";
+import {
+  useWidgetVisibility
+} from "./chunk-DJUFS2BW.js";
 import "./chunk-BSIPI3KV.js";
-import "./chunk-M6MHLVSO.js";
 import {
   useSlot
-} from "./chunk-OSV3HI5M.js";
+} from "./chunk-GG23N2GW.js";
+import "./chunk-T6QQV5LK.js";
 import {
   CompactLayoutProvider,
   Icon,
   auiButtonClass
-} from "./chunk-FJ5RSSMA.js";
-import "./chunk-WQULF5AT.js";
-import "./chunk-B52K63AW.js";
+} from "./chunk-3ZW74FHC.js";
+import "./chunk-2GIZY3JJ.js";
+import "./chunk-M6MHLVSO.js";
+import "./chunk-CG75X77Q.js";
 import {
   cn
-} from "./chunk-36KOSC2J.js";
+} from "./chunk-JCL3Q7RW.js";
 
 // src/layouts/WidgetLayout.tsx
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function WidgetLayout({ className }) {
   const BrandLogo = useSlot("BrandLogo");
-  const [open, setOpen] = useState(false);
+  const { open, setOpen } = useWidgetVisibility();
   const fabRef = useRef(null);
   const dialogRef = useRef(null);
   const wasOpen = useRef(false);
@@ -38,7 +42,7 @@ function WidgetLayout({ className }) {
     };
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
-  }, [open]);
+  }, [open, setOpen]);
   useEffect(() => {
     if (open) {
       wasOpen.current = true;
@@ -100,4 +104,4 @@ function WidgetLayout({ className }) {
 export {
   WidgetLayout
 };
-//# sourceMappingURL=WidgetLayout-3QZ357FL.js.map
+//# sourceMappingURL=WidgetLayout-W2RGGOQ3.js.map

package/dist/WidgetLayout-W2RGGOQ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layouts/WidgetLayout.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\n\nimport { auiButtonClass } from '../atoms/lib/buttonClasses.js';\nimport { cn } from '../atoms/lib/cn.js';\nimport { CompactLayoutProvider } from '../atoms/lib/CompactLayoutContext.js';\nimport { Icon } from '../icons/Icon.js';\nimport { useSlot } from '../theme/SlotsProvider.js';\nimport { StackChatPanel } from './StackChatPanel.js';\nimport { useWidgetVisibility } from './WidgetVisibilityContext.js';\n\n/** FAB-anchored panel with the same list ↔ thread stack as `dock`. */\nexport function WidgetLayout({ className }: { className?: string }) {\n  const BrandLogo = useSlot('BrandLogo');\n  const { open, setOpen } = useWidgetVisibility();\n  const fabRef = useRef<HTMLButtonElement>(null);\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const wasOpen = useRef(false);\n\n  useEffect(() => {\n    if (!open) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && !dialogRef.current?.querySelector('dialog[open]')) {\n        setOpen(false);\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [open, setOpen]);\n\n  useEffect(() => {\n    if (open) {\n      wasOpen.current = true;\n      dialogRef.current?.focus();\n      return;\n    }\n    if (wasOpen.current) {\n      fabRef.current?.focus();\n      wasOpen.current = false;\n    }\n  }, [open]);\n\n  return (\n    <div className={cn('pointer-events-none relative h-full min-h-0 w-full', className)}>\n      {open ? (\n        <div\n          ref={dialogRef}\n          data-aui-compact-layout\n          className=\"pointer-events-auto absolute right-[max(1.25rem,env(safe-area-inset-right,0px))] bottom-[calc(5.25rem+env(safe-area-inset-bottom,0px))] z-[19] flex h-[min(560px,calc(100%-6.5rem-env(safe-area-inset-bottom,0px)))] max-h-[calc(100%-6.5rem)] w-[min(380px,calc(100%-2.5rem))] flex-col overflow-hidden rounded-xl border border-border bg-primary-bg shadow-[0_16px_48px_color-mix(in_oklab,var(--shadow-color)_14%,transparent)] outline-none\"\n          role=\"dialog\"\n          aria-modal={true}\n          aria-label=\"Chat\"\n          tabIndex={-1}\n        >\n          <CompactLayoutProvider>\n            <StackChatPanel\n              threadHeaderEnd={\n                <button\n                  type=\"button\"\n                  aria-label=\"Close\"\n                  title=\"Close\"\n                  className={auiButtonClass({ variant: 'ghost', size: 'icon' })}\n                  onClick={() => setOpen(false)}\n                >\n                  <Icon name=\"xmark\" />\n                </button>\n              }\n            />\n          </CompactLayoutProvider>\n        </div>\n      ) : null}\n      {/* Native FAB: inline colors beat host unlayered Tailwind (SDK utilities are layered). */}\n      <button\n        ref={fabRef}\n        type=\"button\"\n        className=\"pointer-events-auto absolute right-[max(1.25rem,env(safe-area-inset-right,0px))] bottom-[max(1.25rem,env(safe-area-inset-bottom,0px))] z-20 flex size-14 cursor-pointer items-center justify-center rounded-full text-sm font-medium shadow-[0_8px_24px_color-mix(in_oklab,var(--primary-button-bg)_45%,transparent)]\"\n        style={{\n          backgroundColor: 'var(--primary-button-bg)',\n          color: 'var(--primary-button-text)',\n        }}\n        aria-expanded={open}\n        aria-label={open ? 'Close chat' : 'Open chat'}\n        onClick={() => setOpen(v => !v)}\n      >\n        {open ? (\n          <span aria-hidden className=\"text-xl leading-none\">\n            ×\n          </span>\n        ) : (\n          <BrandLogo variant=\"icon\" className=\"size-6\" />\n        )}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,WAAW,cAAc;AA0C9B,SAqBc,KArBd;AA/BG,SAAS,aAAa,EAAE,UAAU,GAA2B;AAClE,QAAM,YAAY,QAAQ,WAAW;AACrC,QAAM,EAAE,MAAM,QAAQ,IAAI,oBAAoB;AAC9C,QAAM,SAAS,OAA0B,IAAI;AAC7C,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,UAAU,OAAO,KAAK;AAE5B,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,YAAY,CAAC,UAAyB;AAC1C,UAAI,MAAM,QAAQ,YAAY,CAAC,UAAU,SAAS,cAAc,cAAc,GAAG;AAC/E,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AACA,WAAO,iBAAiB,WAAW,SAAS;AAC5C,WAAO,MAAM,OAAO,oBAAoB,WAAW,SAAS;AAAA,EAC9D,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,YAAU,MAAM;AACd,QAAI,MAAM;AACR,cAAQ,UAAU;AAClB,gBAAU,SAAS,MAAM;AACzB;AAAA,IACF;AACA,QAAI,QAAQ,SAAS;AACnB,aAAO,SAAS,MAAM;AACtB,cAAQ,UAAU;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SACE,qBAAC,SAAI,WAAW,GAAG,sDAAsD,SAAS,GAC/E;AAAA,WACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,2BAAuB;AAAA,QACvB,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,cAAW;AAAA,QACX,UAAU;AAAA,QAEV,8BAAC,yBACC;AAAA,UAAC;AAAA;AAAA,YACC,iBACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAW;AAAA,gBACX,OAAM;AAAA,gBACN,WAAW,eAAe,EAAE,SAAS,SAAS,MAAM,OAAO,CAAC;AAAA,gBAC5D,SAAS,MAAM,QAAQ,KAAK;AAAA,gBAE5B,8BAAC,QAAK,MAAK,SAAQ;AAAA;AAAA,YACrB;AAAA;AAAA,QAEJ,GACF;AAAA;AAAA,IACF,IACE;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,OAAO;AAAA,QACT;AAAA,QACA,iBAAe;AAAA,QACf,cAAY,OAAO,eAAe;AAAA,QAClC,SAAS,MAAM,QAAQ,OAAK,CAAC,CAAC;AAAA,QAE7B,iBACC,oBAAC,UAAK,eAAW,MAAC,WAAU,wBAAuB,kBAEnD,IAEA,oBAAC,aAAU,SAAQ,QAAO,WAAU,UAAS;AAAA;AAAA,IAEjD;AAAA,KACF;AAEJ;","names":[]}