strata-ui-react 0.1.12 → 0.1.13

package/dist/input.js

@@ -1,83 +0,0 @@
-import { cn } from "./cn.js";
-import { Separator } from "./separator.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Input } from "@base-ui/react/input";
-import { createElement } from "react";
-const Input$1 = (t0) => {
-	const $ = c(20);
-	let className;
-	let leadingIcon;
-	let props;
-	let ref;
-	let t1;
-	if ($[0] !== t0) {
-		({leadingIcon, showSeparator: t1, className, ref, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = leadingIcon;
-		$[3] = props;
-		$[4] = ref;
-		$[5] = t1;
-	} else {
-		className = $[1];
-		leadingIcon = $[2];
-		props = $[3];
-		ref = $[4];
-		t1 = $[5];
-	}
-	const showSeparator = t1 === void 0 ? true : t1;
-	const t2 = props.disabled;
-	const t3 = props.disabled;
-	let t4;
-	if ($[6] !== className) {
-		t4 = cn("flex items-center gap-xs px-md w-full py-sm group h-xl inset-shadow-2-shadow inset-shadow-sm bg-surface-dim rounded-xl data-[disabled=true]:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:hover:outline-transparent outline-2 outline-transparent hover:not-focus-within:outline-outline focus-within:outline-primary focus-within:caret-primary transition-all", className);
-		$[6] = className;
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] !== leadingIcon || $[9] !== showSeparator) {
-		t5 = leadingIcon && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-			className: cn("flex items-center text-on-surface-variant justify-center [&>svg]:size-s group-focus-within:text-primary transition-all"),
-			children: createElement(leadingIcon, { weight: "bold" })
-		}), showSeparator && /* @__PURE__ */ jsx(Separator, {
-			orientation: "vertical",
-			className: "group-focus-within:bg-primary"
-		})] });
-		$[8] = leadingIcon;
-		$[9] = showSeparator;
-		$[10] = t5;
-	} else t5 = $[10];
-	let t6;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = cn("outline-none w-full", "placeholder:opacity-60", "disabled:text-text-neutral-primary-disabled disabled:cursor-not-allowed", "overflow-ellipsis");
-		$[11] = t6;
-	} else t6 = $[11];
-	let t7;
-	if ($[12] !== props || $[13] !== ref) {
-		t7 = /* @__PURE__ */ jsx(Input, {
-			className: t6,
-			ref,
-			...props
-		});
-		$[12] = props;
-		$[13] = ref;
-		$[14] = t7;
-	} else t7 = $[14];
-	let t8;
-	if ($[15] !== props.disabled || $[16] !== t4 || $[17] !== t5 || $[18] !== t7) {
-		t8 = /* @__PURE__ */ jsxs("div", {
-			"aria-disabled": t2,
-			"data-disabled": t3,
-			className: t4,
-			children: [t5, t7]
-		});
-		$[15] = props.disabled;
-		$[16] = t4;
-		$[17] = t5;
-		$[18] = t7;
-		$[19] = t8;
-	} else t8 = $[19];
-	return t8;
-};
-export { Input$1 as Input };

package/dist/label.cjs

@@ -1,46 +0,0 @@
-const require_cn = require("./cn.cjs");
-let react_compiler_runtime = require("react/compiler-runtime");
-let react_jsx_runtime = require("react/jsx-runtime");
-const Label = (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("hover:cursor-pointer", 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)("label", {
-			"data-slot": "label",
-			className: t1,
-			ref,
-			...props,
-			children
-		});
-		$[7] = children;
-		$[8] = props;
-		$[9] = ref;
-		$[10] = t1;
-		$[11] = t2;
-	} else t2 = $[11];
-	return t2;
-};
-exports.Label = Label;

package/dist/label.js

