@dxos/react-ui-pickers 0.10.0 → 0.11.0

package/dist/lib/node-esm/index.mjs

@@ -1,238 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  iconValues
-} from "./chunk-N4YXLEKA.mjs";
-
-// src/components/EmojiPicker/EmojiPicker.tsx
-import emojiData from "@emoji-mart/data";
-import EmojiMart from "@emoji-mart/react";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import React, { useState } from "react";
-import { Button, ButtonGroup, Icon, IconButton, Popover, Toolbar, useMediaQuery, useThemeContext, useTranslation } from "@dxos/react-ui";
-import { osTranslations } from "@dxos/ui-theme";
-var EmojiPickerToolbarButton = ({ classNames, emoji, disabled, defaultEmoji, onChangeEmoji }) => {
-  const { t } = useTranslation(osTranslations);
-  const { themeMode } = useThemeContext();
-  const [_emojiValue, setEmojiValue] = useControllableState({
-    prop: emoji,
-    onChange: onChangeEmoji,
-    defaultProp: defaultEmoji
-  });
-  const [emojiPickerOpen, setEmojiPickerOpen] = useState(false);
-  return /* @__PURE__ */ React.createElement(Popover.Root, {
-    open: emojiPickerOpen,
-    onOpenChange: (nextOpen) => {
-      setEmojiPickerOpen(nextOpen);
-    }
-  }, /* @__PURE__ */ React.createElement(Popover.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
-    icon: "ph--user-circle--regular",
-    label: t("select-emoji.label"),
-    iconOnly: true,
-    tooltipSide: "bottom",
-    disabled
-  })), /* @__PURE__ */ React.createElement(Popover.Portal, null, /* @__PURE__ */ React.createElement(Popover.Content, {
-    side: "bottom",
-    onKeyDownCapture: (event) => {
-      if (event.key === "Escape") {
-        event.stopPropagation();
-        setEmojiPickerOpen(false);
-      }
-    }
-  }, /* @__PURE__ */ React.createElement(EmojiMart, {
-    data: emojiData,
-    onEmojiSelect: ({ native }) => {
-      if (native) {
-        setEmojiValue(native);
-        setEmojiPickerOpen(false);
-      }
-    },
-    autoFocus: true,
-    maxFrequentRows: 0,
-    noCountryFlags: true,
-    theme: themeMode
-  }), /* @__PURE__ */ React.createElement(Popover.Arrow, null))));
-};
-var EmojiPickerBlock = ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClear, triggerVariant = "ghost", classNames }) => {
-  const { t } = useTranslation(osTranslations);
-  const [isMd] = useMediaQuery("md");
-  const [emojiValue, setEmojiValue] = useControllableState({
-    prop: emoji,
-    onChange: onChangeEmoji,
-    defaultProp: defaultEmoji
-  });
-  const [emojiPickerOpen, setEmojiPickerOpen] = useState(false);
-  return /* @__PURE__ */ React.createElement(ButtonGroup, {
-    classNames
-  }, /* @__PURE__ */ React.createElement(Popover.Root, {
-    open: emojiPickerOpen,
-    onOpenChange: setEmojiPickerOpen
-  }, /* @__PURE__ */ React.createElement(Popover.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(Button, {
-    variant: triggerVariant,
-    classNames: "grow gap-2 text-2xl py-1",
-    disabled
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "sr-only"
-  }, t("select-emoji.label")), /* @__PURE__ */ React.createElement("span", null, emojiValue), /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--caret-down--bold",
-    size: 3
-  }))), /* @__PURE__ */ React.createElement(Popover.Content, {
-    side: "right",
-    sideOffset: isMd ? 0 : -310,
-    onKeyDownCapture: (event) => {
-      if (event.key === "Escape") {
-        event.stopPropagation();
-        setEmojiPickerOpen(false);
-      }
-    }
-  }, /* @__PURE__ */ React.createElement(EmojiMart, {
-    data: emojiData,
-    onEmojiSelect: ({ native }) => {
-      if (native) {
-        setEmojiValue(native);
-        setEmojiPickerOpen(false);
-      }
-    },
-    autoFocus: true,
-    maxFrequentRows: 0,
-    noCountryFlags: true
-  }), /* @__PURE__ */ React.createElement(Popover.Arrow, null))), /* @__PURE__ */ React.createElement(IconButton, {
-    icon: "ph--arrow-counter-clockwise--regular",
-    iconOnly: true,
-    label: t("clear.label"),
-    tooltipSide: "right",
-    variant: triggerVariant,
-    onClick: onClickClear,
-    disabled
-  }));
-};
-
-// src/components/HuePicker/HuePicker.tsx
-import React3 from "react";
-import { useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { getSize, hues, osTranslations as osTranslations2 } from "@dxos/ui-theme";
-
-// src/components/PickerButton/PickerButton.tsx
-import { useControllableState as useControllableState2 } from "@radix-ui/react-use-controllable-state";
-import React2, { useEffect, useState as useState2 } from "react";
-import { Button as Button2, DropdownMenu, Icon as Icon2, Toolbar as Toolbar2, Tooltip } from "@dxos/react-ui";
-var PickerButton = ({ Component, disabled, classNames, defaultValue: defaultValueProp, value: valueProp, values, label, icon, onChange, onReset, rootVariant = "button", iconSize = 5 }) => {
-  const [value, setValue] = useControllableState2({
-    prop: valueProp,
-    defaultProp: defaultValueProp,
-    onChange
-  });
-  useEffect(() => setValue(valueProp), [
-    valueProp
-  ]);
-  const [open, setOpen] = useState2(false);
-  const TriggerRoot = rootVariant === "toolbar-button" ? Toolbar2.Button : Button2;
-  return /* @__PURE__ */ React2.createElement(DropdownMenu.Root, {
-    modal: false,
-    open,
-    onOpenChange: setOpen
-  }, /* @__PURE__ */ React2.createElement(Tooltip.Trigger, {
-    asChild: true,
-    content: label,
-    side: "bottom"
-  }, /* @__PURE__ */ React2.createElement(DropdownMenu.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(TriggerRoot, {
-    classNames: [
-      "gap-2 py-1",
-      classNames
-    ],
-    disabled
-  }, /* @__PURE__ */ React2.createElement("span", {
-    className: "sr-only"
-  }, label), value && /* @__PURE__ */ React2.createElement(Component, {
-    value,
-    size: iconSize
-  }) || /* @__PURE__ */ React2.createElement(Icon2, {
-    icon,
-    size: iconSize
-  }), /* @__PURE__ */ React2.createElement(Icon2, {
-    icon: "ph--caret-down--bold",
-    size: 3
-  })))), /* @__PURE__ */ React2.createElement(DropdownMenu.Portal, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Content, {
-    side: "bottom",
-    classNames: "!w-min"
-  }, /* @__PURE__ */ React2.createElement(DropdownMenu.Viewport, {
-    classNames: "grid grid-cols-[repeat(6,min-content)]"
-  }, values.map((_value) => {
-    return /* @__PURE__ */ React2.createElement(DropdownMenu.CheckboxItem, {
-      key: _value,
-      checked: _value === value,
-      onCheckedChange: () => setValue(_value),
-      classNames: "p-1 items-center justify-center aspect-square"
-    }, /* @__PURE__ */ React2.createElement(Component, {
-      value: _value,
-      size: iconSize
-    }));
-  }), onReset && /* @__PURE__ */ React2.createElement(DropdownMenu.CheckboxItem, {
-    onCheckedChange: () => onReset(),
-    classNames: "p-1 items-center justify-center aspect-square"
-  }, /* @__PURE__ */ React2.createElement(Icon2, {
-    icon: "ph--x--regular",
-    size: iconSize
-  }))), /* @__PURE__ */ React2.createElement(DropdownMenu.Arrow, null))));
-};
-
-// src/components/HuePicker/HuePicker.tsx
-var HuePicker = (props) => {
-  const { t } = useTranslation2(osTranslations2);
-  return /* @__PURE__ */ React3.createElement(PickerButton, {
-    Component: HuePreview,
-    label: t("select-hue.label"),
-    icon: "ph--palette--regular",
-    values: hues,
-    ...props
-  });
-};
-var HuePreview = ({ value, size = 5 }) => {
-  return /* @__PURE__ */ React3.createElement("div", {
-    className: "flex justify-center items-center"
-  }, /* @__PURE__ */ React3.createElement("svg", {
-    viewBox: `0 0 ${size} ${size}`,
-    className: getSize(size)
-  }, /* @__PURE__ */ React3.createElement("rect", {
-    x: 0,
-    y: 0,
-    width: size,
-    height: size,
-    fill: `var(--color-${value}-surface)`,
-    strokeWidth: 4
-  })));
-};
-
-// src/components/IconPicker/IconPicker.tsx
-import React4 from "react";
-import { Icon as Icon3, useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { osTranslations as osTranslations3 } from "@dxos/ui-theme";
-var IconPicker = ({ ...props }) => {
-  const { t } = useTranslation3(osTranslations3);
-  return /* @__PURE__ */ React4.createElement(PickerButton, {
-    Component: IconPreview,
-    label: t("select-icon.label"),
-    icon: "ph--selection--regular",
-    values: iconValues,
-    ...props
-  });
-};
-var IconPreview = ({ value, size }) => {
-  return /* @__PURE__ */ React4.createElement(Icon3, {
-    icon: `ph--${value}--regular`,
-    size
-  });
-};
-export {
-  EmojiPickerBlock,
-  EmojiPickerToolbarButton,
-  HuePicker,
-  IconPicker,
-  PickerButton
-};
-//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/EmojiPicker/EmojiPicker.tsx", "../../../src/components/HuePicker/HuePicker.tsx", "../../../src/components/PickerButton/PickerButton.tsx", "../../../src/components/IconPicker/IconPicker.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport './emoji.css';\n\nimport emojiData from '@emoji-mart/data';\nimport EmojiMart from '@emoji-mart/react';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { useState } from 'react';\n\nimport {\n  Button,\n  ButtonGroup,\n  type ButtonProps,\n  Icon,\n  IconButton,\n  Popover,\n  type ThemedClassName,\n  Toolbar,\n  useMediaQuery,\n  useThemeContext,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { osTranslations } from '@dxos/ui-theme';\n\nexport type EmojiPickerProps = ThemedClassName<{\n  disabled?: boolean;\n  defaultEmoji?: string;\n  emoji?: string;\n  onChangeEmoji?: (nextEmoji: string) => void;\n  onClickClear?: ButtonProps['onClick'];\n  triggerVariant?: ButtonProps['variant'];\n}>;\n\n/**\n * A toolbar button for picking an emoji. Use only in `role=toolbar` elements. Unable to unset the value.\n */\nexport const EmojiPickerToolbarButton = ({\n  classNames,\n  emoji,\n  disabled,\n  defaultEmoji,\n  onChangeEmoji,\n}: Omit<EmojiPickerProps, 'onClickClear'>) => {\n  const { t } = useTranslation(osTranslations);\n  const { themeMode } = useThemeContext();\n\n  const [_emojiValue, setEmojiValue] = useControllableState<string>({\n    prop: emoji,\n    onChange: onChangeEmoji,\n    defaultProp: defaultEmoji,\n  });\n\n  const [emojiPickerOpen, setEmojiPickerOpen] = useState<boolean>(false);\n\n  return (\n    <Popover.Root\n      open={emojiPickerOpen}\n      onOpenChange={(nextOpen) => {\n        setEmojiPickerOpen(nextOpen);\n      }}\n    >\n      <Popover.Trigger asChild>\n        <Toolbar.IconButton\n          icon='ph--user-circle--regular'\n          label={t('select-emoji.label')}\n          iconOnly\n          tooltipSide='bottom'\n          disabled={disabled}\n        />\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          side='bottom'\n          onKeyDownCapture={(event) => {\n            if (event.key === 'Escape') {\n              event.stopPropagation();\n              setEmojiPickerOpen(false);\n            }\n          }}\n        >\n          {/* https://github.com/missive/emoji-mart?tab=readme-ov-file#options--props */}\n          <EmojiMart\n            data={emojiData}\n            onEmojiSelect={({ native }: { native?: string }) => {\n              if (native) {\n                setEmojiValue(native);\n                setEmojiPickerOpen(false);\n              }\n            }}\n            autoFocus={true}\n            maxFrequentRows={0}\n            noCountryFlags={true}\n            theme={themeMode}\n          />\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n\n/**\n * A button for picking an emoji alongside a button for unsetting it.\n */\nexport const EmojiPickerBlock = ({\n  disabled,\n  defaultEmoji,\n  emoji,\n  onChangeEmoji,\n  onClickClear,\n  triggerVariant = 'ghost',\n  classNames,\n}: EmojiPickerProps) => {\n  const { t } = useTranslation(osTranslations);\n  const [isMd] = useMediaQuery('md');\n\n  const [emojiValue, setEmojiValue] = useControllableState<string>({\n    prop: emoji,\n    onChange: onChangeEmoji,\n    defaultProp: defaultEmoji,\n  });\n\n  const [emojiPickerOpen, setEmojiPickerOpen] = useState<boolean>(false);\n\n  return (\n    <ButtonGroup classNames={classNames}>\n      <Popover.Root open={emojiPickerOpen} onOpenChange={setEmojiPickerOpen}>\n        <Popover.Trigger asChild>\n          <Button variant={triggerVariant} classNames='grow gap-2 text-2xl py-1' disabled={disabled}>\n            <span className='sr-only'>{t('select-emoji.label')}</span>\n            <span>{emojiValue}</span>\n            <Icon icon='ph--caret-down--bold' size={3} />\n          </Button>\n        </Popover.Trigger>\n        <Popover.Content\n          side='right'\n          sideOffset={isMd ? 0 : -310}\n          onKeyDownCapture={(event) => {\n            if (event.key === 'Escape') {\n              event.stopPropagation();\n              setEmojiPickerOpen(false);\n            }\n          }}\n        >\n          <EmojiMart\n            data={emojiData}\n            onEmojiSelect={({ native }: { native?: string }) => {\n              if (native) {\n                setEmojiValue(native);\n                setEmojiPickerOpen(false);\n              }\n            }}\n            autoFocus={true}\n            maxFrequentRows={0}\n            noCountryFlags={true}\n          />\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Root>\n      <IconButton\n        icon='ph--arrow-counter-clockwise--regular'\n        iconOnly\n        label={t('clear.label')}\n        tooltipSide='right'\n        variant={triggerVariant}\n        onClick={onClickClear}\n        disabled={disabled}\n      />\n    </ButtonGroup>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type ButtonProps, type IconProps, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { getSize, hues, osTranslations } from '@dxos/ui-theme';\n\nimport { PickerButton, type PickerButtonProps } from '../PickerButton';\n\nexport type HuePickerProps = {\n  disabled?: boolean;\n  defaultValue?: string;\n  value?: string;\n  onChange?: (nextHue: string) => void;\n  onReset?: ButtonProps['onClick'];\n} & Pick<PickerButtonProps, 'disabled' | 'defaultValue' | 'value' | 'onChange' | 'onReset' | 'rootVariant'>;\n\nexport const HuePicker = (props: ThemedClassName<HuePickerProps>) => {\n  const { t } = useTranslation(osTranslations);\n\n  return (\n    <PickerButton\n      Component={HuePreview}\n      label={t('select-hue.label')}\n      icon='ph--palette--regular'\n      values={hues}\n      {...props}\n    />\n  );\n};\n\nconst HuePreview = ({ value, size = 5 }: { value: string; size?: IconProps['size'] }) => {\n  return (\n    <div className='flex justify-center items-center'>\n      <svg viewBox={`0 0 ${size} ${size}`} className={getSize(size)}>\n        <rect x={0} y={0} width={size} height={size} fill={`var(--color-${value}-surface)`} strokeWidth={4} />\n      </svg>\n    </div>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { type FC, useEffect, useState } from 'react';\n\nimport { Button, DropdownMenu, Icon, type IconProps, type ThemedClassName, Toolbar, Tooltip } from '@dxos/react-ui';\n\nexport type PickerButtonProps = ThemedClassName<{\n  Component: FC<{ value: string; size?: IconProps['size'] }>;\n  label: string;\n  icon: string;\n  values: readonly string[];\n  disabled?: boolean;\n  defaultValue?: string;\n  value?: string;\n  onChange?: (value: string) => void;\n  onReset?: () => void;\n  rootVariant?: 'button' | 'toolbar-button';\n  iconSize?: IconProps['size'];\n}>;\n\nexport const PickerButton = ({\n  Component,\n  disabled,\n  classNames,\n  defaultValue: defaultValueProp,\n  value: valueProp,\n  values,\n  label,\n  icon,\n  onChange,\n  onReset,\n  rootVariant = 'button',\n  iconSize = 5,\n}: PickerButtonProps) => {\n  const [value, setValue] = useControllableState<string>({\n    prop: valueProp,\n    defaultProp: defaultValueProp,\n    onChange,\n  });\n  // TODO(burdon): useControllableState doesn't update the prop when the value is changed. Replace it.\n  useEffect(() => setValue(valueProp), [valueProp]);\n\n  const [open, setOpen] = useState<boolean>(false);\n  const TriggerRoot = rootVariant === 'toolbar-button' ? Toolbar.Button : Button;\n\n  return (\n    <DropdownMenu.Root modal={false} open={open} onOpenChange={setOpen}>\n      <Tooltip.Trigger asChild content={label} side='bottom'>\n        <DropdownMenu.Trigger asChild>\n          <TriggerRoot classNames={['gap-2 py-1', classNames]} disabled={disabled}>\n            <span className='sr-only'>{label}</span>\n            {(value && <Component value={value} size={iconSize} />) || <Icon icon={icon} size={iconSize} />}\n            <Icon icon='ph--caret-down--bold' size={3} />\n          </TriggerRoot>\n        </DropdownMenu.Trigger>\n      </Tooltip.Trigger>\n      <DropdownMenu.Portal>\n        <DropdownMenu.Content side='bottom' classNames='!w-min'>\n          <DropdownMenu.Viewport classNames='grid grid-cols-[repeat(6,min-content)]'>\n            {values.map((_value) => {\n              return (\n                <DropdownMenu.CheckboxItem\n                  key={_value}\n                  checked={_value === value}\n                  onCheckedChange={() => setValue(_value)}\n                  classNames={'p-1 items-center justify-center aspect-square'}\n                >\n                  <Component value={_value} size={iconSize} />\n                </DropdownMenu.CheckboxItem>\n              );\n            })}\n            {onReset && (\n              <DropdownMenu.CheckboxItem\n                onCheckedChange={() => onReset()}\n                classNames={'p-1 items-center justify-center aspect-square'}\n              >\n                <Icon icon='ph--x--regular' size={iconSize} />\n              </DropdownMenu.CheckboxItem>\n            )}\n          </DropdownMenu.Viewport>\n          <DropdownMenu.Arrow />\n        </DropdownMenu.Content>\n      </DropdownMenu.Portal>\n    </DropdownMenu.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type ButtonProps, Icon, type IconProps, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { PickerButton, type PickerButtonProps } from '../PickerButton';\nimport { iconValues } from './icons';\n\nexport type IconPickerProps = {\n  disabled?: boolean;\n  defaultValue?: string;\n  value?: string;\n  onChange?: (nextHue: string) => void;\n  onReset?: ButtonProps['onClick'];\n} & Pick<\n  PickerButtonProps,\n  'disabled' | 'rootVariant' | 'iconSize' | 'defaultValue' | 'value' | 'onChange' | 'onReset'\n>;\n\nexport const IconPicker = ({ ...props }: ThemedClassName<IconPickerProps>) => {\n  const { t } = useTranslation(osTranslations);\n\n  return (\n    <PickerButton\n      Component={IconPreview}\n      label={t('select-icon.label')}\n      icon='ph--selection--regular'\n      values={iconValues}\n      {...props}\n    />\n  );\n};\n\nconst IconPreview = ({ value, size }: { value: string; size?: IconProps['size'] }) => {\n  return <Icon icon={`ph--${value}--regular`} size={size} />;\n};\n"],
-  "mappings": "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",
-  "names": ["emojiData", "EmojiMart", "useControllableState", "React", "useState", "Button", "ButtonGroup", "Icon", "IconButton", "Popover", "Toolbar", "useMediaQuery", "useThemeContext", "useTranslation", "osTranslations", "EmojiPickerToolbarButton", "classNames", "emoji", "disabled", "defaultEmoji", "onChangeEmoji", "t", "themeMode", "_emojiValue", "setEmojiValue", "prop", "onChange", "defaultProp", "emojiPickerOpen", "setEmojiPickerOpen", "Root", "open", "onOpenChange", "nextOpen", "Trigger", "asChild", "icon", "label", "iconOnly", "tooltipSide", "Portal", "Content", "side", "onKeyDownCapture", "event", "key", "stopPropagation", "data", "onEmojiSelect", "native", "autoFocus", "maxFrequentRows", "noCountryFlags", "theme", "Arrow", "EmojiPickerBlock", "onClickClear", "triggerVariant", "isMd", "emojiValue", "variant", "span", "className", "size", "sideOffset", "onClick", "React", "useTranslation", "getSize", "hues", "osTranslations", "useControllableState", "React", "useEffect", "useState", "Button", "DropdownMenu", "Icon", "Toolbar", "Tooltip", "PickerButton", "Component", "disabled", "classNames", "defaultValue", "defaultValueProp", "value", "valueProp", "values", "label", "icon", "onChange", "onReset", "rootVariant", "iconSize", "setValue", "prop", "defaultProp", "open", "setOpen", "TriggerRoot", "Root", "modal", "onOpenChange", "Trigger", "asChild", "content", "side", "span", "className", "size", "Portal", "Content", "Viewport", "map", "_value", "CheckboxItem", "key", "checked", "onCheckedChange", "Arrow", "HuePicker", "props", "t", "useTranslation", "osTranslations", "React", "PickerButton", "Component", "HuePreview", "label", "icon", "values", "hues", "value", "size", "div", "className", "svg", "viewBox", "getSize", "rect", "x", "y", "width", "height", "fill", "strokeWidth", "React", "Icon", "useTranslation", "osTranslations", "IconPicker", "props", "t", "useTranslation", "osTranslations", "React", "PickerButton", "Component", "IconPreview", "label", "icon", "values", "iconValues", "value", "size", "Icon"]
-}

