@dxos/react-ui-pickers 0.8.1-main.ba2dec9 → 0.8.1-staging.31c3ee1

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

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-pickers/src/components/emoji.css":{"bytes":783,"imports":[]},"packages/ui/react-ui-pickers/src/components/EmojiPicker.tsx":{"bytes":19195,"imports":[{"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":"packages/ui/react-ui-pickers/src/components/emoji.css","kind":"import-statement","original":"./emoji.css"}],"format":"esm"},"packages/ui/react-ui-pickers/src/components/ToolbarPicker.tsx":{"bytes":11609,"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},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-pickers/src/components/HuePicker.tsx":{"bytes":4122,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-pickers/src/components/ToolbarPicker.tsx","kind":"import-statement","original":"./ToolbarPicker"}],"format":"esm"},"packages/ui/react-ui-pickers/src/components/IconPicker.tsx":{"bytes":7443,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-pickers/src/components/ToolbarPicker.tsx","kind":"import-statement","original":"./ToolbarPicker"}],"format":"esm"},"packages/ui/react-ui-pickers/src/components/index.ts":{"bytes":810,"imports":[{"path":"packages/ui/react-ui-pickers/src/components/EmojiPicker.tsx","kind":"import-statement","original":"./EmojiPicker"},{"path":"packages/ui/react-ui-pickers/src/components/HuePicker.tsx","kind":"import-statement","original":"./HuePicker"},{"path":"packages/ui/react-ui-pickers/src/components/IconPicker.tsx","kind":"import-statement","original":"./IconPicker"},{"path":"packages/ui/react-ui-pickers/src/components/ToolbarPicker.tsx","kind":"import-statement","original":"./ToolbarPicker"}],"format":"esm"},"packages/ui/react-ui-pickers/src/index.ts":{"bytes":506,"imports":[{"path":"packages/ui/react-ui-pickers/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-pickers/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":22088},"packages/ui/react-ui-pickers/dist/lib/node-esm/index.mjs":{"imports":[{"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":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@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/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["EmojiPickerBlock","EmojiPickerToolbarButton","HuePicker","IconPicker","ToolbarPickerButton"],"entryPoint":"packages/ui/react-ui-pickers/src/index.ts","cssBundle":"packages/ui/react-ui-pickers/dist/lib/node-esm/index.css","inputs":{"packages/ui/react-ui-pickers/src/components/EmojiPicker.tsx":{"bytesInOutput":5170},"packages/ui/react-ui-pickers/src/components/emoji.css":{"bytesInOutput":0},"packages/ui/react-ui-pickers/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-pickers/src/components/HuePicker.tsx":{"bytesInOutput":873},"packages/ui/react-ui-pickers/src/components/ToolbarPicker.tsx":{"bytesInOutput":3093},"packages/ui/react-ui-pickers/src/components/IconPicker.tsx":{"bytesInOutput":2002},"packages/ui/react-ui-pickers/src/index.ts":{"bytesInOutput":0}},"bytes":11691},"packages/ui/react-ui-pickers/dist/lib/node-esm/index.css.map":{"imports":[],"exports":[],"inputs":{},"bytes":1017},"packages/ui/react-ui-pickers/dist/lib/node-esm/index.css":{"imports":[],"inputs":{"packages/ui/react-ui-pickers/src/components/emoji.css":{"bytesInOutput":146}},"bytes":244}}}
+{"inputs":{"packages/ui/react-ui-pickers/src/components/EmojiPicker/emoji.css":{"bytes":783,"imports":[]},"packages/ui/react-ui-pickers/src/components/EmojiPicker/EmojiPicker.tsx":{"bytes":19562,"imports":[{"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":"packages/ui/react-ui-pickers/src/components/EmojiPicker/emoji.css","kind":"import-statement","original":"./emoji.css"}],"format":"esm"},"packages/ui/react-ui-pickers/src/components/EmojiPicker/index.ts":{"bytes":534,"imports":[{"path":"packages/ui/react-ui-pickers/src/components/EmojiPicker/EmojiPicker.tsx","kind":"import-statement","original":"./EmojiPicker"}],"format":"esm"},"packages/ui/react-ui-pickers/src/components/PickerButton/PickerButton.tsx":{"bytes":12553,"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"},"packages/ui/react-ui-pickers/src/components/PickerButton/index.ts":{"bytes":536,"imports":[{"path":"packages/ui/react-ui-pickers/src/components/PickerButton/PickerButton.tsx","kind":"import-statement","original":"./PickerButton"}],"format":"esm"},"packages/ui/react-ui-pickers/src/components/HuePicker/HuePicker.tsx":{"bytes":4241,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-pickers/src/components/PickerButton/index.ts","kind":"import-statement","original":"../PickerButton"}],"format":"esm"},"packages/ui/react-ui-pickers/src/components/HuePicker/index.ts":{"bytes":522,"imports":[{"path":"packages/ui/react-ui-pickers/src/components/HuePicker/HuePicker.tsx","kind":"import-statement","original":"./HuePicker"}],"format":"esm"},"packages/ui/react-ui-pickers/src/components/IconPicker/IconPicker.tsx":{"bytes":7605,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-pickers/src/components/PickerButton/index.ts","kind":"import-statement","original":"../PickerButton"}],"format":"esm"},"packages/ui/react-ui-pickers/src/components/IconPicker/index.ts":{"bytes":528,"imports":[{"path":"packages/ui/react-ui-pickers/src/components/IconPicker/IconPicker.tsx","kind":"import-statement","original":"./IconPicker"}],"format":"esm"},"packages/ui/react-ui-pickers/src/components/index.ts":{"bytes":809,"imports":[{"path":"packages/ui/react-ui-pickers/src/components/EmojiPicker/index.ts","kind":"import-statement","original":"./EmojiPicker"},{"path":"packages/ui/react-ui-pickers/src/components/HuePicker/index.ts","kind":"import-statement","original":"./HuePicker"},{"path":"packages/ui/react-ui-pickers/src/components/IconPicker/index.ts","kind":"import-statement","original":"./IconPicker"},{"path":"packages/ui/react-ui-pickers/src/components/PickerButton/index.ts","kind":"import-statement","original":"./PickerButton"}],"format":"esm"},"packages/ui/react-ui-pickers/src/index.ts":{"bytes":506,"imports":[{"path":"packages/ui/react-ui-pickers/src/components/index.ts","kind":"import-statement","original":"./components"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-pickers/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":22986},"packages/ui/react-ui-pickers/dist/lib/node-esm/index.mjs":{"imports":[{"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":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@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}],"exports":["EmojiPickerBlock","EmojiPickerToolbarButton","HuePicker","IconPicker","PickerButton"],"entryPoint":"packages/ui/react-ui-pickers/src/index.ts","cssBundle":"packages/ui/react-ui-pickers/dist/lib/node-esm/index.css","inputs":{"packages/ui/react-ui-pickers/src/components/EmojiPicker/EmojiPicker.tsx":{"bytesInOutput":5220},"packages/ui/react-ui-pickers/src/components/EmojiPicker/emoji.css":{"bytesInOutput":0},"packages/ui/react-ui-pickers/src/components/EmojiPicker/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-pickers/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-pickers/src/components/HuePicker/HuePicker.tsx":{"bytesInOutput":917},"packages/ui/react-ui-pickers/src/components/PickerButton/PickerButton.tsx":{"bytesInOutput":3343},"packages/ui/react-ui-pickers/src/components/PickerButton/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-pickers/src/components/HuePicker/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-pickers/src/components/IconPicker/IconPicker.tsx":{"bytesInOutput":2016},"packages/ui/react-ui-pickers/src/components/IconPicker/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-pickers/src/index.ts":{"bytesInOutput":0}},"bytes":12097},"packages/ui/react-ui-pickers/dist/lib/node-esm/index.css.map":{"imports":[],"exports":[],"inputs":{},"bytes":1029},"packages/ui/react-ui-pickers/dist/lib/node-esm/index.css":{"imports":[],"inputs":{"packages/ui/react-ui-pickers/src/components/EmojiPicker/emoji.css":{"bytesInOutput":146}},"bytes":256}}}

package/dist/types/src/components/{EmojiPicker.d.ts → EmojiPicker/EmojiPicker.d.ts}

@@ -1,20 +1,20 @@
 import React from 'react';
 import { type ButtonProps, type ThemedClassName } from '@dxos/react-ui';
 import './emoji.css';
-export type EmojiPickerProps = {
+export type EmojiPickerProps = ThemedClassName<{
     disabled?: boolean;
     defaultEmoji?: string;
     emoji?: string;
     onChangeEmoji?: (nextEmoji: string) => void;
     onClickClear?: ButtonProps['onClick'];
-};
+    triggerVariant?: ButtonProps['variant'];
+}>;
 /**
  * A toolbar button for picking an emoji. Use only in `role=toolbar` elements. Unable to unset the value.
  */
-export declare const EmojiPickerToolbarButton: ({ disabled, defaultEmoji, emoji, onChangeEmoji, classNames, }: ThemedClassName<Omit<EmojiPickerProps, "onClickClear">>) => React.JSX.Element;
+export declare const EmojiPickerToolbarButton: ({ classNames, emoji, disabled, defaultEmoji, onChangeEmoji, }: Omit<EmojiPickerProps, "onClickClear">) => React.JSX.Element;
 /**
  * A button for picking an emoji alongside a button for unsetting it.
- * @deprecated
  */
-export declare const EmojiPickerBlock: ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClear }: EmojiPickerProps) => React.JSX.Element;
+export declare const EmojiPickerBlock: ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClear, triggerVariant, classNames, }: EmojiPickerProps) => React.JSX.Element;
 //# sourceMappingURL=EmojiPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/EmojiPicker/EmojiPicker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAEL,KAAK,WAAW,EAEhB,KAAK,eAAe,EAQrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACzC,CAAC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,wBAAwB,kEAMlC,IAAI,CAAC,gBAAgB,EAAE,cAAc,CAAC,sBA8ExC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,gGAQ1B,gBAAgB,sBA+DlB,CAAC"}

