@dxos/plugin-status-bar 0.6.8-main.046e6cf

package/LICENSE

@@ -0,0 +1,8 @@
+MIT License 
+Copyright (c) 2022 DXOS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,15 @@
+# @dxos/plugin-status-bar
+
+Plugin status.
+
+## DXOS Resources
+
+- [Website](https://dxos.org)
+- [Developer Documentation](https://docs.dxos.org)
+- Talk to us on [Discord](https://dxos.org/discord)
+
+## Contributions
+
+Your ideas, issues, and code are most welcome. Please take a look at our [community code of conduct](https://github.com/dxos/dxos/blob/main/CODE_OF_CONDUCT.md), the [issue guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-issues), and the [PR contribution guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-prs).
+
+License: [MIT](./LICENSE) Copyright 2023 © DXOS

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

@@ -0,0 +1,18 @@
+// packages/plugins/plugin-status-bar/src/meta.tsx
+import { Info } from "@phosphor-icons/react";
+import React from "react";
+import { pluginMeta } from "@dxos/app-framework";
+var STATUS_BAR_PLUGIN = "dxos.org/plugin/status-bar";
+var meta_default = pluginMeta({
+  id: STATUS_BAR_PLUGIN,
+  name: "Status Bar",
+  description: "Display a bar with status and actions.",
+  iconComponent: (props) => /* @__PURE__ */ React.createElement(Info, props),
+  iconSymbol: "ph--info--regular"
+});
+
+export {
+  STATUS_BAR_PLUGIN,
+  meta_default
+};
+//# sourceMappingURL=chunk-PL5XPTPX.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Info, type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport { pluginMeta } from '@dxos/app-framework';\n\nexport const STATUS_BAR_PLUGIN = 'dxos.org/plugin/status-bar';\n\nexport default pluginMeta({\n  id: STATUS_BAR_PLUGIN,\n  name: 'Status Bar',\n  description: 'Display a bar with status and actions.',\n  iconComponent: (props: IconProps) => <Info {...props} />,\n  iconSymbol: 'ph--info--regular',\n});\n"],
+  "mappings": ";AAIA,SAASA,YAA4B;AACrC,OAAOC,WAAW;AAElB,SAASC,kBAAkB;AAEpB,IAAMC,oBAAoB;AAEjC,IAAA,eAAeC,WAAW;EACxBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,eAAe,CAACC,UAAqB,sBAAA,cAACC,MAASD,KAAAA;EAC/CE,YAAY;AACd,CAAA;",
+  "names": ["Info", "React", "pluginMeta", "STATUS_BAR_PLUGIN", "pluginMeta", "id", "name", "description", "iconComponent", "props", "Info", "iconSymbol"]
+}

package/dist/lib/browser/index.mjs

@@ -0,0 +1,372 @@
+import {
+  STATUS_BAR_PLUGIN,
+  meta_default
+} from "./chunk-PL5XPTPX.mjs";
+
+// packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx
+import React4 from "react";
+
+// packages/plugins/plugin-status-bar/src/components/StatusBar.tsx
+import { useArrowNavigationGroup } from "@fluentui/react-tabster";
+import { Slot } from "@radix-ui/react-slot";
+import React, { forwardRef } from "react";
+import { mx } from "@dxos/react-ui-theme";
+var StatusBarText = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("span", {
+  className: mx(classNames),
+  ref: forwardedRef
+}, children));
+var StatusBarButton = /* @__PURE__ */ forwardRef(({ classNames, children, asChild, ...props }, forwardedRef) => {
+  const classes = mx("flex items-center gap-2 p-1 px-2 rounded-sm", "select-none cursor-pointer", "hover:bg-neutral-75 active:bg-neutral-150", "dark:hover:bg-neutral-750 dark:active:bg-neutral-700", classNames);
+  return asChild ? /* @__PURE__ */ React.createElement(Slot, {
+    role: "button",
+    ref: forwardedRef,
+    className: classes,
+    ...props
+  }, children) : /* @__PURE__ */ React.createElement("button", {
+    className: classes,
+    ref: forwardedRef,
+    ...props
+  }, children);
+});
+var StatusBarItem = /* @__PURE__ */ forwardRef(({ classNames, children, ...props }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
+  role: "menuitem",
+  className: mx("flex items-center gap-2 p-1 px-2 rounded-sm select-none", classNames),
+  ref: forwardedRef,
+  ...props
+}, children));
+var StatusBarContainer = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => {
+  const groupAttrs = useArrowNavigationGroup({
+    axis: "horizontal"
+  });
+  return /* @__PURE__ */ React.createElement("div", {
+    ...groupAttrs,
+    className: mx("bs-[--statusbar-size]", "flex justify-end items-center gap-2", "surface-base fg-description", "border-bs separator-separator", "text-lg pointer-fine:text-xs", classNames),
+    ref: forwardedRef,
+    role: "menubar"
+  }, children);
+});
+var StartContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
+  role: "none",
+  className: mx("flex-grow flex items-center space-x-2", classNames),
+  ref: forwardedRef
+}, children));
+var EndContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
+  role: "none",
+  className: mx("flex-grow flex items-center justify-end", classNames),
+  ref: forwardedRef
+}, children));
+var StatusBar = {
+  Container: StatusBarContainer,
+  Text: StatusBarText,
+  Item: StatusBarItem,
+  Button: StatusBarButton,
+  StartContent,
+  EndContent
+};
+
+// packages/plugins/plugin-status-bar/src/components/StatusBarImpl.tsx
+import { DiscordLogo, PaperPlaneTilt as PaperPlaneTilt2 } from "@phosphor-icons/react";
+import React3, { useState as useState2 } from "react";
+import { Surface } from "@dxos/app-framework";
+import { Popover as Popover2 } from "@dxos/react-ui";
+
+// packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx
+import { X, PaperPlaneTilt } from "@phosphor-icons/react";
+import React2, { useCallback as useCallback2 } from "react";
+import { useIntentDispatcher } from "@dxos/app-framework";
+import { S as S2 } from "@dxos/echo-schema";
+import { Button, Input, Popover, useTranslation } from "@dxos/react-ui";
+import { getSize } from "@dxos/react-ui-theme";
+
+// packages/plugins/plugin-status-bar/src/hooks/useForm.ts
+import { useCallback, useState } from "react";
+var useForm = ({ initialValues: initialValues2, validate: validate2, onSubmit }) => {
+  const [values, setValues] = useState(initialValues2);
+  const [errors, setErrors] = useState({});
+  const [touched, setTouched] = useState(Object.keys(initialValues2).reduce((acc, key) => ({
+    ...acc,
+    [key]: false
+  }), {}));
+  const runValidation = useCallback((values2) => {
+    const validationErrors = validate2(values2);
+    setErrors(collapseErrorArray(validationErrors ?? []));
+    return validationErrors === void 0;
+  }, [
+    validate2
+  ]);
+  const handleChange = useCallback((event) => {
+    const { name, value } = event.target;
+    const newValues = {
+      ...values,
+      [name]: value
+    };
+    setValues(newValues);
+    runValidation(newValues);
+  }, [
+    values,
+    runValidation
+  ]);
+  const touchAll = useCallback(() => setTouched(mkAllTouched(values)), [
+    values,
+    setTouched
+  ]);
+  const handleBlur = useCallback((event) => {
+    const { name } = event.target;
+    setTouched((touched2) => ({
+      ...touched2,
+      [name]: true
+    }));
+    if (event.relatedTarget?.getAttribute("type") === "submit") {
+      touchAll();
+    }
+    runValidation(values);
+  }, [
+    runValidation,
+    values,
+    touchAll
+  ]);
+  const handleSubmit = useCallback(() => {
+    if (runValidation(values)) {
+      onSubmit(values);
+    }
+  }, [
+    values,
+    runValidation,
+    onSubmit
+  ]);
+  const canSubmit = Object.keys(values).every((key) => touched[key] === false || !errors[key]);
+  const getInputProps = useCallback((key) => ({
+    name: key,
+    value: values[key],
+    onChange: handleChange,
+    onBlur: handleBlur,
+    "aria-invalid": errors[key] !== void 0
+  }), [
+    values,
+    handleChange,
+    handleBlur,
+    errors
+  ]);
+  return {
+    values,
+    handleChange,
+    handleSubmit,
+    errors,
+    canSubmit,
+    touched,
+    handleBlur,
+    onValidate: runValidation,
+    getInputProps
+  };
+};
+var mkAllTouched = (values) => {
+  return Object.keys(values).reduce((acc, key) => ({
+    ...acc,
+    [key]: true
+  }), {});
+};
+var collapseErrorArray = (errors) => errors.reduce((acc, { path, message }) => {
+  acc[path] = message;
+  return acc;
+}, {});
+
+// packages/plugins/plugin-status-bar/src/translations.ts
+var entry = (translation) => ({
+  [STATUS_BAR_PLUGIN]: translation
+});
+var mkTranslation = (t) => (key) => t(key);
+var translations = {
+  "en-US": entry({
+    "plugin name": "Status Bar",
+    "name label": "Name",
+    "name placeholder": "Preferred name",
+    "email input label": "Email",
+    "email input placeholder": "hello@example.com",
+    "feedback text area label": "Feedback",
+    "feedback text area placeholder": "Found a bug? Have a suggestion? Let us know!",
+    "send feedback label": "Send Feedback"
+  })
+};
+var translations_default = [
+  translations
+];
+
+// packages/plugins/plugin-status-bar/src/util/validation.ts
+import { ArrayFormatter } from "@effect/schema";
+import { Effect } from "effect";
+import { S } from "@dxos/echo-schema";
+var validate = (schema, data) => {
+  const validator = S.decodeUnknownEither(schema, {
+    errors: "all"
+  });
+  const result = validator(data);
+  if (result._tag === "Left") {
+    const errors = Effect.runSync(ArrayFormatter.formatError(result.left));
+    return errors.map(({ message, path }) => ({
+      message,
+      path: path.join(".")
+    }));
+  }
+  return void 0;
+};
+
+// packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx
+var Email = S2.String.pipe(S2.nonEmpty({
+  message: () => "Email is required."
+}), S2.pattern(/^(?!\.)(?!.*\.\.)([A-Z0-9_+-.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9-]*\.)+[A-Z]{2,}$/i, {
+  message: () => "Invalid email address."
+}));
+var nonEmpty = (field) => S2.nonEmpty({
+  message: () => `${field} is required.`
+});
+var maxLength = (field, length) => S2.maxLength(length, {
+  message: () => `${field} is too long.`
+});
+var FeedbackFormSchema = S2.Struct({
+  name: S2.String.pipe(nonEmpty("Name"), maxLength("Name", 256)),
+  email: Email.pipe(maxLength("Email", 256)),
+  message: S2.String.pipe(nonEmpty("Feedback"), maxLength("Feedback", 32768))
+});
+var initialValues = {
+  name: "",
+  email: "",
+  message: ""
+};
+var FeedbackForm = ({ onClose }) => {
+  const { t } = useTranslation(STATUS_BAR_PLUGIN);
+  const translation = mkTranslation(t);
+  const dispatch = useIntentDispatcher();
+  const onSubmit = useCallback2((values) => {
+    void dispatch({
+      action: "dxos.org/plugin/observability/capture-feedback",
+      data: values
+    });
+    onClose();
+  }, [
+    dispatch,
+    onClose
+  ]);
+  const { errors, handleSubmit, canSubmit, touched, getInputProps } = useForm({
+    initialValues,
+    validate: (values) => validate(FeedbackFormSchema, values),
+    onSubmit: (values) => onSubmit(values)
+  });
+  return /* @__PURE__ */ React2.createElement("div", {
+    role: "form",
+    className: "p-3 flex flex-col gap-2"
+  }, /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "space-b-1"
+  }, /* @__PURE__ */ React2.createElement(Input.Root, {
+    validationValence: touched.name && errors.name ? "error" : void 0
+  }, /* @__PURE__ */ React2.createElement(Input.Label, null, translation("name label")), /* @__PURE__ */ React2.createElement(Input.TextInput, {
+    classNames: "text-sm",
+    placeholder: translation("name placeholder"),
+    autoFocus: true,
+    ...getInputProps("name")
+  }), /* @__PURE__ */ React2.createElement(Input.DescriptionAndValidation, null, /* @__PURE__ */ React2.createElement(Input.Validation, null, touched.name && errors.name)))), /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "space-b-1"
+  }, /* @__PURE__ */ React2.createElement(Input.Root, {
+    validationValence: touched.email && errors.email ? "error" : void 0
+  }, /* @__PURE__ */ React2.createElement(Input.Label, null, translation("email input label")), /* @__PURE__ */ React2.createElement(Input.TextInput, {
+    classNames: "text-sm",
+    placeholder: translation("email input placeholder"),
+    ...getInputProps("email")
+  }), /* @__PURE__ */ React2.createElement(Input.DescriptionAndValidation, null, /* @__PURE__ */ React2.createElement(Input.Validation, null, touched.email && errors.email)))), /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "space-b-1"
+  }, /* @__PURE__ */ React2.createElement(Input.Root, {
+    validationValence: touched.message && errors.message ? "error" : void 0
+  }, /* @__PURE__ */ React2.createElement(Input.Label, null, translation("feedback text area label")), /* @__PURE__ */ React2.createElement(Input.TextArea, {
+    classNames: "text-sm",
+    rows: 5,
+    cols: 30,
+    placeholder: translation("feedback text area placeholder"),
+    ...getInputProps("message")
+  }), /* @__PURE__ */ React2.createElement(Input.DescriptionAndValidation, null, /* @__PURE__ */ React2.createElement(Input.Validation, null, touched.message && errors.message)))), /* @__PURE__ */ React2.createElement("div", {
+    role: "none",
+    className: "space-b-2"
+  }, /* @__PURE__ */ React2.createElement(Button, {
+    type: "submit",
+    variant: "primary",
+    classNames: "is-full flex gap-2",
+    disabled: !canSubmit,
+    onClick: handleSubmit
+  }, /* @__PURE__ */ React2.createElement("span", null, translation("send feedback label")), /* @__PURE__ */ React2.createElement("div", {
+    className: "grow"
+  }), /* @__PURE__ */ React2.createElement(PaperPlaneTilt, {
+    className: getSize(5)
+  })), /* @__PURE__ */ React2.createElement(Popover.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Button, {
+    classNames: "is-full flex gap-2"
+  }, /* @__PURE__ */ React2.createElement("span", null, t("cancel label", {
+    ns: "os"
+  })), /* @__PURE__ */ React2.createElement("div", {
+    className: "grow"
+  }), /* @__PURE__ */ React2.createElement(X, {
+    className: getSize(5)
+  })))));
+};
+
+// packages/plugins/plugin-status-bar/src/components/StatusBarImpl.tsx
+var StatusBarImpl = () => {
+  const [open, setOpen] = useState2(false);
+  return /* @__PURE__ */ React3.createElement(Popover2.Root, {
+    open,
+    onOpenChange: setOpen
+  }, /* @__PURE__ */ React3.createElement(StatusBar.Container, null, /* @__PURE__ */ React3.createElement(StatusBar.EndContent, null, /* @__PURE__ */ React3.createElement(Popover2.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React3.createElement(StatusBar.Button, {
+    "aria-label": "Give feedback about composer",
+    "data-joyride": "welcome/feedback"
+  }, /* @__PURE__ */ React3.createElement(PaperPlaneTilt2, null), /* @__PURE__ */ React3.createElement(StatusBar.Text, {
+    classNames: "hidden sm:block"
+  }, "Feedback"))), /* @__PURE__ */ React3.createElement(StatusBar.Button, {
+    "aria-label": "Open DXOS Discord",
+    asChild: true
+  }, /* @__PURE__ */ React3.createElement("a", {
+    href: "https://discord.gg/zsxWrKjteV",
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, /* @__PURE__ */ React3.createElement(DiscordLogo, null), /* @__PURE__ */ React3.createElement(StatusBar.Text, {
+    classNames: "hidden sm:block"
+  }, "Discord")))), /* @__PURE__ */ React3.createElement(Surface, {
+    role: "status"
+  })), /* @__PURE__ */ React3.createElement(Popover2.Content, {
+    classNames: "shadow-lg"
+  }, /* @__PURE__ */ React3.createElement(FeedbackForm, {
+    onClose: () => setOpen(false)
+  }), /* @__PURE__ */ React3.createElement(Popover2.Arrow, null)));
+};
+
+// packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx
+var StatusBarPlugin = () => {
+  return {
+    meta: meta_default,
+    provides: {
+      translations: translations_default,
+      surface: {
+        component: ({ role }) => {
+          switch (role) {
+            case "status-bar": {
+              return /* @__PURE__ */ React4.createElement(StatusBarImpl, null);
+            }
+          }
+          return null;
+        }
+      }
+    }
+  };
+};
+
+// packages/plugins/plugin-status-bar/src/index.ts
+var src_default = StatusBarPlugin;
+export {
+  StatusBar,
+  StatusBarImpl,
+  StatusBarPlugin,
+  src_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/browser/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/StatusBarPlugin.tsx", "../../../src/components/StatusBar.tsx", "../../../src/components/StatusBarImpl.tsx", "../../../src/components/FeedbackForm.tsx", "../../../src/hooks/useForm.ts", "../../../src/translations.ts", "../../../src/util/validation.ts", "../../../src/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type PluginDefinition, type SurfaceProvides, type TranslationsProvides } from '@dxos/app-framework';\n\nimport { StatusBarImpl } from './components';\nimport meta from './meta';\nimport translations from './translations';\n\nexport type StatusBarPluginProvides = SurfaceProvides & TranslationsProvides;\n\nexport const StatusBarPlugin = (): PluginDefinition<StatusBarPluginProvides> => {\n  return {\n    meta,\n    provides: {\n      translations,\n      surface: {\n        component: ({ role }) => {\n          switch (role) {\n            case 'status-bar': {\n              return <StatusBarImpl />;\n            }\n          }\n\n          return null;\n        },\n      },\n    },\n  };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\ntype StatusBarTextProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StatusBarText = forwardRef<HTMLSpanElement, StatusBarTextProps>(({ classNames, children }, forwardedRef) => (\n  <span className={mx(classNames)} ref={forwardedRef}>\n    {children}\n  </span>\n));\n\ntype StatusBarButtonProps = ThemedClassName<{ children: ReactNode; asChild?: boolean }> &\n  HTMLAttributes<HTMLButtonElement>;\n\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center gap-2 p-1 px-2 rounded-sm',\n      'select-none cursor-pointer',\n      'hover:bg-neutral-75 active:bg-neutral-150',\n      'dark:hover:bg-neutral-750 dark:active:bg-neutral-700',\n      classNames,\n    );\n\n    return asChild ? (\n      <Slot role='button' ref={forwardedRef} className={classes} {...props}>\n        {children}\n      </Slot>\n    ) : (\n      <button className={classes} ref={forwardedRef} {...props}>\n        {children}\n      </button>\n    );\n  },\n);\n\nexport default StatusBarButton;\n\ntype StatusBarItemProps = ThemedClassName<{ children: ReactNode }> & HTMLAttributes<HTMLDivElement>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => (\n    <div\n      role='menuitem'\n      className={mx('flex items-center gap-2 p-1 px-2 rounded-sm select-none', classNames)}\n      ref={forwardedRef}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\ntype StatusBarContainerProps = ThemedClassName<{ children: ReactNode }>;\n\n// TODO(zan): tabable group with tabster\nconst StatusBarContainer = forwardRef<HTMLDivElement, StatusBarContainerProps>(\n  ({ classNames, children }, forwardedRef) => {\n    const groupAttrs = useArrowNavigationGroup({ axis: 'horizontal' });\n    return (\n      <div\n        {...groupAttrs}\n        className={mx(\n          'bs-[--statusbar-size]',\n          'flex justify-end items-center gap-2',\n          'surface-base fg-description',\n          'border-bs separator-separator',\n          'text-lg pointer-fine:text-xs',\n          classNames,\n        )}\n        ref={forwardedRef}\n        role='menubar'\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\ntype StartContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center space-x-2', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\ntype EndContentProps = ThemedClassName<{ children: ReactNode }>;\n\nconst EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center justify-end', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\nexport const StatusBar = {\n  Container: StatusBarContainer,\n  Text: StatusBarText,\n  Item: StatusBarItem,\n  Button: StatusBarButton,\n  StartContent,\n  EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { DiscordLogo, PaperPlaneTilt } from '@phosphor-icons/react';\nimport React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Popover } from '@dxos/react-ui';\n\nimport { FeedbackForm } from './FeedbackForm';\nimport { StatusBar } from './StatusBar';\n\n// TODO(wittjosiah): Rename.\nexport const StatusBarImpl = () => {\n  const [open, setOpen] = useState(false);\n\n  // TODO(wittjosiah): Factor out feedback and discord buttons.\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <StatusBar.Container>\n        <StatusBar.EndContent>\n          <Popover.Trigger asChild>\n            <StatusBar.Button aria-label='Give feedback about composer' data-joyride='welcome/feedback'>\n              <PaperPlaneTilt />\n              <StatusBar.Text classNames='hidden sm:block'>Feedback</StatusBar.Text>\n            </StatusBar.Button>\n          </Popover.Trigger>\n          {/* TODO(zan): Configure this label? */}\n          <StatusBar.Button aria-label='Open DXOS Discord' asChild>\n            <a href='https://discord.gg/zsxWrKjteV' target='_blank' rel='noopener noreferrer'>\n              <DiscordLogo />\n              <StatusBar.Text classNames='hidden sm:block'>Discord</StatusBar.Text>\n            </a>\n          </StatusBar.Button>\n        </StatusBar.EndContent>\n        <Surface role='status' />\n      </StatusBar.Container>\n      <Popover.Content classNames='shadow-lg'>\n        <FeedbackForm onClose={() => setOpen(false)} />\n        <Popover.Arrow />\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { X, PaperPlaneTilt } from '@phosphor-icons/react';\nimport React, { useCallback } from 'react';\n\nimport { useIntentDispatcher } from '@dxos/app-framework';\nimport { S } from '@dxos/echo-schema';\nimport { Button, Input, Popover, useTranslation } from '@dxos/react-ui';\nimport { getSize } from '@dxos/react-ui-theme';\n\nimport { useForm } from '../hooks';\nimport { STATUS_BAR_PLUGIN } from '../meta';\nimport { mkTranslation } from '../translations';\nimport { validate } from '../util';\n\nconst Email = S.String.pipe(\n  S.nonEmpty({ message: () => 'Email is required.' }),\n  S.pattern(/^(?!\\.)(?!.*\\.\\.)([A-Z0-9_+-.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9-]*\\.)+[A-Z]{2,}$/i, {\n    message: () => 'Invalid email address.',\n  }),\n);\n\nconst nonEmpty = (field: string) => S.nonEmpty({ message: () => `${field} is required.` });\nconst maxLength = (field: string, length: number) => S.maxLength(length, { message: () => `${field} is too long.` });\n\n// -- Types and validation.\nconst FeedbackFormSchema = S.Struct({\n  name: S.String.pipe(nonEmpty('Name'), maxLength('Name', 256)),\n  email: Email.pipe(maxLength('Email', 256)),\n  message: S.String.pipe(nonEmpty('Feedback'), maxLength('Feedback', 32_768)),\n});\n\ntype FeedbackFormState = S.Schema.Type<typeof FeedbackFormSchema>;\n\nconst initialValues: FeedbackFormState = { name: '', email: '', message: '' };\n\nexport const FeedbackForm = ({ onClose }: { onClose: () => void }) => {\n  const { t } = useTranslation(STATUS_BAR_PLUGIN);\n  const translation = mkTranslation(t);\n  const dispatch = useIntentDispatcher();\n\n  const onSubmit = useCallback(\n    (values: FeedbackFormState) => {\n      void dispatch({ action: 'dxos.org/plugin/observability/capture-feedback', data: values });\n      onClose();\n    },\n    [dispatch, onClose],\n  );\n\n  const { errors, handleSubmit, canSubmit, touched, getInputProps } = useForm<FeedbackFormState>({\n    initialValues,\n    validate: (values) => validate(FeedbackFormSchema, values),\n    onSubmit: (values) => onSubmit(values),\n  });\n\n  return (\n    <div role='form' className='p-3 flex flex-col gap-2'>\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={touched.name && errors.name ? 'error' : undefined}>\n          <Input.Label>{translation('name label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('name placeholder')}\n            autoFocus\n            {...getInputProps('name')}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{touched.name && errors.name}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={touched.email && errors.email ? 'error' : undefined}>\n          <Input.Label>{translation('email input label')}</Input.Label>\n          <Input.TextInput\n            classNames={'text-sm'}\n            placeholder={translation('email input placeholder')}\n            {...getInputProps('email')}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{touched.email && errors.email}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-1'>\n        <Input.Root validationValence={touched.message && errors.message ? 'error' : undefined}>\n          <Input.Label>{translation('feedback text area label')}</Input.Label>\n          <Input.TextArea\n            classNames={'text-sm'}\n            rows={5}\n            cols={30}\n            placeholder={translation('feedback text area placeholder')}\n            {...getInputProps('message')}\n          />\n          <Input.DescriptionAndValidation>\n            <Input.Validation>{touched.message && errors.message}</Input.Validation>\n          </Input.DescriptionAndValidation>\n        </Input.Root>\n      </div>\n\n      <div role='none' className='space-b-2'>\n        <Button\n          type='submit'\n          variant='primary'\n          classNames='is-full flex gap-2'\n          disabled={!canSubmit}\n          onClick={handleSubmit}\n        >\n          <span>{translation('send feedback label')}</span>\n          <div className='grow' />\n          <PaperPlaneTilt className={getSize(5)} />\n        </Button>\n        <Popover.Close asChild>\n          <Button classNames='is-full flex gap-2'>\n            <span>{t('cancel label', { ns: 'os' })}</span>\n            <div className='grow' />\n            <X className={getSize(5)} />\n          </Button>\n        </Popover.Close>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\nimport { type ChangeEvent, useCallback, useState } from 'react';\n\nimport { type ValidationError } from '../util';\n\n// TODO(Zan): This module will be generally useful and we should factor it out after the\n// API crystallizes a bit more.\n\ninterface FormOptions<T> {\n  initialValues: T;\n  validate: (values: any) => ValidationError[] | undefined;\n  onSubmit: (values: T) => void;\n}\n\n/**\n * Creates a hook for managing form state, including values, validation, and submission.\n *\n * @example\n * const { values, handleChange, handleSubmit, errors, canSubmit, getInputProps } = useForm({\n *   initialValues: { name: '', email: '' },\n *   validate: (values) => { yourValidationLogic(values); },\n *   onSubmit: (values) => { submissionLogic(values); },\n * });\n */\nexport const useForm = <T extends object>({ initialValues, validate, onSubmit }: FormOptions<T>) => {\n  const [values, setValues] = useState<T>(initialValues);\n  const [errors, setErrors] = useState<Record<keyof T, string>>({} as Record<keyof T, string>);\n  const [touched, setTouched] = useState<Record<keyof T, boolean>>(\n    Object.keys(initialValues).reduce((acc, key) => ({ ...acc, [key]: false }), {} as Record<keyof T, boolean>),\n  );\n\n  const runValidation = useCallback(\n    (values: T) => {\n      const validationErrors = validate(values);\n      setErrors(collapseErrorArray(validationErrors ?? []));\n\n      return validationErrors === undefined;\n    },\n    [validate],\n  );\n\n  const handleChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      const { name, value } = event.target;\n      const newValues = { ...values, [name]: value };\n      setValues(newValues);\n      runValidation(newValues);\n    },\n    [values, runValidation],\n  );\n\n  const touchAll = useCallback(() => setTouched(mkAllTouched(values)), [values, setTouched]);\n\n  const handleBlur = useCallback(\n    (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      const { name } = event.target;\n      setTouched((touched) => ({ ...touched, [name]: true }));\n\n      // TODO(Zan): This should be configurable behavior.\n      if (event.relatedTarget?.getAttribute('type') === 'submit') {\n        // NOTE: We do this here instead of onSubmit, because the blur event is triggered before the submit event\n        //       and results in the submit button being disabled when the form is invalid.\n        touchAll();\n      }\n\n      runValidation(values);\n    },\n    [runValidation, values, touchAll],\n  );\n\n  const handleSubmit = useCallback(() => {\n    if (runValidation(values)) {\n      onSubmit(values);\n    }\n  }, [values, runValidation, onSubmit]);\n\n  // NOTE: We can submit if there is no touched field that has an error.\n  // - Basically, if there's a validation message present in the form, submit should be disabled.\n  const canSubmit = Object.keys(values).every((key) => touched[key as keyof T] === false || !errors[key as keyof T]);\n\n  const getInputProps = useCallback(\n    (key: keyof T) => ({\n      name: key,\n      value: values[key],\n      onChange: handleChange,\n      onBlur: handleBlur,\n      'aria-invalid': errors[key] !== undefined,\n    }),\n    [values, handleChange, handleBlur, errors],\n  );\n\n  return {\n    values,\n    handleChange,\n    handleSubmit,\n    errors,\n    canSubmit,\n    touched,\n    handleBlur,\n    onValidate: runValidation,\n    getInputProps,\n  };\n};\n\nconst mkAllTouched = <T extends Record<keyof T, any>>(values: T) => {\n  return Object.keys(values).reduce((acc, key) => ({ ...acc, [key]: true }), {} as Record<keyof T, boolean>);\n};\n\nconst collapseErrorArray = <T>(errors: ValidationError[]) =>\n  errors.reduce(\n    (acc, { path, message }) => {\n      // TODO(Zan): This won't play well with nesting.\n      acc[path as keyof T] = message;\n      return acc;\n    },\n    {} as Record<keyof T, string>,\n  );\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type useTranslation } from '@dxos/react-ui';\n\nimport { STATUS_BAR_PLUGIN } from './meta';\n\ntype StatusBarTranslationKeys =\n  | 'plugin name'\n  | 'email input label'\n  | 'email input placeholder'\n  | 'feedback text area label'\n  | 'feedback text area placeholder'\n  | 'send feedback label'\n  | 'name label'\n  | 'name placeholder';\n\ntype RequiredTranslation = { [key in StatusBarTranslationKeys]: string };\ntype TranslationEntry = { [STATUS_BAR_PLUGIN]: RequiredTranslation };\ntype Language = string;\n\n// -- helpers.\nconst entry = (translation: RequiredTranslation): TranslationEntry => ({ [STATUS_BAR_PLUGIN]: translation });\nexport const mkTranslation = (t: ReturnType<typeof useTranslation>['t']) => (key: StatusBarTranslationKeys) => t(key);\n\nconst translations: Record<Language, TranslationEntry> = {\n  'en-US': entry({\n    'plugin name': 'Status Bar',\n    'name label': 'Name',\n    'name placeholder': 'Preferred name',\n    'email input label': 'Email',\n    'email input placeholder': 'hello@example.com',\n    'feedback text area label': 'Feedback',\n    'feedback text area placeholder': 'Found a bug? Have a suggestion? Let us know!',\n    'send feedback label': 'Send Feedback',\n  }),\n};\n\nexport default [translations];\n", "//\n// Copyright 2024 DXOS.org\n//\nimport { ArrayFormatter } from '@effect/schema';\nimport { Effect } from 'effect';\n\nimport { S } from '@dxos/echo-schema';\n\nexport type ValidationError = { path: string; message: string };\n\nexport const validate = <T>(schema: S.Schema<T>, data: any): ValidationError[] | undefined => {\n  const validator = S.decodeUnknownEither(schema, { errors: 'all' });\n  const result = validator(data);\n\n  if (result._tag === 'Left') {\n    const errors = Effect.runSync(ArrayFormatter.formatError(result.left));\n    // TODO(Zan): Path.join is an assumption...\n    return errors.map(({ message, path }) => ({ message, path: path.join('.') }));\n  }\n\n  return undefined;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { StatusBarPlugin } from './StatusBarPlugin';\n\nexport default StatusBarPlugin;\n\nexport * from './StatusBarPlugin';\nexport * from './components';\n"],
+  "mappings": "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",
+  "names": ["React", "useArrowNavigationGroup", "Slot", "React", "forwardRef", "mx", "StatusBarText", "forwardRef", "classNames", "children", "forwardedRef", "span", "className", "mx", "ref", "StatusBarButton", "asChild", "props", "classes", "Slot", "role", "button", "StatusBarItem", "forwardRef", "classNames", "children", "props", "forwardedRef", "div", "role", "className", "mx", "ref", "StatusBarContainer", "groupAttrs", "useArrowNavigationGroup", "axis", "StartContent", "EndContent", "StatusBar", "Container", "Text", "StatusBarText", "Item", "Button", "StatusBarButton", "DiscordLogo", "PaperPlaneTilt", "React", "useState", "Surface", "Popover", "X", "PaperPlaneTilt", "React", "useCallback", "useIntentDispatcher", "S", "Button", "Input", "Popover", "useTranslation", "getSize", "useCallback", "useState", "useForm", "initialValues", "validate", "onSubmit", "values", "setValues", "useState", "errors", "setErrors", "touched", "setTouched", "Object", "keys", "reduce", "acc", "key", "runValidation", "useCallback", "validationErrors", "collapseErrorArray", "undefined", "handleChange", "event", "name", "value", "target", "newValues", "touchAll", "mkAllTouched", "handleBlur", "relatedTarget", "getAttribute", "handleSubmit", "canSubmit", "every", "getInputProps", "onChange", "onBlur", "onValidate", "path", "message", "entry", "translation", "STATUS_BAR_PLUGIN", "mkTranslation", "t", "key", "translations", "ArrayFormatter", "Effect", "S", "validate", "schema", "data", "validator", "S", "decodeUnknownEither", "errors", "result", "_tag", "Effect", "runSync", "ArrayFormatter", "formatError", "left", "map", "message", "path", "join", "undefined", "Email", "S", "String", "pipe", "nonEmpty", "message", "pattern", "field", "maxLength", "length", "FeedbackFormSchema", "Struct", "name", "email", "initialValues", "FeedbackForm", "onClose", "t", "useTranslation", "STATUS_BAR_PLUGIN", "translation", "mkTranslation", "dispatch", "useIntentDispatcher", "onSubmit", "useCallback", "values", "action", "data", "errors", "handleSubmit", "canSubmit", "touched", "getInputProps", "useForm", "validate", "React", "div", "role", "className", "Input", "Root", "validationValence", "undefined", "Label", "TextInput", "classNames", "placeholder", "autoFocus", "DescriptionAndValidation", "Validation", "TextArea", "rows", "cols", "Button", "type", "variant", "disabled", "onClick", "span", "PaperPlaneTilt", "getSize", "Popover", "Close", "asChild", "ns", "X", "StatusBarImpl", "open", "setOpen", "useState", "React", "Popover", "Root", "onOpenChange", "StatusBar", "Container", "EndContent", "Trigger", "asChild", "Button", "aria-label", "data-joyride", "PaperPlaneTilt", "Text", "classNames", "a", "href", "target", "rel", "DiscordLogo", "Surface", "role", "Content", "FeedbackForm", "onClose", "Arrow", "StatusBarPlugin", "meta", "provides", "translations", "surface", "component", "role", "React", "StatusBarImpl", "StatusBarPlugin"]
+}

package/dist/lib/browser/meta.json

@@ -0,0 +1 @@
+{"inputs":{"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytes":10001,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-status-bar/src/hooks/useForm.ts":{"bytes":12419,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-status-bar/src/hooks/index.ts":{"bytes":511,"imports":[{"path":"packages/plugins/plugin-status-bar/src/hooks/useForm.ts","kind":"import-statement","original":"./useForm"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/meta.tsx":{"bytes":1914,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytes":3385,"imports":[{"path":"packages/plugins/plugin-status-bar/src/meta.tsx","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/util/validation.ts":{"bytes":2821,"imports":[{"path":"@effect/schema","kind":"import-statement","external":true},{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-status-bar/src/util/index.ts":{"bytes":517,"imports":[{"path":"packages/plugins/plugin-status-bar/src/util/validation.ts","kind":"import-statement","original":"./validation"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytes":16753,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/hooks/index.ts","kind":"import-statement","original":"../hooks"},{"path":"packages/plugins/plugin-status-bar/src/meta.tsx","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"../translations"},{"path":"packages/plugins/plugin-status-bar/src/util/index.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/StatusBarImpl.tsx":{"bytes":6022,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx","kind":"import-statement","original":"./FeedbackForm"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytes":623,"imports":[{"path":"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"packages/plugins/plugin-status-bar/src/components/StatusBarImpl.tsx","kind":"import-statement","original":"./StatusBarImpl"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytes":2657,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-status-bar/src/meta.tsx","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-status-bar/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-status-bar/src/index.ts":{"bytes":916,"imports":[{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx","kind":"import-statement","original":"./StatusBarPlugin"},{"path":"packages/plugins/plugin-status-bar/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-status-bar/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":28277},"packages/plugins/plugin-status-bar/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/browser/chunk-PL5XPTPX.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@effect/schema","kind":"import-statement","external":true},{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarImpl","StatusBarPlugin","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/index.ts","inputs":{"packages/plugins/plugin-status-bar/src/StatusBarPlugin.tsx":{"bytesInOutput":423},"packages/plugins/plugin-status-bar/src/components/StatusBar.tsx":{"bytesInOutput":2483},"packages/plugins/plugin-status-bar/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/components/StatusBarImpl.tsx":{"bytesInOutput":1702},"packages/plugins/plugin-status-bar/src/components/FeedbackForm.tsx":{"bytesInOutput":4748},"packages/plugins/plugin-status-bar/src/hooks/useForm.ts":{"bytesInOutput":2228},"packages/plugins/plugin-status-bar/src/hooks/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/translations.ts":{"bytesInOutput":570},"packages/plugins/plugin-status-bar/src/util/validation.ts":{"bytesInOutput":497},"packages/plugins/plugin-status-bar/src/util/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-status-bar/src/index.ts":{"bytesInOutput":35}},"bytes":13596},"packages/plugins/plugin-status-bar/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-status-bar/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-status-bar/dist/lib/browser/chunk-PL5XPTPX.mjs","kind":"import-statement"}],"exports":["STATUS_BAR_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-status-bar/src/meta.tsx","inputs":{},"bytes":169},"packages/plugins/plugin-status-bar/dist/lib/browser/chunk-PL5XPTPX.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":946},"packages/plugins/plugin-status-bar/dist/lib/browser/chunk-PL5XPTPX.mjs":{"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["STATUS_BAR_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-status-bar/src/meta.tsx":{"bytesInOutput":429}},"bytes":573}}}

package/dist/lib/browser/meta.mjs

@@ -0,0 +1,9 @@
+import {
+  STATUS_BAR_PLUGIN,
+  meta_default
+} from "./chunk-PL5XPTPX.mjs";
+export {
+  STATUS_BAR_PLUGIN,
+  meta_default as default
+};
+//# sourceMappingURL=meta.mjs.map

package/dist/lib/browser/meta.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/types/src/StatusBarPlugin.d.ts

@@ -0,0 +1,4 @@
+import { type PluginDefinition, type SurfaceProvides, type TranslationsProvides } from '@dxos/app-framework';
+export type StatusBarPluginProvides = SurfaceProvides & TranslationsProvides;
+export declare const StatusBarPlugin: () => PluginDefinition<StatusBarPluginProvides>;
+//# sourceMappingURL=StatusBarPlugin.d.ts.map

package/dist/types/src/StatusBarPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarPlugin.d.ts","sourceRoot":"","sources":["../../../src/StatusBarPlugin.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAM7G,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,oBAAoB,CAAC;AAE7E,eAAO,MAAM,eAAe,QAAO,gBAAgB,CAAC,uBAAuB,CAkB1E,CAAC"}

package/dist/types/src/components/FeedbackForm.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const FeedbackForm: ({ onClose }: {
+    onClose: () => void;
+}) => React.JSX.Element;
+//# sourceMappingURL=FeedbackForm.d.ts.map

package/dist/types/src/components/FeedbackForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackForm.d.ts","sourceRoot":"","sources":["../../../../src/components/FeedbackForm.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAiC3C,eAAO,MAAM,YAAY,gBAAiB;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,sBAwFhE,CAAC"}

package/dist/types/src/components/StatusBar.d.ts

@@ -0,0 +1,42 @@
+import React, { type ReactNode } from 'react';
+declare const StatusBarButton: React.ForwardRefExoticComponent<Omit<{
+    children: ReactNode;
+    asChild?: boolean;
+}, "className"> & {
+    classNames?: import("@dxos/react-ui").ClassNameValue;
+} & React.HTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+export default StatusBarButton;
+export declare const StatusBar: {
+    Container: React.ForwardRefExoticComponent<Omit<{
+        children: ReactNode;
+    }, "className"> & {
+        classNames?: import("@dxos/react-ui").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Text: React.ForwardRefExoticComponent<Omit<{
+        children: ReactNode;
+    }, "className"> & {
+        classNames?: import("@dxos/react-ui").ClassNameValue;
+    } & React.RefAttributes<HTMLSpanElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<{
+        children: ReactNode;
+    }, "className"> & {
+        classNames?: import("@dxos/react-ui").ClassNameValue;
+    } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Button: React.ForwardRefExoticComponent<Omit<{
+        children: ReactNode;
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/react-ui").ClassNameValue;
+    } & React.HTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+    StartContent: React.ForwardRefExoticComponent<Omit<{
+        children: ReactNode;
+    }, "className"> & {
+        classNames?: import("@dxos/react-ui").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    EndContent: React.ForwardRefExoticComponent<Omit<{
+        children: ReactNode;
+    }, "className"> & {
+        classNames?: import("@dxos/react-ui").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=StatusBar.d.ts.map

package/dist/types/src/components/StatusBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../src/components/StatusBar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAmC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB/E,QAAA,MAAM,eAAe;cAHmC,SAAS;cAAY,OAAO;;;qFAuBnF,CAAC;AAEF,eAAe,eAAe,CAAC;AA0D/B,eAAO,MAAM,SAAS;;kBA1CqC,SAAS;;;;;kBAjDd,SAAS;;;;;kBAmCT,SAAS;;;;;kBA3BP,SAAS;kBAAY,OAAO;;;;;kBAmE/B,SAAS;;;;;kBAQX,SAAS;;;;CAe3D,CAAC"}