@proyecto-viviana/solidaria-components 0.3.1 → 0.4.0

package/dist/ProgressBar.js

@@ -0,0 +1,130 @@
+import { filterDOMProps, useRenderProps } from "./utils.js";
+import { getNextElement, insert, mergeProps, runHydrationEvents, spread, template } from "solid-js/web";
+import { createContext, createMemo, mergeProps as mergeProps$1, splitProps, useContext } from "solid-js";
+import { createProgressBar } from "@proyecto-viviana/solidaria";
+//#region src/ProgressBar.tsx
+/**
+* ProgressBar component for solidaria-components
+*
+* Pre-wired headless progress bar component that combines aria hooks.
+* Port of react-aria-components/src/ProgressBar.tsx
+*/
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+const ProgressBarContext = createContext(null);
+function clamp(value, min, max) {
+	return Math.min(Math.max(value, min), max);
+}
+function getSafeRange(min, max) {
+	const range = max - min;
+	return Number.isFinite(range) && range > 0 ? range : 1;
+}
+/**
+* Progress bars show either determinate or indeterminate progress of an operation
+* over time.
+*
+* @example
+* ```tsx
+* <ProgressBar value={50}>
+*   {({ percentage, valueText }) => (
+*     <>
+*       <Label>Loading...</Label>
+*       <span>{valueText}</span>
+*       <div class="bar" style={{ width: `${percentage}%` }} />
+*     </>
+*   )}
+* </ProgressBar>
+* ```
+*/
+function ProgressBar(props) {
+	const contextProps = useContext(ProgressBarContext);
+	const [local, ariaProps] = splitProps(contextProps ? mergeProps$1(contextProps, props) : props, [
+		"children",
+		"class",
+		"style",
+		"slot"
+	]);
+	const value = () => ariaProps.value ?? 0;
+	const minValue = () => ariaProps.minValue ?? 0;
+	const maxValue = () => ariaProps.maxValue ?? 100;
+	const isIndeterminate = () => ariaProps.isIndeterminate ?? false;
+	const progressAria = createProgressBar({
+		get id() {
+			return ariaProps.id;
+		},
+		get value() {
+			return ariaProps.value;
+		},
+		get minValue() {
+			return ariaProps.minValue;
+		},
+		get maxValue() {
+			return ariaProps.maxValue;
+		},
+		get valueLabel() {
+			return ariaProps.valueLabel;
+		},
+		get isIndeterminate() {
+			return ariaProps.isIndeterminate;
+		},
+		get formatOptions() {
+			return ariaProps.formatOptions;
+		},
+		get label() {
+			return ariaProps.label;
+		},
+		get "aria-label"() {
+			return ariaProps["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return ariaProps["aria-labelledby"];
+		},
+		get "aria-describedby"() {
+			return ariaProps["aria-describedby"];
+		},
+		get "aria-details"() {
+			return ariaProps["aria-details"];
+		}
+	});
+	const percentage = createMemo(() => {
+		if (isIndeterminate()) return;
+		return (clamp(value(), minValue(), maxValue()) - minValue()) / getSafeRange(minValue(), maxValue()) * 100;
+	});
+	const valueText = createMemo(() => {
+		return progressAria.progressBarProps["aria-valuetext"];
+	});
+	const renderValues = createMemo(() => ({
+		percentage: percentage(),
+		valueText: valueText(),
+		isIndeterminate: isIndeterminate()
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-ProgressBar"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));
+	return (() => {
+		var _el$ = getNextElement(_tmpl$);
+		spread(_el$, mergeProps(domProps, () => progressAria.progressBarProps, {
+			get ["class"]() {
+				return renderProps.class();
+			},
+			get style() {
+				return renderProps.style();
+			},
+			get slot() {
+				return local.slot;
+			}
+		}), false, true);
+		insert(_el$, () => renderProps.renderChildren());
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+//#endregion
+export { ProgressBar, ProgressBarContext };
+
+//# sourceMappingURL=ProgressBar.js.map

package/dist/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","names":["JSX","createContext","createMemo","mergeProps","splitProps","useContext","createProgressBar","AriaProgressBarProps","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","ProgressBarRenderProps","percentage","valueText","isIndeterminate","ProgressBarProps","id","children","class","style","ProgressBarContext","clamp","value","min","max","Math","getSafeRange","range","Number","isFinite","ProgressBar","props","Element","contextProps","mergedProps","local","ariaProps","minValue","maxValue","progressAria","valueLabel","formatOptions","label","aria-label","aria-labelledby","aria-describedby","aria-details","undefined","clampedValue","progressBarProps","renderValues","renderProps","defaultClassName","domProps","global","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","slot","_$insert","renderChildren","_$runHydrationEvents"],"sources":["../src/ProgressBar.tsx"],"sourcesContent":["/**\n * ProgressBar component for solidaria-components\n *\n * Pre-wired headless progress bar component that combines aria hooks.\n * Port of react-aria-components/src/ProgressBar.tsx\n */\n\nimport { type JSX, createContext, createMemo, mergeProps, splitProps, useContext } from \"solid-js\";\nimport { createProgressBar, type AriaProgressBarProps } from \"@proyecto-viviana/solidaria\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\nexport interface ProgressBarRenderProps {\n  /** The value as a percentage between the minimum and maximum (0-100). */\n  percentage: number | undefined;\n  /** A formatted version of the value. */\n  valueText: string | undefined;\n  /** Whether the progress bar is indeterminate. */\n  isIndeterminate: boolean;\n}\n\nexport interface ProgressBarProps extends AriaProgressBarProps, SlotProps {\n  /** The element id. */\n  id?: string;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<ProgressBarRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<ProgressBarRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<ProgressBarRenderProps>;\n}\n\nexport const ProgressBarContext = createContext<ProgressBarProps | null>(null);\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction getSafeRange(min: number, max: number): number {\n  const range = max - min;\n  return Number.isFinite(range) && range > 0 ? range : 1;\n}\n\n/**\n * Progress bars show either determinate or indeterminate progress of an operation\n * over time.\n *\n * @example\n * ```tsx\n * <ProgressBar value={50}>\n *   {({ percentage, valueText }) => (\n *     <>\n *       <Label>Loading...</Label>\n *       <span>{valueText}</span>\n *       <div class=\"bar\" style={{ width: `${percentage}%` }} />\n *     </>\n *   )}\n * </ProgressBar>\n * ```\n */\nexport function ProgressBar(props: ProgressBarProps): JSX.Element {\n  const contextProps = useContext(ProgressBarContext);\n  const mergedProps = contextProps ? mergeProps(contextProps, props) : props;\n  const [local, ariaProps] = splitProps(mergedProps, [\"children\", \"class\", \"style\", \"slot\"]);\n\n  const value = () => ariaProps.value ?? 0;\n  const minValue = () => ariaProps.minValue ?? 0;\n  const maxValue = () => ariaProps.maxValue ?? 100;\n  const isIndeterminate = () => ariaProps.isIndeterminate ?? false;\n\n  const progressAria = createProgressBar({\n    get id() {\n      return ariaProps.id;\n    },\n    get value() {\n      return ariaProps.value;\n    },\n    get minValue() {\n      return ariaProps.minValue;\n    },\n    get maxValue() {\n      return ariaProps.maxValue;\n    },\n    get valueLabel() {\n      return ariaProps.valueLabel;\n    },\n    get isIndeterminate() {\n      return ariaProps.isIndeterminate;\n    },\n    get formatOptions() {\n      return ariaProps.formatOptions;\n    },\n    get label() {\n      return ariaProps.label;\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return ariaProps[\"aria-details\"];\n    },\n  });\n\n  const percentage = createMemo(() => {\n    if (isIndeterminate()) {\n      return undefined;\n    }\n    const clampedValue = clamp(value(), minValue(), maxValue());\n    return ((clampedValue - minValue()) / getSafeRange(minValue(), maxValue())) * 100;\n  });\n\n  const valueText = createMemo(() => {\n    return progressAria.progressBarProps[\"aria-valuetext\"] as string | undefined;\n  });\n\n  const renderValues = createMemo<ProgressBarRenderProps>(() => ({\n    percentage: percentage(),\n    valueText: valueText(),\n    isIndeterminate: isIndeterminate(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ProgressBar\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <div\n      {...domProps()}\n      {...progressAria.progressBarProps}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      slot={local.slot}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAsCA,MAAauB,qBAAqBtB,cAAuC,IAAI;AAE7E,SAASuB,MAAMC,OAAeC,KAAaC,KAAqB;CAC9D,OAAOC,KAAKF,IAAIE,KAAKD,IAAIF,OAAOC,GAAG,GAAGC,GAAG;AAC3C;AAEA,SAASE,aAAaH,KAAaC,KAAqB;CACtD,MAAMG,QAAQH,MAAMD;CACpB,OAAOK,OAAOC,SAASF,KAAK,KAAKA,QAAQ,IAAIA,QAAQ;AACvD;;;;;;;;;;;;;;;;;;AAmBA,SAAgBG,YAAYC,OAAsC;CAChE,MAAME,eAAe/B,WAAWkB,kBAAkB;CAElD,MAAM,CAACe,OAAOC,aAAanC,WADPgC,eAAejC,aAAWiC,cAAcF,KAAK,IAAIA,OAClB;EAAC;EAAY;EAAS;EAAS;CAAM,CAAC;CAEzF,MAAMT,cAAcc,UAAUd,SAAS;CACvC,MAAMe,iBAAiBD,UAAUC,YAAY;CAC7C,MAAMC,iBAAiBF,UAAUE,YAAY;CAC7C,MAAMxB,wBAAwBsB,UAAUtB,mBAAmB;CAE3D,MAAMyB,eAAepC,kBAAkB;EACrC,IAAIa,KAAK;GACP,OAAOoB,UAAUpB;EACnB;EACA,IAAIM,QAAQ;GACV,OAAOc,UAAUd;EACnB;EACA,IAAIe,WAAW;GACb,OAAOD,UAAUC;EACnB;EACA,IAAIC,WAAW;GACb,OAAOF,UAAUE;EACnB;EACA,IAAIE,aAAa;GACf,OAAOJ,UAAUI;EACnB;EACA,IAAI1B,kBAAkB;GACpB,OAAOsB,UAAUtB;EACnB;EACA,IAAI2B,gBAAgB;GAClB,OAAOL,UAAUK;EACnB;EACA,IAAIC,QAAQ;GACV,OAAON,UAAUM;EACnB;EACA,IAAI,eAAe;GACjB,OAAON,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAOA,UAAU;EACnB;EACA,IAAI,qBAAqB;GACvB,OAAOA,UAAU;EACnB;EACA,IAAI,iBAAiB;GACnB,OAAOA,UAAU;EACnB;CACF,CAAC;CAED,MAAMxB,aAAab,iBAAiB;EAClC,IAAIe,gBAAgB,GAClB;EAGF,QADqBO,MAAMC,MAAM,GAAGe,SAAS,GAAGC,SAAS,CAChDU,IAAeX,SAAS,KAAKX,aAAaW,SAAS,GAAGC,SAAS,CAAC,IAAK;CAChF,CAAC;CAED,MAAMzB,YAAYd,iBAAiB;EACjC,OAAOwC,aAAaU,iBAAiB;CACvC,CAAC;CAED,MAAMC,eAAenD,kBAA0C;EAC7Da,YAAYA,WAAW;EACvBC,WAAWA,UAAU;EACrBC,iBAAiBA,gBAAgB;CACnC,EAAE;CAEF,MAAMqC,cAAc1C,eAClB;EACE,IAAIQ,WAAW;GACb,OAAOc,MAAMd;EACf;EACAC,OAAOiB,MAAMjB;EACbC,OAAOgB,MAAMhB;EACbiC,kBAAkB;CACpB,GACAF,YACF;CAEA,MAAMG,WAAWtD,iBAAiBW,eAAe0B,WAAW,EAAEkB,QAAQ,KAAK,CAAC,CAAC;CAE7E,cAAA;EAAA,IAAAC,OAAAC,eAAAC,MAAA;EAAAC,OAAAH,MAAAI,WAEQN,gBACAd,aAAaU,kBAAgB;GAAA,KAAA,WAAA;IAAA,OAC1BE,YAAYjC,MAAM;GAAC;GAAA,IAC1BC,QAAK;IAAA,OAAEgC,YAAYhC,MAAM;GAAC;GAAA,IAC1ByC,OAAI;IAAA,OAAEzB,MAAMyB;GAAI;EAAA,CAAA,GAAA,OAAA,IAAA;EAAAC,OAAAN,YAEfJ,YAAYW,eAAe,CAAC;EAAAC,mBAAA;EAAA,OAAAR;CAAA,EAAA,CAAA;AAGnC"}

package/dist/ProgressBar.jsx

@@ -0,0 +1,114 @@
+import { filterDOMProps, useRenderProps } from "./utils.jsx";
+import { createContext, createMemo, mergeProps, splitProps, useContext } from "solid-js";
+import { createProgressBar } from "@proyecto-viviana/solidaria";
+//#region src/ProgressBar.tsx
+/**
+* ProgressBar component for solidaria-components
+*
+* Pre-wired headless progress bar component that combines aria hooks.
+* Port of react-aria-components/src/ProgressBar.tsx
+*/
+const ProgressBarContext = createContext(null);
+function clamp(value, min, max) {
+	return Math.min(Math.max(value, min), max);
+}
+function getSafeRange(min, max) {
+	const range = max - min;
+	return Number.isFinite(range) && range > 0 ? range : 1;
+}
+/**
+* Progress bars show either determinate or indeterminate progress of an operation
+* over time.
+*
+* @example
+* ```tsx
+* <ProgressBar value={50}>
+*   {({ percentage, valueText }) => (
+*     <>
+*       <Label>Loading...</Label>
+*       <span>{valueText}</span>
+*       <div class="bar" style={{ width: `${percentage}%` }} />
+*     </>
+*   )}
+* </ProgressBar>
+* ```
+*/
+function ProgressBar(props) {
+	const contextProps = useContext(ProgressBarContext);
+	const [local, ariaProps] = splitProps(contextProps ? mergeProps(contextProps, props) : props, [
+		"children",
+		"class",
+		"style",
+		"slot"
+	]);
+	const value = () => ariaProps.value ?? 0;
+	const minValue = () => ariaProps.minValue ?? 0;
+	const maxValue = () => ariaProps.maxValue ?? 100;
+	const isIndeterminate = () => ariaProps.isIndeterminate ?? false;
+	const progressAria = createProgressBar({
+		get id() {
+			return ariaProps.id;
+		},
+		get value() {
+			return ariaProps.value;
+		},
+		get minValue() {
+			return ariaProps.minValue;
+		},
+		get maxValue() {
+			return ariaProps.maxValue;
+		},
+		get valueLabel() {
+			return ariaProps.valueLabel;
+		},
+		get isIndeterminate() {
+			return ariaProps.isIndeterminate;
+		},
+		get formatOptions() {
+			return ariaProps.formatOptions;
+		},
+		get label() {
+			return ariaProps.label;
+		},
+		get "aria-label"() {
+			return ariaProps["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return ariaProps["aria-labelledby"];
+		},
+		get "aria-describedby"() {
+			return ariaProps["aria-describedby"];
+		},
+		get "aria-details"() {
+			return ariaProps["aria-details"];
+		}
+	});
+	const percentage = createMemo(() => {
+		if (isIndeterminate()) return;
+		return (clamp(value(), minValue(), maxValue()) - minValue()) / getSafeRange(minValue(), maxValue()) * 100;
+	});
+	const valueText = createMemo(() => {
+		return progressAria.progressBarProps["aria-valuetext"];
+	});
+	const renderValues = createMemo(() => ({
+		percentage: percentage(),
+		valueText: valueText(),
+		isIndeterminate: isIndeterminate()
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-ProgressBar"
+	}, renderValues);
+	const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));
+	return <div {...domProps()} {...progressAria.progressBarProps} class={renderProps.class()} style={renderProps.style()} slot={local.slot}>
+      {renderProps.renderChildren()}
+    </div>;
+}
+//#endregion
+export { ProgressBar, ProgressBarContext };
+
+//# sourceMappingURL=ProgressBar.jsx.map

package/dist/ProgressBar.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.jsx","names":[],"sources":["../src/ProgressBar.tsx"],"sourcesContent":["/**\n * ProgressBar component for solidaria-components\n *\n * Pre-wired headless progress bar component that combines aria hooks.\n * Port of react-aria-components/src/ProgressBar.tsx\n */\n\nimport { type JSX, createContext, createMemo, mergeProps, splitProps, useContext } from \"solid-js\";\nimport { createProgressBar, type AriaProgressBarProps } from \"@proyecto-viviana/solidaria\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\nexport interface ProgressBarRenderProps {\n  /** The value as a percentage between the minimum and maximum (0-100). */\n  percentage: number | undefined;\n  /** A formatted version of the value. */\n  valueText: string | undefined;\n  /** Whether the progress bar is indeterminate. */\n  isIndeterminate: boolean;\n}\n\nexport interface ProgressBarProps extends AriaProgressBarProps, SlotProps {\n  /** The element id. */\n  id?: string;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<ProgressBarRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<ProgressBarRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<ProgressBarRenderProps>;\n}\n\nexport const ProgressBarContext = createContext<ProgressBarProps | null>(null);\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction getSafeRange(min: number, max: number): number {\n  const range = max - min;\n  return Number.isFinite(range) && range > 0 ? range : 1;\n}\n\n/**\n * Progress bars show either determinate or indeterminate progress of an operation\n * over time.\n *\n * @example\n * ```tsx\n * <ProgressBar value={50}>\n *   {({ percentage, valueText }) => (\n *     <>\n *       <Label>Loading...</Label>\n *       <span>{valueText}</span>\n *       <div class=\"bar\" style={{ width: `${percentage}%` }} />\n *     </>\n *   )}\n * </ProgressBar>\n * ```\n */\nexport function ProgressBar(props: ProgressBarProps): JSX.Element {\n  const contextProps = useContext(ProgressBarContext);\n  const mergedProps = contextProps ? mergeProps(contextProps, props) : props;\n  const [local, ariaProps] = splitProps(mergedProps, [\"children\", \"class\", \"style\", \"slot\"]);\n\n  const value = () => ariaProps.value ?? 0;\n  const minValue = () => ariaProps.minValue ?? 0;\n  const maxValue = () => ariaProps.maxValue ?? 100;\n  const isIndeterminate = () => ariaProps.isIndeterminate ?? false;\n\n  const progressAria = createProgressBar({\n    get id() {\n      return ariaProps.id;\n    },\n    get value() {\n      return ariaProps.value;\n    },\n    get minValue() {\n      return ariaProps.minValue;\n    },\n    get maxValue() {\n      return ariaProps.maxValue;\n    },\n    get valueLabel() {\n      return ariaProps.valueLabel;\n    },\n    get isIndeterminate() {\n      return ariaProps.isIndeterminate;\n    },\n    get formatOptions() {\n      return ariaProps.formatOptions;\n    },\n    get label() {\n      return ariaProps.label;\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return ariaProps[\"aria-details\"];\n    },\n  });\n\n  const percentage = createMemo(() => {\n    if (isIndeterminate()) {\n      return undefined;\n    }\n    const clampedValue = clamp(value(), minValue(), maxValue());\n    return ((clampedValue - minValue()) / getSafeRange(minValue(), maxValue())) * 100;\n  });\n\n  const valueText = createMemo(() => {\n    return progressAria.progressBarProps[\"aria-valuetext\"] as string | undefined;\n  });\n\n  const renderValues = createMemo<ProgressBarRenderProps>(() => ({\n    percentage: percentage(),\n    valueText: valueText(),\n    isIndeterminate: isIndeterminate(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-ProgressBar\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <div\n      {...domProps()}\n      {...progressAria.progressBarProps}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      slot={local.slot}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAsCA,MAAa,qBAAqB,cAAuC,IAAI;AAE7E,SAAS,MAAM,OAAe,KAAa,KAAqB;CAC9D,OAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAC3C;AAEA,SAAS,aAAa,KAAa,KAAqB;CACtD,MAAM,QAAQ,MAAM;CACpB,OAAO,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,QAAQ;AACvD;;;;;;;;;;;;;;;;;;AAmBA,SAAgB,YAAY,OAAsC;CAChE,MAAM,eAAe,WAAW,kBAAkB;CAElD,MAAM,CAAC,OAAO,aAAa,WADP,eAAe,WAAW,cAAc,KAAK,IAAI,OAClB;EAAC;EAAY;EAAS;EAAS;CAAM,CAAC;CAEzF,MAAM,cAAc,UAAU,SAAS;CACvC,MAAM,iBAAiB,UAAU,YAAY;CAC7C,MAAM,iBAAiB,UAAU,YAAY;CAC7C,MAAM,wBAAwB,UAAU,mBAAmB;CAE3D,MAAM,eAAe,kBAAkB;EACrC,IAAI,KAAK;GACP,OAAO,UAAU;EACnB;EACA,IAAI,QAAQ;GACV,OAAO,UAAU;EACnB;EACA,IAAI,WAAW;GACb,OAAO,UAAU;EACnB;EACA,IAAI,WAAW;GACb,OAAO,UAAU;EACnB;EACA,IAAI,aAAa;GACf,OAAO,UAAU;EACnB;EACA,IAAI,kBAAkB;GACpB,OAAO,UAAU;EACnB;EACA,IAAI,gBAAgB;GAClB,OAAO,UAAU;EACnB;EACA,IAAI,QAAQ;GACV,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAO,UAAU;EACnB;EACA,IAAI,qBAAqB;GACvB,OAAO,UAAU;EACnB;EACA,IAAI,iBAAiB;GACnB,OAAO,UAAU;EACnB;CACF,CAAC;CAED,MAAM,aAAa,iBAAiB;EAClC,IAAI,gBAAgB,GAClB;EAGF,QADqB,MAAM,MAAM,GAAG,SAAS,GAAG,SAAS,CACrC,IAAI,SAAS,KAAK,aAAa,SAAS,GAAG,SAAS,CAAC,IAAK;CAChF,CAAC;CAED,MAAM,YAAY,iBAAiB;EACjC,OAAO,aAAa,iBAAiB;CACvC,CAAC;CAED,MAAM,eAAe,kBAA0C;EAC7D,YAAY,WAAW;EACvB,WAAW,UAAU;EACrB,iBAAiB,gBAAgB;CACnC,EAAE;CAEF,MAAM,cAAc,eAClB;EACE,IAAI,WAAW;GACb,OAAO,MAAM;EACf;EACA,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,GACA,YACF;CAEA,MAAM,WAAW,iBAAiB,eAAe,WAAW,EAAE,QAAQ,KAAK,CAAC,CAAC;CAE7E,OACE,CAAC,QACK,SAAS,OACT,aAAa,kBACjB,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GACzB,MAAM,MAAM,MACb;OACE,YAAY,eAAe,EAAE;IAChC,EAAE;AAEN"}

package/dist/RadioGroup.d.ts

@@ -4,7 +4,7 @@
  * Pre-wired headless radio components that combine state + aria hooks.
  * Port of react-aria-components/src/RadioGroup.tsx
  */
-import { type JSX, type ParentProps } from "solid-js";
+import { type JSX, type ParentProps, type Context } from "solid-js";
 import { type AriaRadioProps, type AriaRadioGroupProps } from "@proyecto-viviana/solidaria";
 import { type RadioGroupState, type RadioGroupProps as RadioGroupStateProps } from "@proyecto-viviana/solid-stately";
 import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
@@ -61,6 +61,15 @@ export interface RadioGroupProps extends Omit<AriaRadioGroupProps, "children" |
     description?: JSX.Element;
     /** An error message for the radio group. */
     errorMessage?: JSX.Element;
+    /**
+     * Whether this component renders the visible description/error help-text nodes.
+     * Defaults to `true`. A styled layer (e.g. solid-spectrum) passes `false` to keep
+     * the id-minting and `aria-describedby` wiring here (so child radios inherit the
+     * group's shared description via `radioGroupData`) while owning the visible node
+     * itself — mirroring RAC, where the group exposes a `TextContext`/`FieldError`
+     * slot rather than rendering its own help text.
+     */
+    renderHelpText?: boolean;
 }
 export interface RadioProps extends Omit<AriaRadioProps, "children">, SlotProps {
     /** The children of the component. A function may be provided to receive render props. */
@@ -89,12 +98,12 @@ export interface RadioProps extends Omit<AriaRadioProps, "children">, SlotProps
 export interface RadioGroupContextValue extends RadioGroupProps {
     slots?: Record<string, RadioGroupProps>;
 }
-export declare const RadioGroupContext: import("solid-js").Context<RadioGroupContextValue | null>;
-export declare const RadioGroupStateContext: import("solid-js").Context<RadioGroupState | null>;
+export declare const RadioGroupContext: Context<RadioGroupContextValue | null>;
+export declare const RadioGroupStateContext: Context<RadioGroupState | null>;
 export interface RadioContextValue extends RadioProps {
     slots?: Record<string, RadioProps>;
 }
-export declare const RadioContext: import("solid-js").Context<RadioContextValue | null>;
+export declare const RadioContext: Context<RadioContextValue | null>;
 /**
  * A radio group allows a user to select a single item from a list of mutually exclusive options.
  *
@@ -125,5 +134,74 @@ export declare function RadioGroup(props: ParentProps<RadioGroupProps>): JSX.Ele
  * ```
  */
 export declare function Radio(props: RadioProps): JSX.Element;
+export interface RadioFieldRenderProps {
+    /** Whether the radio is selected. */
+    isSelected: boolean;
+    /** Whether the radio is disabled. */
+    isDisabled: boolean;
+    /** Whether the radio is read only. */
+    isReadOnly: boolean;
+    /** Whether the radio is invalid. */
+    isInvalid: boolean;
+    /** Whether the radio is required. */
+    isRequired: boolean;
+}
+export interface RadioButtonRenderProps extends RadioRenderProps {
+}
+export interface RadioFieldProps extends Omit<AriaRadioProps, "children">, SlotProps {
+    /** The children of the component (typically a `RadioButton`). A function may receive render props. */
+    children?: RenderChildren<RadioFieldRenderProps>;
+    /** The CSS className for the element. */
+    class?: ClassNameOrFunction<RadioFieldRenderProps>;
+    /** The inline style for the element. */
+    style?: StyleOrFunction<RadioFieldRenderProps>;
+    /** Ref for the radio field root element. */
+    ref?: RefLike<HTMLDivElement>;
+    /** Ref for the underlying input element. */
+    inputRef?: RefLike<HTMLInputElement>;
+}
+export interface RadioButtonProps extends SlotProps {
+    /** The children of the component. A function may receive render props. */
+    children?: RenderChildren<RadioButtonRenderProps>;
+    /** The CSS className for the element. */
+    class?: ClassNameOrFunction<RadioButtonRenderProps>;
+    /** The inline style for the element. */
+    style?: StyleOrFunction<RadioButtonRenderProps>;
+    /** Ref for the outer label element. */
+    ref?: RefLike<HTMLLabelElement>;
+    /** Handler called when hover starts. */
+    onHoverStart?: () => void;
+    /** Handler called when hover ends. */
+    onHoverEnd?: () => void;
+    /** Handler called when hover state changes. */
+    onHoverChange?: (isHovered: boolean) => void;
+}
+export interface RadioFieldContextValue extends Partial<RadioFieldProps> {
+    slots?: Record<string, Partial<RadioFieldProps>>;
+}
+export declare const RadioFieldContext: Context<RadioFieldContextValue | null>;
+/**
+ * A RadioField represents an individual option within a radio group, containing a
+ * `RadioButton` and optional description. Must be rendered inside a `RadioGroup`.
+ * Per-option help text is wired through a TextContext description slot — render it
+ * with `<Text slot="description">`. (Radios have no per-option error slot; errors
+ * are reported at the group level.)
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup>
+ *   <RadioField value="a">
+ *     <RadioButton>Option A</RadioButton>
+ *     <Text slot="description">The first option</Text>
+ *   </RadioField>
+ * </RadioGroup>
+ * ```
+ */
+export declare function RadioField(props: RadioFieldProps): JSX.Element;
+/**
+ * A RadioButton is the clickable area of a radio, including the indicator and label.
+ * Must be rendered inside a `RadioField` (or the legacy `Radio`).
+ */
+export declare function RadioButton(props: RadioButtonProps): JSX.Element;
 export {};
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"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"}