@a-type/ui 2.8.13 → 3.0.0

package/dist/esm/uno/uno.preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../../src/uno/uno.preset.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../../src/uno/uno.preset.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,WAAW,CAClC,SAEI,EAAE;IAEN,OAAO;QACN,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,MAAM;QACf,KAAK;QACL,WAAW,EAAE,CAAC,SAAc,EAAE,EAAE;YAC/B,6DAA6D;YAC7D,MAAM,EAAE,MAAM,EAAE,CAAC,KAAc,SAAS,EAAlB,IAAI,UAAK,SAAS,EAAlC,UAAsB,CAAY,CAAC;YACzC,uBACC,MAAM,EAAE,KAAK,CAAC,MAAM,IACjB,IAAI,EACN;QACH,CAAC;QAED,KAAK;QACL,QAAQ;QACR,SAAS;QACT,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;QAExD,OAAO,EAAE;YACR,WAAW,CAAC;gBACX,SAAS,EAAE,KAAK;aAChB,CAAC;SACF;KACD,CAAC;AACH,CAAC"}

package/dist/esm/uno/variants/index.d.ts

@@ -0,0 +1,2 @@
+import { Variant } from 'unocss';
+export declare const variants: Variant[];

package/dist/esm/uno/variants/index.js

@@ -0,0 +1,13 @@
+// @unocss-include
+export const variants = [
+    /** Selects &+&, good for top borders */
+    (matcher) => {
+        if (!matcher.startsWith('repeated:'))
+            return matcher;
+        return {
+            matcher: matcher.slice('repeated:'.length),
+            selector: (s) => `${s} + ${s}`,
+        };
+    },
+];
+//# sourceMappingURL=index.js.map

package/dist/esm/uno/variants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/uno/variants/index.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAc;IAClC,wCAAwC;IACxC,CAAC,OAAO,EAAE,EAAE;QACX,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC;YAAE,OAAO,OAAO,CAAC;QACrD,OAAO;YACN,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;YAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;SAC9B,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/esm/utilities.stories.js

@@ -11,7 +11,7 @@ const meta = {
 export default meta;
 export const AnchorPosition = {
     render(args) {
-        return (_jsxs("div", { className: "w-300px h-full overflow-auto anchor-container border", children: [_jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }), _jsx(Button, { color: "primary", className: "anchor-demo", children: "Button" }), _jsx(Box, { surface: "primary", p: true, className: "fixed anchor-to-demo left-[anchor(right)] top-[anchor(bottom)]", children: "Anchored to button" }), _jsx(Box, { surface: "accent", p: true, className: "anchor-to-container fixed right-[anchor(right)] bottom-[anchor(bottom)]", children: "Anchored to the outer box" }), _jsx(P, { children: "Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. In eleifend quam a odio. In hac habitasse platea dictumst. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus" })] }));
+        return (_jsxs("div", { className: "w-300px h-full overflow-auto anchor-container border", children: [_jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }), _jsx(Button, { color: "primary", className: "anchor-demo", children: "Button" }), _jsx(Box, { color: "primary", surface: true, p: true, className: "fixed anchor-to-demo left-[anchor(right)] top-[anchor(bottom)]", children: "Anchored to button" }), _jsx(Box, { color: "accent", surface: true, p: true, className: "anchor-to-container fixed right-[anchor(right)] bottom-[anchor(bottom)]", children: "Anchored to the outer box" }), _jsx(P, { children: "Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. In eleifend quam a odio. In hac habitasse platea dictumst. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus" })] }));
     },
 };
 //# sourceMappingURL=utilities.stories.js.map

