@dxos/plugin-assistant 0.8.2-main.fbd8ed0 → 0.8.2-staging.42af850

package/dist/lib/browser/chunk-JQFUME3B.mjs

@@ -0,0 +1,87 @@
+import {
+  ASSISTANT_PLUGIN
+} from "./chunk-XOZ7YMO3.mjs";
+
+// packages/plugins/plugin-assistant/src/components/TemplateEditor/TemplateEditor.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import { HighlightStyle, LanguageSupport, syntaxHighlighting } from "@codemirror/language";
+import { styleTags, tags } from "@lezer/highlight";
+import { handlebarsLanguage } from "@xiechao/codemirror-lang-handlebars";
+import React from "react";
+import { createDocAccessor } from "@dxos/react-client/echo";
+import { useThemeContext, useTranslation } from "@dxos/react-ui";
+import { createBasicExtensions, createDataExtensions, createThemeExtensions, useTextEditor } from "@dxos/react-ui-editor";
+import { mx } from "@dxos/react-ui-theme";
+handlebarsLanguage.configure({
+  props: [
+    styleTags({
+      "---": tags.lineComment
+    })
+  ]
+});
+var TemplateEditor = ({ classNames, template }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(ASSISTANT_PLUGIN);
+    const { themeMode } = useThemeContext();
+    const { parentRef } = useTextEditor(() => ({
+      initialValue: template.source,
+      extensions: [
+        createDataExtensions({
+          id: template.id,
+          text: template.source !== void 0 ? createDocAccessor(template, [
+            "template"
+          ]) : void 0
+        }),
+        createBasicExtensions({
+          bracketMatching: false,
+          lineWrapping: true,
+          placeholder: t("template placeholder")
+        }),
+        createThemeExtensions({
+          themeMode,
+          slots: {
+            content: {
+              className: "!p-3"
+            }
+          }
+        }),
+        // https://github.com/xiechao/lang-handlebars
+        new LanguageSupport(handlebarsLanguage, syntaxHighlighting(handlebarsHighlightStyle))
+      ]
+    }), [
+      themeMode,
+      prompt
+    ]);
+    return /* @__PURE__ */ React.createElement("div", {
+      ref: parentRef,
+      className: mx(classNames)
+    });
+  } finally {
+    _effect.f();
+  }
+};
+var handlebarsHighlightStyle = HighlightStyle.define([
+  {
+    tag: tags.tagName,
+    class: "text-redText"
+  },
+  {
+    tag: tags.variableName,
+    class: "text-blueText"
+  },
+  {
+    tag: tags.keyword,
+    class: "text-greenText"
+  },
+  {
+    tag: tags.comment,
+    class: "text-subdued"
+  }
+]);
+
+export {
+  TemplateEditor,
+  handlebarsHighlightStyle
+};
+//# sourceMappingURL=chunk-JQFUME3B.mjs.map

