@slotted/react 0.1.0-beta.2 → 0.1.0-beta.3

package/dist/{segmented-control-Cy_5D3Nj.js → segmented-control-DmuOGiu6.js}

@@ -1,5 +1,5 @@
-import { b as e, f as t } from "./field-BJh5HI7w.js";
-import { r as n } from "./field-group-BDaspQPh.js";
+import { b as e, f as t } from "./field-NJaCxl2h.js";
+import { r as n } from "./field-group-hAzVa2O9.js";
 import { createControllable as r } from "@slotted/core/state";
 import { Children as i, createContext as a, isValidElement as o, useContext as s, useEffect as c, useId as l, useState as u } from "react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -50,7 +50,8 @@ var g = a({
 	condense: "none",
 	fullWidth: !1,
 	orientation: "horizontal",
-	size: "md"
+	size: "md",
+	variant: "track"
 });
 function _() {
 	return s(g);
@@ -62,7 +63,8 @@ function v({ children: e, ...t }) {
 			condense: t.condense ?? n.condense,
 			fullWidth: t.fullWidth ?? n.fullWidth,
 			orientation: t.orientation ?? n.orientation,
-			size: t.size ?? n.size
+			size: t.size ?? n.size,
+			variant: t.variant ?? n.variant
 		},
 		children: e
 	});
@@ -87,63 +89,65 @@ function x(e) {
 		e.type === (/* @__PURE__ */ f(d, {})).type && n !== void 0 && t.push(...x(n));
 	}), t;
 }
-function S({ "aria-describedby": i, "aria-invalid": a, "aria-orientation": o, "aria-readonly": s, "aria-required": d, children: m, className: h, condense: g, defaultValue: v, disabled: b, fullWidth: S, invalid: C, name: w, onValueChange: T, orientation: ee, readOnly: te, ref: ne, render: E, required: D, role: O, size: k, style: A, value: j, ...M }) {
-	let N = e(), P = n(), F = t(), I = _(), L = l(), [R, z] = u(v), B = j ?? R, V = k ?? N?.size ?? P?.size ?? I.size, H = ee ?? I.orientation, U = g ?? I.condense, W = S ?? I.fullWidth, G = b ?? N?.disabled ?? F.disabled, K = te ?? N?.readOnly ?? F.readOnly, q = C ?? N?.invalid, J = D ?? N?.required ?? P?.required, Y = O ?? (P === void 0 ? "radiogroup" : void 0), X = N?.registerControl;
+function S({ "aria-describedby": i, "aria-invalid": a, "aria-orientation": o, "aria-readonly": s, "aria-required": d, children: m, className: h, condense: g, defaultValue: v, disabled: b, fullWidth: S, invalid: C, name: w, onValueChange: T, orientation: E, readOnly: D, ref: O, render: k, required: A, role: ee, size: te, style: j, value: M, variant: N, ...P }) {
+	let F = e(), I = n(), L = t(), R = _(), ne = l(), [re, ie] = u(v), z = M ?? re, B = te ?? F?.size ?? I?.size ?? R.size, V = E ?? R.orientation, H = g ?? R.condense, U = N ?? R.variant, W = S ?? R.fullWidth, G = b ?? F?.disabled ?? L.disabled, K = D ?? F?.readOnly ?? L.readOnly, q = C ?? F?.invalid, J = A ?? F?.required ?? I?.required, Y = ee ?? (I === void 0 ? "radiogroup" : void 0), X = F?.registerControl;
 	c(() => X?.(), [X]);
-	let Z = x(m), Q = B === void 0 ? -1 : Z.indexOf(B), re = {
+	let Z = x(m), Q = z === void 0 ? -1 : Z.indexOf(z), ae = {
 		disabled: G,
 		invalid: q,
-		name: w ?? `slotted-segmented-control-${L}`,
+		name: w ?? `slotted-segmented-control-${ne}`,
 		readOnly: K,
 		required: J,
 		select: (e, t, n) => {
 			if (K === !0) return !1;
 			let i = !1, a = r({
-				controlled: j,
-				initial: B,
+				controlled: M,
+				initial: z,
 				onRequest: (e) => {
 					i = e.cancelled, e.value !== void 0 && T?.(e.value, e);
 				}
 			}).request(e, t, n);
-			return !i && (a && z(e), !0);
+			return !i && (a && ie(e), !0);
 		},
-		size: V,
-		value: B
+		size: B,
+		value: z
 	}, $ = {
-		...M,
-		"aria-describedby": [i, N?.describedBy].filter(Boolean).join(" ") || void 0,
+		...P,
+		"aria-describedby": [i, F?.describedBy].filter(Boolean).join(" ") || void 0,
 		"aria-invalid": a ?? (q === !0 || void 0),
-		"aria-orientation": o ?? (Y === "radiogroup" && H === "horizontal" ? "horizontal" : void 0),
+		"aria-labelledby": P["aria-labelledby"] ?? (Y !== void 0 && P["aria-label"] === void 0 ? F?.ids.label : void 0),
+		"aria-orientation": o ?? (Y === "radiogroup" && V === "horizontal" ? "horizontal" : void 0),
 		"aria-readonly": s ?? (K === !0 || void 0),
 		"aria-required": d ?? (J === !0 || void 0),
 		children: /* @__PURE__ */ p(y.Provider, {
-			value: re,
+			value: ae,
 			children: [Q < 0 ? null : /* @__PURE__ */ f("span", {
 				"aria-hidden": "true",
 				"data-part": "indicator"
 			}), m]
 		}),
 		className: h,
-		"data-condense": U,
+		"data-condense": H,
 		...G === !0 ? { "data-disabled": "" } : {},
 		...W ? { "data-full-width": "" } : {},
 		...q === !0 ? { "data-invalid": "" } : {},
-		"data-orientation": H,
+		"data-orientation": V,
 		"data-part": "root",
 		...K === !0 ? { "data-readonly": "" } : {},
-		"data-size": V,
+		"data-size": B,
 		"data-ui": "segmented-control",
+		"data-variant": U,
 		role: Y,
 		style: {
-			...A,
+			...j,
 			"--slotted-segmented-control-count": Z.length,
 			...Q < 0 ? {} : { "--slotted-segmented-control-index": Q }
 		}
 	};
-	return E === void 0 ? /* @__PURE__ */ f("div", {
+	return k === void 0 ? /* @__PURE__ */ f("div", {
 		...$,
-		ref: ne
-	}) : E($);
+		ref: O
+	}) : k($);
 }
 //#endregion
 export { h as a, _ as i, b as n, v as r, S as t };

package/dist/segmented-control.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./segmented-control-Cy_5D3Nj.js";
+import { a as e, i as t, n, r, t as i } from "./segmented-control-DmuOGiu6.js";
 export { e as Segment, i as SegmentedControl, r as SegmentedControlDefaultsProvider, n as useSegmentedControl, t as useSegmentedControlDefaults };