@forte-ui/react 1.0.0-alpha.1

package/dist/Progress-BlomDp-X.js

@@ -0,0 +1,81 @@
+"use client";
+import { t as e } from "./clsx-By2n9mTe.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Progress as r } from "@base-ui/react/progress";
+import './styles/Progress.css';var i = {
+	root: "_root_mpaq0_51",
+	label: "_label_mpaq0_182",
+	value: "_value_mpaq0_190",
+	track: "_track_mpaq0_15",
+	indicator: "_indicator_mpaq0_219",
+	"forte-progress-sweep": "_forte-progress-sweep_mpaq0_1",
+	"forte-progress-breathe": "_forte-progress-breathe_mpaq0_1"
+}, a = t.createContext({
+	size: "md",
+	tone: "primary"
+}), o = t.forwardRef(function({ size: o = "md", tone: s = "primary", className: c, ...l }, u) {
+	let d = t.useMemo(() => ({
+		size: o,
+		tone: s
+	}), [o, s]);
+	return /* @__PURE__ */ n(a.Provider, {
+		value: d,
+		children: /* @__PURE__ */ n(r.Root, {
+			ref: u,
+			className: e(i.root, c),
+			"data-forte": "progress",
+			"data-size": o,
+			"data-tone": s,
+			...l
+		})
+	});
+}), s = t.forwardRef(function({ className: o, ...s }, c) {
+	let { size: l, tone: u } = t.useContext(a);
+	return /* @__PURE__ */ n(r.Label, {
+		ref: c,
+		className: e(i.label, o),
+		"data-forte": "progress-label",
+		"data-size": l,
+		"data-tone": u,
+		...s
+	});
+}), c = t.forwardRef(function({ className: o, ...s }, c) {
+	let { size: l, tone: u } = t.useContext(a);
+	return /* @__PURE__ */ n(r.Value, {
+		ref: c,
+		className: e(i.value, o),
+		"data-forte": "progress-value",
+		"data-size": l,
+		"data-tone": u,
+		...s
+	});
+}), l = t.forwardRef(function({ className: o, ...s }, c) {
+	let { size: l, tone: u } = t.useContext(a);
+	return /* @__PURE__ */ n(r.Track, {
+		ref: c,
+		className: e(i.track, o),
+		"data-forte": "progress-track",
+		"data-size": l,
+		"data-tone": u,
+		...s
+	});
+}), u = t.forwardRef(function({ className: o, ...s }, c) {
+	let { size: l, tone: u } = t.useContext(a);
+	return /* @__PURE__ */ n(r.Indicator, {
+		ref: c,
+		className: e(i.indicator, o),
+		"data-forte": "progress-indicator",
+		"data-size": l,
+		"data-tone": u,
+		...s
+	});
+}), d = {
+	Root: o,
+	Label: s,
+	Value: c,
+	Track: l,
+	Indicator: u
+};
+//#endregion
+export { l as a, o as i, u as n, c as o, s as r, d as t };

package/dist/ProgressCircle-j6XBl0fk.js

