dawn-ui-react 1.0.0-alpha → 1.0.0-alpha.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dawn-ui-react",
-  "version": "1.0.0-alpha",
+  "version": "1.0.0-alpha.10",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -31,7 +31,7 @@
     "build": "tsc -b && vite build && pnpm run build:css",
     "build-storybook": "pnpm build:tailwind && storybook build",
     "build:css": "node -e \"require('fs').copyFileSync('src/styles/input.css', 'dist/styles.css')\"",
-    "build:tailwind": "pnpx @tailwindcss/cli -i ./src/styles/input.css -o ./dist/styles.css",
+    "build:tailwind": "pnpm dlx @tailwindcss/cli -i ./src/styles/input.css -o ./dist/styles.css",
     "commit": "git add . && git commit",
     "commit:skip": "git add . && git commit --no-verify",
     "cz": "cz",
@@ -44,68 +44,68 @@
     "storybook": "concurrently 'pnpm:watch:*'",
     "test": "vitest run",
     "watch:storybook": "storybook dev -p 6006",
-    "watch:tailwind": "pnpx @tailwindcss/cli -i ./src/styles/input.css -o ./src/styles/output.css --watch"
+    "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",
     "@phosphor-icons/react": "^2.1.10",
-    "@tailwindcss/cli": "^4.2.4",
-    "@tailwindcss/vite": "^4.2.4",
-    "@tanstack/react-form": "^1.29.1",
+    "@tailwindcss/cli": "^4.3.0",
+    "@tailwindcss/vite": "^4.3.0",
+    "@tanstack/react-form": "^1.32.0",
     "@tanstack/react-table": "^8.21.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "input-otp": "^1.4.2",
-    "tailwind-merge": "^3.5.0",
-    "tailwindcss": "^4.2.4",
+    "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": "^20.5.2",
-    "@commitlint/config-conventional": "^20.5.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",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^12.0.6",
+    "@semantic-release/github": "^12.0.8",
     "@semantic-release/npm": "^13.1.5",
-    "@semantic-release/release-notes-generator": "^14.1.0",
-    "@storybook/addon-a11y": "^10.3.5",
-    "@storybook/addon-docs": "^10.3.5",
-    "@storybook/addon-themes": "^10.3.5",
-    "@storybook/addon-vitest": "^10.3.5",
-    "@storybook/react-vite": "^10.3.5",
-    "@tailwindcss/node": "^4.2.4",
-    "@tanstack/react-form": "^1.28.5",
-    "@tanstack/react-table": "^8.21.3",
-    "@types/node": "^25.6.0",
+    "@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",
+    "@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",
-    "globals": "^17.5.0",
-    "input-otp": "^1.4.2",
-    "jsdom": "^29.1.0",
+    "globals": "^17.6.0",
+    "jsdom": "^29.1.1",
     "lefthook": "^2.1.6",
-    "lint-staged": "^16.4.0",
-    "oxfmt": "^0.47.0",
-    "oxlint": "^1.62.0",
-    "oxlint-tailwindcss": "^0.6.3",
+    "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.59.1",
-    "react-resizable-panels": "^4.10.0",
+    "playwright": "^1.60.0",
     "semantic-release": "^25.0.3",
-    "storybook": "^10.3.5",
+    "shiki": "^4.1.0",
+    "storybook": "^10.4.0",
     "typescript": "~6.0.3",
-    "vite": "^8.0.10",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.1.5",
-    "zod": "^4.3.6"
+    "uuid": "^14.0.0",
+    "vite": "^8.0.13",
+    "vite-plugin-dts": "^5.0.0",
+    "vitest": "^4.1.6",
+    "zod": "^4.4.3"
   },
   "peerDependencies": {
     "react": "^19.0.0",

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-BDUanNiE.js

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

package/dist/field-input-0WxX-93A.js

@@ -1,58 +0,0 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { i as t } from "./form-context-CzC_p5DL.js";
-import { t as n } from "./cn-CXogf8HW.js";
-import { t as r } from "./Input-Br91lfPH.js";
-import { t as i } from "./input.types-Dl_61f0y.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-DwF_1o76.js

@@ -1,16 +0,0 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { i as t } from "./form-context-CzC_p5DL.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 };