@dxos/shell 0.7.5-labs.e27f9b9 → 0.7.5-main.2567c87

package/dist/types/src/panels/JoinPanel/steps/IdentityInput.js

@@ -50,7 +50,7 @@ const IdentityInput = (props) => {
     const [validationMessage, setValidationMessage] = (0, react_1.useState)('');
     const handleConfirm = async (value) => {
         if (isRecover) {
-            await client.halo.recoverIdentity({ recoveryCode: value }).then((identity) => {
+            await client.halo.recoverIdentity({ seedphrase: value }).then((identity) => {
                 send === null || send === void 0 ? void 0 : send({ type: 'selectIdentity', identity });
             }, (error) => {
                 log_1.log.catch(error);

package/dist/types/src/panels/JoinPanel/steps/IdentityInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"IdentityInput.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/IdentityInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"IdentityInput.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/IdentityInput.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/panels/SpacePanel/SpacePanel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpacePanel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/panels/SpacePanel/SpacePanel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;;;;;;;;;;;AAe7D,wBAKE;AAEF,eAAO,MAAM,YAAY,yBAkBxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAkBnC,CAAC;AAEF,eAAO,MAAM,2BAA2B,yBAsBvC,CAAC;AAEF,eAAO,MAAM,+BAA+B,yBA4D3C,CAAC;AAEF,eAAO,MAAM,sBAAsB,yBAgClC,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAmCnC,CAAC;AAEF,eAAO,MAAM,2BAA2B,yBA6DvC,CAAC;AAuBF,eAAO,MAAM,0BAA0B,yBAAgF,CAAC;AAExH,eAAO,MAAM,gCAAgC,yBACkC,CAAC;AAEhF,eAAO,MAAM,+BAA+B,yBACkC,CAAC;AAE/E,eAAO,MAAM,4CAA4C,yBACwD,CAAC;AAElH,eAAO,MAAM,oCAAoC,yBACkC,CAAC;AAEpF,eAAO,MAAM,6BAA6B,yBAA0E,CAAC;AAErH,eAAO,MAAM,2BAA2B,yBAAwE,CAAC;AAEjH,eAAO,MAAM,6BAA6B,yBAA0E,CAAC;AAErH,eAAO,MAAM,+BAA+B,yBACyB,CAAC"}
+{"version":3,"file":"SpacePanel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/panels/SpacePanel/SpacePanel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;;;;;;;;;;;AAe7D,wBAKE;AAEF,eAAO,MAAM,YAAY,yBAkBxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAkBnC,CAAC;AAEF,eAAO,MAAM,2BAA2B,yBAsBvC,CAAC;AAEF,eAAO,MAAM,+BAA+B,yBA4D3C,CAAC;AAEF,eAAO,MAAM,sBAAsB,yBA+BlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAkCnC,CAAC;AAEF,eAAO,MAAM,2BAA2B,yBA0DvC,CAAC;AAuBF,eAAO,MAAM,0BAA0B,yBAAgF,CAAC;AAExH,eAAO,MAAM,gCAAgC,yBACkC,CAAC;AAEhF,eAAO,MAAM,+BAA+B,yBACkC,CAAC;AAE/E,eAAO,MAAM,4CAA4C,yBACwD,CAAC;AAElH,eAAO,MAAM,oCAAoC,yBACkC,CAAC;AAEpF,eAAO,MAAM,6BAA6B,yBAA0E,CAAC;AAErH,eAAO,MAAM,2BAA2B,yBAAwE,CAAC;AAEjH,eAAO,MAAM,6BAA6B,yBAA0E,CAAC;AAErH,eAAO,MAAM,+BAA+B,yBACyB,CAAC"}

package/dist/types/src/panels/SpacePanel/SpacePanel.stories.js

@@ -94,7 +94,6 @@ const SpaceManagerWithMember = () => {
                                 presence: echo_1.SpaceMember.PresenceState.ONLINE,
                                 role: echo_1.HaloSpaceMember.Role.ADMIN,
                                 identity: {
-                                    did: keys_1.IdentityDid.random(),
                                     identityKey: keys_1.PublicKey.random(),
                                 },
                             },
@@ -110,7 +109,6 @@ const SpaceManagerWithMembers = () => {
                                 presence: echo_1.SpaceMember.PresenceState.ONLINE,
                                 role: echo_1.HaloSpaceMember.Role.ADMIN,
                                 identity: {
-                                    did: keys_1.IdentityDid.random(),
                                     identityKey: keys_1.PublicKey.random(),
                                     profile: {
                                         displayName: 'John Doe',
@@ -133,7 +131,6 @@ const SpaceManagerWithMoreMembers = () => {
                                 presence: echo_1.SpaceMember.PresenceState.ONLINE,
                                 role: echo_1.HaloSpaceMember.Role.ADMIN,
                                 identity: {
-                                    did: keys_1.IdentityDid.random(),
                                     identityKey: keys_1.PublicKey.random(),
                                     profile: {
                                         displayName: 'John Doe',
@@ -144,7 +141,6 @@ const SpaceManagerWithMoreMembers = () => {
                                 presence: echo_1.SpaceMember.PresenceState.OFFLINE,
                                 role: echo_1.HaloSpaceMember.Role.ADMIN,
                                 identity: {
-                                    did: keys_1.IdentityDid.random(),
                                     identityKey: keys_1.PublicKey.random(),
                                     profile: {
                                         displayName: 'Alice Wong',
@@ -155,7 +151,6 @@ const SpaceManagerWithMoreMembers = () => {
                                 presence: echo_1.SpaceMember.PresenceState.OFFLINE,
                                 role: echo_1.HaloSpaceMember.Role.ADMIN,
                                 identity: {
-                                    did: keys_1.IdentityDid.random(),
                                     identityKey: keys_1.PublicKey.random(),
                                     profile: {
                                         displayName: 'Steel Nickels',

package/dist/types/src/panels/SpacePanel/SpacePanel.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpacePanel.stories.js","sourceRoot":"","sources":["../../../../../src/panels/SpacePanel/SpacePanel.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SpacePanel.stories.js","sourceRoot":"","sources":["../../../../../src/panels/SpacePanel/SpacePanel.stories.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/testing/fixtures/identities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"identities.d.ts","sourceRoot":"","sources":["../../../../../src/testing/fixtures/identities.ts"],"names":[],"mappings":"AAMA,OAAO,EAAmB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEvE,eAAO,MAAM,KAAK,EAAE,WAUnB,CAAC"}
+{"version":3,"file":"identities.d.ts","sourceRoot":"","sources":["../../../../../src/testing/fixtures/identities.ts"],"names":[],"mappings":"AAKA,OAAO,EAAmB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEvE,eAAO,MAAM,KAAK,EAAE,WASnB,CAAC"}

package/dist/types/src/testing/fixtures/identities.js

@@ -4,13 +4,11 @@
 //
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.alice = void 0;
-const keys_1 = require("@dxos/keys");
 const react_client_1 = require("@dxos/react-client");
 const echo_1 = require("@dxos/react-client/echo");
 exports.alice = {
     role: echo_1.HaloSpaceMember.Role.ADMIN,
     identity: {
-        did: keys_1.IdentityDid.random(),
         identityKey: react_client_1.PublicKey.random(),
         profile: {
             displayName: 'Alice',

package/dist/types/src/testing/fixtures/identities.js.map

@@ -1 +1 @@
-{"version":3,"file":"identities.js","sourceRoot":"","sources":["../../../../../src/testing/fixtures/identities.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;AAEF,qCAAyC;AACzC,qDAA+C;AAC/C,kDAAuE;AAE1D,QAAA,KAAK,GAAgB;IAChC,IAAI,EAAE,sBAAe,CAAC,IAAI,CAAC,KAAK;IAChC,QAAQ,EAAE;QACR,GAAG,EAAE,kBAAW,CAAC,MAAM,EAAE;QACzB,WAAW,EAAE,wBAAS,CAAC,MAAM,EAAE;QAC/B,OAAO,EAAE;YACP,WAAW,EAAE,OAAO;SACrB;KACF;IACD,QAAQ,EAAE,kBAAW,CAAC,aAAa,CAAC,MAAM;CAC3C,CAAC"}
+{"version":3,"file":"identities.js","sourceRoot":"","sources":["../../../../../src/testing/fixtures/identities.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;AAEF,qDAA+C;AAC/C,kDAAuE;AAE1D,QAAA,KAAK,GAAgB;IAChC,IAAI,EAAE,sBAAe,CAAC,IAAI,CAAC,KAAK;IAChC,QAAQ,EAAE;QACR,WAAW,EAAE,wBAAS,CAAC,MAAM,EAAE;QAC/B,OAAO,EAAE;YACP,WAAW,EAAE,OAAO;SACrB;KACF;IACD,QAAQ,EAAE,kBAAW,CAAC,aAAa,CAAC,MAAM;CAC3C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/shell",
-  "version": "0.7.5-labs.e27f9b9",
+  "version": "0.7.5-main.2567c87",
   "description": "DXOS’s OS experiences",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -42,30 +42,29 @@
   "dependencies": {
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",
-    "@fluentui/react-tabster": "9.23.3",
-    "@radix-ui/react-accordion": "1.2.3",
-    "@radix-ui/react-context": "1.1.1",
-    "@radix-ui/react-radio-group": "1.2.3",
-    "@radix-ui/react-use-controllable-state": "1.1.0",
+    "@fluentui/react-tabster": "^9.19.0",
+    "@radix-ui/react-accordion": "^1.1.1",
+    "@radix-ui/react-context": "^1.0.0",
+    "@radix-ui/react-radio-group": "^1.1.2",
+    "@radix-ui/react-use-controllable-state": "^1.0.0",
     "@xstate/react": "^3.2.1",
     "date-fns": "^3.3.1",
     "emoji-mart": "^5.5.2",
     "react-qr-rounded": "^1.0.0",
     "url-join": "^5.0.0",
     "xstate": "^4.37.0",
-    "@dxos/async": "0.7.5-labs.e27f9b9",
-    "@dxos/client-protocol": "0.7.5-labs.e27f9b9",
-    "@dxos/debug": "0.7.5-labs.e27f9b9",
-    "@dxos/client-services": "0.7.5-labs.e27f9b9",
-    "@dxos/log": "0.7.5-labs.e27f9b9",
-    "@dxos/display-name": "0.7.5-labs.e27f9b9",
-    "@dxos/protocols": "0.7.5-labs.e27f9b9",
-    "@dxos/invariant": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-types": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-pickers": "0.7.5-labs.e27f9b9",
-    "@dxos/rpc-tunnel": "0.7.5-labs.e27f9b9",
-    "@dxos/rpc": "0.7.5-labs.e27f9b9",
-    "@dxos/util": "0.7.5-labs.e27f9b9"
+    "@dxos/async": "0.7.5-main.2567c87",
+    "@dxos/client-protocol": "0.7.5-main.2567c87",
+    "@dxos/debug": "0.7.5-main.2567c87",
+    "@dxos/client-services": "0.7.5-main.2567c87",
+    "@dxos/display-name": "0.7.5-main.2567c87",
+    "@dxos/invariant": "0.7.5-main.2567c87",
+    "@dxos/protocols": "0.7.5-main.2567c87",
+    "@dxos/log": "0.7.5-main.2567c87",
+    "@dxos/react-ui-types": "0.7.5-main.2567c87",
+    "@dxos/rpc": "0.7.5-main.2567c87",
+    "@dxos/rpc-tunnel": "0.7.5-main.2567c87",
+    "@dxos/util": "0.7.5-main.2567c87"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -75,25 +74,25 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/config": "0.7.5-labs.e27f9b9",
-    "@dxos/protocols": "0.7.5-labs.e27f9b9",
-    "@dxos/random": "0.7.5-labs.e27f9b9",
-    "@dxos/react-client": "0.7.5-labs.e27f9b9",
-    "@dxos/react-hooks": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui": "0.7.5-labs.e27f9b9",
-    "@dxos/test-utils": "0.7.5-labs.e27f9b9",
-    "@dxos/storybook-utils": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-theme": "0.7.5-labs.e27f9b9"
+    "@dxos/config": "0.7.5-main.2567c87",
+    "@dxos/random": "0.7.5-main.2567c87",
+    "@dxos/react-client": "0.7.5-main.2567c87",
+    "@dxos/react-hooks": "0.7.5-main.2567c87",
+    "@dxos/react-ui": "0.7.5-main.2567c87",
+    "@dxos/react-ui-theme": "0.7.5-main.2567c87",
+    "@dxos/protocols": "0.7.5-main.2567c87",
+    "@dxos/storybook-utils": "0.7.5-main.2567c87",
+    "@dxos/test-utils": "0.7.5-main.2567c87"
   },
   "peerDependencies": {
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-client": "0.7.5-labs.e27f9b9"
+    "@dxos/react-client": "0.7.5-main.2567c87"
   },
   "optionalDependencies": {
     "@phosphor-icons/react": "^2.1.5",
-    "@dxos/react-ui": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-theme": "0.7.5-labs.e27f9b9"
+    "@dxos/react-ui": "0.7.5-main.2567c87",
+    "@dxos/react-ui-theme": "0.7.5-main.2567c87"
   },
   "publishConfig": {
     "access": "public"

package/src/components/AgentConfig.tsx

@@ -88,7 +88,7 @@ export const AgentConfig = ({
         <>
           <Button
             variant='ghost'
-            classNames='mlb-2 is-full justify-start gap-2 pis-0 pie-3'
+            classNames='mlb-2 is-full justify-start gap-2 !pis-0 !pie-3'
             data-testid={agentStatus === 'creatable' ? 'devices-panel.create-agent' : 'devices-panel.agent-error'}
             onClick={agentStatus === 'creatable' ? onAgentCreate : onAgentRefresh}
             aria-describedby='devices-panel.create-agent.description'

package/src/components/DeviceList/DeviceList.tsx

@@ -42,7 +42,7 @@ export const DeviceList = ({
       )}
       <Button
         variant='ghost'
-        classNames='justify-start gap-2 pis-0 pie-3 is-full'
+        classNames='justify-start gap-2 !pis-0 !pie-3 is-full'
         data-testid='devices-panel.create-invitation'
         onClick={onClickAdd}
       >

package/src/components/EmojiPicker.tsx

@@ -0,0 +1,187 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import emojiData from '@emoji-mart/data';
+import EmojiMart from '@emoji-mart/react';
+import { ArrowCounterClockwise, CaretDown, UserCircle } from '@phosphor-icons/react';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import React, { useRef, useState } from 'react';
+
+import {
+  Button,
+  type ButtonProps,
+  Popover,
+  type ThemedClassName,
+  Toolbar,
+  Tooltip,
+  useMediaQuery,
+  useThemeContext,
+  useTranslation,
+} from '@dxos/react-ui';
+import { getSize } from '@dxos/react-ui-theme';
+
+import './emoji.css';
+
+export type EmojiPickerProps = {
+  disabled?: boolean;
+  defaultEmoji?: string;
+  emoji?: string;
+  onChangeEmoji?: (nextEmoji: string) => void;
+  onClickClear?: ButtonProps['onClick'];
+};
+
+/**
+ * A toolbar button for picking an emoji. Use only in `role=toolbar` elements. Unable to unset the value.
+ */
+export const EmojiPickerToolbarButton = ({
+  disabled,
+  defaultEmoji,
+  emoji,
+  onChangeEmoji,
+  classNames,
+}: ThemedClassName<Omit<EmojiPickerProps, 'onClickClear'>>) => {
+  const { t } = useTranslation('os');
+  const { themeMode } = useThemeContext();
+
+  const [_emojiValue, setEmojiValue] = useControllableState<string>({
+    prop: emoji,
+    onChange: onChangeEmoji,
+    defaultProp: defaultEmoji,
+  });
+
+  const [emojiPickerOpen, setEmojiPickerOpen] = useState<boolean>(false);
+  const suppressNextTooltip = useRef<boolean>(false);
+  const [triggerTooltipOpen, setTriggerTooltipOpen] = useState(false);
+
+  return (
+    <Tooltip.Root
+      open={triggerTooltipOpen}
+      onOpenChange={(nextOpen) => {
+        if (suppressNextTooltip.current) {
+          setTriggerTooltipOpen(false);
+          suppressNextTooltip.current = false;
+        } else {
+          setTriggerTooltipOpen(nextOpen);
+        }
+      }}
+    >
+      <Popover.Root
+        open={emojiPickerOpen}
+        onOpenChange={(nextOpen) => {
+          setEmojiPickerOpen(nextOpen);
+          suppressNextTooltip.current = true;
+        }}
+      >
+        <Tooltip.Trigger asChild>
+          <Popover.Trigger asChild>
+            <Toolbar.Button classNames={['gap-2 text-2xl plb-1', classNames]} disabled={disabled}>
+              <span className='sr-only'>{t('select emoji label')}</span>
+              <UserCircle className={getSize(5)} />
+            </Toolbar.Button>
+          </Popover.Trigger>
+        </Tooltip.Trigger>
+        <Tooltip.Portal>
+          <Tooltip.Content side='bottom'>
+            {t('select emoji label')}
+            <Tooltip.Arrow />
+          </Tooltip.Content>
+        </Tooltip.Portal>
+        <Popover.Content
+          side='bottom'
+          onKeyDownCapture={(event) => {
+            if (event.key === 'Escape') {
+              event.stopPropagation();
+              setEmojiPickerOpen(false);
+              suppressNextTooltip.current = true;
+            }
+          }}
+        >
+          {/* https://github.com/missive/emoji-mart?tab=readme-ov-file#options--props */}
+          <EmojiMart
+            data={emojiData}
+            onEmojiSelect={({ native }: { native?: string }) => {
+              if (native) {
+                setEmojiValue(native);
+                setEmojiPickerOpen(false);
+              }
+            }}
+            autoFocus={true}
+            maxFrequentRows={0}
+            noCountryFlags={true}
+            theme={themeMode}
+          />
+          <Popover.Arrow />
+        </Popover.Content>
+      </Popover.Root>
+    </Tooltip.Root>
+  );
+};
+
+/**
+ * A button for picking an emoji alongside a button for unsetting it.
+ */
+export const EmojiPickerBlock = ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClear }: EmojiPickerProps) => {
+  const { t } = useTranslation('os');
+  const [isMd] = useMediaQuery('md', { ssr: false });
+
+  const [emojiValue, setEmojiValue] = useControllableState<string>({
+    prop: emoji,
+    onChange: onChangeEmoji,
+    defaultProp: defaultEmoji,
+  });
+
+  const [emojiPickerOpen, setEmojiPickerOpen] = useState<boolean>(false);
+
+  return (
+    <>
+      <Popover.Root open={emojiPickerOpen} onOpenChange={setEmojiPickerOpen}>
+        <Popover.Trigger asChild>
+          <Button variant='ghost' classNames='gap-2 text-2xl plb-1' disabled={disabled}>
+            <span className='sr-only'>{t('select emoji label')}</span>
+            <span className='grow pis-14'>{emojiValue}</span>
+            <CaretDown className={getSize(4)} />
+          </Button>
+        </Popover.Trigger>
+        <Popover.Content
+          side='right'
+          sideOffset={isMd ? 0 : -310}
+          onKeyDownCapture={(event) => {
+            if (event.key === 'Escape') {
+              event.stopPropagation();
+              setEmojiPickerOpen(false);
+            }
+          }}
+        >
+          <EmojiMart
+            data={emojiData}
+            onEmojiSelect={({ native }: { native?: string }) => {
+              if (native) {
+                setEmojiValue(native);
+                setEmojiPickerOpen(false);
+              }
+            }}
+            autoFocus={true}
+            maxFrequentRows={0}
+            noCountryFlags={true}
+          />
+          <Popover.Arrow />
+        </Popover.Content>
+      </Popover.Root>
+      <Tooltip.Root>
+        <Tooltip.Trigger asChild>
+          <Button variant='ghost' onClick={onClickClear} disabled={disabled}>
+            <span className='sr-only'>{t('clear label')}</span>
+            <ArrowCounterClockwise />
+          </Button>
+        </Tooltip.Trigger>
+        <Tooltip.Portal>
+          <Tooltip.Content side='right'>
+            {t('clear label')}
+            <Tooltip.Arrow />
+          </Tooltip.Content>
+        </Tooltip.Portal>
+      </Tooltip.Root>
+    </>
+  );
+};

package/src/components/HuePicker.tsx

@@ -0,0 +1,182 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { ArrowCounterClockwise, CaretDown, Check, Palette } from '@phosphor-icons/react';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import React, { useRef, useState } from 'react';
+
+import {
+  Button,
+  type ButtonProps,
+  DropdownMenu,
+  type ThemedClassName,
+  Toolbar,
+  Tooltip,
+  useThemeContext,
+  useTranslation,
+} from '@dxos/react-ui';
+import { getSize, hueTokenThemes, mx } from '@dxos/react-ui-theme';
+
+const HuePreview = ({ hue }: { hue: string }) => {
+  const { tx } = useThemeContext();
+  const size = 20;
+  return (
+    <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>
+      <rect x={0} y={0} width={size} height={size} className={tx('hue.fill', 'select--hue__preview', { hue })} />
+    </svg>
+  );
+};
+
+const hueTokens = Object.keys(hueTokenThemes).slice(0, 16);
+
+export type HuePickerProps = {
+  disabled?: boolean;
+  defaultHue?: string;
+  hue?: string;
+  onChangeHue?: (nextHue: string) => void;
+  onClickClear?: ButtonProps['onClick'];
+};
+
+/**
+ * A toolbar button for picking hue. Use only in `role=toolbar` elements. Unable to unset the value.
+ */
+export const HuePickerToolbarButton = ({
+  disabled,
+  hue,
+  onChangeHue,
+  classNames,
+  defaultHue,
+}: ThemedClassName<Omit<HuePickerProps, 'onClickClear'>>) => {
+  const { t } = useTranslation('os');
+
+  const [hueValue, setHueValue] = useControllableState<string>({
+    prop: hue,
+    onChange: onChangeHue,
+    defaultProp: defaultHue,
+  });
+
+  const [huePickerOpen, setHuePickerOpen] = useState<boolean>(false);
+
+  const suppressNextTooltip = useRef<boolean>(false);
+  const [triggerTooltipOpen, setTriggerTooltipOpen] = useState(false);
+
+  return (
+    <Tooltip.Root
+      open={triggerTooltipOpen}
+      onOpenChange={(nextOpen) => {
+        if (suppressNextTooltip.current) {
+          setTriggerTooltipOpen(false);
+          suppressNextTooltip.current = false;
+        } else {
+          setTriggerTooltipOpen(nextOpen);
+        }
+      }}
+    >
+      <DropdownMenu.Root
+        modal={false}
+        open={huePickerOpen}
+        onOpenChange={(nextOpen) => {
+          setHuePickerOpen(nextOpen);
+          suppressNextTooltip.current = true;
+        }}
+      >
+        <Tooltip.Trigger asChild>
+          <DropdownMenu.Trigger asChild>
+            <Toolbar.Button classNames={mx('gap-2 plb-1', classNames)} disabled={disabled}>
+              <span className='sr-only'>{t('select hue label')}</span>
+              <Palette className={getSize(5)} />
+            </Toolbar.Button>
+          </DropdownMenu.Trigger>
+        </Tooltip.Trigger>
+        <Tooltip.Portal>
+          <Tooltip.Content side='bottom'>
+            {t('select hue label')}
+            <Tooltip.Arrow />
+          </Tooltip.Content>
+        </Tooltip.Portal>
+        {/* TODO(burdon): Change from DropdownMenu (show checked). */}
+        <DropdownMenu.Content side='bottom' classNames='!w-40'>
+          <DropdownMenu.Viewport classNames='grid grid-cols-4'>
+            {hueTokens.map((hue) => {
+              return (
+                <DropdownMenu.CheckboxItem
+                  key={hue}
+                  checked={hue === hueValue}
+                  onCheckedChange={() => setHueValue(hue)}
+                  classNames={'px-0 py-2 items-center justify-center'}
+                >
+                  <HuePreview hue={hue} />
+                </DropdownMenu.CheckboxItem>
+              );
+            })}
+          </DropdownMenu.Viewport>
+        </DropdownMenu.Content>
+      </DropdownMenu.Root>
+    </Tooltip.Root>
+  );
+};
+
+/**
+ * A button for picking hue alongside a button for unsetting it.
+ */
+export const HuePickerBlock = ({ disabled, hue, onChangeHue, defaultHue, onClickClear }: HuePickerProps) => {
+  const { t } = useTranslation('os');
+
+  const [hueValue, setHueValue] = useControllableState<string>({
+    prop: hue,
+    onChange: onChangeHue,
+    defaultProp: defaultHue,
+  });
+
+  return (
+    <>
+      <DropdownMenu.Root modal={false}>
+        <DropdownMenu.Trigger asChild>
+          <Button variant='ghost' classNames='gap-2 plb-1' disabled={disabled}>
+            <span className='sr-only'>{t('select hue label')}</span>
+            <div role='none' className='pis-14 grow flex items-center justify-center gap-2'>
+              <HuePreview hue={hueValue!} />
+              <span>{t(`${hueValue} label`)}</span>
+            </div>
+            <CaretDown className={getSize(4)} />
+          </Button>
+        </DropdownMenu.Trigger>
+        <DropdownMenu.Content side='right'>
+          <DropdownMenu.Viewport>
+            {Object.keys(hueTokenThemes).map((hue) => {
+              return (
+                <DropdownMenu.CheckboxItem
+                  key={hue}
+                  checked={hue === hueValue}
+                  onCheckedChange={() => setHueValue(hue)}
+                >
+                  <HuePreview hue={hue} />
+                  <span className='grow'>{t(`${hue} label`)}</span>
+                  <DropdownMenu.ItemIndicator>
+                    <Check />
+                  </DropdownMenu.ItemIndicator>
+                </DropdownMenu.CheckboxItem>
+              );
+            })}
+          </DropdownMenu.Viewport>
+          <DropdownMenu.Arrow />
+        </DropdownMenu.Content>
+      </DropdownMenu.Root>
+      <Tooltip.Root>
+        <Tooltip.Trigger asChild>
+          <Button variant='ghost' onClick={onClickClear} disabled={disabled}>
+            <span className='sr-only'>{t('clear label')}</span>
+            <ArrowCounterClockwise />
+          </Button>
+        </Tooltip.Trigger>
+        <Tooltip.Portal>
+          <Tooltip.Content side='right'>
+            {t('clear label')}
+            <Tooltip.Arrow />
+          </Tooltip.Content>
+        </Tooltip.Portal>
+      </Tooltip.Root>
+    </>
+  );
+};

package/src/components/emoji.css

@@ -0,0 +1,25 @@
+/**
+ * https://github.com/missive/emoji-mart/blob/main/packages/emoji-mart-website/example-custom-styles.html
+ */
+[data-theme="dark"] em-emoji-picker {
+  /* TODO(burdon): Get from TW defs: modal-surface? */
+  --background-rgb: #3B3B3F;
+  --rgb-background: #3B3B3F;
+
+  --font-family: "Inter Variable", ui-sans-serif;
+
+  /*--font-size: 16px;*/
+  /*--color-border-over: rgba(0, 0, 0, 0.1);*/
+  /*--color-border: rgba(0, 0, 0, 0.05);*/
+  /*--category-icon-size: 24px;*/
+  /*--border-radius: 24px;*/
+  /*--font-family: 'Comic Sans MS', 'Chalkboard SE', cursive;*/
+  /*--rgb-accent: 255, 105, 180;*/
+  /*--rgb-color: 102, 51, 153;*/
+  /*--rgb-input: 255, 235, 235;*/
+  /*--shadow: 5px 5px 15px -8px rebeccapurple;*/
+
+  /*height: 50vh;*/
+  /*min-height: 400px;*/
+  /*max-height: 800px;*/
+}