@slotted/react 0.1.0-beta.1 → 0.1.0-beta.11

package/dist/section-Be7dX9MC.js

@@ -1,176 +0,0 @@
-import { i as e, r as t } from "./typography-B2iaigEC.js";
-import { createContext as n, useContext as r, useEffect as i, useId as a, useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-//#region src/section/section-defaults.tsx
-var c = n({
-	divider: !1,
-	ground: "none",
-	size: "md",
-	sticky: !1
-});
-function l() {
-	return r(c);
-}
-function u({ children: e, ...t }) {
-	let n = l();
-	return /* @__PURE__ */ s(c.Provider, {
-		value: {
-			divider: t.divider ?? n.divider,
-			ground: t.ground ?? n.ground,
-			size: t.size ?? n.size,
-			sticky: t.sticky ?? n.sticky
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/section/section.tsx
-var d = n(void 0);
-function f() {
-	let e = r(d);
-	if (e === void 0) throw Error("A Section part must be rendered inside Section.");
-	return e;
-}
-var p = "--slotted-section-header-size";
-function m({ children: t, className: n, divider: r, ground: c, id: u, level: f, ref: m, render: h, size: g, sticky: _, style: v, ...y }) {
-	let b = l(), x = e(), S = a(), [C, w] = o(!1), [T, E] = o(null), D = r ?? b.divider, O = c ?? b.ground, k = g ?? b.size, A = _ ?? b.sticky, j = f === void 0 || f === "auto" ? x : Number(f), M = u ?? `${S}section`, N = {
-		headingId: `${M}-heading`,
-		level: j,
-		registerHeading: w,
-		registerHeader: E
-	};
-	i(() => {
-		let e = T?.parentElement;
-		if (!A || !T || !e) return;
-		let t = () => e.style.setProperty(p, `${Math.ceil(T.getBoundingClientRect().height || T.offsetHeight)}px`);
-		if (t(), typeof ResizeObserver > "u") return () => e.style.removeProperty(p);
-		let n = new ResizeObserver(t);
-		return n.observe(T), () => {
-			n.disconnect(), e.style.removeProperty(p);
-		};
-	}, [T, A]);
-	let P = {
-		...y,
-		...C ? { "aria-labelledby": N.headingId } : {},
-		children: t,
-		className: n,
-		...D ? { "data-divider": "" } : {},
-		"data-ground": O,
-		"data-level": String(j),
-		"data-part": "root",
-		"data-size": k,
-		...A ? { "data-sticky": "" } : {},
-		"data-ui": "section",
-		id: M,
-		style: v
-	};
-	return /* @__PURE__ */ s(d.Provider, {
-		value: N,
-		children: h === void 0 ? /* @__PURE__ */ s("section", {
-			...P,
-			ref: m
-		}) : h(P)
-	});
-}
-//#endregion
-//#region src/section/section-parts.tsx
-function h(e, t) {
-	function n({ children: t, className: n, ref: r, render: i, style: a, ...o }) {
-		let c = {
-			...o,
-			children: t,
-			className: n,
-			"data-part": e,
-			style: a
-		};
-		return i === void 0 ? /* @__PURE__ */ s("div", {
-			...c,
-			ref: r
-		}) : i(c);
-	}
-	return n.displayName = t, n;
-}
-function g({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let { registerHeader: o } = f(), c = (e) => {
-		o(e);
-		let t = e;
-		typeof n == "function" ? n(t) : n && (n.current = t);
-	}, l = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "header",
-		style: i
-	};
-	return r === void 0 ? /* @__PURE__ */ s("div", {
-		...l,
-		ref: c
-	}) : r({
-		...l,
-		ref: c
-	});
-}
-var _ = h("title", "SectionTitle"), v = h("actions", "SectionActions");
-function y({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "eyebrow",
-		style: i
-	};
-	return r === void 0 ? /* @__PURE__ */ s("span", {
-		...o,
-		ref: n
-	}) : r(o);
-}
-function b({ children: e, className: t, ref: n, render: r, style: a, ...o }) {
-	let { headingId: c, level: l, registerHeading: u } = f();
-	i(() => (u(!0), () => u(!1)), [u]);
-	let d = {
-		...o,
-		children: e,
-		className: t,
-		"data-part": "heading",
-		id: c,
-		style: a
-	};
-	if (r !== void 0) return r({
-		...d,
-		role: "heading",
-		"aria-level": l
-	});
-	let p = `h${l}`;
-	return /* @__PURE__ */ s(p, {
-		...d,
-		ref: n
-	});
-}
-function x({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: e,
-		className: t,
-		"data-part": "description",
-		style: i
-	};
-	return r === void 0 ? /* @__PURE__ */ s("p", {
-		...o,
-		ref: n
-	}) : r(o);
-}
-function S({ children: e, className: n, ref: r, render: i, style: a, ...o }) {
-	let c = {
-		...o,
-		children: /* @__PURE__ */ s(t, { children: e }),
-		className: n,
-		"data-part": "body",
-		style: a
-	};
-	return i === void 0 ? /* @__PURE__ */ s("div", {
-		...c,
-		ref: r
-	}) : i(c);
-}
-//#endregion
-export { g as a, p as c, u as d, l as f, y as i, m as l, S as n, b as o, x as r, _ as s, v as t, f as u };

package/dist/segmented-control-Cy_5D3Nj.js

@@ -1,149 +0,0 @@
-import { b as e, f as t } from "./field-BJh5HI7w.js";
-import { r as n } from "./field-group-BDaspQPh.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";
-//#region src/segmented-control/segmented-control-parts.tsx
-function m(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-function h({ "aria-describedby": e, children: t, className: n, disabled: r, icon: i, id: a, onChange: o, onClick: s, ref: c, render: u, style: h, value: g, ..._ }) {
-	let v = b(), y = l(), x = a ?? `slotted-segment-${y}`, S = v.value === g, C = r ?? v.disabled, w = {
-		children: /* @__PURE__ */ p(d, { children: [
-			/* @__PURE__ */ f("input", {
-				..._,
-				"aria-describedby": e,
-				checked: S,
-				"data-part": "control",
-				disabled: C,
-				id: x,
-				name: v.name,
-				onChange: o ?? (() => void 0),
-				onClick: (e) => {
-					s?.(e), !e.defaultPrevented && (v.select(g, m(e), e) || e.preventDefault());
-				},
-				ref: c,
-				type: "radio",
-				value: g
-			}),
-			i === void 0 ? null : /* @__PURE__ */ f("span", {
-				"aria-hidden": "true",
-				"data-part": "icon",
-				children: i
-			}),
-			t === void 0 ? null : /* @__PURE__ */ f("span", {
-				"data-part": "label",
-				children: t
-			})
-		] }),
-		className: n,
-		...S ? { "data-checked": "" } : {},
-		...C === !0 ? { "data-disabled": "" } : {},
-		"data-part": "item",
-		style: h
-	};
-	return u === void 0 ? /* @__PURE__ */ f("label", { ...w }) : u(w);
-}
-//#endregion
-//#region src/segmented-control/segmented-control-defaults.tsx
-var g = a({
-	condense: "none",
-	fullWidth: !1,
-	orientation: "horizontal",
-	size: "md"
-});
-function _() {
-	return s(g);
-}
-function v({ children: e, ...t }) {
-	let n = _();
-	return /* @__PURE__ */ f(g.Provider, {
-		value: {
-			condense: t.condense ?? n.condense,
-			fullWidth: t.fullWidth ?? n.fullWidth,
-			orientation: t.orientation ?? n.orientation,
-			size: t.size ?? n.size
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/segmented-control/segmented-control.tsx
-var y = a(void 0);
-function b() {
-	let e = s(y);
-	if (e === void 0) throw Error("Segment must be rendered inside a SegmentedControl.");
-	return e;
-}
-function x(e) {
-	let t = [];
-	return i.forEach(e, (e) => {
-		if (!o(e)) return;
-		if (e.type === h) {
-			t.push(e.props.value);
-			return;
-		}
-		let n = e.props.children;
-		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;
-	c(() => X?.(), [X]);
-	let Z = x(m), Q = B === void 0 ? -1 : Z.indexOf(B), re = {
-		disabled: G,
-		invalid: q,
-		name: w ?? `slotted-segmented-control-${L}`,
-		readOnly: K,
-		required: J,
-		select: (e, t, n) => {
-			if (K === !0) return !1;
-			let i = !1, a = r({
-				controlled: j,
-				initial: B,
-				onRequest: (e) => {
-					i = e.cancelled, e.value !== void 0 && T?.(e.value, e);
-				}
-			}).request(e, t, n);
-			return !i && (a && z(e), !0);
-		},
-		size: V,
-		value: B
-	}, $ = {
-		...M,
-		"aria-describedby": [i, N?.describedBy].filter(Boolean).join(" ") || void 0,
-		"aria-invalid": a ?? (q === !0 || void 0),
-		"aria-orientation": o ?? (Y === "radiogroup" && H === "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,
-			children: [Q < 0 ? null : /* @__PURE__ */ f("span", {
-				"aria-hidden": "true",
-				"data-part": "indicator"
-			}), m]
-		}),
-		className: h,
-		"data-condense": U,
-		...G === !0 ? { "data-disabled": "" } : {},
-		...W ? { "data-full-width": "" } : {},
-		...q === !0 ? { "data-invalid": "" } : {},
-		"data-orientation": H,
-		"data-part": "root",
-		...K === !0 ? { "data-readonly": "" } : {},
-		"data-size": V,
-		"data-ui": "segmented-control",
-		role: Y,
-		style: {
-			...A,
-			"--slotted-segmented-control-count": Z.length,
-			...Q < 0 ? {} : { "--slotted-segmented-control-index": Q }
-		}
-	};
-	return E === void 0 ? /* @__PURE__ */ f("div", {
-		...$,
-		ref: ne
-	}) : E($);
-}
-//#endregion
-export { h as a, _ as i, b as n, v as r, S as t };