dawn-ui-react 1.0.0-alpha.21 → 1.0.0-alpha.23

package/dist/styles.css

@@ -5,6 +5,8 @@
 
 @theme static {
   --color-*: initial;
+  --color-white: var(--dawn-white);
+  --color-black: var(--dawn-black);
   --color-brand-default: var(--dawn-brand-default);
   --color-brand-muted: var(--dawn-brand-muted);
   --color-brand-subtle: var(--dawn-brand-subtle);
@@ -405,6 +407,8 @@
   --yellow-900: #715212ff;
   --yellow-950: #422f06ff;
 
+  --dawn-white: var(--white);
+  --dawn-black: var(--black);
   --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));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dawn-ui-react",
-  "version": "1.0.0-alpha.21",
+  "version": "1.0.0-alpha.23",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -47,66 +47,69 @@
     "watch:tailwind": "pnpm dlx @tailwindcss/cli -i ./src/styles/input.css -o ./src/styles/output.css --watch"
   },
   "dependencies": {
-    "@base-ui/react": "^1.4.1",
-    "@dnd-kit/dom": "^0.4.0",
-    "@dnd-kit/react": "^0.4.0",
+    "@base-ui/react": "^1.6.0",
+    "@dnd-kit/dom": "^0.5.0",
+    "@dnd-kit/react": "^0.5.0",
     "@phosphor-icons/react": "^2.1.10",
-    "@tailwindcss/cli": "^4.3.0",
-    "@tailwindcss/vite": "^4.3.0",
-    "@tanstack/react-form": "^1.32.0",
+    "@tailwindcss/cli": "^4.3.3",
+    "@tailwindcss/vite": "^4.3.3",
+    "@tanstack/react-form": "^1.33.2",
     "@tanstack/react-table": "^8.21.3",
+    "chroma-js": "^3.2.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "react-resizable-panels": "^4.11.1",
-    "recharts": "^3.8.1",
+    "react-resizable-panels": "^4.12.2",
+    "recharts": "^3.10.1",
     "tailwind-merge": "^3.6.0",
-    "tailwindcss": "^4.3.0",
+    "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
     "@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",
+    "@commitlint/cli": "^21.2.1",
+    "@commitlint/config-conventional": "^21.2.0",
+    "@faker-js/faker": "^10.5.0",
+    "@semantic-release/changelog": "^7.0.0",
     "@semantic-release/commit-analyzer": "^13.0.1",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^12.0.8",
+    "@semantic-release/git": "^11.0.1",
+    "@semantic-release/github": "^12.0.9",
     "@semantic-release/npm": "^13.1.5",
     "@semantic-release/release-notes-generator": "^14.1.1",
-    "@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",
-    "@tanstack/react-virtual": "^3.14.2",
-    "@types/node": "^25.8.0",
-    "@types/react": "^19.2.14",
+    "@storybook/addon-a11y": "^10.5.5",
+    "@storybook/addon-docs": "^10.5.5",
+    "@storybook/addon-themes": "^10.5.5",
+    "@storybook/addon-vitest": "^10.5.5",
+    "@storybook/react-vite": "^10.5.5",
+    "@tailwindcss/node": "^4.3.3",
+    "@tanstack/react-virtual": "^3.14.9",
+    "@types/chroma-js": "^3.1.2",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@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",
+    "@typescript/typescript6": "^6.0.2",
+    "@vitejs/plugin-react": "^6.0.4",
+    "@vitest/browser-playwright": "^4.1.10",
+    "@vitest/coverage-v8": "^4.1.10",
+    "commitizen": "^4.3.2",
+    "concurrently": "^10.0.4",
     "cz-conventional-changelog": "^3.3.0",
-    "globals": "^17.6.0",
-    "jsdom": "^29.1.1",
-    "lefthook": "^2.1.6",
-    "lint-staged": "^17.0.4",
-    "oxfmt": "^0.50.0",
-    "oxlint": "^1.65.0",
-    "oxlint-tailwindcss": "^0.7.1",
-    "oxlint-tsgolint": "^0.22.1",
-    "playwright": "^1.60.0",
-    "semantic-release": "^25.0.3",
-    "shiki": "^4.1.0",
-    "storybook": "^10.4.0",
-    "typescript": "~6.0.3",
-    "uuid": "^14.0.0",
-    "vite": "^8.0.13",
-    "vite-plugin-dts": "^5.0.0",
-    "vitest": "^4.1.6",
+    "globals": "^17.8.0",
+    "jsdom": "^30.0.0",
+    "lefthook": "^2.1.10",
+    "lint-staged": "^17.2.0",
+    "oxfmt": "^0.61.0",
+    "oxlint": "^1.76.0",
+    "oxlint-tailwindcss": "^1.6.0",
+    "oxlint-tsgolint": "^7.0.2001",
+    "playwright": "^1.62.0",
+    "semantic-release": "^25.0.8",
+    "shiki": "^4.3.1",
+    "storybook": "^10.5.5",
+    "typescript": "~7.0.2",
+    "uuid": "^14.0.1",
+    "vite": "^8.1.5",
+    "vite-plugin-dts": "^5.0.3",
+    "vitest": "^4.1.10",
     "zod": "^4.4.3"
   },
   "peerDependencies": {

package/dist/CompositeItem-CH9gluPn.js

@@ -1,45 +0,0 @@
-import { U as e, V as t, W as n, b as r, q as i } from "./form-context-CpevRrMx.js";
-import { n as a } from "./useCompositeListItem-CuKiOJnK.js";
-import * as o from "react";
-//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/item/useCompositeItem.js
-function s(e = {}) {
-	let { highlightItemOnHover: t, highlightedIndex: n, onHighlightedIndexChange: s } = r(), { ref: c, index: l } = a(e), u = n === l, d = o.useRef(null), f = i(c, d);
-	return {
-		compositeProps: o.useMemo(() => ({
-			tabIndex: u ? 0 : -1,
-			onFocus() {
-				s(l);
-			},
-			onMouseMove() {
-				let e = d.current;
-				if (!t || !e) return;
-				let n = e.hasAttribute("disabled") || e.ariaDisabled === "true";
-				!u && !n && e.focus();
-			}
-		}), [
-			u,
-			s,
-			l,
-			t
-		]),
-		compositeRef: f,
-		index: l
-	};
-}
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/item/CompositeItem.js
-function c(r) {
-	let { render: i, className: a, style: o, state: c = n, props: l = e, refs: u = e, metadata: d, stateAttributesMapping: f, tag: p = "div", ...m } = r, { compositeProps: h, compositeRef: g } = s({ metadata: d });
-	return t(p, r, {
-		state: c,
-		ref: [...u, g],
-		props: [
-			h,
-			...l,
-			m
-		],
-		stateAttributesMapping: f
-	});
-}
-//#endregion
-export { s as n, c as t };

package/dist/CompositeListContext-DMNULDos.js

@@ -1,15 +0,0 @@
-import * as e from "react";
-//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/list/CompositeListContext.js
-var t = /* @__PURE__ */ e.createContext({
-	register: () => {},
-	unregister: () => {},
-	subscribeMapChange: () => () => {},
-	elementsRef: { current: [] },
-	nextIndexRef: { current: 0 }
-});
-process.env.NODE_ENV !== "production" && (t.displayName = "CompositeListContext");
-function n() {
-	return e.useContext(t);
-}
-//#endregion
-export { n, t };

package/dist/FieldItemContext-D1iEutzE.js

@@ -1,9 +0,0 @@
-import * as e from "react";
-//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/field/item/FieldItemContext.js
-var t = /* @__PURE__ */ e.createContext({ disabled: !1 });
-process.env.NODE_ENV !== "production" && (t.displayName = "FieldItemContext");
-function n() {
-	return e.useContext(t);
-}
-//#endregion
-export { n as t };

package/dist/FormContext-DmYxHG1e.js

@@ -1,26 +0,0 @@
-import { G as e, X as t, Z as n } from "./form-context-CpevRrMx.js";
-import * as r from "react";
-//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/useValueChanged.js
-function i(e, i) {
-	let a = r.useRef(e), o = n(i);
-	t(() => {
-		a.current !== e && o(a.current);
-	}, [e, o]), t(() => {
-		a.current = e;
-	}, [e]);
-}
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/form-context/FormContext.js
-var a = /* @__PURE__ */ r.createContext({
-	formRef: { current: { fields: /* @__PURE__ */ new Map() } },
-	errors: {},
-	clearErrors: e,
-	validationMode: "onSubmit",
-	submitAttemptedRef: { current: !1 }
-});
-process.env.NODE_ENV !== "production" && (a.displayName = "FormContext");
-function o() {
-	return r.useContext(a);
-}
-//#endregion
-export { i as n, o as t };

package/dist/Input-DXQc6T_w.js

@@ -1,82 +0,0 @@
-import { V as e, X as t, Z as n } from "./form-context-CpevRrMx.js";
-import { t as r } from "./useControlled-kefeIBTp.js";
-import { C as i, t as a } from "./createBaseUIEventDetails-BHkB1IRT.js";
-import { t as o } from "./shadowDom-nxuQhD_O.js";
-import { t as s } from "./owner-CZ-bExcn.js";
-import { i as c, n as l, t as u } from "./LabelableContext-mL6rBiul.js";
-import { t as d } from "./useRegisterFieldControl-I4gdfodR.js";
-import { t as f } from "./useLabelableId-Cb5S9nao.js";
-import * as p from "react";
-import { jsx as m } from "react/jsx-runtime";
-//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/field/control/FieldControl.js
-var h = /* @__PURE__ */ p.forwardRef(function(m, h) {
-	let { render: g, className: _, id: v, name: y, value: b, disabled: x = !1, onValueChange: S, defaultValue: C, autoFocus: w = !1, style: T, ...E } = m, { state: D, name: O, disabled: k, setTouched: A, setDirty: j, validityData: M, setFocused: N, setFilled: P, validationMode: F, validation: I } = l(), L = k || x, R = O ?? y, z = {
-		...D,
-		disabled: L
-	}, { labelId: B } = u(), V = f({ id: v });
-	t(() => {
-		let e = b != null;
-		I.inputRef.current?.value || e && b !== "" ? P(!0) : e && b === "" && P(!1);
-	}, [
-		I.inputRef,
-		P,
-		b
-	]);
-	let H = p.useRef(null);
-	t(() => {
-		w && H.current === o(s(H.current)) && N(!0);
-	}, [w, N]);
-	let [U] = r({
-		controlled: b,
-		default: C,
-		name: "FieldControl",
-		state: "value"
-	}), W = b !== void 0, G = W ? U : void 0, K = n(() => I.inputRef.current?.value);
-	return d(I.inputRef, {
-		id: V,
-		value: G,
-		getValue: K
-	}), e("input", m, {
-		ref: [h, H],
-		state: z,
-		props: [
-			{
-				id: V,
-				disabled: L,
-				name: R,
-				ref: I.inputRef,
-				"aria-labelledby": B,
-				autoFocus: w,
-				...W ? { value: G } : { defaultValue: C },
-				onChange(e) {
-					let t = e.currentTarget.value;
-					S?.(t, a(i, e.nativeEvent)), j(t !== M.initialValue), P(t !== "");
-				},
-				onFocus() {
-					N(!0);
-				},
-				onBlur(e) {
-					A(!0), N(!1), F === "onBlur" && I.commit(e.currentTarget.value);
-				},
-				onKeyDown(e) {
-					e.currentTarget.tagName === "INPUT" && e.key === "Enter" && (A(!0), I.commit(e.currentTarget.value));
-				}
-			},
-			I.getInputValidationProps(),
-			E
-		],
-		stateAttributesMapping: c
-	});
-});
-process.env.NODE_ENV !== "production" && (h.displayName = "FieldControl");
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/input/Input.js
-var g = /* @__PURE__ */ p.forwardRef(function(e, t) {
-	return /* @__PURE__ */ m(h, {
-		ref: t,
-		...e
-	});
-});
-process.env.NODE_ENV !== "production" && (g.displayName = "Input");
-//#endregion
-export { g as t };

package/dist/LabelableContext-mL6rBiul.js

@@ -1,85 +0,0 @@
-import { G as e, J as t, W as n } from "./form-context-CpevRrMx.js";
-import * as r from "react";
-//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/field/control/FieldControlDataAttributes.js
-var i = /* @__PURE__ */ function(e) {
-	return e.disabled = "data-disabled", e.valid = "data-valid", e.invalid = "data-invalid", e.touched = "data-touched", e.dirty = "data-dirty", e.filled = "data-filled", e.focused = "data-focused", e;
-}({}), a = {
-	badInput: !1,
-	customError: !1,
-	patternMismatch: !1,
-	rangeOverflow: !1,
-	rangeUnderflow: !1,
-	stepMismatch: !1,
-	tooLong: !1,
-	tooShort: !1,
-	typeMismatch: !1,
-	valid: null,
-	valueMissing: !1
-}, o = {
-	valid: null,
-	touched: !1,
-	dirty: !1,
-	filled: !1,
-	focused: !1
-}, s = {
-	disabled: !1,
-	...o
-}, c = { valid(e) {
-	return e === null ? null : e ? { [i.valid]: "" } : { [i.invalid]: "" };
-} }, l = /* @__PURE__ */ r.createContext({
-	invalid: void 0,
-	name: void 0,
-	validityData: {
-		state: a,
-		errors: [],
-		error: "",
-		value: "",
-		initialValue: null
-	},
-	setValidityData: e,
-	disabled: void 0,
-	touched: o.touched,
-	setTouched: e,
-	dirty: o.dirty,
-	setDirty: e,
-	filled: o.filled,
-	setFilled: e,
-	focused: o.focused,
-	setFocused: e,
-	validate: () => null,
-	validationMode: "onSubmit",
-	validationDebounceTime: 0,
-	shouldValidateOnChange: () => !1,
-	state: s,
-	markedDirtyRef: { current: !1 },
-	registerFieldControl: e,
-	validation: {
-		getValidationProps: (e = n) => e,
-		getInputValidationProps: (e = n) => e,
-		inputRef: { current: null },
-		commit: async () => {}
-	}
-});
-process.env.NODE_ENV !== "production" && (l.displayName = "FieldRootContext");
-function u(n = !0) {
-	let i = r.useContext(l);
-	if (i.setValidityData === e && !n) throw Error(process.env.NODE_ENV === "production" ? t(28) : "Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>.");
-	return i;
-}
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/labelable-provider/LabelableContext.js
-var d = /* @__PURE__ */ r.createContext({
-	controlId: void 0,
-	registerControlId: e,
-	labelId: void 0,
-	setLabelId: e,
-	messageIds: [],
-	setMessageIds: e,
-	getDescriptionProps: (e) => e
-});
-process.env.NODE_ENV !== "production" && (d.displayName = "LabelableContext");
-function f() {
-	return r.useContext(d);
-}
-//#endregion
-export { c as i, u as n, o as r, f as t };

package/dist/RadioGroupContext-zHzEliyD.js

@@ -1,9 +0,0 @@
-import * as e from "react";
-//#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/internals/composite/constants.js
-var t = "data-composite-item-active", n = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (n.displayName = "RadioGroupContext");
-function r() {
-	return e.useContext(n);
-}
-//#endregion
-export { r as n, t as r, n as t };