strata-ui-react 0.1.10 → 0.1.12

package/dist/checkbox.js

@@ -0,0 +1,84 @@
+import { cn } from "./cn.js";
+import { CheckboxIndicator } from "./checkbox-indicator.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Checkbox } from "@base-ui/react/checkbox";
+import { CheckIcon } from "@phosphor-icons/react";
+const Checkbox$1 = (t0) => {
+	const $ = c(23);
+	let className;
+	let disabled;
+	let id;
+	let label;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, label, id, disabled, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = disabled;
+		$[3] = id;
+		$[4] = label;
+		$[5] = props;
+		$[6] = ref;
+	} else {
+		className = $[1];
+		disabled = $[2];
+		id = $[3];
+		label = $[4];
+		props = $[5];
+		ref = $[6];
+	}
+	let t1;
+	if ($[7] !== className) {
+		t1 = cn("flex size-md items-center text-on-accent justify-center rounded-sm bg-surface-dim inset-shadow-1-shadow data-checked:bg-accent data-checked:raised-1 hover:cursor-pointer transition-colors hover:disabled:cursor-not-allowed", className);
+		$[7] = className;
+		$[8] = t1;
+	} else t1 = $[8];
+	let t2;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(CheckboxIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { weight: "bold" }) });
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== disabled || $[11] !== id || $[12] !== props || $[13] !== ref || $[14] !== t1) {
+		t3 = /* @__PURE__ */ jsx(Checkbox.Root, {
+			id,
+			disabled,
+			className: t1,
+			ref,
+			...props,
+			children: t2
+		});
+		$[10] = disabled;
+		$[11] = id;
+		$[12] = props;
+		$[13] = ref;
+		$[14] = t1;
+		$[15] = t3;
+	} else t3 = $[15];
+	let t4;
+	if ($[16] !== disabled || $[17] !== id || $[18] !== label) {
+		t4 = label && /* @__PURE__ */ jsx("label", {
+			htmlFor: id,
+			className: cn("body-base cursor-pointer", disabled && "text-text-neutral-primary-disabled cursor-not-allowed"),
+			children: label
+		});
+		$[16] = disabled;
+		$[17] = id;
+		$[18] = label;
+		$[19] = t4;
+	} else t4 = $[19];
+	let t5;
+	if ($[20] !== t3 || $[21] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [t3, t4]
+		});
+		$[20] = t3;
+		$[21] = t4;
+		$[22] = t5;
+	} else t5 = $[22];
+	return t5;
+};
+export { Checkbox$1 as Checkbox };

package/dist/cn.cjs

@@ -0,0 +1,6 @@
+let clsx = require("clsx");
+let tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+	return (0, tailwind_merge.twMerge)((0, clsx.clsx)(inputs));
+}
+exports.cn = cn;

package/dist/cn.js

@@ -0,0 +1,6 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+export { cn };

package/dist/dialog-close.cjs

@@ -0,0 +1,57 @@
+const require_cn = require("./cn.cjs");
+const require_button = require("./button.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __base_ui_react_dialog = require("@base-ui/react/dialog");
+const DialogClose = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(13);
+	let children;
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = require_cn.cn("", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+			style: "ghost",
+			tone: "neutral",
+			children: "Close"
+		});
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== children || $[9] !== props || $[10] !== ref || $[11] !== t1) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_dialog.Dialog.Close, {
+			className: t1,
+			ref,
+			...props,
+			render: t2,
+			children
+		});
+		$[8] = children;
+		$[9] = props;
+		$[10] = ref;
+		$[11] = t1;
+		$[12] = t3;
+	} else t3 = $[12];
+	return t3;
+};
+exports.DialogClose = DialogClose;

package/dist/dialog-close.js