package/dist/types/src/components/EmojiPicker/EmojiPicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/EmojiPicker/EmojiPicker.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAM5D,OAAO,EAA8C,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA2BlG,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,gBAAgB,CAKpD,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAK5C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/src/components/EmojiPicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './EmojiPicker';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/EmojiPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/EmojiPicker/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}

package/dist/types/src/components/{HuePicker.d.ts → HuePicker/HuePicker.d.ts}

@@ -1,12 +1,12 @@
 import React from 'react';
 import { type ButtonProps, type ThemedClassName } from '@dxos/react-ui';
-import { type ToolbarPickerProps } from './ToolbarPicker';
+import { type PickerButtonProps } from '../PickerButton';
 export type HuePickerProps = {
     disabled?: boolean;
     defaultValue?: string;
     value?: string;
     onChange?: (nextHue: string) => void;
     onReset?: ButtonProps['onClick'];
-} & Pick<ToolbarPickerProps, 'disabled' | 'defaultValue' | 'value' | 'onChange' | 'onReset'>;
+} & Pick<PickerButtonProps, 'disabled' | 'defaultValue' | 'value' | 'onChange' | 'onReset' | 'rootVariant'>;
 export declare const HuePicker: (props: ThemedClassName<HuePickerProps>) => React.JSX.Element;
 //# sourceMappingURL=HuePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HuePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/HuePicker/HuePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAGxF,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,CAAC,CAAC;AAE5G,eAAO,MAAM,SAAS,UAAW,eAAe,CAAC,cAAc,CAAC,sBAY/D,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"HuePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/HuePicker/HuePicker.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAM5D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAkB7D,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,cAAc,CAK5C,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './HuePicker';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/HuePicker/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC"}