package/dist/lib/{node-esm/chunk-PBZA7XJR.mjs.map → browser/chunk-JQFUME3B.mjs.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/TemplateEditor/TemplateEditor.tsx"],
   "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { HighlightStyle, LanguageSupport, syntaxHighlighting } from '@codemirror/language';\nimport { styleTags, tags } from '@lezer/highlight';\nimport { handlebarsLanguage } from '@xiechao/codemirror-lang-handlebars';\nimport React from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { useThemeContext, useTranslation, type ThemedClassName } from '@dxos/react-ui';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { ASSISTANT_PLUGIN } from '../../meta';\nimport { type TemplateType } from '../../types';\n\nhandlebarsLanguage.configure({\n  props: [\n    styleTags({\n      '---': tags.lineComment,\n    }),\n  ],\n});\n\nexport type TemplateEditorProps = ThemedClassName<{\n  template: TemplateType;\n}>;\n\nexport const TemplateEditor = ({ classNames, template }: TemplateEditorProps) => {\n  const { t } = useTranslation(ASSISTANT_PLUGIN);\n  const { themeMode } = useThemeContext();\n  const { parentRef } = useTextEditor(\n    () => ({\n      initialValue: template.source,\n      extensions: [\n        createDataExtensions({\n          id: template.id,\n          text: template.source !== undefined ? createDocAccessor(template, ['template']) : undefined,\n        }),\n        createBasicExtensions({\n          bracketMatching: false,\n          lineWrapping: true,\n          placeholder: t('template placeholder'),\n        }),\n        createThemeExtensions({\n          themeMode,\n          slots: {\n            content: { className: '!p-3' },\n          },\n        }),\n\n        // https://github.com/xiechao/lang-handlebars\n        new LanguageSupport(handlebarsLanguage, syntaxHighlighting(handlebarsHighlightStyle)),\n      ],\n    }),\n    [themeMode, prompt],\n  );\n\n  return <div ref={parentRef} className={mx(classNames)} />;\n};\n\n/**\n * https://github.com/xiechao/lang-handlebars/blob/direct/src/highlight.js\n */\nexport const handlebarsHighlightStyle = HighlightStyle.define([\n  { tag: tags.tagName, class: 'text-redText' }, // Braces.\n  { tag: tags.variableName, class: 'text-blueText' },\n  { tag: tags.keyword, class: 'text-greenText' },\n  { tag: tags.comment, class: 'text-subdued' },\n]);\n"],