@@ -0,0 +1,57 @@
+import { cn } from "./cn.js";
+import { Button } from "./button.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+const DialogClose = (t0) => {
+	const $ = c(13);
+	let children;
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = cn("", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Button, {
+			style: "ghost",
+			tone: "neutral",
+			children: "Close"
+		});
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== children || $[9] !== props || $[10] !== ref || $[11] !== t1) {
+		t3 = /* @__PURE__ */ jsx(Dialog.Close, {
+			className: t1,
+			ref,
+			...props,
+			render: t2,
+			children
+		});
+		$[8] = children;
+		$[9] = props;
+		$[10] = ref;
+		$[11] = t1;
+		$[12] = t3;
+	} else t3 = $[12];
+	return t3;
+};
+export { DialogClose };

package/dist/dialog-description.cjs

@@ -0,0 +1,46 @@
+const require_cn = require("./cn.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __base_ui_react_dialog = require("@base-ui/react/dialog");
+const DialogDescription = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(12);
+	let children;
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = require_cn.cn("text-prose-0 mb-0", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== children || $[8] !== props || $[9] !== ref || $[10] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_dialog.Dialog.Description, {
+			className: t1,
+			ref,
+			...props,
+			children
+		});
+		$[7] = children;
+		$[8] = props;
+		$[9] = ref;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
+};
+exports.DialogDescription = DialogDescription;

package/dist/dialog-description.js

@@ -0,0 +1,46 @@
+import { cn } from "./cn.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+const DialogDescription = (t0) => {
+	const $ = c(12);
+	let children;
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = cn("text-prose-0 mb-0", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== children || $[8] !== props || $[9] !== ref || $[10] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Dialog.Description, {
+			className: t1,
+			ref,
+			...props,
+			children
+		});
+		$[7] = children;
+		$[8] = props;
+		$[9] = ref;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
+};
+export { DialogDescription };

package/dist/dialog-popup.cjs

@@ -0,0 +1,72 @@
+const require_cn = require("./cn.cjs");
+const require_dialog_close = require("./dialog-close.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __base_ui_react_dialog = require("@base-ui/react/dialog");
+const DialogPopup = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(19);
+	let children;
+	let className;
+	let props;
+	let ref;
+	let t1;
+	if ($[0] !== t0) {
+		({className, children, showCloseButton: t1, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+		t1 = $[5];
+	}
+	const showCloseButton = t1 === void 0 ? true : t1;
+	let t2;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_dialog.Dialog.Backdrop, { className: "fixed inset-[0px] min-h-dvh bg-scrim opacity-50 transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute" });
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== className) {
+		t3 = require_cn.cn("fixed top-1/2 left-1/2 min-w-1/3 max-w-[calc(100vw-3rem)] px-md py-sm space-y-2xs -translate-x-1/2 -translate-y-1/2 rounded-lg bg-surface-container outline-1 outline-outline transition-all duration-150 data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0", className);
+		$[7] = className;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== showCloseButton) {
+		t4 = showCloseButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dialog_close.DialogClose, {});
+		$[9] = showCloseButton;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== t4) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex justify-end",
+			children: t4
+		});
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== children || $[14] !== props || $[15] !== ref || $[16] !== t3 || $[17] !== t5) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__base_ui_react_dialog.Dialog.Portal, { children: [t2, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__base_ui_react_dialog.Dialog.Popup, {
+			className: t3,
+			ref,
+			...props,
+			children: [children, t5]
+		})] });
+		$[13] = children;
+		$[14] = props;
+		$[15] = ref;
+		$[16] = t3;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	return t6;
+};
+exports.DialogPopup = DialogPopup;

package/dist/dialog-popup.js