package/dist/types/src/components/{IconPicker.d.ts → IconPicker/IconPicker.d.ts}

@@ -1,12 +1,12 @@
 import React from 'react';
 import { type ButtonProps, type ThemedClassName } from '@dxos/react-ui';
-import { type ToolbarPickerProps } from './ToolbarPicker';
+import { type PickerButtonProps } from '../PickerButton';
 export type IconPickerProps = {
     disabled?: boolean;
     defaultValue?: string;
     value?: string;
     onChange?: (nextHue: string) => void;
     onReset?: ButtonProps['onClick'];
-} & Pick<ToolbarPickerProps, 'disabled' | 'defaultValue' | 'value' | 'onChange' | 'onReset'>;
+} & Pick<PickerButtonProps, 'disabled' | 'defaultValue' | 'value' | 'onChange' | 'onReset' | 'rootVariant' | 'iconSize'>;
 export declare const IconPicker: ({ ...props }: ThemedClassName<IconPickerProps>) => React.JSX.Element;
 //# sourceMappingURL=IconPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/IconPicker/IconPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,WAAW,EAAwB,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAE9G,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,GAAG,IAAI,CACN,iBAAiB,EACjB,UAAU,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAC5F,CAAC;AAEF,eAAO,MAAM,UAAU,iBAAkB,eAAe,CAAC,eAAe,CAAC,sBAYxE,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/IconPicker/IconPicker.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAM5D,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAahE,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,eAAe,CAG7C,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './IconPicker';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IconPicker/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,20 @@