package/dist/lib/node-esm/meta.json

@@ -1 +0,0 @@
-{"inputs":{"src/components/EmojiPicker/emoji.css":{"bytes":305,"imports":[]},"src/components/EmojiPicker/EmojiPicker.tsx":{"bytes":15243,"imports":[{"path":"src/components/EmojiPicker/emoji.css","kind":"import-statement","original":"./emoji.css"},{"path":"@emoji-mart/data","kind":"import-statement","external":true},{"path":"@emoji-mart/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/EmojiPicker/index.ts":{"bytes":387,"imports":[{"path":"src/components/EmojiPicker/EmojiPicker.tsx","kind":"import-statement","original":"./EmojiPicker"}],"format":"esm"},"src/components/PickerButton/PickerButton.tsx":{"bytes":9894,"imports":[{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"src/components/PickerButton/index.ts":{"bytes":388,"imports":[{"path":"src/components/PickerButton/PickerButton.tsx","kind":"import-statement","original":"./PickerButton"}],"format":"esm"},"src/components/HuePicker/HuePicker.tsx":{"bytes":4056,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/PickerButton/index.ts","kind":"import-statement","original":"../PickerButton"}],"format":"esm"},"src/components/HuePicker/index.ts":{"bytes":377,"imports":[{"path":"src/components/HuePicker/HuePicker.tsx","kind":"import-statement","original":"./HuePicker"}],"format":"esm"},"src/components/IconPicker/icons.ts":{"bytes":5124,"imports":[],"format":"esm"},"src/components/IconPicker/IconPicker.tsx":{"bytes":3314,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"src/components/PickerButton/index.ts","kind":"import-statement","original":"../PickerButton"},{"path":"src/components/IconPicker/icons.ts","kind":"import-statement","original":"./icons"}],"format":"esm"},"src/components/IconPicker/index.ts":{"bytes":382,"imports":[{"path":"src/components/IconPicker/IconPicker.tsx","kind":"import-statement","original":"./IconPicker"}],"format":"esm"},"src/components/index.ts":{"bytes":670,"imports":[{"path":"src/components/EmojiPicker/index.ts","kind":"import-statement","original":"./EmojiPicker"},{"path":"src/components/HuePicker/index.ts","kind":"import-statement","original":"./HuePicker"},{"path":"src/components/IconPicker/index.ts","kind":"import-statement","original":"./IconPicker"},{"path":"src/components/PickerButton/index.ts","kind":"import-statement","original":"./PickerButton"}],"format":"esm"},"src/index.ts":{"bytes":382,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":17564},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-N4YXLEKA.mjs","kind":"import-statement"},{"path":"@emoji-mart/data","kind":"import-statement","external":true},{"path":"@emoji-mart/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"exports":["EmojiPickerBlock","EmojiPickerToolbarButton","HuePicker","IconPicker","PickerButton"],"entryPoint":"src/index.ts","cssBundle":"dist/lib/node-esm/index.css","inputs":{"src/components/EmojiPicker/emoji.css":{"bytesInOutput":0},"src/components/EmojiPicker/EmojiPicker.tsx":{"bytesInOutput":3865},"src/components/EmojiPicker/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/HuePicker/HuePicker.tsx":{"bytesInOutput":900},"src/components/PickerButton/PickerButton.tsx":{"bytesInOutput":2647},"src/components/PickerButton/index.ts":{"bytesInOutput":0},"src/components/HuePicker/index.ts":{"bytesInOutput":0},"src/components/IconPicker/IconPicker.tsx":{"bytesInOutput":622},"src/components/IconPicker/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0}},"bytes":8543},"dist/lib/node-esm/components/IconPicker/icons.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/node-esm/components/IconPicker/icons.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-N4YXLEKA.mjs","kind":"import-statement"}],"exports":["iconValues","icons"],"entryPoint":"src/components/IconPicker/icons.ts","inputs":{},"bytes":227},"dist/lib/node-esm/chunk-N4YXLEKA.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2392},"dist/lib/node-esm/chunk-N4YXLEKA.mjs":{"imports":[],"exports":["iconValues","icons"],"inputs":{"src/components/IconPicker/icons.ts":{"bytesInOutput":1617}},"bytes":1827},"dist/lib/node-esm/index.css.map":{"imports":[],"exports":[],"inputs":{},"bytes":530},"dist/lib/node-esm/index.css":{"imports":[],"inputs":{"src/components/EmojiPicker/emoji.css":{"bytesInOutput":146}},"bytes":227}}}

package/dist/types/src/components/IconPicker/icons.d.ts

@@ -1,7 +0,0 @@
-/**
- * https://phosphoricons.com
- * NOTE: Select icons that we are unlikely to use for the UI.
- */
-export declare const icons: string[];
-export declare const iconValues: string[];
-//# sourceMappingURL=icons.d.ts.map

package/dist/types/src/components/IconPicker/icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/components/IconPicker/icons.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,KAAK,UAuDjB,CAAC;AAEF,eAAO,MAAM,UAAU,UAAoE,CAAC"}

package/src/components/IconPicker/icons.ts

@@ -1,66 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-/**
- * https://phosphoricons.com
- * NOTE: Select icons that we are unlikely to use for the UI.
- */
-export const icons = [
-  'ph--house-line--regular',
-  'ph--planet--regular',
-  'ph--castle-turret--regular',
-  'ph--snowflake--regular',
-  'ph--virus--regular',
-  'ph--graph--regular',
-  'ph--air-traffic-control--regular',
-  'ph--asterisk--regular',
-  'ph--atom--regular',
-  'ph--basketball--regular',
-  'ph--butterfly--regular',
-  'ph--cactus--regular',
-  'ph--cake--regular',
-  'ph--calendar-dots--regular',
-  'ph--campfire--regular',
-  'ph--command--regular',
-  'ph--confetti--regular',
-  'ph--detective--regular',
-  'ph--disco-ball--regular',
-  'ph--dna--regular',
-  'ph--factory--regular',
-  'ph--flag-banner-fold--regular',
-  'ph--flask--regular',
-  'ph--flower-lotus--regular',
-  'ph--flying-saucer--regular',
-  'ph--game-controller--regular',
-  'ph--gavel--regular',
-  'ph--gift--regular',
-  'ph--guitar--regular',
-  'ph--hamburger--regular',
-  'ph--handshake--regular',
-  'ph--heart--regular',
-  'ph--lightbulb--regular',
-  'ph--lock--regular',
-  'ph--martini--regular',
-  'ph--medal-military--regular',
-  'ph--moped-front--regular',
-  'ph--office-chair--regular',
-  'ph--paint-brush-household--regular',
-  'ph--peace--regular',
-  'ph--person-simple-hike--regular',
-  'ph--piggy-bank--regular',
-  'ph--potted-plant--regular',
-  'ph--radioactive--regular',
-  'ph--rocket-launch--regular',
-  'ph--shield-star--regular',
-  'ph--shopping-cart--regular',
-  'ph--stethoscope--regular',
-  'ph--student--regular',
-  'ph--sun--regular',
-  'ph--tote--regular',
-  'ph--tree--regular',
-  'ph--users-three--regular',
-  'ph--yin-yang--regular',
-];
-
-export const iconValues = icons.map((icon) => icon.match(/ph--(.+)--regular/)?.[1] ?? icon);