strata-ui-react 0.1.10 → 0.1.12

package/dist/avatar-fallback.cjs

@@ -0,0 +1,42 @@
+const require_cn = require("./cn.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let __base_ui_react_avatar = require("@base-ui/react/avatar");
+let react_jsx_runtime = require("react/jsx-runtime");
+const AvatarFallback = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = require_cn.cn("flex size-full items-center justify-center", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_avatar.Avatar.Fallback, {
+			"data-slot": "avatar-fallback",
+			className: t1,
+			ref,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+};
+exports.AvatarFallback = AvatarFallback;

package/dist/avatar-fallback.js

@@ -0,0 +1,42 @@
+import { cn } from "./cn.js";
+import { c } from "react/compiler-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+import { jsx } from "react/jsx-runtime";
+const AvatarFallback = (t0) => {
+	const $ = c(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("flex size-full items-center justify-center", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Avatar.Fallback, {
+			"data-slot": "avatar-fallback",
+			className: t1,
+			ref,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+};
+export { AvatarFallback };

package/dist/avatar-image.cjs

@@ -0,0 +1,42 @@
+const require_cn = require("./cn.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let __base_ui_react_avatar = require("@base-ui/react/avatar");
+let react_jsx_runtime = require("react/jsx-runtime");
+const AvatarImage = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = require_cn.cn("size-full object-cover", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_avatar.Avatar.Image, {
+			"data-slot": "avatar-image",
+			className: t1,
+			ref,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+};
+exports.AvatarImage = AvatarImage;

package/dist/avatar-image.js

@@ -0,0 +1,42 @@
+import { cn } from "./cn.js";
+import { c } from "react/compiler-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+import { jsx } from "react/jsx-runtime";
+const AvatarImage = (t0) => {
+	const $ = c(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("size-full object-cover", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Avatar.Image, {
+			"data-slot": "avatar-image",
+			className: t1,
+			ref,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+};
+export { AvatarImage };

package/dist/avatar.cjs

@@ -0,0 +1,47 @@
+const require_cn = require("./cn.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let __base_ui_react_avatar = require("@base-ui/react/avatar");
+let react_jsx_runtime = require("react/jsx-runtime");
+const Avatar = (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("inline-flex size-xl items-center justify-center overflow-hidden rounded-full bg-surface-container align-middle font-medium select-none raised-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_avatar.Avatar.Root, {
+			"data-slot": "avatar",
+			className: t1,
+			ref,
+			...props,
+			children
+		});
+		$[7] = children;
+		$[8] = props;
+		$[9] = ref;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
+};
+exports.Avatar = Avatar;

package/dist/avatar.js

@@ -0,0 +1,47 @@
+import { cn } from "./cn.js";
+import { c } from "react/compiler-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+import { jsx } from "react/jsx-runtime";
+const Avatar$1 = (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("inline-flex size-xl items-center justify-center overflow-hidden rounded-full bg-surface-container align-middle font-medium select-none raised-2", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== children || $[8] !== props || $[9] !== ref || $[10] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Avatar.Root, {
+			"data-slot": "avatar",
+			className: t1,
+			ref,
+			...props,
+			children
+		});
+		$[7] = children;
+		$[8] = props;
+		$[9] = ref;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
+};
+export { Avatar$1 as Avatar };

package/dist/badge.cjs

@@ -0,0 +1,63 @@
+const require_cn = require("./cn.cjs");
+const require_badge_types = require("./badge.types.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+const Badge = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(18);
+	let children;
+	let className;
+	let props;
+	let radius;
+	let ref;
+	let style;
+	let tone;
+	if ($[0] !== t0) {
+		({className, tone, style, radius, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = radius;
+		$[5] = ref;
+		$[6] = style;
+		$[7] = tone;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		radius = $[4];
+		ref = $[5];
+		style = $[6];
+		tone = $[7];
+	}
+	let t1;
+	if ($[8] !== className || $[9] !== radius || $[10] !== style || $[11] !== tone) {
+		t1 = require_cn.cn(require_badge_types.badgeVariants({
+			className,
+			tone,
+			style,
+			radius
+		}));
+		$[8] = className;
+		$[9] = radius;
+		$[10] = style;
+		$[11] = tone;
+		$[12] = t1;
+	} else t1 = $[12];
+	let t2;
+	if ($[13] !== children || $[14] !== props || $[15] !== ref || $[16] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: t1,
+			ref,
+			...props,
+			children
+		});
+		$[13] = children;
+		$[14] = props;
+		$[15] = ref;
+		$[16] = t1;
+		$[17] = t2;
+	} else t2 = $[17];
+	return t2;
+};
+exports.Badge = Badge;

package/dist/badge.js

@@ -0,0 +1,63 @@
+import { cn } from "./cn.js";
+import { badgeVariants } from "./badge.types.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+const Badge = (t0) => {
+	const $ = c(18);
+	let children;
+	let className;
+	let props;
+	let radius;
+	let ref;
+	let style;
+	let tone;
+	if ($[0] !== t0) {
+		({className, tone, style, radius, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = radius;
+		$[5] = ref;
+		$[6] = style;
+		$[7] = tone;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		radius = $[4];
+		ref = $[5];
+		style = $[6];
+		tone = $[7];
+	}
+	let t1;
+	if ($[8] !== className || $[9] !== radius || $[10] !== style || $[11] !== tone) {
+		t1 = cn(badgeVariants({
+			className,
+			tone,
+			style,
+			radius
+		}));
+		$[8] = className;
+		$[9] = radius;
+		$[10] = style;
+		$[11] = tone;
+		$[12] = t1;
+	} else t1 = $[12];
+	let t2;
+	if ($[13] !== children || $[14] !== props || $[15] !== ref || $[16] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			ref,
+			...props,
+			children
+		});
+		$[13] = children;
+		$[14] = props;
+		$[15] = ref;
+		$[16] = t1;
+		$[17] = t2;
+	} else t2 = $[17];
+	return t2;
+};
+export { Badge };

package/dist/badge.types.cjs

@@ -0,0 +1,100 @@
+let class_variance_authority = require("class-variance-authority");
+const badgeVariants = (0, class_variance_authority.cva)("inline-flex items-center justify-center whitespace-nowrap select-none transition-all px-xs py-3xs gap-3xs font-medium", {
+	variants: {
+		tone: {
+			primary: "",
+			secondary: "",
+			tertiary: "",
+			neutral: "",
+			error: "",
+			success: "",
+			warning: ""
+		},
+		style: {
+			solid: "raised-1",
+			outline: "bg-transparent outline outline-2"
+		},
+		radius: {
+			rounded: "rounded-lg",
+			circle: "rounded-full"
+		}
+	},
+	defaultVariants: {
+		tone: "neutral",
+		style: "solid",
+		radius: "rounded"
+	},
+	compoundVariants: [
+		{
+			tone: "primary",
+			style: "solid",
+			className: "bg-primary text-on-primary"
+		},
+		{
+			tone: "primary",
+			style: "outline",
+			className: "outline-primary text-primary"
+		},
+		{
+			tone: "secondary",
+			style: "solid",
+			className: "bg-secondary text-on-secondary"
+		},
+		{
+			tone: "secondary",
+			style: "outline",
+			className: "outline-secondary text-secondary"
+		},
+		{
+			tone: "tertiary",
+			style: "solid",
+			className: "bg-tertiary text-on-tertiary"
+		},
+		{
+			tone: "tertiary",
+			style: "outline",
+			className: "outline-tertiary text-tertiary"
+		},
+		{
+			tone: "neutral",
+			style: "solid",
+			className: "bg-surface-container"
+		},
+		{
+			tone: "neutral",
+			style: "outline",
+			className: "outline-on-surface text-on-surface"
+		},
+		{
+			tone: "error",
+			style: "solid",
+			className: "bg-error text-on-error"
+		},
+		{
+			tone: "error",
+			style: "outline",
+			className: "outline-error text-error"
+		},
+		{
+			tone: "success",
+			style: "solid",
+			className: "bg-success text-on-success"
+		},
+		{
+			tone: "success",
+			style: "outline",
+			className: "outline-success text-success"
+		},
+		{
+			tone: "warning",
+			style: "solid",
+			className: "bg-warning text-on-warning"
+		},
+		{
+			tone: "warning",
+			style: "outline",
+			className: "outline-warning text-warning"
+		}
+	]
+});
+exports.badgeVariants = badgeVariants;

package/dist/badge.types.js

@@ -0,0 +1,100 @@
+import { cva } from "class-variance-authority";
+const badgeVariants = cva("inline-flex items-center justify-center whitespace-nowrap select-none transition-all px-xs py-3xs gap-3xs font-medium", {
+	variants: {
+		tone: {
+			primary: "",
+			secondary: "",
+			tertiary: "",
+			neutral: "",
+			error: "",
+			success: "",
+			warning: ""
+		},
+		style: {
+			solid: "raised-1",
+			outline: "bg-transparent outline outline-2"
+		},
+		radius: {
+			rounded: "rounded-lg",
+			circle: "rounded-full"
+		}
+	},
+	defaultVariants: {
+		tone: "neutral",
+		style: "solid",
+		radius: "rounded"
+	},
+	compoundVariants: [
+		{
+			tone: "primary",
+			style: "solid",
+			className: "bg-primary text-on-primary"
+		},
+		{
+			tone: "primary",
+			style: "outline",
+			className: "outline-primary text-primary"
+		},
+		{
+			tone: "secondary",
+			style: "solid",
+			className: "bg-secondary text-on-secondary"
+		},
+		{
+			tone: "secondary",
+			style: "outline",
+			className: "outline-secondary text-secondary"
+		},
+		{
+			tone: "tertiary",
+			style: "solid",
+			className: "bg-tertiary text-on-tertiary"
+		},
+		{
+			tone: "tertiary",
+			style: "outline",
+			className: "outline-tertiary text-tertiary"
+		},
+		{
+			tone: "neutral",
+			style: "solid",
+			className: "bg-surface-container"
+		},
+		{
+			tone: "neutral",
+			style: "outline",
+			className: "outline-on-surface text-on-surface"
+		},
+		{
+			tone: "error",
+			style: "solid",
+			className: "bg-error text-on-error"
+		},
+		{
+			tone: "error",
+			style: "outline",
+			className: "outline-error text-error"
+		},
+		{
+			tone: "success",
+			style: "solid",
+			className: "bg-success text-on-success"
+		},
+		{
+			tone: "success",
+			style: "outline",
+			className: "outline-success text-success"
+		},
+		{
+			tone: "warning",
+			style: "solid",
+			className: "bg-warning text-on-warning"
+		},
+		{
+			tone: "warning",
+			style: "outline",
+			className: "outline-warning text-warning"
+		}
+	]
+});
+export { badgeVariants };

package/dist/button.cjs

@@ -0,0 +1,58 @@
+const require_cn = require("./cn.cjs");
+const require_button_types = require("./button.types.cjs");
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+function Button(t0) {
+	const $ = (0, react_compiler_runtime.c)(16);
+	let children;
+	let className;
+	let props;
+	let size;
+	let style;
+	let tone;
+	if ($[0] !== t0) {
+		({className, children, tone, style, size, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = size;
+		$[5] = style;
+		$[6] = tone;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		size = $[4];
+		style = $[5];
+		tone = $[6];
+	}
+	let t1;
+	if ($[7] !== className || $[8] !== size || $[9] !== style || $[10] !== tone) {
+		t1 = require_cn.cn(require_button_types.buttonVariants({
+			tone,
+			style,
+			size,
+			className
+		}));
+		$[7] = className;
+		$[8] = size;
+		$[9] = style;
+		$[10] = tone;
+		$[11] = t1;
+	} else t1 = $[11];
+	let t2;
+	if ($[12] !== children || $[13] !== props || $[14] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			className: t1,
+			...props,
+			children
+		});
+		$[12] = children;
+		$[13] = props;
+		$[14] = t1;
+		$[15] = t2;
+	} else t2 = $[15];
+	return t2;
+}
+exports.Button = Button;

package/dist/button.js

@@ -0,0 +1,58 @@
+import { cn } from "./cn.js";
+import { buttonVariants } from "./button.types.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+function Button(t0) {
+	const $ = c(16);
+	let children;
+	let className;
+	let props;
+	let size;
+	let style;
+	let tone;
+	if ($[0] !== t0) {
+		({className, children, tone, style, size, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = size;
+		$[5] = style;
+		$[6] = tone;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		size = $[4];
+		style = $[5];
+		tone = $[6];
+	}
+	let t1;
+	if ($[7] !== className || $[8] !== size || $[9] !== style || $[10] !== tone) {
+		t1 = cn(buttonVariants({
+			tone,
+			style,
+			size,
+			className
+		}));
+		$[7] = className;
+		$[8] = size;
+		$[9] = style;
+		$[10] = tone;
+		$[11] = t1;
+	} else t1 = $[11];
+	let t2;
+	if ($[12] !== children || $[13] !== props || $[14] !== t1) {
+		t2 = /* @__PURE__ */ jsx("button", {
+			className: t1,
+			...props,
+			children
+		});
+		$[12] = children;
+		$[13] = props;
+		$[14] = t1;
+		$[15] = t2;
+	} else t2 = $[15];
+	return t2;
+}
+export { Button };