+import React, { type FC } from 'react';
+import { type IconProps, type ThemedClassName } from '@dxos/react-ui';
+export type PickerButtonProps = ThemedClassName<{
+    Component: FC<{
+        value: string;
+        iconSize?: IconProps['size'];
+    }>;
+    label: string;
+    icon: string;
+    values: string[];
+    disabled?: boolean;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onReset?: () => void;
+    rootVariant?: 'button' | 'toolbar-button';
+    iconSize?: IconProps['size'];
+}>;
+export declare const PickerButton: ({ Component, disabled, classNames, defaultValue: _defaultValue, value: _value, values, label, icon, onChange, onReset, rootVariant, iconSize, }: PickerButtonProps) => React.JSX.Element;
+//# sourceMappingURL=PickerButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/PickerButton/PickerButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AAEpE,OAAO,EAA8B,KAAK,SAAS,EAAE,KAAK,eAAe,EAAoB,MAAM,gBAAgB,CAAC;AAEpH,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC9C,SAAS,EAAE,EAAE,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;KAAE,CAAC,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAC9B,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,oJAatB,iBAAiB,sBAiFnB,CAAC"}

package/dist/types/src/components/PickerButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PickerButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/PickerButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/PickerButton/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC"}

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

@@ -1,5 +1,5 @@
 export * from './EmojiPicker';
 export * from './HuePicker';
 export * from './IconPicker';
-export * from './ToolbarPicker';
+export * from './PickerButton';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-pickers",
-  "version": "0.8.1-main.ba2dec9",
+  "version": "0.8.1-staging.31c3ee1",
   "description": "A collection of picker components.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -26,8 +26,10 @@
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",
     "@radix-ui/react-use-controllable-state": "1.1.0",