@@ -0,0 +1,112 @@
+"use client";
+import { t as e } from "./clsx-By2n9mTe.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Progress as i } from "@base-ui/react/progress";
+import './styles/ProgressCircle.css';var a = {
+	root: "_root_v65lk_43",
+	track: "_track_v65lk_171",
+	rail: "_rail_v65lk_194",
+	indicator: "_indicator_v65lk_195",
+	"forte-progress-circle-spin": "_forte-progress-circle-spin_v65lk_1",
+	"forte-progress-circle-breathe": "_forte-progress-circle-breathe_v65lk_1",
+	value: "_value_v65lk_247",
+	label: "_label_v65lk_260"
+}, o = t.createContext({
+	size: "md",
+	tone: "primary"
+});
+function s(e, t, n) {
+	if (e == null || !Number.isFinite(e)) return null;
+	let r = (e - t) * 100 / (n - t);
+	return Math.min(100, Math.max(0, Number.isNaN(r) ? 0 : r));
+}
+var c = t.forwardRef(function({ size: r = "md", tone: c = "primary", value: l, min: u = 0, max: d = 100, className: f, style: p, ...m }, h) {
+	let g = t.useMemo(() => ({
+		size: r,
+		tone: c
+	}), [r, c]), _ = s(l, u, d);
+	return /* @__PURE__ */ n(o.Provider, {
+		value: g,
+		children: /* @__PURE__ */ n(i.Root, {
+			ref: h,
+			className: e(a.root, f),
+			"data-forte": "progress-circle",
+			"data-size": r,
+			"data-tone": c,
+			value: l,
+			min: u,
+			max: d,
+			style: (e) => ({
+				"--forte-progress-circle-percent": _ ?? 0,
+				...typeof p == "function" ? p(e) : p
+			}),
+			...m
+		})
+	});
+}), l = t.forwardRef(function({ className: s, children: c, ...l }, u) {
+	let { size: d, tone: f } = t.useContext(o);
+	return /* @__PURE__ */ r(i.Track, {
+		ref: u,
+		render: /* @__PURE__ */ n("svg", {
+			viewBox: "0 0 100 100",
+			"aria-hidden": "true"
+		}),
+		className: e(a.track, s),
+		"data-forte": "progress-circle-track",
+		"data-size": d,
+		"data-tone": f,
+		...l,
+		children: [/* @__PURE__ */ n("circle", {
+			className: a.rail,
+			"data-forte": "progress-circle-rail",
+			cx: "50",
+			cy: "50",
+			r: "46"
+		}), c]
+	});
+}), u = t.forwardRef(function({ className: r, ...s }, c) {
+	let { size: l, tone: u } = t.useContext(o);
+	return /* @__PURE__ */ n(i.Indicator, {
+		ref: c,
+		render: /* @__PURE__ */ n("circle", {
+			cx: "50",
+			cy: "50",
+			r: "46",
+			pathLength: "100"
+		}),
+		className: e(a.indicator, r),
+		"data-forte": "progress-circle-indicator",
+		"data-size": l,
+		"data-tone": u,
+		...s
+	});
+}), d = t.forwardRef(function({ className: r, ...s }, c) {
+	let { size: l, tone: u } = t.useContext(o);
+	return /* @__PURE__ */ n(i.Value, {
+		ref: c,
+		className: e(a.value, r),
+		"data-forte": "progress-circle-value",
+		"data-size": l,
+		"data-tone": u,
+		...s
+	});
+}), f = t.forwardRef(function({ className: r, ...s }, c) {
+	let { size: l, tone: u } = t.useContext(o);
+	return /* @__PURE__ */ n(i.Label, {
+		ref: c,
+		className: e(a.label, r),
+		"data-forte": "progress-circle-label",
+		"data-size": l,
+		"data-tone": u,
+		...s
+	});
+}), p = {
+	Root: c,
+	Track: l,
+	Indicator: u,
+	Value: d,
+	Label: f
+};
+//#endregion
+export { l as a, c as i, u as n, d as o, f as r, p as t };

package/dist/Radio-BIcX4INJ.js

@@ -0,0 +1,37 @@
+"use client";
+import { t as e } from "./clsx-By2n9mTe.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Radio as n } from "@base-ui/react/radio";
+import { RadioGroup as r } from "@base-ui/react/radio-group";
+import './styles/Radio.css';var i = {
+	root: "_root_50sa5_20",
+	indicator: "_indicator_50sa5_200",
+	group: "_group_50sa5_244"
+};
+//#endregion
+//#region src/components/radio/Radio.tsx
+function a({ size: r = "md", tone: a = "primary", indicatorClassName: o, className: s, ...c }) {
+	return /* @__PURE__ */ t(n.Root, {
+		className: e(i.root, "forte-target", "forte-focus-ring", s),
+		"data-forte": "radio",
+		"data-size": r,
+		"data-tone": a,
+		...c,
+		children: /* @__PURE__ */ t(n.Indicator, {
+			keepMounted: !0,
+			className: e(i.indicator, o),
+			"data-forte": "radio-indicator"
+		})
+	});
+}
+function o({ orientation: n = "vertical", className: a, ...o }) {
+	return /* @__PURE__ */ t(r, {
+		className: e(i.group, a),
+		"data-forte": "radio-group",
+		"data-orientation": n,
+		...o
+	});
+}
+//#endregion
+export { o as n, a as t };