@dxos/react-ui-pickers 0.8.4-main.b97322e → 0.8.4-main.dedc0f3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-pickers",
-  "version": "0.8.4-main.b97322e",
+  "version": "0.8.4-main.dedc0f3",
   "description": "A collection of picker components.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -9,6 +9,7 @@
   "type": "module",
   "exports": {
     ".": {
+      "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs",
       "node": "./dist/lib/node-esm/index.mjs"
@@ -28,25 +29,25 @@
     "@preact-signals/safe-react": "^0.9.0",
     "@radix-ui/react-use-controllable-state": "1.1.0",
     "react-resize-detector": "^11.0.1",
-    "@dxos/log": "0.8.4-main.b97322e",
-    "@dxos/react-ui-types": "0.8.4-main.b97322e",
-    "@dxos/util": "0.8.4-main.b97322e"
+    "@dxos/log": "0.8.4-main.dedc0f3",
+    "@dxos/react-ui-types": "0.8.4-main.dedc0f3",
+    "@dxos/util": "0.8.4-main.dedc0f3"
   },
   "devDependencies": {
     "@types/react": "~18.2.0",
     "@types/react-dom": "~18.2.0",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "vite": "5.4.7",
-    "@dxos/react-ui": "0.8.4-main.b97322e",
-    "@dxos/react-ui-theme": "0.8.4-main.b97322e",
-    "@dxos/storybook-utils": "0.8.4-main.b97322e"
+    "vite": "7.1.1",
+    "@dxos/react-ui": "0.8.4-main.dedc0f3",
+    "@dxos/react-ui-theme": "0.8.4-main.dedc0f3",
+    "@dxos/storybook-utils": "0.8.4-main.dedc0f3"
   },
   "peerDependencies": {
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.4-main.b97322e",
-    "@dxos/react-ui-theme": "0.8.4-main.b97322e"
+    "@dxos/react-ui": "0.8.4-main.dedc0f3",
+    "@dxos/react-ui-theme": "0.8.4-main.dedc0f3"
   },
   "publishConfig": {
     "access": "public"

package/src/components/EmojiPicker/EmojiPicker.stories.tsx

@@ -4,13 +4,25 @@
 
 import '@dxos-theme';
 
+import EmojiPicker from '@emoji-mart/react';
 import { type Meta, type StoryObj } from '@storybook/react-vite';
 import React, { useState } from 'react';
 
 import { Toolbar } from '@dxos/react-ui';
 import { withLayout, withTheme } from '@dxos/storybook-utils';
 
-import { EmojiPickerBlock, EmojiPickerToolbarButton, type EmojiPickerProps } from './EmojiPicker';
+import { EmojiPickerBlock, type EmojiPickerProps, EmojiPickerToolbarButton } from './EmojiPicker';
+
+const meta = {
+  title: 'ui/react-ui-pickers/EmojiPicker',
+  component: EmojiPicker,
+  decorators: [withTheme, withLayout()],
+  parameters: {
+    layout: 'centered',
+  },
+} satisfies Meta<typeof EmojiPicker>;
+
+export default meta;
 
 const ToolbarButtonStory = (props: EmojiPickerProps) => {
   const [emoji, setEmoji] = useState<string>(props.defaultEmoji ?? '😀');
@@ -50,13 +62,3 @@ export const Block: StoryObj<EmojiPickerProps> = {
     defaultEmoji: '😀',
   },
 };
-
-const meta: Meta = {
-  title: 'ui/react-ui-pickers/EmojiPicker',
-  decorators: [withTheme, withLayout()],
-  parameters: {
-    layout: 'centered',
-  },
-};
-
-export default meta;

package/src/components/EmojiPicker/EmojiPicker.tsx

@@ -9,7 +9,9 @@ import React, { useState } from 'react';
 
 import {
   Button,
+  ButtonGroup,
   type ButtonProps,
+  Icon,
   Popover,
   type ThemedClassName,
   Toolbar,
@@ -17,8 +19,6 @@ import {
   useMediaQuery,
   useThemeContext,
   useTranslation,
-  Icon,
-  ButtonGroup,
 } from '@dxos/react-ui';
 
 import './emoji.css';

package/src/components/HuePicker/HuePicker.stories.tsx

@@ -12,7 +12,7 @@ import { withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { HuePicker, type HuePickerProps } from './HuePicker';
 
-const ToolbarStory = (props: HuePickerProps) => {
+const DefaultStory = (props: HuePickerProps) => {
   const [hue, setHue] = useState<string | undefined>(props.defaultValue);
 
   return (
@@ -28,18 +28,21 @@ const ToolbarStory = (props: HuePickerProps) => {
   );
 };
 
-const meta: Meta = {
+const meta = {
   title: 'ui/react-ui-pickers/HuePicker',
+  component: HuePicker,
+  render: DefaultStory,
   decorators: [withTheme, withLayout()],
   parameters: {
     layout: 'centered',
   },
-};
+} satisfies Meta<typeof HuePicker>;
 
 export default meta;
 
-export const Default: StoryObj<HuePickerProps> = {
-  render: ToolbarStory,
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
   args: {
     defaultValue: 'red',
   },

package/src/components/IconPicker/IconPicker.stories.tsx

@@ -12,7 +12,7 @@ import { withLayout, withTheme } from '@dxos/storybook-utils';
 
 import { IconPicker, type IconPickerProps } from './IconPicker';
 
-const ToolbarStory = (props: IconPickerProps) => {
+const DefaultStory = (props: IconPickerProps) => {
   const [icon, setIcon] = useState<string | undefined>(props.value ?? props.defaultValue);
   console.log(icon);
 
@@ -23,17 +23,20 @@ const ToolbarStory = (props: IconPickerProps) => {
   );
 };
 
-const meta: Meta = {
+const meta = {
   title: 'ui/react-ui-pickers/IconPicker',
+  component: IconPicker,
+  render: DefaultStory,
   decorators: [withTheme, withLayout()],
   parameters: {
     layout: 'centered',
   },
-};
+} satisfies Meta<typeof IconPicker>;
 
 export default meta;
 
-export const Default: StoryObj<IconPickerProps> = {
-  render: ToolbarStory,
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
   args: {},
 };