Merge bf97017 into ea9e969

package.json

@@ -29,8 +29,8 @@
   "prettier": {
     "plugins": [
       "prettier-plugin-packagejson",
-      "prettier-plugin-tailwindcss",
-      "prettier-plugin-organize-imports"
+      "prettier-plugin-organize-imports",
+      "prettier-plugin-tailwindcss"
     ],
     "semi": true,
     "singleQuote": true,
@@ -112,16 +112,16 @@
     "msw": "^2.6.0",
     "msw-storybook-addon": "^2.0.3",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.47",
-    "prettier": "^3.3.3",
+    "postcss": "^8.4.49",
+    "prettier": "^3.4.1",
     "prettier-plugin-organize-imports": "^4.1.0",
-    "prettier-plugin-packagejson": "^2.5.3",
-    "prettier-plugin-tailwindcss": "^0.6.8",
+    "prettier-plugin-packagejson": "^2.5.6",
+    "prettier-plugin-tailwindcss": "^0.6.9",
     "read-pkg": "^9.0.1",
     "release-please": "^16.14.3",
     "storybook": "8.2.9",
-    "tailwindcss": "^3.4.14",
-    "tailwindcss-react-aria-components": "^1.1.6",
+    "tailwindcss": "^3.4.16",
+    "tailwindcss-react-aria-components": "^1.2.0",
     "vite": "^5.4.10",
     "vite-plugin-dts": "^4.3.0",
     "vitest": "^2.1.4"

packages/utah-design-system/src/components/Button.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta } from '@storybook/react';
+import { BotIcon } from 'lucide-react';
 import { Button as Component } from './Button';
 
 const meta: Meta<typeof Component> = {
@@ -48,3 +49,10 @@ export const Destructive = {
     variant: 'destructive',
   },
 };
+
+export const Icon = {
+  args: {
+    variant: 'icon',
+    children: <BotIcon />,
+  },
+};