@dxos/plugin-settings 0.6.14-main.2b6a0f3 → 0.8.4-main.03d5cd7b56

package/dist/lib/browser/index.mjs

@@ -1,257 +0,0 @@
-import {
-  SETTINGS_PLUGIN,
-  meta_default
-} from "./chunk-PD3C4TDW.mjs";
-
-// packages/plugins/plugin-settings/src/SettingsPlugin.tsx
-import React3 from "react";
-import { parseIntentPlugin, resolvePlugin, LayoutAction, SettingsAction } from "@dxos/app-framework";
-import { LocalStorageStore } from "@dxos/local-storage";
-import { createExtension } from "@dxos/plugin-graph";
-
-// packages/plugins/plugin-settings/src/components/SettingsDialog.tsx
-import React, { useState } from "react";
-import { Surface, usePlugins } from "@dxos/app-framework";
-import { Button, Dialog, Icon, useTranslation } from "@dxos/react-ui";
-import { Tabs } from "@dxos/react-ui-tabs";
-import { getSize } from "@dxos/react-ui-theme";
-import { nonNullable } from "@dxos/util";
-var SettingsDialog = ({ selected, onSelected }) => {
-  const { t } = useTranslation(SETTINGS_PLUGIN);
-  const { plugins, enabled } = usePlugins();
-  const core = [
-    "dxos.org/plugin/layout",
-    "dxos.org/plugin/deck",
-    "dxos.org/plugin/files",
-    "dxos.org/plugin/space",
-    "dxos.org/plugin/stack",
-    "dxos.org/plugin/observability",
-    "dxos.org/plugin/registry"
-  ];
-  const sortPlugin = ({ name: a }, { name: b }) => a?.localeCompare(b ?? "") ?? 0;
-  const corePlugins = core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(nonNullable).sort(sortPlugin);
-  const filteredPlugins = enabled.filter((id) => !core.includes(id)).map((id) => plugins.find((plugin) => plugin.meta.id === id)).filter((plugin) => plugin?.provides?.settings).map((plugin) => plugin.meta).sort(sortPlugin);
-  const [tabsActivePart, setTabsActivePart] = useState("list");
-  return /* @__PURE__ */ React.createElement(Dialog.Content, {
-    classNames: "p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden"
-  }, /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "flex justify-between mbe-1 pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5"
-  }, /* @__PURE__ */ React.createElement(Dialog.Title, {
-    onClick: () => setTabsActivePart("list"),
-    "aria-description": t("click to return to tablist description"),
-    classNames: "flex cursor-pointer items-center group/title"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--caret-left--regular",
-    classNames: [
-      "@md:hidden",
-      getSize(4),
-      tabsActivePart === "list" && "invisible"
-    ]
-  }), /* @__PURE__ */ React.createElement("span", {
-    className: tabsActivePart !== "list" ? "group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1" : ""
-  }, t("settings dialog title"))), /* @__PURE__ */ React.createElement(Dialog.Close, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(Button, {
-    density: "fine",
-    variant: "ghost",
-    autoFocus: true
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--x--regular",
-    size: 3
-  })))), /* @__PURE__ */ React.createElement(Tabs.Root, {
-    orientation: "vertical",
-    value: selected,
-    onValueChange: (nextSelected) => onSelected(nextSelected),
-    activePart: tabsActivePart,
-    onActivePartChange: setTabsActivePart,
-    classNames: "flex flex-col flex-1 mbs-2"
-  }, /* @__PURE__ */ React.createElement(Tabs.Viewport, {
-    classNames: "flex-1 min-bs-0"
-  }, /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator"
-  }, /* @__PURE__ */ React.createElement(Tabs.Tablist, {
-    classNames: "flex flex-col gap-4 max-bs-none overflow-y-visible"
-  }, /* @__PURE__ */ React.createElement(PluginList, {
-    title: "Options",
-    plugins: corePlugins
-  }), filteredPlugins.length > 0 && /* @__PURE__ */ React.createElement(PluginList, {
-    title: "Plugins",
-    plugins: filteredPlugins
-  }))), corePlugins.map((plugin) => /* @__PURE__ */ React.createElement(Tabs.Tabpanel, {
-    key: plugin.id,
-    value: plugin.id,
-    classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
-  }, /* @__PURE__ */ React.createElement(Surface, {
-    role: "settings",
-    data: {
-      plugin: plugin.id
-    }
-  }))), filteredPlugins.map((plugin) => /* @__PURE__ */ React.createElement(Tabs.Tabpanel, {
-    key: plugin.id,
-    value: plugin.id,
-    classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
-  }, /* @__PURE__ */ React.createElement(Surface, {
-    role: "settings",
-    data: {
-      plugin: plugin.id
-    }
-  }))))));
-};
-var PluginList = ({ title, plugins }) => {
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "none"
-  }, /* @__PURE__ */ React.createElement(Tabs.TabGroupHeading, {
-    classNames: "pli-1 mlb-2 mbs-4 @md:mbs-2"
-  }, title), /* @__PURE__ */ React.createElement("div", {
-    className: "flex flex-col ml-1"
-  }, plugins.map((plugin) => /* @__PURE__ */ React.createElement(Tabs.Tab, {
-    key: plugin.id,
-    value: plugin.id
-  }, plugin.name))));
-};
-
-// packages/plugins/plugin-settings/src/components/SettingsValue.tsx
-import React2 from "react";
-import { Input } from "@dxos/react-ui";
-var SettingsValue = ({ label, description, secondary, children }) => {
-  const primary = /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    className: "flex w-full gap-4 py-1"
-  }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    className: "flex flex-col w-full"
-  }, /* @__PURE__ */ React2.createElement(Input.Label, {
-    classNames: "flex min-h-[40px] items-center"
-  }, label), description && /* @__PURE__ */ React2.createElement(Input.DescriptionAndValidation, {
-    classNames: "mbs-0.5"
-  }, /* @__PURE__ */ React2.createElement(Input.Description, null, description))), /* @__PURE__ */ React2.createElement("div", {
-    role: "none"
-  }, /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    className: "flex min-h-[40px] items-center"
-  }, children))));
-  if (secondary) {
-    return /* @__PURE__ */ React2.createElement("div", {
-      role: "none",
-      className: "flex flex-col w-full"
-    }, primary, secondary);
-  }
-  return primary;
-};
-
-// packages/plugins/plugin-settings/src/translations.ts
-var translations_default = [
-  {
-    "en-US": {
-      [SETTINGS_PLUGIN]: {
-        "open settings label": "Show settings",
-        "settings dialog title": "Settings",
-        "back label": "Back",
-        "click to return to tablist description": "Click the title to return to the settings menu"
-      }
-    }
-  }
-];
-
-// packages/plugins/plugin-settings/src/SettingsPlugin.tsx
-var DEFAULT_PLUGIN = "dxos.org/plugin/registry";
-var SettingsPlugin = () => {
-  const settings = new LocalStorageStore(SETTINGS_PLUGIN, {
-    selected: DEFAULT_PLUGIN
-  });
-  return {
-    meta: meta_default,
-    ready: async () => {
-      settings.prop({
-        key: "selected",
-        type: LocalStorageStore.string()
-      });
-    },
-    provides: {
-      surface: {
-        component: ({ data }) => {
-          switch (data.component) {
-            case `${SETTINGS_PLUGIN}/Settings`:
-              return /* @__PURE__ */ React3.createElement(SettingsDialog, {
-                selected: settings.values.selected,
-                onSelected: (selected) => settings.values.selected = selected
-              });
-            default:
-              return null;
-          }
-        }
-      },
-      intent: {
-        resolver: (intent) => {
-          switch (intent.action) {
-            case SettingsAction.OPEN: {
-              if (intent.data?.plugin) {
-                settings.values.selected = intent.data?.plugin;
-              }
-              return {
-                intents: [
-                  [
-                    {
-                      action: LayoutAction.SET_LAYOUT,
-                      data: {
-                        element: "dialog",
-                        component: `${SETTINGS_PLUGIN}/Settings`,
-                        dialogBlockAlign: "start"
-                      }
-                    }
-                  ]
-                ]
-              };
-            }
-          }
-        }
-      },
-      graph: {
-        builder: (plugins) => {
-          const intentPlugin = resolvePlugin(plugins, parseIntentPlugin);
-          return createExtension({
-            id: SETTINGS_PLUGIN,
-            filter: (node) => node.id === "root",
-            actions: () => [
-              {
-                id: SETTINGS_PLUGIN,
-                data: async () => {
-                  await intentPlugin?.provides.intent.dispatch({
-                    plugin: SETTINGS_PLUGIN,
-                    action: SettingsAction.OPEN
-                  });
-                },
-                properties: {
-                  label: [
-                    "open settings label",
-                    {
-                      ns: SETTINGS_PLUGIN
-                    }
-                  ],
-                  icon: "ph--gear--regular",
-                  keyBinding: {
-                    macos: "meta+,",
-                    windows: "alt+,"
-                  }
-                }
-              }
-            ]
-          });
-        }
-      },
-      translations: translations_default
-    }
-  };
-};
-
-// packages/plugins/plugin-settings/src/index.ts
-var src_default = SettingsPlugin;
-export {
-  SettingsDialog,
-  SettingsPlugin,
-  SettingsValue,
-  src_default as default
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/SettingsPlugin.tsx", "../../../src/components/SettingsDialog.tsx", "../../../src/components/SettingsValue.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport {\n  type IntentResolverProvides,\n  type PluginDefinition,\n  type SurfaceProvides,\n  parseIntentPlugin,\n  resolvePlugin,\n  LayoutAction,\n  SettingsAction,\n  type GraphBuilderProvides,\n  type TranslationsProvides,\n} from '@dxos/app-framework';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\n\nimport { SettingsDialog } from './components';\nimport meta, { SETTINGS_PLUGIN } from './meta';\nimport translations from './translations';\n\nconst DEFAULT_PLUGIN = 'dxos.org/plugin/registry';\n\nexport type SettingsPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  TranslationsProvides;\n\ntype SettingsSettingsProps = {\n  selected: string;\n};\n\n/**\n * Plugin for aggregating and rendering plugin settings.\n */\nexport const SettingsPlugin = (): PluginDefinition<SettingsPluginProvides> => {\n  const settings = new LocalStorageStore<SettingsSettingsProps>(SETTINGS_PLUGIN, { selected: DEFAULT_PLUGIN });\n\n  return {\n    meta,\n    ready: async () => {\n      settings.prop({ key: 'selected', type: LocalStorageStore.string() });\n    },\n    provides: {\n      surface: {\n        component: ({ data }) => {\n          switch (data.component) {\n            case `${SETTINGS_PLUGIN}/Settings`:\n              return (\n                <SettingsDialog\n                  selected={settings.values.selected}\n                  onSelected={(selected) => (settings.values.selected = selected)}\n                />\n              );\n\n            default:\n              return null;\n          }\n        },\n      },\n      intent: {\n        resolver: (intent) => {\n          switch (intent.action) {\n            case SettingsAction.OPEN: {\n              if (intent.data?.plugin) {\n                settings.values.selected = intent.data?.plugin;\n              }\n\n              return {\n                intents: [\n                  [\n                    {\n                      action: LayoutAction.SET_LAYOUT,\n                      data: {\n                        element: 'dialog',\n                        component: `${SETTINGS_PLUGIN}/Settings`,\n                        dialogBlockAlign: 'start',\n                      },\n                    },\n                  ],\n                ],\n              };\n            }\n          }\n        },\n      },\n      graph: {\n        builder: (plugins) => {\n          const intentPlugin = resolvePlugin(plugins, parseIntentPlugin);\n\n          return createExtension({\n            id: SETTINGS_PLUGIN,\n            filter: (node): node is Node<null> => node.id === 'root',\n            actions: () => [\n              {\n                id: SETTINGS_PLUGIN,\n                data: async () => {\n                  await intentPlugin?.provides.intent.dispatch({\n                    plugin: SETTINGS_PLUGIN,\n                    action: SettingsAction.OPEN,\n                  });\n                },\n                properties: {\n                  label: ['open settings label', { ns: SETTINGS_PLUGIN }],\n                  icon: 'ph--gear--regular',\n                  keyBinding: {\n                    macos: 'meta+,',\n                    windows: 'alt+,',\n                  },\n                },\n              },\n            ],\n          });\n        },\n      },\n      translations,\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { type PluginMeta, Surface, usePlugins } from '@dxos/app-framework';\nimport { Button, Dialog, Icon, useTranslation } from '@dxos/react-ui';\nimport { Tabs, type TabsActivePart } from '@dxos/react-ui-tabs';\nimport { getSize } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { SETTINGS_PLUGIN } from '../meta';\n\nexport const SettingsDialog = ({\n  selected,\n  onSelected,\n}: {\n  selected: string;\n  onSelected: (plugin: string) => void;\n}) => {\n  const { t } = useTranslation(SETTINGS_PLUGIN);\n  const { plugins, enabled } = usePlugins();\n\n  // TODO(burdon): Factor out common defs?\n  const core = [\n    'dxos.org/plugin/layout',\n    'dxos.org/plugin/deck',\n    'dxos.org/plugin/files',\n    'dxos.org/plugin/space',\n    'dxos.org/plugin/stack',\n    'dxos.org/plugin/observability',\n    'dxos.org/plugin/registry',\n  ];\n\n  const sortPlugin = ({ name: a }: PluginMeta, { name: b }: PluginMeta) => a?.localeCompare(b ?? '') ?? 0;\n\n  const corePlugins = core\n    .map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta)\n    .filter(nonNullable)\n    .sort(sortPlugin);\n\n  const filteredPlugins = enabled\n    .filter((id) => !core.includes(id))\n    .map((id) => plugins.find((plugin) => plugin.meta.id === id))\n    .filter((plugin) => (plugin?.provides as any)?.settings)\n    .map((plugin) => plugin!.meta)\n    .sort(sortPlugin);\n\n  const [tabsActivePart, setTabsActivePart] = useState<TabsActivePart>('list');\n\n  return (\n    <Dialog.Content classNames='p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden'>\n      <div role='none' className='flex justify-between mbe-1 pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5'>\n        <Dialog.Title\n          onClick={() => setTabsActivePart('list')}\n          aria-description={t('click to return to tablist description')}\n          classNames='flex cursor-pointer items-center group/title'\n        >\n          <Icon\n            icon='ph--caret-left--regular'\n            classNames={['@md:hidden', getSize(4), tabsActivePart === 'list' && 'invisible']}\n          />\n          <span\n            className={\n              tabsActivePart !== 'list'\n                ? 'group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1'\n                : ''\n            }\n          >\n            {t('settings dialog title')}\n          </span>\n        </Dialog.Title>\n        <Dialog.Close asChild>\n          <Button density='fine' variant='ghost' autoFocus>\n            <Icon icon='ph--x--regular' size={3} />\n          </Button>\n        </Dialog.Close>\n      </div>\n\n      <Tabs.Root\n        orientation='vertical'\n        value={selected}\n        onValueChange={(nextSelected) => onSelected(nextSelected)}\n        activePart={tabsActivePart}\n        onActivePartChange={setTabsActivePart}\n        classNames='flex flex-col flex-1 mbs-2'\n      >\n        <Tabs.Viewport classNames='flex-1 min-bs-0'>\n          <div role='none' className='overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator'>\n            <Tabs.Tablist classNames='flex flex-col gap-4 max-bs-none overflow-y-visible'>\n              <PluginList title='Options' plugins={corePlugins} />\n              {filteredPlugins.length > 0 && <PluginList title='Plugins' plugins={filteredPlugins} />}\n            </Tabs.Tablist>\n          </div>\n\n          {corePlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n          {filteredPlugins.map((plugin) => (\n            <Tabs.Tabpanel key={plugin.id} value={plugin.id} classNames='pli-3 @md:pli-5 max-bs-dvh overflow-y-auto'>\n              <Surface role='settings' data={{ plugin: plugin.id }} />\n            </Tabs.Tabpanel>\n          ))}\n        </Tabs.Viewport>\n      </Tabs.Root>\n    </Dialog.Content>\n  );\n};\n\nconst PluginList = ({ title, plugins }: { title: string; plugins: PluginMeta[] }) => {\n  return (\n    <div role='none'>\n      <Tabs.TabGroupHeading classNames={'pli-1 mlb-2 mbs-4 @md:mbs-2'}>{title}</Tabs.TabGroupHeading>\n      <div className='flex flex-col ml-1'>\n        {plugins.map((plugin) => (\n          <Tabs.Tab key={plugin.id} value={plugin.id}>\n            {plugin.name}\n          </Tabs.Tab>\n        ))}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type JSX, type PropsWithChildren } from 'react';\n\nimport { Input } from '@dxos/react-ui';\n\ntype SettingValueProps = {\n  label: string;\n  description?: JSX.Element;\n  secondary?: JSX.Element;\n};\n\nexport const SettingsValue = ({ label, description, secondary, children }: PropsWithChildren<SettingValueProps>) => {\n  const primary = (\n    <div role='none' className='flex w-full gap-4 py-1'>\n      <Input.Root>\n        <div role='none' className='flex flex-col w-full'>\n          {/* TODO(burdon): Consistent height for controls (e.g., Select, Textbox, and Checkbox are all different). */}\n          <Input.Label classNames='flex min-h-[40px] items-center'>{label}</Input.Label>\n          {description && (\n            <Input.DescriptionAndValidation classNames='mbs-0.5'>\n              <Input.Description>{description}</Input.Description>\n            </Input.DescriptionAndValidation>\n          )}\n        </div>\n\n        <div role='none'>\n          <div role='none' className='flex min-h-[40px] items-center'>\n            {children}\n          </div>\n        </div>\n      </Input.Root>\n    </div>\n  );\n\n  if (secondary) {\n    // console.log(secondary);\n    return (\n      <div role='none' className='flex flex-col w-full'>\n        {primary}\n        {secondary}\n      </div>\n    );\n  }\n\n  return primary;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SETTINGS_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [SETTINGS_PLUGIN]: {\n        'open settings label': 'Show settings',\n        'settings dialog title': 'Settings',\n        'back label': 'Back',\n        'click to return to tablist description': 'Click the title to return to the settings menu',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { SettingsPlugin } from './SettingsPlugin';\n\nexport default SettingsPlugin;\n\nexport * from './SettingsPlugin';\n\n// TODO(wittjosiah): Remove.\n//  Settings should be exposed from plugins as state and intents rather than components.\nexport * from './components';\n"],
-  "mappings": ";;;;;;AAIA,OAAOA,YAAW;AAElB,SAIEC,mBACAC,eACAC,cACAC,sBAGK;AACP,SAASC,yBAAyB;AAClC,SAASC,uBAAkC;;;ACd3C,OAAOC,SAASC,gBAAgB;AAEhC,SAA0BC,SAASC,kBAAkB;AACrD,SAASC,QAAQC,QAAQC,MAAMC,sBAAsB;AACrD,SAASC,YAAiC;AAC1C,SAASC,eAAe;AACxB,SAASC,mBAAmB;AAIrB,IAAMC,iBAAiB,CAAC,EAC7BC,UACAC,WAAU,MAIX;AACC,QAAM,EAAEC,EAAC,IAAKC,eAAeC,eAAAA;AAC7B,QAAM,EAAEC,SAASC,QAAO,IAAKC,WAAAA;AAG7B,QAAMC,OAAO;IACX;IACA;IACA;IACA;IACA;IACA;IACA;;AAGF,QAAMC,aAAa,CAAC,EAAEC,MAAMC,EAAC,GAAgB,EAAED,MAAME,EAAC,MAAmBD,GAAGE,cAAcD,KAAK,EAAA,KAAO;AAEtG,QAAME,cAAcN,KACjBO,IAAI,CAACC,OAAOX,QAAQY,KAAK,CAACC,WAAWA,OAAOC,KAAKH,OAAOA,EAAAA,GAAKG,IAAAA,EAC7DC,OAAOC,WAAAA,EACPC,KAAKb,UAAAA;AAER,QAAMc,kBAAkBjB,QACrBc,OAAO,CAACJ,OAAO,CAACR,KAAKgB,SAASR,EAAAA,CAAAA,EAC9BD,IAAI,CAACC,OAAOX,QAAQY,KAAK,CAACC,WAAWA,OAAOC,KAAKH,OAAOA,EAAAA,CAAAA,EACxDI,OAAO,CAACF,WAAYA,QAAQO,UAAkBC,QAAAA,EAC9CX,IAAI,CAACG,WAAWA,OAAQC,IAAI,EAC5BG,KAAKb,UAAAA;AAER,QAAM,CAACkB,gBAAgBC,iBAAAA,IAAqBC,SAAyB,MAAA;AAErE,SACE,sBAAA,cAACC,OAAOC,SAAO;IAACC,YAAW;KACzB,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACL,OAAOM,OAAK;IACXC,SAAS,MAAMT,kBAAkB,MAAA;IACjCU,oBAAkBpC,EAAE,wCAAA;IACpB8B,YAAW;KAEX,sBAAA,cAACO,MAAAA;IACCC,MAAK;IACLR,YAAY;MAAC;MAAcS,QAAQ,CAAA;MAAId,mBAAmB,UAAU;;MAEtE,sBAAA,cAACe,QAAAA;IACCP,WACER,mBAAmB,SACf,mGACA;KAGLzB,EAAE,uBAAA,CAAA,CAAA,GAGP,sBAAA,cAAC4B,OAAOa,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAACC,QAAAA;IAAOC,SAAQ;IAAOC,SAAQ;IAAQC,WAAAA;KACrC,sBAAA,cAACT,MAAAA;IAAKC,MAAK;IAAiBS,MAAM;SAKxC,sBAAA,cAACC,KAAKC,MAAI;IACRC,aAAY;IACZC,OAAOrD;IACPsD,eAAe,CAACC,iBAAiBtD,WAAWsD,YAAAA;IAC5CC,YAAY7B;IACZ8B,oBAAoB7B;IACpBI,YAAW;KAEX,sBAAA,cAACkB,KAAKQ,UAAQ;IAAC1B,YAAW;KACxB,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACe,KAAKS,SAAO;IAAC3B,YAAW;KACvB,sBAAA,cAAC4B,YAAAA;IAAWC,OAAM;IAAUxD,SAASS;MACpCS,gBAAgBuC,SAAS,KAAK,sBAAA,cAACF,YAAAA;IAAWC,OAAM;IAAUxD,SAASkB;QAIvET,YAAYC,IAAI,CAACG,WAChB,sBAAA,cAACgC,KAAKa,UAAQ;IAACC,KAAK9C,OAAOF;IAAIqC,OAAOnC,OAAOF;IAAIgB,YAAW;KAC1D,sBAAA,cAACiC,SAAAA;IAAQ/B,MAAK;IAAWgC,MAAM;MAAEhD,QAAQA,OAAOF;IAAG;QAGtDO,gBAAgBR,IAAI,CAACG,WACpB,sBAAA,cAACgC,KAAKa,UAAQ;IAACC,KAAK9C,OAAOF;IAAIqC,OAAOnC,OAAOF;IAAIgB,YAAW;KAC1D,sBAAA,cAACiC,SAAAA;IAAQ/B,MAAK;IAAWgC,MAAM;MAAEhD,QAAQA,OAAOF;IAAG;;AAOjE;AAEA,IAAM4C,aAAa,CAAC,EAAEC,OAAOxD,QAAO,MAA4C;AAC9E,SACE,sBAAA,cAAC4B,OAAAA;IAAIC,MAAK;KACR,sBAAA,cAACgB,KAAKiB,iBAAe;IAACnC,YAAY;KAAgC6B,KAAAA,GAClE,sBAAA,cAAC5B,OAAAA;IAAIE,WAAU;KACZ9B,QAAQU,IAAI,CAACG,WACZ,sBAAA,cAACgC,KAAKkB,KAAG;IAACJ,KAAK9C,OAAOF;IAAIqC,OAAOnC,OAAOF;KACrCE,OAAOR,IAAI,CAAA,CAAA,CAAA;AAMxB;;;ACzHA,OAAO2D,YAAiD;AAExD,SAASC,aAAa;AAQf,IAAMC,gBAAgB,CAAC,EAAEC,OAAOC,aAAaC,WAAWC,SAAQ,MAAwC;AAC7G,QAAMC,UACJ,gBAAAC,OAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,gBAAAH,OAAA,cAACI,MAAMC,MAAI,MACT,gBAAAL,OAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KAEzB,gBAAAH,OAAA,cAACI,MAAME,OAAK;IAACC,YAAW;KAAkCZ,KAAAA,GACzDC,eACC,gBAAAI,OAAA,cAACI,MAAMI,0BAAwB;IAACD,YAAW;KACzC,gBAAAP,OAAA,cAACI,MAAMK,aAAW,MAAEb,WAAAA,CAAAA,CAAAA,GAK1B,gBAAAI,OAAA,cAACC,OAAAA;IAAIC,MAAK;KACR,gBAAAF,OAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACxBL,QAAAA,CAAAA,CAAAA,CAAAA;AAOX,MAAID,WAAW;AAEb,WACE,gBAAAG,OAAA,cAACC,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACxBJ,SACAF,SAAAA;EAGP;AAEA,SAAOE;AACT;;;AC1CA,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACW,eAAAA,GAAkB;QACjB,uBAAuB;QACvB,yBAAyB;QACzB,cAAc;QACd,0CAA0C;MAC5C;IACF;EACF;;;;AHQF,IAAMC,iBAAiB;AAchB,IAAMC,iBAAiB,MAAA;AAC5B,QAAMC,WAAW,IAAIC,kBAAyCC,iBAAiB;IAAEC,UAAUL;EAAe,CAAA;AAE1G,SAAO;IACLM;IACAC,OAAO,YAAA;AACLL,eAASM,KAAK;QAAEC,KAAK;QAAYC,MAAMP,kBAAkBQ,OAAM;MAAG,CAAA;IACpE;IACAC,UAAU;MACRC,SAAS;QACPC,WAAW,CAAC,EAAEC,KAAI,MAAE;AAClB,kBAAQA,KAAKD,WAAS;YACpB,KAAK,GAAGV,eAAAA;AACN,qBACE,gBAAAY,OAAA,cAACC,gBAAAA;gBACCZ,UAAUH,SAASgB,OAAOb;gBAC1Bc,YAAY,CAACd,aAAcH,SAASgB,OAAOb,WAAWA;;YAI5D;AACE,qBAAO;UACX;QACF;MACF;MACAe,QAAQ;QACNC,UAAU,CAACD,WAAAA;AACT,kBAAQA,OAAOE,QAAM;YACnB,KAAKC,eAAeC,MAAM;AACxB,kBAAIJ,OAAOL,MAAMU,QAAQ;AACvBvB,yBAASgB,OAAOb,WAAWe,OAAOL,MAAMU;cAC1C;AAEA,qBAAO;gBACLC,SAAS;kBACP;oBACE;sBACEJ,QAAQK,aAAaC;sBACrBb,MAAM;wBACJc,SAAS;wBACTf,WAAW,GAAGV,eAAAA;wBACd0B,kBAAkB;sBACpB;oBACF;;;cAGN;YACF;UACF;QACF;MACF;MACAC,OAAO;QACLC,SAAS,CAACC,YAAAA;AACR,gBAAMC,eAAeC,cAAcF,SAASG,iBAAAA;AAE5C,iBAAOC,gBAAgB;YACrBC,IAAIlC;YACJmC,QAAQ,CAACC,SAA6BA,KAAKF,OAAO;YAClDG,SAAS,MAAM;cACb;gBACEH,IAAIlC;gBACJW,MAAM,YAAA;AACJ,wBAAMmB,cAActB,SAASQ,OAAOsB,SAAS;oBAC3CjB,QAAQrB;oBACRkB,QAAQC,eAAeC;kBACzB,CAAA;gBACF;gBACAmB,YAAY;kBACVC,OAAO;oBAAC;oBAAuB;sBAAEC,IAAIzC;oBAAgB;;kBACrD0C,MAAM;kBACNC,YAAY;oBACVC,OAAO;oBACPC,SAAS;kBACX;gBACF;cACF;;UAEJ,CAAA;QACF;MACF;MACAC;IACF;EACF;AACF;;;AInHA,IAAA,cAAeC;",
-  "names": ["React", "parseIntentPlugin", "resolvePlugin", "LayoutAction", "SettingsAction", "LocalStorageStore", "createExtension", "React", "useState", "Surface", "usePlugins", "Button", "Dialog", "Icon", "useTranslation", "Tabs", "getSize", "nonNullable", "SettingsDialog", "selected", "onSelected", "t", "useTranslation", "SETTINGS_PLUGIN", "plugins", "enabled", "usePlugins", "core", "sortPlugin", "name", "a", "b", "localeCompare", "corePlugins", "map", "id", "find", "plugin", "meta", "filter", "nonNullable", "sort", "filteredPlugins", "includes", "provides", "settings", "tabsActivePart", "setTabsActivePart", "useState", "Dialog", "Content", "classNames", "div", "role", "className", "Title", "onClick", "aria-description", "Icon", "icon", "getSize", "span", "Close", "asChild", "Button", "density", "variant", "autoFocus", "size", "Tabs", "Root", "orientation", "value", "onValueChange", "nextSelected", "activePart", "onActivePartChange", "Viewport", "Tablist", "PluginList", "title", "length", "Tabpanel", "key", "Surface", "data", "TabGroupHeading", "Tab", "React", "Input", "SettingsValue", "label", "description", "secondary", "children", "primary", "React", "div", "role", "className", "Input", "Root", "Label", "classNames", "DescriptionAndValidation", "Description", "SETTINGS_PLUGIN", "DEFAULT_PLUGIN", "SettingsPlugin", "settings", "LocalStorageStore", "SETTINGS_PLUGIN", "selected", "meta", "ready", "prop", "key", "type", "string", "provides", "surface", "component", "data", "React", "SettingsDialog", "values", "onSelected", "intent", "resolver", "action", "SettingsAction", "OPEN", "plugin", "intents", "LayoutAction", "SET_LAYOUT", "element", "dialogBlockAlign", "graph", "builder", "plugins", "intentPlugin", "resolvePlugin", "parseIntentPlugin", "createExtension", "id", "filter", "node", "actions", "dispatch", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows", "translations", "SettingsPlugin"]
-}

package/dist/lib/browser/meta.json

@@ -1 +0,0 @@
-{"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytes":886,"imports":[],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytes":15774,"imports":[{"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":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytes":4471,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-settings/src/components/index.ts":{"bytes":634,"imports":[{"path":"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx","kind":"import-statement","original":"./SettingsDialog"},{"path":"packages/plugins/plugin-settings/src/components/SettingsValue.tsx","kind":"import-statement","original":"./SettingsValue"}],"format":"esm"},"packages/plugins/plugin-settings/src/translations.ts":{"bytes":1571,"imports":[{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytes":12272,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-settings/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-settings/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-settings/src/index.ts":{"bytes":1216,"imports":[{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/SettingsPlugin.tsx","kind":"import-statement","original":"./SettingsPlugin"},{"path":"packages/plugins/plugin-settings/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-settings/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":16969},"packages/plugins/plugin-settings/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/browser/chunk-PD3C4TDW.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","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":"@dxos/react-ui-tabs","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["SettingsDialog","SettingsPlugin","SettingsValue","default"],"entryPoint":"packages/plugins/plugin-settings/src/index.ts","inputs":{"packages/plugins/plugin-settings/src/SettingsPlugin.tsx":{"bytesInOutput":2830},"packages/plugins/plugin-settings/src/components/SettingsDialog.tsx":{"bytesInOutput":4430},"packages/plugins/plugin-settings/src/components/SettingsValue.tsx":{"bytesInOutput":1125},"packages/plugins/plugin-settings/src/translations.ts":{"bytesInOutput":318},"packages/plugins/plugin-settings/src/index.ts":{"bytesInOutput":34}},"bytes":9304},"packages/plugins/plugin-settings/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-settings/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-settings/dist/lib/browser/chunk-PD3C4TDW.mjs","kind":"import-statement"}],"exports":["SETTINGS_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-settings/src/meta.ts","inputs":{},"bytes":165},"packages/plugins/plugin-settings/dist/lib/browser/chunk-PD3C4TDW.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":417},"packages/plugins/plugin-settings/dist/lib/browser/chunk-PD3C4TDW.mjs":{"imports":[],"exports":["SETTINGS_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-settings/src/meta.ts":{"bytesInOutput":96}},"bytes":235}}}

package/dist/lib/browser/meta.mjs

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

package/dist/lib/node/chunk-AHM6OLF2.cjs

@@ -1,34 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_AHM6OLF2_exports = {};
-__export(chunk_AHM6OLF2_exports, {
-  SETTINGS_PLUGIN: () => SETTINGS_PLUGIN,
-  meta_default: () => meta_default
-});
-module.exports = __toCommonJS(chunk_AHM6OLF2_exports);
-var SETTINGS_PLUGIN = "dxos.org/plugin/settings";
-var meta_default = {
-  id: SETTINGS_PLUGIN
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SETTINGS_PLUGIN,
-  meta_default
-});
-//# sourceMappingURL=chunk-AHM6OLF2.cjs.map

package/dist/lib/node/chunk-AHM6OLF2.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const SETTINGS_PLUGIN = 'dxos.org/plugin/settings';\n\nexport default {\n  id: SETTINGS_PLUGIN,\n} satisfies PluginMeta;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,kBAAkB;AAE/B,IAAA,eAAe;EACbC,IAAID;AACN;",
-  "names": ["SETTINGS_PLUGIN", "id"]
-}

package/dist/lib/node/index.cjs

@@ -1,278 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var node_exports = {};
-__export(node_exports, {
-  SettingsDialog: () => SettingsDialog,
-  SettingsPlugin: () => SettingsPlugin,
-  SettingsValue: () => SettingsValue,
-  default: () => src_default
-});
-module.exports = __toCommonJS(node_exports);
-var import_chunk_AHM6OLF2 = require("./chunk-AHM6OLF2.cjs");
-var import_react = __toESM(require("react"));
-var import_app_framework = require("@dxos/app-framework");
-var import_local_storage = require("@dxos/local-storage");
-var import_plugin_graph = require("@dxos/plugin-graph");
-var import_react2 = __toESM(require("react"));
-var import_app_framework2 = require("@dxos/app-framework");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_tabs = require("@dxos/react-ui-tabs");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_util = require("@dxos/util");
-var import_react3 = __toESM(require("react"));
-var import_react_ui2 = require("@dxos/react-ui");
-var SettingsDialog = ({ selected, onSelected }) => {
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_AHM6OLF2.SETTINGS_PLUGIN);
-  const { plugins, enabled } = (0, import_app_framework2.usePlugins)();
-  const core = [
-    "dxos.org/plugin/layout",
-    "dxos.org/plugin/deck",
-    "dxos.org/plugin/files",
-    "dxos.org/plugin/space",
-    "dxos.org/plugin/stack",
-    "dxos.org/plugin/observability",
-    "dxos.org/plugin/registry"
-  ];
-  const sortPlugin = ({ name: a }, { name: b }) => a?.localeCompare(b ?? "") ?? 0;
-  const corePlugins = core.map((id) => plugins.find((plugin) => plugin.meta.id === id)?.meta).filter(import_util.nonNullable).sort(sortPlugin);
-  const filteredPlugins = enabled.filter((id) => !core.includes(id)).map((id) => plugins.find((plugin) => plugin.meta.id === id)).filter((plugin) => plugin?.provides?.settings).map((plugin) => plugin.meta).sort(sortPlugin);
-  const [tabsActivePart, setTabsActivePart] = (0, import_react2.useState)("list");
-  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Dialog.Content, {
-    classNames: "p-0 bs-content max-bs-full md:max-is-[40rem] overflow-hidden"
-  }, /* @__PURE__ */ import_react2.default.createElement("div", {
-    role: "none",
-    className: "flex justify-between mbe-1 pbs-3 pis-2 pie-3 @md:pbs-4 @md:pis-4 @md:pie-5"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Dialog.Title, {
-    onClick: () => setTabsActivePart("list"),
-    "aria-description": t("click to return to tablist description"),
-    classNames: "flex cursor-pointer items-center group/title"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Icon, {
-    icon: "ph--caret-left--regular",
-    classNames: [
-      "@md:hidden",
-      (0, import_react_ui_theme.getSize)(4),
-      tabsActivePart === "list" && "invisible"
-    ]
-  }), /* @__PURE__ */ import_react2.default.createElement("span", {
-    className: tabsActivePart !== "list" ? "group-hover/title:underline @md:group-hover/title:no-underline underline-offset-4 decoration-1" : ""
-  }, t("settings dialog title"))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Dialog.Close, {
-    asChild: true
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
-    density: "fine",
-    variant: "ghost",
-    autoFocus: true
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Icon, {
-    icon: "ph--x--regular",
-    size: 3
-  })))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.Root, {
-    orientation: "vertical",
-    value: selected,
-    onValueChange: (nextSelected) => onSelected(nextSelected),
-    activePart: tabsActivePart,
-    onActivePartChange: setTabsActivePart,
-    classNames: "flex flex-col flex-1 mbs-2"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.Viewport, {
-    classNames: "flex-1 min-bs-0"
-  }, /* @__PURE__ */ import_react2.default.createElement("div", {
-    role: "none",
-    className: "overflow-y-auto pli-3 @md:pis-2 @md:pie-0 mbe-4 border-r border-separator"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.Tablist, {
-    classNames: "flex flex-col gap-4 max-bs-none overflow-y-visible"
-  }, /* @__PURE__ */ import_react2.default.createElement(PluginList, {
-    title: "Options",
-    plugins: corePlugins
-  }), filteredPlugins.length > 0 && /* @__PURE__ */ import_react2.default.createElement(PluginList, {
-    title: "Plugins",
-    plugins: filteredPlugins
-  }))), corePlugins.map((plugin) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.Tabpanel, {
-    key: plugin.id,
-    value: plugin.id,
-    classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_app_framework2.Surface, {
-    role: "settings",
-    data: {
-      plugin: plugin.id
-    }
-  }))), filteredPlugins.map((plugin) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.Tabpanel, {
-    key: plugin.id,
-    value: plugin.id,
-    classNames: "pli-3 @md:pli-5 max-bs-dvh overflow-y-auto"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_app_framework2.Surface, {
-    role: "settings",
-    data: {
-      plugin: plugin.id
-    }
-  }))))));
-};
-var PluginList = ({ title, plugins }) => {
-  return /* @__PURE__ */ import_react2.default.createElement("div", {
-    role: "none"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.TabGroupHeading, {
-    classNames: "pli-1 mlb-2 mbs-4 @md:mbs-2"
-  }, title), /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "flex flex-col ml-1"
-  }, plugins.map((plugin) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui_tabs.Tabs.Tab, {
-    key: plugin.id,
-    value: plugin.id
-  }, plugin.name))));
-};
-var SettingsValue = ({ label, description, secondary, children }) => {
-  const primary = /* @__PURE__ */ import_react3.default.createElement("div", {
-    role: "none",
-    className: "flex w-full gap-4 py-1"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Input.Root, null, /* @__PURE__ */ import_react3.default.createElement("div", {
-    role: "none",
-    className: "flex flex-col w-full"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Input.Label, {
-    classNames: "flex min-h-[40px] items-center"
-  }, label), description && /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Input.DescriptionAndValidation, {
-    classNames: "mbs-0.5"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Input.Description, null, description))), /* @__PURE__ */ import_react3.default.createElement("div", {
-    role: "none"
-  }, /* @__PURE__ */ import_react3.default.createElement("div", {
-    role: "none",
-    className: "flex min-h-[40px] items-center"
-  }, children))));
-  if (secondary) {
-    return /* @__PURE__ */ import_react3.default.createElement("div", {
-      role: "none",
-      className: "flex flex-col w-full"
-    }, primary, secondary);
-  }
-  return primary;
-};
-var translations_default = [
-  {
-    "en-US": {
-      [import_chunk_AHM6OLF2.SETTINGS_PLUGIN]: {
-        "open settings label": "Show settings",
-        "settings dialog title": "Settings",
-        "back label": "Back",
-        "click to return to tablist description": "Click the title to return to the settings menu"
-      }
-    }
-  }
-];
-var DEFAULT_PLUGIN = "dxos.org/plugin/registry";
-var SettingsPlugin = () => {
-  const settings = new import_local_storage.LocalStorageStore(import_chunk_AHM6OLF2.SETTINGS_PLUGIN, {
-    selected: DEFAULT_PLUGIN
-  });
-  return {
-    meta: import_chunk_AHM6OLF2.meta_default,
-    ready: async () => {
-      settings.prop({
-        key: "selected",
-        type: import_local_storage.LocalStorageStore.string()
-      });
-    },
-    provides: {
-      surface: {
-        component: ({ data }) => {
-          switch (data.component) {
-            case `${import_chunk_AHM6OLF2.SETTINGS_PLUGIN}/Settings`:
-              return /* @__PURE__ */ import_react.default.createElement(SettingsDialog, {
-                selected: settings.values.selected,
-                onSelected: (selected) => settings.values.selected = selected
-              });
-            default:
-              return null;
-          }
-        }
-      },
-      intent: {
-        resolver: (intent) => {
-          switch (intent.action) {
-            case import_app_framework.SettingsAction.OPEN: {
-              if (intent.data?.plugin) {
-                settings.values.selected = intent.data?.plugin;
-              }
-              return {
-                intents: [
-                  [
-                    {
-                      action: import_app_framework.LayoutAction.SET_LAYOUT,
-                      data: {
-                        element: "dialog",
-                        component: `${import_chunk_AHM6OLF2.SETTINGS_PLUGIN}/Settings`,
-                        dialogBlockAlign: "start"
-                      }
-                    }
-                  ]
-                ]
-              };
-            }
-          }
-        }
-      },
-      graph: {
-        builder: (plugins) => {
-          const intentPlugin = (0, import_app_framework.resolvePlugin)(plugins, import_app_framework.parseIntentPlugin);
-          return (0, import_plugin_graph.createExtension)({
-            id: import_chunk_AHM6OLF2.SETTINGS_PLUGIN,
-            filter: (node) => node.id === "root",
-            actions: () => [
-              {
-                id: import_chunk_AHM6OLF2.SETTINGS_PLUGIN,
-                data: async () => {
-                  await intentPlugin?.provides.intent.dispatch({
-                    plugin: import_chunk_AHM6OLF2.SETTINGS_PLUGIN,
-                    action: import_app_framework.SettingsAction.OPEN
-                  });
-                },
-                properties: {
-                  label: [
-                    "open settings label",
-                    {
-                      ns: import_chunk_AHM6OLF2.SETTINGS_PLUGIN
-                    }
-                  ],
-                  icon: "ph--gear--regular",
-                  keyBinding: {
-                    macos: "meta+,",
-                    windows: "alt+,"
-                  }
-                }
-              }
-            ]
-          });
-        }
-      },
-      translations: translations_default
-    }
-  };
-};
-var src_default = SettingsPlugin;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SettingsDialog,
-  SettingsPlugin,
-  SettingsValue
-});
-//# sourceMappingURL=index.cjs.map