@@ -1,46 +0,0 @@
-import { cn } from "./cn.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-const Label = (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("hover:cursor-pointer", className);
-		$[5] = className;
-		$[6] = t1;
-	} else t1 = $[6];
-	let t2;
-	if ($[7] !== children || $[8] !== props || $[9] !== ref || $[10] !== t1) {
-		t2 = /* @__PURE__ */ jsx("label", {
-			"data-slot": "label",
-			className: t1,
-			ref,
-			...props,
-			children
-		});
-		$[7] = children;
-		$[8] = props;
-		$[9] = ref;
-		$[10] = t1;
-		$[11] = t2;
-	} else t2 = $[11];
-	return t2;
-};
-export { Label };

package/dist/profile.cjs

@@ -1,127 +0,0 @@
-const require_cn = require("./cn.cjs");
-const require_avatar = require("./avatar.cjs");
-const require_avatar_image = require("./avatar-image.cjs");
-const require_avatar_fallback = require("./avatar-fallback.cjs");
-let react_compiler_runtime = require("react/compiler-runtime");
-let react_jsx_runtime = require("react/jsx-runtime");
-const Profile = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(36);
-	let children;
-	let className;
-	let fallbackText;
-	let imageUrl;
-	let props;
-	let ref;
-	let t1;
-	let t2;
-	let t3;
-	if ($[0] !== t0) {
-		({className, imageUrl, fallbackText, profileName: t1, profileEmail: t2, compact: t3, children, ref, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = fallbackText;
-		$[4] = imageUrl;
-		$[5] = props;
-		$[6] = ref;
-		$[7] = t1;
-		$[8] = t2;
-		$[9] = t3;
-	} else {
-		children = $[1];
-		className = $[2];
-		fallbackText = $[3];
-		imageUrl = $[4];
-		props = $[5];
-		ref = $[6];
-		t1 = $[7];
-		t2 = $[8];
-		t3 = $[9];
-	}
-	const profileName = t1 === void 0 ? "" : t1;
-	const profileEmail = t2 === void 0 ? "" : t2;
-	const compact = t3 === void 0 ? false : t3;
-	let t4;
-	if ($[10] !== className) {
-		t4 = require_cn.cn("flex items-center gap-xs transition-colors", className);
-		$[10] = className;
-		$[11] = t4;
-	} else t4 = $[11];
-	let t5;
-	if ($[12] !== imageUrl) {
-		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_avatar_image.AvatarImage, { src: imageUrl });
-		$[12] = imageUrl;
-		$[13] = t5;
-	} else t5 = $[13];
-	let t6;
-	if ($[14] !== fallbackText) {
-		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_avatar_fallback.AvatarFallback, { children: fallbackText });
-		$[14] = fallbackText;
-		$[15] = t6;
-	} else t6 = $[15];
-	let t7;
-	if ($[16] !== children || $[17] !== t5 || $[18] !== t6) {
-		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_avatar.Avatar, { children: [
-			t5,
-			t6,
-			children
-		] });
-		$[16] = children;
-		$[17] = t5;
-		$[18] = t6;
-		$[19] = t7;
-	} else t7 = $[19];
-	const t8 = compact && "hidden";
-	let t9;
-	if ($[20] !== t8) {
-		t9 = require_cn.cn("flex flex-col justify-start items-start", t8);
-		$[20] = t8;
-		$[21] = t9;
-	} else t9 = $[21];
-	let t10;
-	if ($[22] !== profileName) {
-		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "text-prose-0",
-			children: profileName
-		});
-		$[22] = profileName;
-		$[23] = t10;
-	} else t10 = $[23];
-	let t11;
-	if ($[24] !== profileEmail) {
-		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "text-on-surface-variant text-prose--1",
-			children: profileEmail
-		});
-		$[24] = profileEmail;
-		$[25] = t11;
-	} else t11 = $[25];
-	let t12;
-	if ($[26] !== t10 || $[27] !== t11 || $[28] !== t9) {
-		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: t9,
-			children: [t10, t11]
-		});
-		$[26] = t10;
-		$[27] = t11;
-		$[28] = t9;
-		$[29] = t12;
-	} else t12 = $[29];
-	let t13;
-	if ($[30] !== props || $[31] !== ref || $[32] !== t12 || $[33] !== t4 || $[34] !== t7) {
-		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-			className: t4,
-			ref,
-			...props,
-			children: [t7, t12]
-		});
-		$[30] = props;
-		$[31] = ref;
-		$[32] = t12;
-		$[33] = t4;
-		$[34] = t7;
-		$[35] = t13;
-	} else t13 = $[35];
-	return t13;
-};
-exports.Profile = Profile;

