release(react-draggable-dialog): first minor version

README.md

@@ -12,6 +12,7 @@ are extensions of [Fluent UI](https://github.com/microsoft/fluentui).
 | Resize Handle for dynamic layouts (react-resize-handle) | [README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/react-resize-handle/README.md)               | [Storybook](https://microsoft.github.io/fluentui-contrib/react-resize-handle)                                                            | [![npm version](https://img.shields.io/npm/v/@fluentui-contrib/react-resize-handle?style=flat-square)](https://www.npmjs.com/package/@fluentui-contrib/react-resize-handle)                        |
 | react-tree-grid                                         | [README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/react-tree-grid/README.md)                   | [Storybook](https://microsoft.github.io/fluentui-contrib/react-tree-grid)                                                                | [![npm version](https://img.shields.io/npm/v/@fluentui-contrib/react-tree-grid?style=flat-square)](https://www.npmjs.com/package/@fluentui-contrib/react-tree-grid)                                |
 | houdini-utils                                           | [README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/houdini-utils/README.md)                     | [Storybook](https://microsoft.github.io/fluentui-contrib/react-houdini-utils)                                                            | [![npm version](https://img.shields.io/npm/v/@fluentui-contrib/houdini-utils?style=flat-square)](https://www.npmjs.com/package/@fluentui-contrib/houdini-utils)                                    |
+| react-draggable-dialog                                  | [README.md](https://github.com/microsoft/fluentui-contrib/blob/main/packages/react-draggable-dialog/README.md)            | [Storybook](https://microsoft.github.io/fluentui-contrib/react-draggable-dialog)                                                         | [![npm version](https://img.shields.io/npm/v/@fluentui-contrib/react-draggable-dialog?style=flat-square)](https://www.npmjs.com/package/@fluentui-contrib/react-draggable-dialog)                  |
 
 ## [Contributing](./Contributing.md)
 

change/fluentui-contrib-e822b249-aa15-4cb7-979e-467b1a976aa2.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "release: first minor version",
+  "packageName": "fluentui-contrib",
+  "email": "marcosvmmoura@gmail.com",
+  "dependentChangeType": "patch"
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluentui-contrib",
-  "version": "0.0.0",
+  "version": "0.1.0",
   "license": "MIT",
   "scripts": {
     "build": "nx affected --target=build",
@@ -16,7 +16,6 @@
     "url": "https://github.com/microsoft/fluentui-contrib",
     "type": "git"
   },
-  "private": true,
   "engines": {
     "node": "^18.0.0 || ^20.0.0"
   },

packages/react-draggable-dialog/README.md

@@ -1,11 +1,48 @@
-# react-draggable-dialog
+# @fluentui-contrib/react-draggable-dialog
 
-This library was generated with [Nx](https://nx.dev).
+A draggable dialog component powered by Fluent UI.
 
-## Building
+## Try it out
 
-Run `nx build react-draggable-dialog` to build the library.
+```sh
+yarn add @fluentui-contrib/react-draggable-dialog
 
-## Running unit tests
+npm install @fluentui-contrib/react-draggable-dialog
+```
 
-Run `nx test react-draggable-dialog` to execute the unit tests via [Jest](https://jestjs.io).
+```tsx
+import * as React from 'react';
+import { Button, DialogContent, DialogTrigger, DialogActions, DialogBody, DialogTitle } from '@fluentui/react-components';
+
+import { DraggableDialog, DraggableDialogSurface, DraggableDialogHandle } from '@fluentui-contrib/react-draggable-dialog';
+
+export const DraggableDialog = () => {
+  return (
+    <DraggableDialog>
+      <DialogTrigger>
+        <Button>Toggle dialog</Button>
+      </DialogTrigger>
+
+      <DraggableDialogSurface>
+        <DialogBody>
+          <DraggableDialogHandle>
+            <DialogTitle>Drag me</DialogTitle>
+          </DraggableDialogHandle>
+
+          <DialogContent>
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure cumque eaque?</p>
+          </DialogContent>
+
+          <DialogActions>
+            <DialogTrigger disableButtonEnhancement>
+              <Button appearance="secondary">Close</Button>
+            </DialogTrigger>
+
+            <Button appearance="primary">Do Something</Button>
+          </DialogActions>
+        </DialogBody>
+      </DraggableDialogSurface>
+    </DraggableDialog>
+  );
+};
+```