@@ -0,0 +1,72 @@
+import { cn } from "./cn.js";
+import { DialogClose } from "./dialog-close.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+const DialogPopup = (t0) => {
+	const $ = c(19);
+	let children;
+	let className;
+	let props;
+	let ref;
+	let t1;
+	if ($[0] !== t0) {
+		({className, children, showCloseButton: t1, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+		t1 = $[5];
+	}
+	const showCloseButton = t1 === void 0 ? true : t1;
+	let t2;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Dialog.Backdrop, { className: "fixed inset-[0px] min-h-dvh bg-scrim opacity-50 transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute" });
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== className) {
+		t3 = cn("fixed top-1/2 left-1/2 min-w-1/3 max-w-[calc(100vw-3rem)] px-md py-sm space-y-2xs -translate-x-1/2 -translate-y-1/2 rounded-lg bg-surface-container outline-1 outline-outline transition-all duration-150 data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0", className);
+		$[7] = className;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== showCloseButton) {
+		t4 = showCloseButton && /* @__PURE__ */ jsx(DialogClose, {});
+		$[9] = showCloseButton;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			className: "flex justify-end",
+			children: t4
+		});
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== children || $[14] !== props || $[15] !== ref || $[16] !== t3 || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Dialog.Portal, { children: [t2, /* @__PURE__ */ jsxs(Dialog.Popup, {
+			className: t3,
+			ref,
+			...props,
+			children: [children, t5]
+		})] });
+		$[13] = children;
+		$[14] = props;
+		$[15] = ref;
+		$[16] = t3;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	return t6;
+};
+export { DialogPopup };

package/dist/dialog-title.cjs

@@ -0,0 +1,46 @@
+const require_cn = require("./cn.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __base_ui_react_dialog = require("@base-ui/react/dialog");
+const DialogTitle = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(12);
+	let children;
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = require_cn.cn("text-strong-2", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== children || $[8] !== props || $[9] !== ref || $[10] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_dialog.Dialog.Title, {
+			className: t1,
+			ref,
+			...props,
+			children
+		});
+		$[7] = children;
+		$[8] = props;
+		$[9] = ref;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
+};
+exports.DialogTitle = DialogTitle;

package/dist/dialog-title.js

@@ -0,0 +1,46 @@
+import { cn } from "./cn.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+const DialogTitle = (t0) => {
+	const $ = c(12);
+	let children;
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = cn("text-strong-2", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== children || $[8] !== props || $[9] !== ref || $[10] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Dialog.Title, {
+			className: t1,
+			ref,
+			...props,
+			children
+		});
+		$[7] = children;
+		$[8] = props;
+		$[9] = ref;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
+};
+export { DialogTitle };

package/dist/dialog-trigger.cjs

@@ -0,0 +1,46 @@
+const require_cn = require("./cn.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __base_ui_react_dialog = require("@base-ui/react/dialog");
+const DialogTrigger = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(12);
+	let children;
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = require_cn.cn("", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== children || $[8] !== props || $[9] !== ref || $[10] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_dialog.Dialog.Trigger, {
+			className: t1,
+			ref,
+			...props,
+			children
+		});
+		$[7] = children;
+		$[8] = props;
+		$[9] = ref;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
+};
+exports.DialogTrigger = DialogTrigger;

package/dist/dialog-trigger.js

@@ -0,0 +1,46 @@
+import { cn } from "./cn.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+const DialogTrigger = (t0) => {
+	const $ = c(12);
+	let children;
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = cn("", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== children || $[8] !== props || $[9] !== ref || $[10] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Dialog.Trigger, {
+			className: t1,
+			ref,
+			...props,
+			children
+		});
+		$[7] = children;
+		$[8] = props;
+		$[9] = ref;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
+};
+export { DialogTrigger };

package/dist/dialog.cjs

@@ -0,0 +1,20 @@
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __base_ui_react_dialog = require("@base-ui/react/dialog");
+const Dialog = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_dialog.Dialog.Root, { ...props });
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+};
+exports.Dialog = Dialog;

package/dist/dialog.js

@@ -0,0 +1,20 @@
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+const Dialog$1 = (t0) => {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(Dialog.Root, { ...props });
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+};
+export { Dialog$1 as Dialog };