@dxos/shell 0.7.4 → 0.7.5-labs.071a3e2

package/dist/types/src/components/EmojiPicker.js

@@ -1,136 +0,0 @@
-"use strict";
-//
-// Copyright 2024 DXOS.org
-//
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmojiPickerBlock = exports.EmojiPickerToolbarButton = void 0;
-const data_1 = __importDefault(require("@emoji-mart/data"));
-const react_1 = __importDefault(require("@emoji-mart/react"));
-const react_2 = require("@phosphor-icons/react");
-const react_use_controllable_state_1 = require("@radix-ui/react-use-controllable-state");
-const react_3 = __importStar(require("react"));
-const react_ui_1 = require("@dxos/react-ui");
-const react_ui_theme_1 = require("@dxos/react-ui-theme");
-require("./emoji.css");
-/**
- * A toolbar button for picking an emoji. Use only in `role=toolbar` elements. Unable to unset the value.
- */
-const EmojiPickerToolbarButton = ({ disabled, defaultEmoji, emoji, onChangeEmoji, classNames, }) => {
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    const { themeMode } = (0, react_ui_1.useThemeContext)();
-    const [_emojiValue, setEmojiValue] = (0, react_use_controllable_state_1.useControllableState)({
-        prop: emoji,
-        onChange: onChangeEmoji,
-        defaultProp: defaultEmoji,
-    });
-    const [emojiPickerOpen, setEmojiPickerOpen] = (0, react_3.useState)(false);
-    const suppressNextTooltip = (0, react_3.useRef)(false);
-    const [triggerTooltipOpen, setTriggerTooltipOpen] = (0, react_3.useState)(false);
-    return (react_3.default.createElement(react_ui_1.Tooltip.Root, { open: triggerTooltipOpen, onOpenChange: (nextOpen) => {
-            if (suppressNextTooltip.current) {
-                setTriggerTooltipOpen(false);
-                suppressNextTooltip.current = false;
-            }
-            else {
-                setTriggerTooltipOpen(nextOpen);
-            }
-        } },
-        react_3.default.createElement(react_ui_1.Popover.Root, { open: emojiPickerOpen, onOpenChange: (nextOpen) => {
-                setEmojiPickerOpen(nextOpen);
-                suppressNextTooltip.current = true;
-            } },
-            react_3.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
-                react_3.default.createElement(react_ui_1.Popover.Trigger, { asChild: true },
-                    react_3.default.createElement(react_ui_1.Toolbar.Button, { classNames: ['gap-2 text-2xl plb-1', classNames], disabled: disabled },
-                        react_3.default.createElement("span", { className: 'sr-only' }, t('select emoji label')),
-                        react_3.default.createElement(react_2.UserCircle, { className: (0, react_ui_theme_1.getSize)(5) })))),
-            react_3.default.createElement(react_ui_1.Tooltip.Portal, null,
-                react_3.default.createElement(react_ui_1.Tooltip.Content, { side: 'bottom', classNames: 'z-50' },
-                    t('select emoji label'),
-                    react_3.default.createElement(react_ui_1.Tooltip.Arrow, null))),
-            react_3.default.createElement(react_ui_1.Popover.Content, { side: 'bottom', onKeyDownCapture: (event) => {
-                    if (event.key === 'Escape') {
-                        event.stopPropagation();
-                        setEmojiPickerOpen(false);
-                        suppressNextTooltip.current = true;
-                    }
-                } },
-                react_3.default.createElement(react_1.default, { data: data_1.default, onEmojiSelect: ({ native }) => {
-                        if (native) {
-                            setEmojiValue(native);
-                            setEmojiPickerOpen(false);
-                        }
-                    }, autoFocus: true, maxFrequentRows: 0, noCountryFlags: true, theme: themeMode }),
-                react_3.default.createElement(react_ui_1.Popover.Arrow, null)))));
-};
-exports.EmojiPickerToolbarButton = EmojiPickerToolbarButton;
-/**
- * A button for picking an emoji alongside a button for unsetting it.
- */
-const EmojiPickerBlock = ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClear }) => {
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    const [isMd] = (0, react_ui_1.useMediaQuery)('md', { ssr: false });
-    const [emojiValue, setEmojiValue] = (0, react_use_controllable_state_1.useControllableState)({
-        prop: emoji,
-        onChange: onChangeEmoji,
-        defaultProp: defaultEmoji,
-    });
-    const [emojiPickerOpen, setEmojiPickerOpen] = (0, react_3.useState)(false);
-    return (react_3.default.createElement(react_3.default.Fragment, null,
-        react_3.default.createElement(react_ui_1.Popover.Root, { open: emojiPickerOpen, onOpenChange: setEmojiPickerOpen },
-            react_3.default.createElement(react_ui_1.Popover.Trigger, { asChild: true },
-                react_3.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'gap-2 text-2xl plb-1', disabled: disabled },
-                    react_3.default.createElement("span", { className: 'sr-only' }, t('select emoji label')),
-                    react_3.default.createElement("span", { className: 'grow pis-14' }, emojiValue),
-                    react_3.default.createElement(react_2.CaretDown, { className: (0, react_ui_theme_1.getSize)(4) }))),
-            react_3.default.createElement(react_ui_1.Popover.Content, { side: 'right', sideOffset: isMd ? 0 : -310, onKeyDownCapture: (event) => {
-                    if (event.key === 'Escape') {
-                        event.stopPropagation();
-                        setEmojiPickerOpen(false);
-                    }
-                } },
-                react_3.default.createElement(react_1.default, { data: data_1.default, onEmojiSelect: ({ native }) => {
-                        if (native) {
-                            setEmojiValue(native);
-                            setEmojiPickerOpen(false);
-                        }
-                    }, autoFocus: true, maxFrequentRows: 0, noCountryFlags: true }),
-                react_3.default.createElement(react_ui_1.Popover.Arrow, null))),
-        react_3.default.createElement(react_ui_1.Tooltip.Root, null,
-            react_3.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
-                react_3.default.createElement(react_ui_1.Button, { variant: 'ghost', onClick: onClickClear, disabled: disabled },
-                    react_3.default.createElement("span", { className: 'sr-only' }, t('clear label')),
-                    react_3.default.createElement(react_2.ArrowCounterClockwise, null))),
-            react_3.default.createElement(react_ui_1.Tooltip.Portal, null,
-                react_3.default.createElement(react_ui_1.Tooltip.Content, { style: { zIndex: 70 }, side: 'right' },
-                    t('clear label'),
-                    react_3.default.createElement(react_ui_1.Tooltip.Arrow, null))))));
-};
-exports.EmojiPickerBlock = EmojiPickerBlock;
-//# sourceMappingURL=EmojiPicker.js.map