package/dist/profile.js

@@ -1,127 +0,0 @@
-import { cn } from "./cn.js";
-import { Avatar } from "./avatar.js";
-import { AvatarImage } from "./avatar-image.js";
-import { AvatarFallback } from "./avatar-fallback.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-const Profile = (t0) => {
-	const $ = c(36);
-	let children;
-	let className;
-	let fallbackText;
-	let imageUrl;
-	let props;
-	let ref;
-	let t1;
-	let t2;
-	let t3;
-	if ($[0] !== t0) {
-		({className, imageUrl, fallbackText, profileName: t1, profileEmail: t2, compact: t3, children, ref, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = fallbackText;
-		$[4] = imageUrl;
-		$[5] = props;
-		$[6] = ref;
-		$[7] = t1;
-		$[8] = t2;
-		$[9] = t3;
-	} else {
-		children = $[1];
-		className = $[2];
-		fallbackText = $[3];
-		imageUrl = $[4];
-		props = $[5];
-		ref = $[6];
-		t1 = $[7];
-		t2 = $[8];
-		t3 = $[9];
-	}
-	const profileName = t1 === void 0 ? "" : t1;
-	const profileEmail = t2 === void 0 ? "" : t2;
-	const compact = t3 === void 0 ? false : t3;
-	let t4;
-	if ($[10] !== className) {
-		t4 = cn("flex items-center gap-xs transition-colors", className);
-		$[10] = className;
-		$[11] = t4;
-	} else t4 = $[11];
-	let t5;
-	if ($[12] !== imageUrl) {
-		t5 = /* @__PURE__ */ jsx(AvatarImage, { src: imageUrl });
-		$[12] = imageUrl;
-		$[13] = t5;
-	} else t5 = $[13];
-	let t6;
-	if ($[14] !== fallbackText) {
-		t6 = /* @__PURE__ */ jsx(AvatarFallback, { children: fallbackText });
-		$[14] = fallbackText;
-		$[15] = t6;
-	} else t6 = $[15];
-	let t7;
-	if ($[16] !== children || $[17] !== t5 || $[18] !== t6) {
-		t7 = /* @__PURE__ */ jsxs(Avatar, { children: [
-			t5,
-			t6,
-			children
-		] });
-		$[16] = children;
-		$[17] = t5;
-		$[18] = t6;
-		$[19] = t7;
-	} else t7 = $[19];
-	const t8 = compact && "hidden";
-	let t9;
-	if ($[20] !== t8) {
-		t9 = cn("flex flex-col justify-start items-start", t8);
-		$[20] = t8;
-		$[21] = t9;
-	} else t9 = $[21];
-	let t10;
-	if ($[22] !== profileName) {
-		t10 = /* @__PURE__ */ jsx("span", {
-			className: "text-prose-0",
-			children: profileName
-		});
-		$[22] = profileName;
-		$[23] = t10;
-	} else t10 = $[23];
-	let t11;
-	if ($[24] !== profileEmail) {
-		t11 = /* @__PURE__ */ jsx("span", {
-			className: "text-on-surface-variant text-prose--1",
-			children: profileEmail
-		});
-		$[24] = profileEmail;
-		$[25] = t11;
-	} else t11 = $[25];
-	let t12;
-	if ($[26] !== t10 || $[27] !== t11 || $[28] !== t9) {
-		t12 = /* @__PURE__ */ jsxs("div", {
-			className: t9,
-			children: [t10, t11]
-		});
-		$[26] = t10;
-		$[27] = t11;
-		$[28] = t9;
-		$[29] = t12;
-	} else t12 = $[29];
-	let t13;
-	if ($[30] !== props || $[31] !== ref || $[32] !== t12 || $[33] !== t4 || $[34] !== t7) {
-		t13 = /* @__PURE__ */ jsxs("button", {
-			className: t4,
-			ref,
-			...props,
-			children: [t7, t12]
-		});
-		$[30] = props;
-		$[31] = ref;
-		$[32] = t12;
-		$[33] = t4;
-		$[34] = t7;
-		$[35] = t13;
-	} else t13 = $[35];
-	return t13;
-};
-export { Profile };

package/dist/scroll-area.cjs

@@ -1,97 +0,0 @@
-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_scroll_area = require("@base-ui/react/scroll-area");
-const ScrollArea = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(26);
-	let children;
-	let className;
-	let props;
-	let ref;
-	let t1;
-	if ($[0] !== t0) {
-		({orientation: t1, className, children, 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 orientation = t1 === void 0 ? "vertical" : t1;
-	const t2 = orientation === "horizontal" && "h-full";
-	let t3;
-	if ($[6] !== className || $[7] !== t2) {
-		t3 = require_cn.cn("h-[200px] rounded-lg bg-surface-container", t2, className);
-		$[6] = className;
-		$[7] = t2;
-		$[8] = t3;
-	} else t3 = $[8];
-	let t4;
-	if ($[9] !== children) {
-		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_scroll_area.ScrollArea.Viewport, {
-			className: "h-full overscroll-contain flex flex-col gap-xs py-2xs pr-sm pl-sm prose-step-0",
-			children
-		});
-		$[9] = children;
-		$[10] = t4;
-	} else t4 = $[10];
-	const t5 = orientation === "vertical" && "w-2xs mr-2xs my-2xs";
-	const t6 = orientation === "horizontal" && "h-2xs flex-col mb-2xs mx-xs";
-	let t7;
-	if ($[11] !== className || $[12] !== t5 || $[13] !== t6) {
-		t7 = require_cn.cn("inset-shadow-1-shadow flex justify-center rounded p-[2px] bg-surface-dim opacity-0 transition-opacity delay-300 data-hovering:opacity-100 data-hovering:delay-0 data-hovering:duration-75 data-scrolling:opacity-100 data-scrolling:delay-0 data-scrolling:duration-75 hover:cursor-pointer", t5, t6, className);
-		$[11] = className;
-		$[12] = t5;
-		$[13] = t6;
-		$[14] = t7;
-	} else t7 = $[14];
-	let t8;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_scroll_area.ScrollArea.Thumb, { className: "w-full h-full rounded-full bg-accent rounded-1" });
-		$[15] = t8;
-	} else t8 = $[15];
-	let t9;
-	if ($[16] !== orientation || $[17] !== t7) {
-		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_scroll_area.ScrollArea.Scrollbar, {
-			orientation,
-			className: t7,
-			children: t8
-		});
-		$[16] = orientation;
-		$[17] = t7;
-		$[18] = t9;
-	} else t9 = $[18];
-	let t10;
-	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_scroll_area.ScrollArea.Corner, {});
-		$[19] = t10;
-	} else t10 = $[19];
-	let t11;
-	if ($[20] !== props || $[21] !== ref || $[22] !== t3 || $[23] !== t4 || $[24] !== t9) {
-		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__base_ui_react_scroll_area.ScrollArea.Root, {
-			className: t3,
-			ref,
-			...props,
-			children: [
-				t4,
-				t9,
-				t10
-			]
-		});
-		$[20] = props;
-		$[21] = ref;
-		$[22] = t3;
-		$[23] = t4;
-		$[24] = t9;
-		$[25] = t11;
-	} else t11 = $[25];
-	return t11;
-};
-exports.ScrollArea = ScrollArea;

