dawn-ui-react 1.0.0-alpha

package/dist/useLabelableId-VWw8rfpn.js

@@ -0,0 +1,271 @@
+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-CzC_p5DL.js";
+import * as l from "react";
+//#region node_modules/.pnpm/@base-ui+utils@0.2.8_@types_d3ee2f4e7c4092dbff53908511a88462/node_modules/@base-ui/utils/esm/useControlled.js
+function u({ controlled: t, default: n, name: r, state: i = "value" }) {
+	let { current: a } = l.useRef(t !== void 0), [o, s] = l.useState(n), c = a ? t : o;
+	if (process.env.NODE_ENV !== "production") {
+		l.useEffect(() => {
+			a !== (t !== void 0) && e([
+				`A component is changing the ${a ? "" : "un"}controlled ${i} state of ${r} to be ${a ? "un" : ""}controlled.`,
+				"Elements should not switch from uncontrolled to controlled (or vice versa).",
+				`Decide between using a controlled or uncontrolled ${r} element for the lifetime of the component.`,
+				"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.",
+				"More info: https://fb.me/react-controlled-components"
+			].join("\n"));
+		}, [
+			i,
+			r,
+			t
+		]);
+		let { current: o } = l.useRef(n);
+		l.useEffect(() => {
+			!a && d(o) !== d(n) && e([`A component is changing the default ${i} state of an uncontrolled ${r} after being initialized. To suppress this warning opt to use a controlled ${r}.`].join("\n"));
+		}, [n]);
+	}
+	return [c, l.useCallback((e) => {
+		a || s(e);
+	}, [])];
+}
+function d(e) {
+	let t = 0, n = /* @__PURE__ */ new WeakMap();
+	try {
+		return JSON.stringify(e, function(e, r) {
+			if (!(e === "_owner" && this != null && typeof this == "object" && "$$typeof" in this)) {
+				if (typeof r == "bigint") return `__bigint__:${r}`;
+				if (typeof r == "object" && r) {
+					let e = n.get(r);
+					if (e !== void 0) return `__object__:${e}`;
+					n.set(r, t), t += 1;
+				}
+				return r;
+			}
+		}) ?? `__top__:${typeof e}`;
+	} catch {
+		return "__unserializable__";
+	}
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@date-_b8638dac2a3c723a96c38fd0e25c7d53/node_modules/@base-ui/react/esm/internals/reason-parts.js
+var f = "none", p = "trigger-press", m = "trigger-hover", h = "trigger-focus", g = "outside-press", _ = "item-press", v = "close-press", y = "clear-press", b = "chip-remove-press", te = "track-press", ne = "increment-press", re = "decrement-press", ie = "input-change", ae = "input-clear", oe = "input-blur", x = "input-paste", S = "input-press", C = "focus-out", w = "escape-key", T = "list-navigation", E = "keyboard", D = "pointer", O = "drag", k = "scrub", A = "cancel-open", j = "sibling-open", M = "disabled", N = "imperative-action", P = "window-resize";
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@date-_b8638dac2a3c723a96c38fd0e25c7d53/node_modules/@base-ui/react/esm/internals/createBaseUIEventDetails.js
+function F(e, t, n, r) {
+	let i = !1, a = !1, s = r ?? o;
+	return {
+		reason: e,
+		event: t ?? new Event("base-ui"),
+		cancel() {
+			i = !0;
+		},
+		allowPropagation() {
+			a = !0;
+		},
+		get isCanceled() {
+			return i;
+		},
+		get isPropagationAllowed() {
+			return a;
+		},
+		trigger: n,
+		...s
+	};
+}
+function I(e, t, n) {
+	let r = n ?? o;
+	return {
+		reason: e,
+		event: t ?? new Event("base-ui"),
+		...r
+	};
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+utils@0.2.8_@types_d3ee2f4e7c4092dbff53908511a88462/node_modules/@base-ui/utils/esm/useId.js
+var L = 0;
+function R(e, t = "mui") {
+	let [n, r] = l.useState(e), i = e || n;
+	return l.useEffect(() => {
+		n ?? (L += 1, r(`${t}-${L}`));
+	}, [n, t]), i;
+}
+var z = t.useId;
+function B(e, t) {
+	if (z !== void 0) {
+		let n = z();
+		return e ?? (t ? `${t}-${n}` : n);
+	}
+	return R(e, t);
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@date-_b8638dac2a3c723a96c38fd0e25c7d53/node_modules/@base-ui/react/esm/internals/useBaseUiId.js
+function V(e) {
+	return B(e, "base-ui");
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@date-_b8638dac2a3c723a96c38fd0e25c7d53/node_modules/@base-ui/react/esm/internals/shadowDom.js
+function H(e) {
+	let t = e.activeElement;
+	for (; t?.shadowRoot?.activeElement != null;) t = t.shadowRoot.activeElement;
+	return t;
+}
+function U(e, t) {
+	if (!e || !t) return !1;
+	let n = t.getRootNode?.();
+	if (e.contains(t)) return !0;
+	if (n && r(n)) {
+		let n = t;
+		for (; n;) {
+			if (e === n) return !0;
+			n = n.parentNode || n.host;
+		}
+	}
+	return !1;
+}
+function W(e) {
+	return "composedPath" in e ? e.composedPath()[0] : e.target;
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+utils@0.2.8_@types_d3ee2f4e7c4092dbff53908511a88462/node_modules/@base-ui/utils/esm/owner.js
+function G(e) {
+	return e?.ownerDocument || document;
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@date-_b8638dac2a3c723a96c38fd0e25c7d53/node_modules/@base-ui/react/esm/field/control/FieldControlDataAttributes.js
+var K = /* @__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;
+}({}), q = {
+	badInput: !1,
+	customError: !1,
+	patternMismatch: !1,
+	rangeOverflow: !1,
+	rangeUnderflow: !1,
+	stepMismatch: !1,
+	tooLong: !1,
+	tooShort: !1,
+	typeMismatch: !1,
+	valid: null,
+	valueMissing: !1
+}, J = {
+	valid: null,
+	touched: !1,
+	dirty: !1,
+	filled: !1,
+	focused: !1
+}, se = {
+	disabled: !1,
+	...J
+}, ce = { valid(e) {
+	return e === null ? null : e ? { [K.valid]: "" } : { [K.invalid]: "" };
+} }, Y = /* @__PURE__ */ l.createContext({
+	invalid: void 0,
+	name: void 0,
+	validityData: {
+		state: q,
+		errors: [],
+		error: "",
+		value: "",
+		initialValue: null
+	},
+	setValidityData: n,
+	disabled: void 0,
+	touched: J.touched,
+	setTouched: n,
+	dirty: J.dirty,
+	setDirty: n,
+	filled: J.filled,
+	setFilled: n,
+	focused: J.focused,
+	setFocused: n,
+	validate: () => null,
+	validationMode: "onSubmit",
+	validationDebounceTime: 0,
+	shouldValidateOnChange: () => !1,
+	state: se,
+	markedDirtyRef: { current: !1 },
+	registerFieldControl: n,
+	validation: {
+		getValidationProps: (e = o) => e,
+		getInputValidationProps: (e = o) => e,
+		inputRef: { current: null },
+		commit: async () => {}
+	}
+});
+process.env.NODE_ENV !== "production" && (Y.displayName = "FieldRootContext");
+function X(e = !0) {
+	let t = l.useContext(Y);
+	if (t.setValidityData === n && !e) throw Error(process.env.NODE_ENV === "production" ? i(28) : "Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>.");
+	return t;
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@date-_b8638dac2a3c723a96c38fd0e25c7d53/node_modules/@base-ui/react/esm/internals/field-register-control/useRegisterFieldControl.js
+function Z(e, t) {
+	let { enabled: n = !0, getValue: r, id: i, value: a } = t, { registerFieldControl: o } = X(), c = l.useRef(null);
+	c.current ||= Symbol(), s(() => {
+		let t = c.current;
+		if (!(!t || !n)) return o(t, {
+			controlRef: e,
+			getValue: r,
+			id: i,
+			value: a
+		}), () => {
+			o(t, void 0);
+		};
+	}, [
+		e,
+		n,
+		r,
+		i,
+		o,
+		a
+	]);
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@date-_b8638dac2a3c723a96c38fd0e25c7d53/node_modules/@base-ui/react/esm/internals/labelable-provider/LabelableContext.js
+var Q = /* @__PURE__ */ l.createContext({
+	controlId: void 0,
+	registerControlId: n,
+	labelId: void 0,
+	setLabelId: n,
+	messageIds: [],
+	setMessageIds: n,
+	getDescriptionProps: (e) => e
+});
+process.env.NODE_ENV !== "production" && (Q.displayName = "LabelableContext");
+function $() {
+	return l.useContext(Q);
+}
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.4.1_@date-_b8638dac2a3c723a96c38fd0e25c7d53/node_modules/@base-ui/react/esm/internals/labelable-provider/useLabelableId.js
+function le(e = {}) {
+	let { id: t, implicit: r = !1, controlRef: i } = e, { controlId: o, registerControlId: u } = $(), d = V(t), f = r ? o : void 0, p = a(() => Symbol("labelable-control")), m = l.useRef(!1), h = l.useRef(t != null), g = c(() => {
+		!m.current || u === n || (m.current = !1, u(p.current, void 0));
+	});
+	return s(() => {
+		if (u === n) return;
+		let e;
+		if (r) {
+			let n = i?.current;
+			e = ee(n) && n.closest("label") != null ? t ?? null : f ?? d;
+		} else if (t != null) h.current = !0, e = t;
+		else if (h.current) e = d;
+		else {
+			g();
+			return;
+		}
+		if (e === void 0) {
+			g();
+			return;
+		}
+		m.current = !0, u(p.current, e);
+	}, [
+		t,
+		i,
+		f,
+		u,
+		r,
+		d,
+		p,
+		g
+	]), l.useEffect(() => g, [g]), o ?? d;
+}
+//#endregion
+export { S as A, h as B, C, ie as D, oe as E, g as F, p as H, D as I, k as L, E as M, T as N, ae as O, f as P, j as R, w as S, ne as T, P as U, m as V, u as W, y as _, J as a, M as b, H as c, V as d, B as f, b as g, A as h, X as i, _ as j, x as k, U as l, I as m, $ as n, ce as o, F as p, Z as r, G as s, le as t, W as u, v, N as w, O as x, re as y, te as z };

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: Array<ClassValue>): string;

package/package.json

@@ -0,0 +1,124 @@
+{
+  "name": "dawn-ui-react",
+  "version": "1.0.0-alpha",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/PHNTMbandit/dawn-ui-react.git"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css",
+    "./dist/styles.css"
+  ],
+  "main": "./dist/dawn-ui-react.umd.cjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/dawn-ui-react.js",
+      "require": "./dist/dawn-ui-react.umd.cjs"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "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",
+    "commit": "git add . && git commit",
+    "commit:skip": "git add . && git commit --no-verify",
+    "cz": "cz",
+    "dev": "vite",
+    "fmt": "oxfmt",
+    "fmt:check": "oxfmt --check",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
+    "preview": "vite preview",
+    "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"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.4.1",
+    "@phosphor-icons/react": "^2.1.10",
+    "@tailwindcss/cli": "^4.2.4",
+    "@tailwindcss/vite": "^4.2.4",
+    "@tanstack/react-form": "^1.29.1",
+    "@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",
+    "tw-animate-css": "^1.4.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^5.1.2",
+    "@commitlint/cli": "^20.5.2",
+    "@commitlint/config-conventional": "^20.5.0",
+    "@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/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",
+    "@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",
+    "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",
+    "lefthook": "^2.1.6",
+    "lint-staged": "^16.4.0",
+    "oxfmt": "^0.47.0",
+    "oxlint": "^1.62.0",
+    "oxlint-tailwindcss": "^0.6.3",
+    "oxlint-tsgolint": "^0.22.1",
+    "playwright": "^1.59.1",
+    "react-resizable-panels": "^4.10.0",
+    "semantic-release": "^25.0.3",
+    "storybook": "^10.3.5",
+    "typescript": "~6.0.3",
+    "vite": "^8.0.10",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.1.5",
+    "zod": "^4.3.6"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "use-sync-external-store": "^1.2.0"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx,mjs,cjs}": "pnpm run lint",
+    "*": "oxfmt --no-error-on-unmatched-pattern"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  }
+}