package/dist/esm/utilities.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.stories.js","sourceRoot":"","sources":["../../src/utilities.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;IAC/B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,cAAc,GAAU;IACpC,MAAM,CAAC,IAAI;QACV,OAAO,CACN,eAAK,SAAS,EAAC,sDAAsD,aACpE,KAAC,CAAC,gdAQE,EACJ,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,aAAa,uBAEtC,EACT,KAAC,GAAG,IACH,OAAO,EAAC,SAAS,EACjB,CAAC,QACD,SAAS,EAAC,gEAAgE,mCAGrE,EACN,KAAC,GAAG,IACH,OAAO,EAAC,QAAQ,EAChB,CAAC,QACD,SAAS,EAAC,yEAAyE,0CAG9E,EACN,KAAC,CAAC,0gBASE,IACC,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
+{"version":3,"file":"utilities.stories.js","sourceRoot":"","sources":["../../src/utilities.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;IAC/B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,cAAc,GAAU;IACpC,MAAM,CAAC,IAAI;QACV,OAAO,CACN,eAAK,SAAS,EAAC,sDAAsD,aACpE,KAAC,CAAC,gdAQE,EACJ,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,aAAa,uBAEtC,EACT,KAAC,GAAG,IACH,KAAK,EAAC,SAAS,EACf,OAAO,QACP,CAAC,QACD,SAAS,EAAC,gEAAgE,mCAGrE,EACN,KAAC,GAAG,IACH,KAAK,EAAC,QAAQ,EACd,OAAO,QACP,CAAC,QACD,SAAS,EAAC,yEAAyE,0CAG9E,EACN,KAAC,CAAC,0gBASE,IACC,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@a-type/ui",
-	"version": "2.8.13",
+	"version": "3.0.0",
 	"type": "module",
 	"files": [
 		"/dist",
@@ -69,12 +69,11 @@
 		"@radix-ui/react-toast": "^1.2.3",
 		"@radix-ui/react-toggle-group": "^1.1.1",
 		"@radix-ui/react-tooltip": "^1.1.5",
-		"@react-spring/web": "^9.7.5",
-		"@unocss/preset-mini": "66.0.0",
-		"@unocss/preset-wind3": "66.0.0",
+		"@unocss/preset-mini": "66.5.4",
+		"@unocss/preset-wind3": "66.5.4",
 		"@use-gesture/react": "^10.3.1",
 		"browser-image-resizer": "^2.4.1",
-		"calendar-blocks": "^0.3.1",
+		"calendar-blocks": "^0.4.0",
 		"clsx": "^2.1.1",
 		"color-interpolate": "^1.0.5",
 		"color-parse": "^2.0.2",
@@ -102,10 +101,11 @@
 		"@types/react-dom": "^19.0.2",
 		"@types/react-is": "^19.0.0",
 		"@types/w3c-image-capture": "^1.0.10",
-		"@unocss/cli": "66.0.0",
-		"@unocss/core": "66.0.0",
-		"@unocss/transformer-variant-group": "66.0.0",
+		"@unocss/cli": "66.5.4",
+		"@unocss/core": "66.5.4",
+		"@unocss/transformer-variant-group": "66.5.4",
 		"axios": "^1.5.0",
+		"bumpp": "^10.3.1",
 		"change-case": "^4.1.2",
 		"dotenv": "^16.3.1",
 		"fs-extra": "^11.1.1",
@@ -114,7 +114,7 @@
 		"react-dom": "19.0.0",
 		"storybook": "8.4.7",
 		"typescript": "^5.7.2",
-		"unocss": "^66.0.0"
+		"unocss": "^66.5.4"
 	},
 	"pnpm": {
 		"ignoredBuiltDependencies": [

package/src/colors.stories.tsx

@@ -44,14 +44,13 @@ export const Default: Story = {
 			<Box col>
 				<input type="color" className="sticky top-0 z-1" />
 				<Box full>
-					<Box d="col" grow p surface="default">
+					<Box d="col" grow p surface>
 						<Range className="theme" style={style} />
 						<Range className="theme-lemon" />
 						<Range className="theme-leek" />
 						<Range className="theme-tomato" />
 						<Range className="theme-eggplant" />
 						<Range className="theme-blueberry" />
-						<Range className="theme-salt" />
 						<Box className="h-100px">
 							<Box grow className="bg-gray-wash" />
 							<Box grow className="bg-gray-light" />
@@ -59,20 +58,20 @@ export const Default: Story = {
 							<Box grow className="bg-gray-dark" />
 							<Box grow className="bg-gray-ink" />
 						</Box>
+						<Range className="palette-high-contrast" />
 						<Box className="h-100px">
 							<Box grow className="bg-black" />
 							<Box grow className="bg-wash" />
 							<Box grow className="bg-white" />
 						</Box>
 					</Box>
-					<Box d="col" className="override-dark theme" grow p surface="default">
+					<Box d="col" className="override-dark theme" grow p>
 						<Range className="theme" style={style} />
 						<Range className="theme-lemon" />
 						<Range className="theme-leek" />
 						<Range className="theme-tomato" />
 						<Range className="theme-eggplant" />
 						<Range className="theme-blueberry" />
-						<Range className="theme-salt" />
 						<Box className="h-100px">
 							<Box grow className="bg-gray-wash" />
 							<Box grow className="bg-gray-light" />
@@ -80,6 +79,7 @@ export const Default: Story = {
 							<Box grow className="bg-gray-dark" />
 							<Box grow className="bg-gray-ink" />
 						</Box>
+						<Range className="palette-high-contrast" />
 						<Box className="h-100px">
 							<Box grow className="bg-black" />
 							<Box grow className="bg-wash" />
@@ -184,7 +184,7 @@ export const Inheritance: Story = {
 			  }
 			: {};
 		return (
-			<Box surface="primary" p="xl" className="theme" style={style}>
+			<Box color="primary" surface p="xl" className="theme" style={style}>
 				<Box
 					className="border-bg border-darken-5 color-bg color-darken-5"
 					border
@@ -201,7 +201,7 @@ export const TweakOpacity: Story = {
 	render() {
 		// none of these elements have root opacity; all opacity is done through colors
 		return (
-			<Box surface="accent" className="h-32" full="width" p gap>
+			<Box color="accent" surface className="h-32" full="width" p gap>
 				<Box
 					className="bg-primary/100 h-full color-primary-dark/100 ring ring-primary-light/100 border border-black/100"
 					grow

package/src/components/actions/ActionBar.stories.tsx

@@ -17,7 +17,7 @@ const meta = {
 				<Icon name="pencil" />
 				Edit
 			</ActionButton>,
-			<ActionButton key="3" color="accent">
+			<ActionButton key="3" color="accent" emphasis="primary">
 				<Icon name="globe" />
 				Publish
 			</ActionButton>,
@@ -49,7 +49,7 @@ export const Default: Story = {};
 export const OnBackground: Story = {
 	render: (args) => {
 		return (
-			<Box surface="accent" overflow="hidden">
+			<Box color="accent" surface overflow="hidden">
 				<ActionBar {...args} />
 			</Box>
 		);

package/src/components/box/Box.stories.tsx

@@ -1,5 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react';
+import { paletteNames } from '../../uno/logic/color.js';
 import { Button } from '../button/Button.js';
+import { Checkbox } from '../checkbox/Checkbox.js';
+import { Progress } from '../progress/Progress.js';
+import { Slider } from '../slider/Slider.js';
+import { Switch } from '../switch/Switch.js';
+import { ToggleGroup } from '../toggleGroup/toggleGroup.js';
 import { Box } from './Box.js';
 
 const meta = {
@@ -47,9 +53,9 @@ const meta = {
 		container: {
 			type: 'boolean',
 		},
-		theme: {
+		color: {
 			type: 'string',
-			options: ['lemon', 'leek', 'tomato', 'eggplant', 'blueberry', 'salt'],
+			options: paletteNames,
 			control: {
 				type: 'select',
 			},
@@ -60,11 +66,21 @@ const meta = {
 			},
 		},
 	},
+	parameters: {
+		controls: { expanded: true },
+	},
+} satisfies Meta<typeof Box>;
+
+export default meta;
+
+type Story = StoryObj<typeof Box>;
+
+export const Default: Story = {
 	args: {
 		children: (
 			<>
-				<Button color="primary">Primary</Button>
-				<Button color="accent">Accent</Button>
+				<Button emphasis="primary">Primary</Button>
+				<Button emphasis="ghost">Ghost</Button>
 				<Button>Default</Button>
 			</>
 		),
@@ -72,32 +88,23 @@ const meta = {
 		gap: 'md',
 		border: true,
 	},
-	parameters: {
-		controls: { expanded: true },
-	},
-} satisfies Meta<typeof Box>;
-
-export default meta;
-
-type Story = StoryObj<typeof Box>;
-
-export const Default: Story = {};
+};
 
 export const NestedContainers: Story = {
 	render(args) {
 		return (
-			<Box {...args} container surface="accent" direction="col">
-				<Box {...args} container surface="primary">
-					<Box {...args} surface="default">
+			<Box {...args} container surface color="accent" direction="col">
+				<Box {...args} container surface color="primary">
+					<Box {...args} surface>
 						<Button>Button</Button>
 						<Button>Button</Button>
 					</Box>
-					<Box {...args} surface="attention">
+					<Box {...args} surface color="attention">
 						<Button>Button</Button>
 						<Button>Button</Button>
 					</Box>
 				</Box>
-				<Box {...args} surface="wash">
+				<Box {...args} surface color="gray">
 					<Button>Button</Button>
 					<Button>Button</Button>
 				</Box>
@@ -105,3 +112,51 @@ export const NestedContainers: Story = {
 		);
 	},
 };
+
+function SurfaceContent({ name }: { name: string }) {
+	return (
+		<>
+			<div>{name} Surface</div>
+			<Box gap layout="center start">
+				<Button emphasis="primary">Primary</Button>
+				<Checkbox checked />
+				<Switch checked />
+			</Box>
+			<Progress value={50} className="w-full" />
+			<ToggleGroup type="single" defaultValue="one">
+				<ToggleGroup.Item value="one">One</ToggleGroup.Item>
+				<ToggleGroup.Item value="two">Two</ToggleGroup.Item>
+			</ToggleGroup>
+			<Slider defaultValue={[30]} className="w-full" />
+		</>
+	);
+}
+export const Surfaces: Story = {
+	render(args) {
+		return (
+			<div className="grid gap-lg grid-cols-2 md:grid-cols-3 bg-wash" {...args}>
+				<Box {...args} surface="white" p="lg" col gap>
+					<SurfaceContent name="White" />
+				</Box>
+				<Box {...args} surface color="primary" p="lg" col gap>
+					<SurfaceContent name="Primary" />
+				</Box>
+				<Box {...args} surface color="accent" p="lg" col gap>
+					<SurfaceContent name="Accent" />
+				</Box>
+				<Box {...args} surface color="gray" p="lg" col gap>
+					<SurfaceContent name="Gray" />
+				</Box>
+				<Box {...args} surface color="attention" p="lg" col gap>
+					<SurfaceContent name="Attention" />
+				</Box>
+				<Box {...args} surface color="success" p="lg" col gap>
+					<SurfaceContent name="Success" />
+				</Box>
+				<Box {...args} surface color="high-contrast" p="lg" col gap>
+					<SurfaceContent name="High Contrast" />
+				</Box>
+			</div>
+		);
+	},
+};

package/src/components/box/Box.tsx

@@ -1,5 +1,6 @@
 import clsx from 'clsx';
 import { createContext, Ref, useContext, useMemo } from 'react';
+import { PaletteName } from '../../uno/logic/color.js';
 import { ThemeName } from '../colorPicker/ColorPicker.js';
 import { SlotDiv, SlotDivProps } from '../utility/SlotDiv.js';
 
@@ -49,13 +50,15 @@ export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
 	wrap?: BoxResponsive<boolean>;
 	p?: BoxResponsive<BoxSpacingSize | boolean>;
 	container?: boolean | 'reset';
-	surface?: boolean | 'primary' | 'accent' | 'default' | 'attention' | 'wash';
+	surface?: boolean | 'white';
+	color?: PaletteName;
 	theme?: ThemeName;
 	border?: boolean;
 	full?: boolean | 'width' | 'height';
 	overflow?: 'hidden' | 'auto' | 'auto-x' | 'auto-y';
 	grow?: boolean;
 	elevated?: ShadowValue;
+	rounded?: 'sm' | 'md' | 'lg' | 'xl' | boolean;
 	ref?: Ref<HTMLDivElement>;
 }
 
@@ -72,6 +75,7 @@ export function Box({
 	container,
 	style: userStyle,
 	surface,
+	color,
 	theme,
 	border,
 	full,
@@ -79,6 +83,7 @@ export function Box({
 	col,
 	grow,
 	elevated,
+	rounded,
 	ref,
 	...rest
 }: BoxProps) {
@@ -103,8 +108,9 @@ export function Box({
 			style={style}
 			className={clsx(
 				'layer-components:flex layer-components:relative',
+				color && `palette-${color}`,
 				{
-					'layer-components:flex-row': hasDefault(direction, 'row'),
+					'layer-components:flex-row': hasDefault(direction, 'row') && !col,
 					'layer-components:flex-col': hasDefault(direction, 'col') || col,
 					'layer-components:flex-row-reverse': hasDefault(
 						direction,
@@ -179,17 +185,21 @@ export function Box({
 					'layer-components:lg:p-md': isResponsive(p) && p.lg === 'md',
 					'layer-components:lg:p-lg': isResponsive(p) && p.lg === 'lg',
 					'layer-components:lg:p-xl': isResponsive(p) && p.lg === 'xl',
-					'layer-components:rounded-lg': !!surface,
-					'layer-components:(bg-white border-gray-ink)':
-						surface === true || surface === 'default',
-					'layer-components:(bg-wash border-gray-ink)': surface === 'wash',
-					'layer-components:(bg-primary-wash border-primary-dark color-primary-ink)':
-						surface === 'primary',
-					'layer-components:(bg-accent-wash border-accent-dark color-accent-ink)':
-						surface === 'accent',
-					'layer-components:(bg-attention-wash border-attention-dark color-attention-ink)':
-						surface === 'attention',
-					'layer-components:(border border-solid rounded-lg)': border,
+
+					'layer-components:rounded-sm': rounded === 'sm',
+					'layer-components:rounded-md': rounded === 'md',
+					'layer-components:rounded-lg':
+						rounded === 'lg' ||
+						rounded === true ||
+						(rounded === undefined && (surface || border)),
+					'layer-components:rounded-xl': rounded === 'xl',
+
+					'layer-components:(bg-white border-gray-dark color-black)':
+						surface === 'white',
+					'layer-components:(bg-main-wash border-main-dark color-main-ink)':
+						surface === true,
+
+					'layer-components:(border border-solid)': border,
 					'layer-components:w-full': full === true || full === 'width',
 					'layer-components:h-full': full === true || full === 'height',
 					'layer-components:overflow-hidden': overflow === 'hidden',

package/src/components/button/Button.stories.tsx

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
+import { paletteNames } from '../../uno/logic/color.js';
 import { Box } from '../box/Box.js';
 import { Icon } from '../icon/index.js';
 import { Button } from './Button.js';
@@ -8,14 +9,19 @@ import { ConfirmedButton } from './ConfirmedButton.js';
 const meta = {
 	title: 'Components/Button',
 	component: Button,
-	argTypes: {},
+	argTypes: {
+		color: {
+			control: 'select',
+			options: paletteNames,
+		},
+	},
 	parameters: {
 		controls: { expanded: true },
 	},
 	args: {
 		children: 'Button',
 		loading: false,
-		color: 'default',
+		emphasis: 'default',
 		size: 'default',
 		visuallyDisabled: false,
 		disabled: false,
@@ -30,13 +36,25 @@ type Story = StoryObj<typeof Button>;
 export const Default: Story = {
 	render: (args) => {
 		return (
-			<Box gap items="center">
-				<Button {...args} />
-				<Button {...args} color="primary">
-					<Icon name="placeholder" />
-					{args.children}
-				</Button>
-				<Button {...args} size="small" />
+			<Box col gap>
+				<Box gap items="center">
+					<Button {...args} />
+					<Button {...args} color="primary">
+						<Icon name="placeholder" />
+						{args.children}
+					</Button>
+					<Button {...args} size="small" />
+					<Button {...args}>
+						<Icon name="placeholder" />
+					</Button>
+				</Box>
+				<Box gap items="center">
+					<Button emphasis="primary">Primary</Button>
+					<Button emphasis="default">Default</Button>
+					<Button emphasis="light">Light</Button>
+					<Button emphasis="ghost">Ghost</Button>
+					<Button emphasis="contrast">Contrast</Button>
+				</Box>
 			</Box>
 		);
 	},
@@ -59,6 +77,17 @@ export const IconOnly: Story = {
 	},
 };
 
+export const IconTransition: Story = {
+	render: (args) => {
+		const [toggled, setToggled] = useState(false);
+		return (
+			<Button {...args} onClick={() => setToggled((v) => !v)}>
+				{toggled ? <Icon name="check" /> : 'no icon'}
+			</Button>
+		);
+	},
+};
+
 export const Toggled: Story = {
 	render: (args) => {
 		const [on, setOn] = useState(false);
@@ -72,10 +101,10 @@ export const Alignment: Story = {
 		return (
 			<div className="col">
 				<div className="row border-default">
-					<Button size="small" {...args}>
+					<Button {...args} size="small">
 						Button
 					</Button>
-					<Button size="small" {...args}>
+					<Button {...args} size="small">
 						<Icon name="placeholder" />
 					</Button>
 				</div>
@@ -118,6 +147,11 @@ export const FragmentTest: Story = {
 						{args.children}
 					</>
 				</Button>
+				<Button>
+					<>
+						<Icon name="placeholder" />
+					</>
+				</Button>
 			</Box>
 		);
 	},

package/src/components/button/Button.tsx

@@ -1,29 +1,35 @@
 import { Slot } from '@radix-ui/react-slot';
-import classNames, { clsx } from 'clsx';
+import { clsx } from 'clsx';
 import { AnimatePresence, motion } from 'motion/react';
-import { ButtonHTMLAttributes, memo, Ref, useCallback, useState } from 'react';
+import {
+	ButtonHTMLAttributes,
+	Children,
+	memo,
+	ReactNode,
+	Ref,
+	useCallback,
+	useState,
+} from 'react';
 import { withClassName } from '../../hooks.js';
 import useMergedRef from '../../hooks/useMergedRef.js';
+import { PaletteName } from '../../uno/logic/color.js';
+import { DropdownMenuTriggerIcon } from '../dropdownMenu/DropdownMenu.js';
+import { useIsDropdownTrigger } from '../dropdownMenu/DropdownTriggerContext.js';
 import { IconLoadingProvider } from '../icon/IconLoadingContext.js';
 import { Icon } from '../icon/index.js';
 import { Spinner } from '../spinner/index.js';
 import { getButtonClassName } from './classes.js';
 
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-	color?:
+	color?: PaletteName;
+	emphasis?:
 		| 'primary'
 		| 'default'
 		| 'ghost'
-		| 'destructive'
-		| 'ghostDestructive'
-		| 'ghostAccent'
-		| 'accent'
 		| 'contrast'
+		| 'light'
 		| 'unstyled';
-	/**
-	 * icon and icon-small are deprecated.
-	 */
-	size?: 'default' | 'small' | 'icon' | 'icon-small';
+	size?: 'default' | 'small';
 	toggled?: boolean;
 	toggleMode?: 'color-and-indicator' | 'color' | 'indicator' | 'state-only';
 	align?: 'start' | 'stretch' | 'end';
@@ -38,6 +44,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 export function ButtonRoot({
 	className,
 	color,
+	emphasis = 'default',
 	size,
 	toggled,
 	toggleMode = 'color-and-indicator',
@@ -58,6 +65,12 @@ export function ButtonRoot({
 	const isSubmitLoading = props.type === 'submit' && isFormSubmitting;
 	const isLoading = loading || isSubmitLoading;
 
+	const childArray = Children.toArray(children);
+	const iconChildCount = childArray.filter(isIconChild).length;
+	const hasLabelChild = childArray.length > iconChildCount;
+
+	const isDropdownTrigger = useIsDropdownTrigger();
+
 	const finalRef = useMergedRef(useAnnotateWithChildParts(), ref);
 
 	const buttonProps = {
@@ -68,10 +81,14 @@ export function ButtonRoot({
 		'data-focus': visuallyFocused,
 		'data-size': size,
 		'data-loading': isLoading,
+		'data-has-label': hasLabelChild || undefined,
+		'data-icon-count': iconChildCount > 0 ? iconChildCount : undefined,
+		'data-dropdown-trigger': isDropdownTrigger ? true : undefined,
 		tabIndex: visuallyDisabled ? -1 : undefined,
-		className: classNames(
+		className: clsx(
 			getButtonClassName({
 				color,
+				emphasis,
 				size,
 				toggleable:
 					toggled !== undefined &&
@@ -119,6 +136,11 @@ export function ButtonRoot({
 						<ButtonToggleIndicator value={toggled} />
 					)}
 				{children}
+				{isDropdownTrigger && (
+					<DropdownMenuTriggerIcon asChild>
+						<Icon name="chevron" />
+					</DropdownMenuTriggerIcon>
+				)}
 			</Comp>
 		</IconLoadingProvider>
 	);
@@ -198,3 +220,14 @@ function applyPartAttributes(button: HTMLButtonElement) {
 	button.setAttribute('data-has-label', String(registry.label > 0));
 	button.setAttribute('data-icon-count', String(registry.icon));
 }
+
+function isIconChild(child: ReactNode): boolean {
+	if (typeof child !== 'object' || child === null) return false;
+	if ('type' in child) {
+		const type = (child as any).type;
+		if (type === ButtonIcon) return true;
+		if (type === Icon) return true;
+		if (typeof type === 'function' && type.displayName === 'Icon') return true;
+	}
+	return false;
+}