-    "@dxos/react-ui-types": "0.8.1-main.ba2dec9",
-    "@dxos/util": "0.8.1-main.ba2dec9"
+    "react-resize-detector": "^11.0.1",
+    "@dxos/log": "0.8.1-staging.31c3ee1",
+    "@dxos/react-ui-types": "0.8.1-staging.31c3ee1",
+    "@dxos/util": "0.8.1-staging.31c3ee1"
   },
   "devDependencies": {
     "@types/react": "~18.2.0",
@@ -35,15 +37,15 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui": "0.8.1-main.ba2dec9",
-    "@dxos/storybook-utils": "0.8.1-main.ba2dec9",
-    "@dxos/react-ui-theme": "0.8.1-main.ba2dec9"
+    "@dxos/react-ui": "0.8.1-staging.31c3ee1",
+    "@dxos/react-ui-theme": "0.8.1-staging.31c3ee1",
+    "@dxos/storybook-utils": "0.8.1-staging.31c3ee1"
   },
   "peerDependencies": {
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.1-main.ba2dec9",
-    "@dxos/react-ui-theme": "0.8.1-main.ba2dec9"
+    "@dxos/react-ui": "0.8.1-staging.31c3ee1",
+    "@dxos/react-ui-theme": "0.8.1-staging.31c3ee1"
   },
   "publishConfig": {
     "access": "public"

package/src/components/{EmojiPicker.tsx → EmojiPicker/EmojiPicker.tsx}

@@ -18,28 +18,30 @@ import {
   useThemeContext,
   useTranslation,
   Icon,
+  ButtonGroup,
 } from '@dxos/react-ui';
 
 import './emoji.css';
 
-export type EmojiPickerProps = {
+export type EmojiPickerProps = ThemedClassName<{
   disabled?: boolean;
   defaultEmoji?: string;
   emoji?: string;
   onChangeEmoji?: (nextEmoji: string) => void;
   onClickClear?: ButtonProps['onClick'];
-};
+  triggerVariant?: ButtonProps['variant'];
+}>;
 
 /**
  * A toolbar button for picking an emoji. Use only in `role=toolbar` elements. Unable to unset the value.
  */
 export const EmojiPickerToolbarButton = ({
+  classNames,
+  emoji,
   disabled,
   defaultEmoji,
-  emoji,
   onChangeEmoji,
-  classNames,
-}: ThemedClassName<Omit<EmojiPickerProps, 'onClickClear'>>) => {
+}: Omit<EmojiPickerProps, 'onClickClear'>) => {
   const { t } = useTranslation('os');
   const { themeMode } = useThemeContext();
 
@@ -121,9 +123,16 @@ export const EmojiPickerToolbarButton = ({
 
 /**
  * A button for picking an emoji alongside a button for unsetting it.
- * @deprecated
  */
-export const EmojiPickerBlock = ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClear }: EmojiPickerProps) => {
+export const EmojiPickerBlock = ({
+  disabled,
+  defaultEmoji,
+  emoji,
+  onChangeEmoji,
+  onClickClear,
+  triggerVariant = 'ghost',
+  classNames,
+}: EmojiPickerProps) => {
   const { t } = useTranslation('os');
   const [isMd] = useMediaQuery('md', { ssr: false });
 
@@ -136,13 +145,13 @@ export const EmojiPickerBlock = ({ disabled, defaultEmoji, emoji, onChangeEmoji,
   const [emojiPickerOpen, setEmojiPickerOpen] = useState<boolean>(false);
 
   return (
-    <>
+    <ButtonGroup classNames={classNames}>
       <Popover.Root open={emojiPickerOpen} onOpenChange={setEmojiPickerOpen}>
         <Popover.Trigger asChild>
-          <Button variant='ghost' classNames='gap-2 text-2xl plb-1' disabled={disabled}>
+          <Button variant={triggerVariant} classNames='grow gap-2 text-2xl plb-1' disabled={disabled}>
             <span className='sr-only'>{t('select emoji label')}</span>
-            <span className='grow pis-14'>{emojiValue}</span>
-            <Icon icon='ph--caret-down--regular' size={4} />
+            <span>{emojiValue}</span>
+            <Icon icon='ph--caret-down--bold' size={3} />
           </Button>
         </Popover.Trigger>
         <Popover.Content
@@ -172,7 +181,7 @@ export const EmojiPickerBlock = ({ disabled, defaultEmoji, emoji, onChangeEmoji,
       </Popover.Root>
       <Tooltip.Root>
         <Tooltip.Trigger asChild>
-          <Button variant='ghost' onClick={onClickClear} disabled={disabled}>
+          <Button variant={triggerVariant} onClick={onClickClear} disabled={disabled}>
             <span className='sr-only'>{t('clear label')}</span>
             <Icon icon='ph--arrow-counter-clockwise--regular' size={5} />
           </Button>
@@ -184,6 +193,6 @@ export const EmojiPickerBlock = ({ disabled, defaultEmoji, emoji, onChangeEmoji,
           </Tooltip.Content>
         </Tooltip.Portal>
       </Tooltip.Root>
-    </>
+    </ButtonGroup>
   );
 };

package/src/components/EmojiPicker/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export * from './EmojiPicker';

package/src/components/{HuePicker.stories.tsx → HuePicker/HuePicker.stories.tsx}

@@ -17,7 +17,13 @@ const ToolbarStory = (props: HuePickerProps) => {
 
   return (
     <Toolbar.Root>
-      <HuePicker {...props} value={hue} onChange={setHue} onReset={() => setHue(undefined)} />
+      <HuePicker
+        {...props}
+        value={hue}
+        onChange={setHue}
+        onReset={() => setHue(undefined)}
+        rootVariant='toolbar-button'
+      />
     </Toolbar.Root>
   );
 };

package/src/components/{HuePicker.tsx → HuePicker/HuePicker.tsx}

@@ -7,7 +7,7 @@ import React from 'react';
 import { type ButtonProps, type ThemedClassName, useTranslation } from '@dxos/react-ui';
 import { hues } from '@dxos/react-ui-theme';
 
-import { ToolbarPickerButton, type ToolbarPickerProps } from './ToolbarPicker';
+import { PickerButton, type PickerButtonProps } from '../PickerButton';
 
 export type HuePickerProps = {
   disabled?: boolean;
@@ -15,13 +15,13 @@ export type HuePickerProps = {
   value?: string;
   onChange?: (nextHue: string) => void;
   onReset?: ButtonProps['onClick'];
-} & Pick<ToolbarPickerProps, 'disabled' | 'defaultValue' | 'value' | 'onChange' | 'onReset'>;
+} & Pick<PickerButtonProps, 'disabled' | 'defaultValue' | 'value' | 'onChange' | 'onReset' | 'rootVariant'>;
 
 export const HuePicker = (props: ThemedClassName<HuePickerProps>) => {
   const { t } = useTranslation('os');
 
   return (
-    <ToolbarPickerButton
+    <PickerButton
       Component={HuePreview}
       label={t('select hue label')}
       icon='ph--palette--regular'
@@ -35,7 +35,10 @@ const HuePreview = ({ value }: { value: string }) => {
   const size = 16;
   return (
     <div className='flex p-[2px] justify-center items-center'>
-      <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>
+      <svg
+        viewBox={`0 0 ${size} ${size}`}
+        className='is-[var(--hue-preview-size,1rem)] bs-[var(--hue-preview-size,1rem)]'
+      >
         <rect x={0} y={0} width={size} height={size} fill={`var(--dx-${value}Fill)`} strokeWidth={4} />
       </svg>
     </div>

package/src/components/HuePicker/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export * from './HuePicker';

package/src/components/{IconPicker.tsx → IconPicker/IconPicker.tsx}

@@ -4,9 +4,9 @@
 
 import React from 'react';
 
-import { type ButtonProps, Icon, type ThemedClassName, useTranslation } from '@dxos/react-ui';
+import { type ButtonProps, Icon, type IconProps, type ThemedClassName, useTranslation } from '@dxos/react-ui';
 
-import { ToolbarPickerButton, type ToolbarPickerProps } from './ToolbarPicker';
+import { PickerButton, type PickerButtonProps } from '../PickerButton';
 
 export type IconPickerProps = {
   disabled?: boolean;
@@ -14,13 +14,16 @@ export type IconPickerProps = {
   value?: string;
   onChange?: (nextHue: string) => void;
   onReset?: ButtonProps['onClick'];
-} & Pick<ToolbarPickerProps, 'disabled' | 'defaultValue' | 'value' | 'onChange' | 'onReset'>;
+} & Pick<
+  PickerButtonProps,
+  'disabled' | 'defaultValue' | 'value' | 'onChange' | 'onReset' | 'rootVariant' | 'iconSize'
+>;
 
 export const IconPicker = ({ ...props }: ThemedClassName<IconPickerProps>) => {
   const { t } = useTranslation('os');
 
   return (
-    <ToolbarPickerButton
+    <PickerButton
       Component={IconPreview}
       label={t('select icon label')}
       icon='ph--selection--regular'
@@ -30,8 +33,8 @@ export const IconPicker = ({ ...props }: ThemedClassName<IconPickerProps>) => {
   );
 };
 
-const IconPreview = ({ value }: { value: string }) => {
-  return <Icon icon={`ph--${value}--regular`} size={5} />;
+const IconPreview = ({ value, iconSize = 5 }: { value: string; iconSize?: IconProps['size'] }) => {
+  return <Icon icon={`ph--${value}--regular`} size={iconSize} />;
 };
 
 /**

package/src/components/IconPicker/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export * from './IconPicker';

package/src/components/{ToolbarPicker.tsx → PickerButton/PickerButton.tsx}

@@ -5,11 +5,10 @@
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import React, { type FC, useEffect, useRef, useState } from 'react';
 
-import { DropdownMenu, Icon, type ThemedClassName, Toolbar, Tooltip } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
+import { Button, DropdownMenu, Icon, type IconProps, type ThemedClassName, Toolbar, Tooltip } from '@dxos/react-ui';
 
-export type ToolbarPickerProps = {
-  Component: FC<{ value: string }>;
+export type PickerButtonProps = ThemedClassName<{
+  Component: FC<{ value: string; iconSize?: IconProps['size'] }>;
   label: string;
   icon: string;
   values: string[];
@@ -18,9 +17,11 @@ export type ToolbarPickerProps = {
   value?: string;
   onChange?: (value: string) => void;
   onReset?: () => void;
-};
+  rootVariant?: 'button' | 'toolbar-button';
+  iconSize?: IconProps['size'];
+}>;
 
-export const ToolbarPickerButton = ({
+export const PickerButton = ({
   Component,
   disabled,
   classNames,
@@ -31,7 +32,9 @@ export const ToolbarPickerButton = ({
   icon,
   onChange,
   onReset,
-}: ThemedClassName<ToolbarPickerProps>) => {
+  rootVariant = 'button',
+  iconSize = 5,
+}: PickerButtonProps) => {
   const [value, setValue] = useControllableState<string>({
     prop: _value,
     defaultProp: _defaultValue,
@@ -45,6 +48,8 @@ export const ToolbarPickerButton = ({
   const suppressNextTooltip = useRef<boolean>(false);
   const [triggerTooltipOpen, setTriggerTooltipOpen] = useState(false);
 
+  const TriggerRoot = rootVariant === 'toolbar-button' ? Toolbar.Button : Button;
+
   return (
     <Tooltip.Root
       open={triggerTooltipOpen}
@@ -67,10 +72,11 @@ export const ToolbarPickerButton = ({
       >
         <Tooltip.Trigger asChild>
           <DropdownMenu.Trigger asChild>
-            <Toolbar.Button classNames={mx('gap-2 plb-1', classNames)} disabled={disabled}>
+            <TriggerRoot classNames={['gap-2 plb-1', classNames]} disabled={disabled}>
               <span className='sr-only'>{label}</span>
-              {(value && <Component value={value} />) || <Icon icon={icon} size={5} />}
-            </Toolbar.Button>
+              {(value && <Component value={value} iconSize={iconSize} />) || <Icon icon={icon} size={iconSize} />}
+              <Icon icon='ph--caret-down--bold' size={3} />
+            </TriggerRoot>
           </DropdownMenu.Trigger>
         </Tooltip.Trigger>
         <Tooltip.Portal>
@@ -81,25 +87,25 @@ export const ToolbarPickerButton = ({
         </Tooltip.Portal>
         <DropdownMenu.Portal>
           <DropdownMenu.Content side='bottom' classNames='!is-min'>
-            <DropdownMenu.Viewport classNames='grid grid-cols-[repeat(6,2rem)]'>
+            <DropdownMenu.Viewport classNames='grid grid-cols-[repeat(6,min-content)]'>
               {values.map((_value) => {
                 return (
                   <DropdownMenu.CheckboxItem
                     key={_value}
                     checked={_value === value}
                     onCheckedChange={() => setValue(_value)}
-                    classNames={'p-px items-center justify-center aspect-square'}
+                    classNames={'p-1 items-center justify-center aspect-square'}
                   >
-                    <Component value={_value} />
+                    <Component value={_value} iconSize={iconSize} />
                   </DropdownMenu.CheckboxItem>
                 );
               })}
               {onReset && (
                 <DropdownMenu.CheckboxItem
                   onCheckedChange={() => onReset()}
-                  classNames={'p-px items-center justify-center aspect-square'}
+                  classNames={'p-1 items-center justify-center aspect-square'}
                 >
-                  <Icon icon='ph--x--regular' size={6} />
+                  <Icon icon='ph--x--regular' size={iconSize} />
                 </DropdownMenu.CheckboxItem>
               )}
             </DropdownMenu.Viewport>

package/src/components/PickerButton/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export * from './PickerButton';

package/src/components/index.ts

@@ -5,4 +5,4 @@
 export * from './EmojiPicker';
 export * from './HuePicker';
 export * from './IconPicker';
-export * from './ToolbarPicker';
+export * from './PickerButton';

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAEL,KAAK,WAAW,EAEhB,KAAK,eAAe,EAOrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,kEAMlC,eAAe,CAAC,IAAI,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC,sBA8EzD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,mEAAoE,gBAAgB,sBA+DhH,CAAC"}

package/dist/types/src/components/EmojiPicker.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmojiPicker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAM5D,OAAO,EAA8C,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA2BlG,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,gBAAgB,CAKpD,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAK5C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC"}

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":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAGxF,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE/E,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;AAE7F,eAAO,MAAM,SAAS,UAAW,eAAe,CAAC,cAAc,CAAC,sBAY/D,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"HuePicker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/HuePicker.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAM5D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAY7D,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,cAAc,CAK5C,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/IconPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,WAAW,EAAQ,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAE9F,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE/E,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;AAE7F,eAAO,MAAM,UAAU,iBAAkB,eAAe,CAAC,eAAe,CAAC,sBAYxE,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconPicker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/IconPicker.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAM5D,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAahE,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,eAAe,CAG7C,CAAC"}

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

@@ -1,17 +0,0 @@
-import React, { type FC } from 'react';
-import { type ThemedClassName } from '@dxos/react-ui';
-export type ToolbarPickerProps = {
-    Component: FC<{
-        value: string;
-    }>;
-    label: string;
-    icon: string;
-    values: string[];
-    disabled?: boolean;
-    defaultValue?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-    onReset?: () => void;
-};
-export declare const ToolbarPickerButton: ({ Component, disabled, classNames, defaultValue: _defaultValue, value: _value, values, label, icon, onChange, onReset, }: ThemedClassName<ToolbarPickerProps>) => React.JSX.Element;
-//# sourceMappingURL=ToolbarPicker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/ToolbarPicker.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAsB,KAAK,eAAe,EAAoB,MAAM,gBAAgB,CAAC;AAG5F,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,EAAE,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,6HAW7B,eAAe,CAAC,kBAAkB,CAAC,sBA8ErC,CAAC"}