package/dist/types/src/components/EmojiPicker.js.map

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

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { type ButtonProps, type ThemedClassName } from '@dxos/react-ui';
-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 declare const HuePickerToolbarButton: ({ disabled, hue, onChangeHue, classNames, defaultHue, }: ThemedClassName<Omit<HuePickerProps, "onClickClear">>) => React.JSX.Element;
-/**
- * A button for picking hue alongside a button for unsetting it.
- */
-export declare const HuePickerBlock: ({ disabled, hue, onChangeHue, defaultHue, onClickClear }: HuePickerProps) => React.JSX.Element;
-//# sourceMappingURL=HuePicker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HuePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/HuePicker.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAEL,KAAK,WAAW,EAEhB,KAAK,eAAe,EAKrB,MAAM,gBAAgB,CAAC;AAexB,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,4DAMhC,eAAe,CAAC,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,sBAoEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,6DAA8D,cAAc,sBA2DtG,CAAC"}

package/dist/types/src/components/HuePicker.js

@@ -1,123 +0,0 @@
-"use strict";
-//
-// Copyright 2024 DXOS.org
-//
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HuePickerBlock = exports.HuePickerToolbarButton = void 0;
-const react_1 = require("@phosphor-icons/react");
-const react_use_controllable_state_1 = require("@radix-ui/react-use-controllable-state");
-const react_2 = __importStar(require("react"));
-const react_ui_1 = require("@dxos/react-ui");
-const react_ui_theme_1 = require("@dxos/react-ui-theme");
-const HuePreview = ({ hue }) => {
-    const { tx } = (0, react_ui_1.useThemeContext)();
-    const size = 20;
-    return (react_2.default.createElement("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}` },
-        react_2.default.createElement("rect", { x: 0, y: 0, width: size, height: size, className: tx('hue.fill', 'select--hue__preview', { hue }) })));
-};
-const hueTokens = Object.keys(react_ui_theme_1.hueTokenThemes).slice(0, 16);
-/**
- * A toolbar button for picking hue. Use only in `role=toolbar` elements. Unable to unset the value.
- */
-const HuePickerToolbarButton = ({ disabled, hue, onChangeHue, classNames, defaultHue, }) => {
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    const [hueValue, setHueValue] = (0, react_use_controllable_state_1.useControllableState)({
-        prop: hue,
-        onChange: onChangeHue,
-        defaultProp: defaultHue,
-    });
-    const [huePickerOpen, setHuePickerOpen] = (0, react_2.useState)(false);
-    const suppressNextTooltip = (0, react_2.useRef)(false);
-    const [triggerTooltipOpen, setTriggerTooltipOpen] = (0, react_2.useState)(false);
-    return (react_2.default.createElement(react_ui_1.Tooltip.Root, { open: triggerTooltipOpen, onOpenChange: (nextOpen) => {
-            if (suppressNextTooltip.current) {
-                setTriggerTooltipOpen(false);
-                suppressNextTooltip.current = false;
-            }
-            else {
-                setTriggerTooltipOpen(nextOpen);
-            }
-        } },
-        react_2.default.createElement(react_ui_1.DropdownMenu.Root, { modal: false, open: huePickerOpen, onOpenChange: (nextOpen) => {
-                setHuePickerOpen(nextOpen);
-                suppressNextTooltip.current = true;
-            } },
-            react_2.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
-                react_2.default.createElement(react_ui_1.DropdownMenu.Trigger, { asChild: true },
-                    react_2.default.createElement(react_ui_1.Toolbar.Button, { classNames: (0, react_ui_theme_1.mx)('gap-2 plb-1', classNames), disabled: disabled },
-                        react_2.default.createElement("span", { className: 'sr-only' }, t('select hue label')),
-                        react_2.default.createElement(react_1.Palette, { className: (0, react_ui_theme_1.getSize)(5) })))),
-            react_2.default.createElement(react_ui_1.Tooltip.Portal, null,
-                react_2.default.createElement(react_ui_1.Tooltip.Content, { side: 'bottom', classNames: 'z-50' },
-                    t('select hue label'),
-                    react_2.default.createElement(react_ui_1.Tooltip.Arrow, null))),
-            react_2.default.createElement(react_ui_1.DropdownMenu.Content, { side: 'bottom', classNames: '!w-40' },
-                react_2.default.createElement(react_ui_1.DropdownMenu.Viewport, { classNames: 'grid grid-cols-4' }, hueTokens.map((hue) => {
-                    return (react_2.default.createElement(react_ui_1.DropdownMenu.CheckboxItem, { key: hue, checked: hue === hueValue, onCheckedChange: () => setHueValue(hue), classNames: 'px-0 py-2 items-center justify-center' },
-                        react_2.default.createElement(HuePreview, { hue: hue })));
-                }))))));
-};
-exports.HuePickerToolbarButton = HuePickerToolbarButton;
-/**
- * A button for picking hue alongside a button for unsetting it.
- */
-const HuePickerBlock = ({ disabled, hue, onChangeHue, defaultHue, onClickClear }) => {
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    const [hueValue, setHueValue] = (0, react_use_controllable_state_1.useControllableState)({
-        prop: hue,
-        onChange: onChangeHue,
-        defaultProp: defaultHue,
-    });
-    return (react_2.default.createElement(react_2.default.Fragment, null,
-        react_2.default.createElement(react_ui_1.DropdownMenu.Root, { modal: false },
-            react_2.default.createElement(react_ui_1.DropdownMenu.Trigger, { asChild: true },
-                react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'gap-2 plb-1', disabled: disabled },
-                    react_2.default.createElement("span", { className: 'sr-only' }, t('select hue label')),
-                    react_2.default.createElement("div", { role: 'none', className: 'pis-14 grow flex items-center justify-center gap-2' },
-                        react_2.default.createElement(HuePreview, { hue: hueValue }),
-                        react_2.default.createElement("span", null, t(`${hueValue} label`))),
-                    react_2.default.createElement(react_1.CaretDown, { className: (0, react_ui_theme_1.getSize)(4) }))),
-            react_2.default.createElement(react_ui_1.DropdownMenu.Content, { side: 'right' },
-                react_2.default.createElement(react_ui_1.DropdownMenu.Viewport, null, Object.keys(react_ui_theme_1.hueTokenThemes).map((hue) => {
-                    return (react_2.default.createElement(react_ui_1.DropdownMenu.CheckboxItem, { key: hue, checked: hue === hueValue, onCheckedChange: () => setHueValue(hue) },
-                        react_2.default.createElement(HuePreview, { hue: hue }),
-                        react_2.default.createElement("span", { className: 'grow' }, t(`${hue} label`)),
-                        react_2.default.createElement(react_ui_1.DropdownMenu.ItemIndicator, null,
-                            react_2.default.createElement(react_1.Check, null))));
-                })),
-                react_2.default.createElement(react_ui_1.DropdownMenu.Arrow, null))),
-        react_2.default.createElement(react_ui_1.Tooltip.Root, null,
-            react_2.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
-                react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', onClick: onClickClear, disabled: disabled },
-                    react_2.default.createElement("span", { className: 'sr-only' }, t('clear label')),
-                    react_2.default.createElement(react_1.ArrowCounterClockwise, null))),
-            react_2.default.createElement(react_ui_1.Tooltip.Portal, null,
-                react_2.default.createElement(react_ui_1.Tooltip.Content, { style: { zIndex: 70 }, side: 'right' },
-                    t('clear label'),
-                    react_2.default.createElement(react_ui_1.Tooltip.Arrow, null))))));
-};
-exports.HuePickerBlock = HuePickerBlock;
-//# sourceMappingURL=HuePicker.js.map

package/dist/types/src/components/HuePicker.js.map

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

package/src/components/EmojiPicker.tsx

@@ -1,187 +0,0 @@
-//
-// 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' classNames='z-50'>
-            {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 style={{ zIndex: 70 }} side='right'>
-            {t('clear label')}
-            <Tooltip.Arrow />
-          </Tooltip.Content>
-        </Tooltip.Portal>
-      </Tooltip.Root>
-    </>
-  );
-};