package/dist/scroll-area.js

@@ -1,97 +0,0 @@
-import { cn } from "./cn.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ScrollArea } from "@base-ui/react/scroll-area";
-const ScrollArea$1 = (t0) => {
-	const $ = c(26);
-	let children;
-	let className;
-	let props;
-	let ref;
-	let t1;
-	if ($[0] !== t0) {
-		({orientation: t1, className, children, 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 orientation = t1 === void 0 ? "vertical" : t1;
-	const t2 = orientation === "horizontal" && "h-full";
-	let t3;
-	if ($[6] !== className || $[7] !== t2) {
-		t3 = cn("h-[200px] rounded-lg bg-surface-container", t2, className);
-		$[6] = className;
-		$[7] = t2;
-		$[8] = t3;
-	} else t3 = $[8];
-	let t4;
-	if ($[9] !== children) {
-		t4 = /* @__PURE__ */ jsx(ScrollArea.Viewport, {
-			className: "h-full overscroll-contain flex flex-col gap-xs py-2xs pr-sm pl-sm prose-step-0",
-			children
-		});
-		$[9] = children;
-		$[10] = t4;
-	} else t4 = $[10];
-	const t5 = orientation === "vertical" && "w-2xs mr-2xs my-2xs";
-	const t6 = orientation === "horizontal" && "h-2xs flex-col mb-2xs mx-xs";
-	let t7;
-	if ($[11] !== className || $[12] !== t5 || $[13] !== t6) {
-		t7 = cn("inset-shadow-1-shadow flex justify-center rounded p-[2px] bg-surface-dim opacity-0 transition-opacity delay-300 data-hovering:opacity-100 data-hovering:delay-0 data-hovering:duration-75 data-scrolling:opacity-100 data-scrolling:delay-0 data-scrolling:duration-75 hover:cursor-pointer", t5, t6, className);
-		$[11] = className;
-		$[12] = t5;
-		$[13] = t6;
-		$[14] = t7;
-	} else t7 = $[14];
-	let t8;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx(ScrollArea.Thumb, { className: "w-full h-full rounded-full bg-accent rounded-1" });
-		$[15] = t8;
-	} else t8 = $[15];
-	let t9;
-	if ($[16] !== orientation || $[17] !== t7) {
-		t9 = /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
-			orientation,
-			className: t7,
-			children: t8
-		});
-		$[16] = orientation;
-		$[17] = t7;
-		$[18] = t9;
-	} else t9 = $[18];
-	let t10;
-	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ jsx(ScrollArea.Corner, {});
-		$[19] = t10;
-	} else t10 = $[19];
-	let t11;
-	if ($[20] !== props || $[21] !== ref || $[22] !== t3 || $[23] !== t4 || $[24] !== t9) {
-		t11 = /* @__PURE__ */ jsxs(ScrollArea.Root, {
-			className: t3,
-			ref,
-			...props,
-			children: [
-				t4,
-				t9,
-				t10
-			]
-		});
-		$[20] = props;
-		$[21] = ref;
-		$[22] = t3;
-		$[23] = t4;
-		$[24] = t9;
-		$[25] = t11;
-	} else t11 = $[25];
-	return t11;
-};
-export { ScrollArea$1 as ScrollArea };

package/dist/separator.cjs

@@ -1,45 +0,0 @@
-const require_cn = require("./cn.cjs");
-let react_compiler_runtime = require("react/compiler-runtime");
-let react_jsx_runtime = require("react/jsx-runtime");
-const Separator = (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)("div", {
-			className: t1,
-			ref,
-			...props,
-			children
-		});
-		$[7] = children;
-		$[8] = props;
-		$[9] = ref;
-		$[10] = t1;
-		$[11] = t2;
-	} else t2 = $[11];
-	return t2;
-};
-exports.Separator = Separator;