-  "mappings": ";;;;;;AAIA,SAASA,gBAAgBC,iBAAiBC,0BAA0B;AACpE,SAASC,WAAWC,YAAY;AAChC,SAASC,0BAA0B;AACnC,OAAOC,WAAW;AAElB,SAASC,yBAAyB;AAClC,SAASC,iBAAiBC,sBAA4C;AACtE,SACEC,uBACAC,sBACAC,uBACAC,qBACK;AACP,SAASC,UAAU;AAKnBC,mBAAmBC,UAAU;EAC3BC,OAAO;IACLC,UAAU;MACR,OAAOC,KAAKC;IACd,CAAA;;AAEJ,CAAA;AAMO,IAAMC,iBAAiB,CAAC,EAAEC,YAAYC,SAAQ,MAAuB;AAC1E,QAAM,EAAEC,EAAC,IAAKC,eAAeC,gBAAAA;AAC7B,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,UAAS,IAAKC,cACpB,OAAO;IACLC,cAAcR,SAASS;IACvBC,YAAY;MACVC,qBAAqB;QACnBC,IAAIZ,SAASY;QACbC,MAAMb,SAASS,WAAWK,SAAYC,kBAAkBf,UAAU;UAAC;SAAW,IAAIc;MACpF,CAAA;MACAE,sBAAsB;QACpBC,iBAAiB;QACjBC,cAAc;QACdC,aAAalB,EAAE,sBAAA;MACjB,CAAA;MACAmB,sBAAsB;QACpBhB;QACAiB,OAAO;UACLC,SAAS;YAAEC,WAAW;UAAO;QAC/B;MACF,CAAA;;MAGA,IAAIC,gBAAgBhC,oBAAoBiC,mBAAmBC,wBAAAA,CAAAA;;EAE/D,IACA;IAACtB;IAAWuB;GAAO;AAGrB,SAAO,sBAAA,cAACC,OAAAA;IAAIC,KAAKvB;IAAWiB,WAAWO,GAAG/B,UAAAA;;AAC5C;AAKO,IAAM2B,2BAA2BK,eAAeC,OAAO;EAC5D;IAAEC,KAAKrC,KAAKsC;IAASC,OAAO;EAAe;EAC3C;IAAEF,KAAKrC,KAAKwC;IAAcD,OAAO;EAAgB;EACjD;IAAEF,KAAKrC,KAAKyC;IAASF,OAAO;EAAiB;EAC7C;IAAEF,KAAKrC,KAAK0C;IAASH,OAAO;EAAe;CAC5C;",
+  "mappings": ";;;;;;AAIA,SAASA,gBAAgBC,iBAAiBC,0BAA0B;AACpE,SAASC,WAAWC,YAAY;AAChC,SAASC,0BAA0B;AACnC,OAAOC,WAAW;AAElB,SAASC,yBAAyB;AAClC,SAASC,iBAAiBC,sBAA4C;AACtE,SACEC,uBACAC,sBACAC,uBACAC,qBACK;AACP,SAASC,UAAU;AAKnBC,mBAAmBC,UAAU;EAC3BC,OAAO;IACLC,UAAU;MACR,OAAOC,KAAKC;IACd,CAAA;;AAEJ,CAAA;AAMO,IAAMC,iBAAiB,CAAC,EAAEC,YAAYC,SAAQ,MAAuB;;;AAC1E,UAAM,EAAEC,EAAC,IAAKC,eAAeC,gBAAAA;AAC7B,UAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,UAAM,EAAEC,UAAS,IAAKC,cACpB,OAAO;MACLC,cAAcR,SAASS;MACvBC,YAAY;QACVC,qBAAqB;UACnBC,IAAIZ,SAASY;UACbC,MAAMb,SAASS,WAAWK,SAAYC,kBAAkBf,UAAU;YAAC;WAAW,IAAIc;QACpF,CAAA;QACAE,sBAAsB;UACpBC,iBAAiB;UACjBC,cAAc;UACdC,aAAalB,EAAE,sBAAA;QACjB,CAAA;QACAmB,sBAAsB;UACpBhB;UACAiB,OAAO;YACLC,SAAS;cAAEC,WAAW;YAAO;UAC/B;QACF,CAAA;;QAGA,IAAIC,gBAAgBhC,oBAAoBiC,mBAAmBC,wBAAAA,CAAAA;;IAE/D,IACA;MAACtB;MAAWuB;KAAO;AAGrB,WAAO,sBAAA,cAACC,OAAAA;MAAIC,KAAKvB;MAAWiB,WAAWO,GAAG/B,UAAAA;;;;;AAC5C;AAKO,IAAM2B,2BAA2BK,eAAeC,OAAO;EAC5D;IAAEC,KAAKrC,KAAKsC;IAASC,OAAO;EAAe;EAC3C;IAAEF,KAAKrC,KAAKwC;IAAcD,OAAO;EAAgB;EACjD;IAAEF,KAAKrC,KAAKyC;IAASF,OAAO;EAAiB;EAC7C;IAAEF,KAAKrC,KAAK0C;IAASH,OAAO;EAAe;CAC5C;",
   "names": ["HighlightStyle", "LanguageSupport", "syntaxHighlighting", "styleTags", "tags", "handlebarsLanguage", "React", "createDocAccessor", "useThemeContext", "useTranslation", "createBasicExtensions", "createDataExtensions", "createThemeExtensions", "useTextEditor", "mx", "handlebarsLanguage", "configure", "props", "styleTags", "tags", "lineComment", "TemplateEditor", "classNames", "template", "t", "useTranslation", "ASSISTANT_PLUGIN", "themeMode", "useThemeContext", "parentRef", "useTextEditor", "initialValue", "source", "extensions", "createDataExtensions", "id", "text", "undefined", "createDocAccessor", "createBasicExtensions", "bracketMatching", "lineWrapping", "placeholder", "createThemeExtensions", "slots", "content", "className", "LanguageSupport", "syntaxHighlighting", "handlebarsHighlightStyle", "prompt", "div", "ref", "mx", "HighlightStyle", "define", "tag", "tagName", "class", "variableName", "keyword", "comment"]
 }

package/dist/lib/browser/chunk-Q6UZ4F3H.mjs

