dawn-ui-react 1.0.0-alpha.6 → 1.0.0-alpha.7

package/dist/{input-group-CDZSzmGh.js → input-group-CWH7SWRv.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./cn-CXogf8HW.js";
-import { t } from "./input.types-BToTmX-b.js";
+import { t as e } from "./cn-DWnOBdrm.js";
+import { t } from "./input.types-BeeCYL9x.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/input-group/input-group.tsx
 var r = ({ variant: r, className: i, children: a, ref: o, ...s }) => /* @__PURE__ */ n("div", {

package/dist/{input-group-input-DksiPZS5.js → input-group-input-DOxvfiMV.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./cn-CXogf8HW.js";
-import { t } from "./Input-DtHcqeCc.js";
+import { t as e } from "./cn-DWnOBdrm.js";
+import { t } from "./Input-BkHt7FC1.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/input-group/input-group-input.tsx
 var r = ({ className: r, ref: i, ...a }) => /* @__PURE__ */ n(t, {

package/dist/{input.types-BToTmX-b.js → input.types-BeeCYL9x.js}

@@ -1,4 +1,4 @@
-import { _ as e } from "./form-context-DBHjPCAB.js";
+import { _ as e } from "./form-context-om_k3VKa.js";
 //#region src/components/input/input.types.tsx
 var t = e("group flex w-full items-center rounded-full text-ellipsis caret-brand-border-strong outline outline-transparent transition-all placeholder:opacity-60 focus-within:outline-brand-border-strong not-focus-within:hover:outline-border-strong disabled:cursor-not-allowed aria-invalid:bg-error-container aria-invalid:text-error-on-container aria-invalid:caret-error-border-strong aria-invalid:outline-error-border aria-invalid:focus-within:outline-error-border-strong aria-invalid:not-focus-within:hover:outline-error-border data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", {
 	variants: {

package/dist/styles.css

@@ -405,29 +405,29 @@
   --yellow-900: #715212ff;
   --yellow-950: #422f06ff;
 
-  --dawn-brand-default: light-dark(var(--blue-700), var(--blue-400));
-  --dawn-brand-muted: light-dark(var(--blue-800), var(--blue-300));
-  --dawn-brand-subtle: light-dark(var(--blue-100), var(--blue-950));
+  --dawn-brand-default: light-dark(var(--rose-600), var(--rose-300));
+  --dawn-brand-muted: light-dark(var(--rose-700), var(--rose-200));
+  --dawn-brand-subtle: light-dark(var(--rose-100), var(--rose-950));
   --dawn-brand-on-default: light-dark(var(--white), var(--neutral-950));
-  --dawn-brand-container: light-dark(var(--blue-50), var(--blue-950));
-  --dawn-brand-container-high: light-dark(var(--blue-100), var(--blue-900));
-  --dawn-brand-on-container: light-dark(var(--blue-900), var(--blue-200));
-  --dawn-brand-on-container-muted: light-dark(var(--blue-700), var(--blue-400));
-  --dawn-brand-border: light-dark(var(--blue-300), var(--blue-700));
-  --dawn-brand-border-strong: light-dark(var(--blue-600), var(--blue-400));
-  --dawn-brand-shadow: light-dark(#005ba740, #30acff66);
-
-  --dawn-accent-default: light-dark(var(--lime-700), var(--lime-400));
-  --dawn-accent-muted: light-dark(var(--lime-800), var(--lime-300));
-  --dawn-accent-subtle: light-dark(var(--lime-100), var(--green-950));
+  --dawn-brand-container: light-dark(var(--rose-50), var(--rose-950));
+  --dawn-brand-container-high: light-dark(var(--rose-100), var(--rose-900));
+  --dawn-brand-on-container: light-dark(var(--rose-900), var(--rose-200));
+  --dawn-brand-on-container-muted: light-dark(var(--rose-700), var(--rose-300));
+  --dawn-brand-border: light-dark(var(--rose-300), var(--rose-600));
+  --dawn-brand-border-strong: light-dark(var(--rose-600), var(--rose-400));
+  --dawn-brand-shadow: light-dark(#e11d4840, #fda4b866);
+
+  --dawn-accent-default: light-dark(var(--violet-600), var(--violet-300));
+  --dawn-accent-muted: light-dark(var(--violet-700), var(--violet-200));
+  --dawn-accent-subtle: light-dark(var(--violet-100), var(--violet-950));
   --dawn-accent-on-default: light-dark(var(--white), var(--neutral-950));
-  --dawn-accent-container: light-dark(var(--lime-50), var(--lime-950));
-  --dawn-accent-container-high: light-dark(var(--lime-100), var(--lime-900));
-  --dawn-accent-on-container: light-dark(var(--lime-900), var(--lime-200));
-  --dawn-accent-on-container-muted: light-dark(var(--lime-700), var(--lime-400));
-  --dawn-accent-border: light-dark(var(--lime-300), var(--green-700));
-  --dawn-accent-border-strong: light-dark(var(--lime-600), var(--lime-400));
-  --dawn-accent-shadow: light-dark(#197c4b40, #4fd99466);
+  --dawn-accent-container: light-dark(var(--violet-50), var(--violet-950));
+  --dawn-accent-container-high: light-dark(var(--violet-100), var(--violet-900));
+  --dawn-accent-on-container: light-dark(var(--violet-900), var(--violet-200));
+  --dawn-accent-on-container-muted: light-dark(var(--violet-700), var(--violet-300));
+  --dawn-accent-border: light-dark(var(--violet-300), var(--violet-700));
+  --dawn-accent-border-strong: light-dark(var(--violet-600), var(--violet-400));
+  --dawn-accent-shadow: light-dark(#7c3aed40, #d0b5fd66);
 
   --dawn-neutral-default: light-dark(var(--neutral-700), var(--neutral-100));
   --dawn-neutral-muted: light-dark(var(--neutral-800), var(--neutral-400));

package/dist/{useLabelableId-Bsez0mIm.js → useLabelableId-B_P81Wgy.js}

@@ -1,4 +1,4 @@
-import { $ as e, B as t, G as n, I as r, J as i, Q as a, W as o, X as s, Z as c, j as ee } from "./form-context-DBHjPCAB.js";
+import { $ as e, B as t, G as n, I as r, J as i, Q as a, W as o, X as s, Z as c, j as ee } from "./form-context-om_k3VKa.js";
 import * as l from "react";
 //#region node_modules/.pnpm/@base-ui+utils@0.2.8_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/utils/esm/useControlled.js
 function u({ controlled: t, default: n, name: r, state: i = "value" }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dawn-ui-react",
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0-alpha.7",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -53,19 +53,19 @@
     "@phosphor-icons/react": "^2.1.10",
     "@tailwindcss/cli": "^4.3.0",
     "@tailwindcss/vite": "^4.3.0",
-    "@tanstack/react-form": "^1.31.0",
+    "@tanstack/react-form": "^1.32.0",
     "@tanstack/react-table": "^8.21.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "react-resizable-panels": "^4.11.0",
-    "tailwind-merge": "^3.5.0",
+    "react-resizable-panels": "^4.11.1",
+    "tailwind-merge": "^3.6.0",
     "tailwindcss": "^4.3.0",
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.1.2",
-    "@commitlint/cli": "^21.0.0",
-    "@commitlint/config-conventional": "^21.0.0",
+    "@chromatic-com/storybook": "^5.2.1",
+    "@commitlint/cli": "^21.0.1",
+    "@commitlint/config-conventional": "^21.0.1",
     "@faker-js/faker": "^10.4.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.1",
@@ -73,18 +73,18 @@
     "@semantic-release/github": "^12.0.8",
     "@semantic-release/npm": "^13.1.5",
     "@semantic-release/release-notes-generator": "^14.1.1",
-    "@storybook/addon-a11y": "^10.3.6",
-    "@storybook/addon-docs": "^10.3.6",
-    "@storybook/addon-themes": "^10.3.6",
-    "@storybook/addon-vitest": "^10.3.6",
-    "@storybook/react-vite": "^10.3.6",
+    "@storybook/addon-a11y": "^10.4.0",
+    "@storybook/addon-docs": "^10.4.0",
+    "@storybook/addon-themes": "^10.4.0",
+    "@storybook/addon-vitest": "^10.4.0",
+    "@storybook/react-vite": "^10.4.0",
     "@tailwindcss/node": "^4.3.0",
-    "@types/node": "^25.6.2",
+    "@types/node": "^25.8.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@vitest/browser-playwright": "^4.1.5",
-    "@vitest/coverage-v8": "^4.1.5",
+    "@vitejs/plugin-react": "^6.0.2",
+    "@vitest/browser-playwright": "^4.1.6",
+    "@vitest/coverage-v8": "^4.1.6",
     "commitizen": "^4.3.1",
     "concurrently": "^9.2.1",
     "cz-conventional-changelog": "^3.3.0",
@@ -92,18 +92,18 @@
     "jsdom": "^29.1.1",
     "lefthook": "^2.1.6",
     "lint-staged": "^17.0.4",
-    "oxfmt": "^0.48.0",
-    "oxlint": "^1.63.0",
+    "oxfmt": "^0.50.0",
+    "oxlint": "^1.65.0",
     "oxlint-tailwindcss": "^0.7.1",
     "oxlint-tsgolint": "^0.22.1",
-    "playwright": "^1.59.1",
+    "playwright": "^1.60.0",
     "semantic-release": "^25.0.3",
-    "storybook": "^10.3.6",
+    "storybook": "^10.4.0",
     "typescript": "~6.0.3",
     "uuid": "^14.0.0",
-    "vite": "^8.0.11",
+    "vite": "^8.0.13",
     "vite-plugin-dts": "^5.0.0",
-    "vitest": "^4.1.5",
+    "vitest": "^4.1.6",
     "zod": "^4.4.3"
   },
   "peerDependencies": {

package/dist/field-description-BDRJXMS8.js

@@ -1,12 +0,0 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { t } from "./cn-CXogf8HW.js";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/field/field-description.tsx
-var r = /* @__PURE__ */ e({ FieldDescription: () => i }), i = ({ className: e, children: r, ref: i, ...a }) => /* @__PURE__ */ n("p", {
-	className: t("style-text-prose--1 text-on-surface-variant", e),
-	ref: i,
-	...a,
-	children: r
-});
-//#endregion
-export { r as n, i as t };

package/dist/field-errors-BndE4fDS.js

@@ -1,21 +0,0 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { i as t } from "./form-context-DBHjPCAB.js";
-import { t as n } from "./cn-CXogf8HW.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/field/field-errors.tsx
-var a = /* @__PURE__ */ e({ FieldErrors: () => o }), o = ({ className: e, children: a, ref: o, ...s }) => {
-	let c = t();
-	if (c.state.meta.errors.length === 0 && !a) return null;
-	let l = c.state.meta.errors.map((e) => typeof e == "string" ? e : e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : null).filter((e) => e !== null);
-	return l.length === 0 && !a ? null : /* @__PURE__ */ i("ul", {
-		className: n("space-y-3xs", e),
-		ref: o,
-		...s,
-		children: [l.map((e) => /* @__PURE__ */ r("li", {
-			className: "flex items-center gap-2xs style-text-strong--1 text-error-default",
-			children: e
-		}, e)), a]
-	});
-};
-//#endregion
-export { a as n, o as t };

package/dist/field-input-BPNlupYr.js

@@ -1,58 +0,0 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { i as t } from "./form-context-DBHjPCAB.js";
-import { t as n } from "./cn-CXogf8HW.js";
-import { t as r } from "./Input-DtHcqeCc.js";
-import { t as i } from "./input.types-BToTmX-b.js";
-import { useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/input/input.tsx
-var l = ({ variant: e, size: t, className: l, ref: u, ...d }) => {
-	let f = a(null), [p, m] = o(d.defaultValue || "#000000");
-	return d.type === "color" ? /* @__PURE__ */ c("button", {
-		"aria-label": "Open color picker",
-		className: "relative h-xl w-[calc(var(--spacing-3xl)+5rem)] items-center rounded-xl pl-xs transition-all peer-focus:outline-brand-default hover:cursor-pointer",
-		onClick: () => f.current?.click(),
-		type: "button",
-		children: [
-			/* @__PURE__ */ s("div", {
-				className: n("absolute top-1/2 left-[0px] aspect-square h-full -translate-y-1/2 rounded-l-xl"),
-				style: { backgroundColor: p }
-			}),
-			/* @__PURE__ */ s(r, {
-				className: "peer pointer-events-none invisible absolute top-lg",
-				defaultValue: p,
-				onChange: (e) => m(e.currentTarget.value),
-				ref: f,
-				type: "color",
-				value: p,
-				...d
-			}),
-			/* @__PURE__ */ s("p", {
-				className: "pl-xl text-left style-text-default-0",
-				children: p
-			})
-		]
-	}) : /* @__PURE__ */ s(r, {
-		className: n(i({
-			variant: e,
-			size: t
-		}), l),
-		ref: u,
-		...d
-	});
-}, u = /* @__PURE__ */ e({ FieldInput: () => d }), d = ({ className: e, children: r, ref: i, ...a }) => {
-	let o = t();
-	return /* @__PURE__ */ s(l, {
-		"aria-invalid": o.state.meta.isTouched && o.state.meta.errors.length > 0 && !o.state.meta.isValid,
-		className: n("", e),
-		id: o.name,
-		name: o.name,
-		onChange: (e) => o.handleChange(e.target.value),
-		ref: i,
-		value: o.state.value,
-		...a,
-		children: r
-	});
-};
-//#endregion
-export { u as n, l as r, d as t };

package/dist/field-label-DiJO_3-h.js

@@ -1,16 +0,0 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { i as t } from "./form-context-DBHjPCAB.js";
-import { t as n } from "./cn-CXogf8HW.js";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/field/field-label.tsx
-var i = /* @__PURE__ */ e({ FieldLabel: () => a }), a = ({ className: e, children: i, ref: a, ...o }) => {
-	let s = t(), c = s.name.replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase());
-	return /* @__PURE__ */ r("div", {
-		className: n("style-text-default-0", e, s.state.meta.errors.length > 0 && "text-error-default"),
-		ref: a,
-		...o,
-		children: i || c
-	});
-};
-//#endregion
-export { i as n, a as t };