@@ -0,0 +1,96 @@
+// packages/plugins/plugin-assistant/src/components/AmbientDialog/AmbientDialog.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React, { useCallback, useEffect, useState } from "react";
+import { Dialog, Icon, IconButton } from "@dxos/react-ui";
+import { resizeAttributes, ResizeHandle, sizeStyle } from "@dxos/react-ui-dnd";
+import { mx } from "@dxos/react-ui-theme";
+var preventDefault = (event) => event.preventDefault();
+var minSize = 5;
+var AmbientDialog = ({ children, open: controlledOpen, title, resizeable = true, onOpenChange, onEscape }) => {
+  var _effect = _useSignals();
+  try {
+    const [resizeKey, setReizeKey] = useState(0);
+    const [size, setSize] = useState("min-content");
+    const [open, setOpen] = useState(controlledOpen);
+    useEffect(() => {
+      setOpen(controlledOpen);
+    }, [
+      controlledOpen
+    ]);
+    useEffect(() => {
+      setSize(open ? "min-content" : minSize);
+      setReizeKey((key) => key + 1);
+    }, [
+      open
+    ]);
+    const handleToggle = useCallback(() => {
+      setOpen((open2) => {
+        onOpenChange?.(!open2);
+        return !open2;
+      });
+    }, []);
+    return /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: "dx-dialog__overlay bg-transparent pointer-events-none",
+      "data-block-align": "end"
+    }, /* @__PURE__ */ React.createElement(Dialog.Content, {
+      classNames: 'relative box-content p-0 md:is-[35rem] md:max-is-none overflow-hidden pointer-events-auto transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing="true"])]:duration-200',
+      inOverlayLayout: true,
+      ...resizeAttributes,
+      style: {
+        ...resizeable ? sizeStyle(size, "vertical", true) : {},
+        maxBlockSize: "calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 9rem)"
+      },
+      onEscapeKeyDown: onEscape,
+      onInteractOutside: preventDefault
+    }, resizeable && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ResizeHandle, {
+      key: resizeKey,
+      side: "block-start",
+      defaultSize: "min-content",
+      minSize,
+      fallbackSize: minSize,
+      iconPosition: "center",
+      onSizeChange: setSize
+    }), /* @__PURE__ */ React.createElement(DialogHeader, {
+      open,
+      title,
+      onToggle: handleToggle
+    })) || /* @__PURE__ */ React.createElement(Dialog.Title, {
+      srOnly: true
+    }), children));
+  } finally {
+    _effect.f();
+  }
+};
+var DialogHeader = ({ open, title, onToggle }) => {
+  var _effect = _useSignals();
+  try {
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "flex shrink-0 w-full grid grid-cols-[var(--rail-action)_1fr_var(--rail-action)] items-center overflow-hidden"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "flex w-[--rail-action] h-[--rail-action] items-center justify-center"
+    }, /* @__PURE__ */ React.createElement(Dialog.Close, null, /* @__PURE__ */ React.createElement(Icon, {
+      icon: "ph--x--regular"
+    }))), /* @__PURE__ */ React.createElement("div", {
+      className: "grow"
+    }, /* @__PURE__ */ React.createElement(Dialog.Title, {
+      classNames: "flex justify-center text-xs text-subdued"
+    }, title)), /* @__PURE__ */ React.createElement("div", {
+      className: "flex w-[--rail-action] h-[--rail-action] items-center justify-center"
+    }, /* @__PURE__ */ React.createElement(IconButton, {
+      variant: "ghost",
+      icon: "ph--caret-up--regular",
+      classNames: mx("[&>svg]:transition [&>svg]:duration-200", open && "[&>svg]:rotate-180"),
+      iconOnly: true,
+      label: "Shrink",
+      onClick: onToggle
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+
+export {
+  AmbientDialog
+};
+//# sourceMappingURL=chunk-Q6UZ4F3H.mjs.map

package/dist/lib/browser/chunk-Q6UZ4F3H.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/AmbientDialog/AmbientDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type PropsWithChildren, useCallback, useEffect, useState } from 'react';\n\nimport { Dialog, Icon, IconButton } from '@dxos/react-ui';\nimport { resizeAttributes, ResizeHandle, type Size, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nconst preventDefault = (event: Event) => event.preventDefault();\n\nconst minSize = 5;\n\nexport type AmbientDialogProps = PropsWithChildren<{\n  open?: boolean;\n  title?: string;\n  resizeable?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onEscape?: () => void;\n}>;\n\nexport const AmbientDialog = ({\n  children,\n  open: controlledOpen,\n  title,\n  resizeable = true,\n  onOpenChange,\n  onEscape,\n}: AmbientDialogProps) => {\n  const [resizeKey, setReizeKey] = useState(0);\n  const [size, setSize] = useState<Size>('min-content');\n  const [open, setOpen] = useState(controlledOpen);\n\n  // Update controlled value.\n  useEffect(() => {\n    setOpen(controlledOpen);\n  }, [controlledOpen]);\n\n  // Update size and key.\n  useEffect(() => {\n    setSize(open ? 'min-content' : minSize);\n    setReizeKey((key) => key + 1);\n  }, [open]);\n\n  // TODO(burdon): Animate open/close.\n  // NOTE: We set the min size to 5rem (80px), and the header and prompt bar to 40px (i.e., the rail-size) each.\n  // The dialog has no vertical padding and has box-content so that when closed it collapses to the size of the header and prompt bar.\n  const handleToggle = useCallback(() => {\n    setOpen((open) => {\n      onOpenChange?.(!open);\n      return !open;\n    });\n  }, []);\n\n  return (\n    <div role='none' className='dx-dialog__overlay bg-transparent pointer-events-none' data-block-align='end'>\n      <Dialog.Content\n        classNames='relative box-content p-0 md:is-[35rem] md:max-is-none overflow-hidden pointer-events-auto transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing=\"true\"])]:duration-200'\n        inOverlayLayout\n        {...resizeAttributes}\n        style={{\n          ...(resizeable ? sizeStyle(size, 'vertical', true) : {}),\n          maxBlockSize: 'calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 9rem)',\n        }}\n        onEscapeKeyDown={onEscape}\n        onInteractOutside={preventDefault}\n      >\n        {(resizeable && (\n          <>\n            <ResizeHandle\n              key={resizeKey}\n              side='block-start'\n              defaultSize='min-content'\n              minSize={minSize}\n              fallbackSize={minSize}\n              iconPosition='center'\n              onSizeChange={setSize}\n            />\n\n            <DialogHeader open={open} title={title} onToggle={handleToggle} />\n          </>\n        )) || <Dialog.Title srOnly />}\n\n        {children}\n      </Dialog.Content>\n    </div>\n  );\n};\n\n/**\n * Matches same layout grid as PromptBar.\n */\nconst DialogHeader = ({ open, title, onToggle }: { open?: boolean; title?: string; onToggle: () => void }) => {\n  return (\n    <div className='flex shrink-0 w-full grid grid-cols-[var(--rail-action)_1fr_var(--rail-action)] items-center overflow-hidden'>\n      <div className='flex w-[--rail-action] h-[--rail-action] items-center justify-center'>\n        <Dialog.Close>\n          <Icon icon='ph--x--regular' />\n        </Dialog.Close>\n      </div>\n      <div className='grow'>\n        <Dialog.Title classNames='flex justify-center text-xs text-subdued'>{title}</Dialog.Title>\n      </div>\n      <div className='flex w-[--rail-action] h-[--rail-action] items-center justify-center'>\n        <IconButton\n          variant='ghost'\n          icon={'ph--caret-up--regular'}\n          classNames={mx('[&>svg]:transition [&>svg]:duration-200', open && '[&>svg]:rotate-180')}\n          iconOnly\n          label='Shrink'\n          onClick={onToggle}\n        />\n      </div>\n    </div>\n  );\n};\n"],
+  "mappings": ";;AAIA,OAAOA,SAAiCC,aAAaC,WAAWC,gBAAgB;AAEhF,SAASC,QAAQC,MAAMC,kBAAkB;AACzC,SAASC,kBAAkBC,cAAyBC,iBAAiB;AACrE,SAASC,UAAU;AAEnB,IAAMC,iBAAiB,CAACC,UAAiBA,MAAMD,eAAc;AAE7D,IAAME,UAAU;AAUT,IAAMC,gBAAgB,CAAC,EAC5BC,UACAC,MAAMC,gBACNC,OACAC,aAAa,MACbC,cACAC,SAAQ,MACW;;;AACnB,UAAM,CAACC,WAAWC,WAAAA,IAAeC,SAAS,CAAA;AAC1C,UAAM,CAACC,MAAMC,OAAAA,IAAWF,SAAe,aAAA;AACvC,UAAM,CAACR,MAAMW,OAAAA,IAAWH,SAASP,cAAAA;AAGjCW,cAAU,MAAA;AACRD,cAAQV,cAAAA;IACV,GAAG;MAACA;KAAe;AAGnBW,cAAU,MAAA;AACRF,cAAQV,OAAO,gBAAgBH,OAAAA;AAC/BU,kBAAY,CAACM,QAAQA,MAAM,CAAA;IAC7B,GAAG;MAACb;KAAK;AAKT,UAAMc,eAAeC,YAAY,MAAA;AAC/BJ,cAAQ,CAACX,UAAAA;AACPI,uBAAe,CAACJ,KAAAA;AAChB,eAAO,CAACA;MACV,CAAA;IACF,GAAG,CAAA,CAAE;AAEL,WACE,sBAAA,cAACgB,OAAAA;MAAIC,MAAK;MAAOC,WAAU;MAAwDC,oBAAiB;OAClG,sBAAA,cAACC,OAAOC,SAAO;MACbC,YAAW;MACXC,iBAAAA;MACC,GAAGC;MACJC,OAAO;QACL,GAAItB,aAAauB,UAAUjB,MAAM,YAAY,IAAA,IAAQ,CAAC;QACtDkB,cAAc;MAChB;MACAC,iBAAiBvB;MACjBwB,mBAAmBlC;OAEjBQ,cACA,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAAC2B,cAAAA;MACCjB,KAAKP;MACLyB,MAAK;MACLC,aAAY;MACZnC;MACAoC,cAAcpC;MACdqC,cAAa;MACbC,cAAczB;QAGhB,sBAAA,cAAC0B,cAAAA;MAAapC;MAAYE;MAAcmC,UAAUvB;WAEhD,sBAAA,cAACM,OAAOkB,OAAK;MAACC,QAAAA;QAEnBxC,QAAAA,CAAAA;;;;AAIT;AAKA,IAAMqC,eAAe,CAAC,EAAEpC,MAAME,OAAOmC,SAAQ,MAA4D;;;AACvG,WACE,sBAAA,cAACrB,OAAAA;MAAIE,WAAU;OACb,sBAAA,cAACF,OAAAA;MAAIE,WAAU;OACb,sBAAA,cAACE,OAAOoB,OAAK,MACX,sBAAA,cAACC,MAAAA;MAAKC,MAAK;UAGf,sBAAA,cAAC1B,OAAAA;MAAIE,WAAU;OACb,sBAAA,cAACE,OAAOkB,OAAK;MAAChB,YAAW;OAA4CpB,KAAAA,CAAAA,GAEvE,sBAAA,cAACc,OAAAA;MAAIE,WAAU;OACb,sBAAA,cAACyB,YAAAA;MACCC,SAAQ;MACRF,MAAM;MACNpB,YAAYuB,GAAG,2CAA2C7C,QAAQ,oBAAA;MAClE8C,UAAAA;MACAC,OAAM;MACNC,SAASX;;;;;AAKnB;",
+  "names": ["React", "useCallback", "useEffect", "useState", "Dialog", "Icon", "IconButton", "resizeAttributes", "ResizeHandle", "sizeStyle", "mx", "preventDefault", "event", "minSize", "AmbientDialog", "children", "open", "controlledOpen", "title", "resizeable", "onOpenChange", "onEscape", "resizeKey", "setReizeKey", "useState", "size", "setSize", "setOpen", "useEffect", "key", "handleToggle", "useCallback", "div", "role", "className", "data-block-align", "Dialog", "Content", "classNames", "inOverlayLayout", "resizeAttributes", "style", "sizeStyle", "maxBlockSize", "onEscapeKeyDown", "onInteractOutside", "ResizeHandle", "side", "defaultSize", "fallbackSize", "iconPosition", "onSizeChange", "DialogHeader", "onToggle", "Title", "srOnly", "Close", "Icon", "icon", "IconButton", "variant", "mx", "iconOnly", "label", "onClick"]
+}