@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/FieldError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError.js","names":["JSX","Show","createContext","createMemo","splitProps","useContext","DEFAULT_VALIDATION_RESULT","ValidationResult","ClassNameOrFunction","StyleOrFunction","RenderChildren","SlotProps","useRenderProps","filterDOMProps","FieldErrorRenderProps","FieldErrorContextValue","validation","errorMessageProps","HTMLAttributes","HTMLElement","FieldErrorProps","Omit","children","class","style","FieldErrorContext","FieldError","props","Element","contextValue","contextValidation","contextErrorMessageProps","local","domProps","renderProps","currentValidation","validationErrors","join","defaultClassName","filteredDomProps","global","renderChildren","_$createComponent","when","_$memo","isInvalid","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","HTMLDivElement","slot","_$insert","_$runHydrationEvents"],"sources":["../src/FieldError.tsx"],"sourcesContent":["/**\n * FieldError primitive for solidaria-components.\n *\n * Displays validation errors for a field from context or explicit validation prop.\n * Port direction: react-aria-components/src/FieldError.tsx\n */\n\nimport { type JSX, Show, createContext, createMemo, splitProps, useContext } from \"solid-js\";\nimport { DEFAULT_VALIDATION_RESULT, type ValidationResult } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type RenderChildren,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\nexport type FieldErrorRenderProps = ValidationResult;\n\nexport interface FieldErrorContextValue {\n  validation: ValidationResult | null;\n  errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport interface FieldErrorProps\n  extends Omit<JSX.HTMLAttributes<HTMLElement>, \"children\" | \"class\" | \"style\">, SlotProps {\n  /** Validation result. Falls back to context when omitted. */\n  validation?: ValidationResult | null;\n  /** The children of the component. */\n  children?: RenderChildren<FieldErrorRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<FieldErrorRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<FieldErrorRenderProps>;\n}\n\nexport const FieldErrorContext = createContext<ValidationResult | FieldErrorContextValue | null>(\n  null,\n);\n\nexport function FieldError(props: FieldErrorProps): JSX.Element | null {\n  const contextValue = useContext(FieldErrorContext);\n  const contextValidation = () => {\n    if (contextValue && \"validation\" in contextValue) {\n      return contextValue.validation;\n    }\n    return contextValue;\n  };\n  const contextErrorMessageProps = () => {\n    if (contextValue && \"validation\" in contextValue) {\n      return contextValue.errorMessageProps ?? {};\n    }\n    return {};\n  };\n  const [local, domProps] = splitProps(props, [\"validation\", \"children\", \"class\", \"style\", \"slot\"]);\n\n  const validation = createMemo<ValidationResult | null>(\n    () => local.validation ?? contextValidation(),\n  );\n\n  const renderProps = useRenderProps(\n    {\n      children:\n        local.children ?? ((currentValidation) => currentValidation.validationErrors.join(\" \")),\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-FieldError\",\n    },\n    () => validation() ?? DEFAULT_VALIDATION_RESULT,\n  );\n\n  const filteredDomProps = filterDOMProps(domProps, { global: true });\n  const children = () => renderProps.renderChildren();\n\n  return (\n    <Show when={validation()?.isInvalid && children()}>\n      <div\n        {...(contextErrorMessageProps() as unknown as JSX.HTMLAttributes<HTMLDivElement>)}\n        {...(filteredDomProps as JSX.HTMLAttributes<HTMLDivElement>)}\n        slot={local.slot ?? \"errorMessage\"}\n        class={renderProps.class()}\n        style={renderProps.style()}\n      >\n        {children()}\n      </div>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAqCA,MAAayB,oBAAoBvB,cAC/B,IACF;AAEA,SAAgBwB,WAAWC,OAA4C;CACrE,MAAME,eAAexB,WAAWoB,iBAAiB;CACjD,MAAMK,0BAA0B;EAC9B,IAAID,gBAAgB,gBAAgBA,cAClC,OAAOA,aAAab;EAEtB,OAAOa;CACT;CACA,MAAME,iCAAiC;EACrC,IAAIF,gBAAgB,gBAAgBA,cAClC,OAAOA,aAAaZ,qBAAqB,CAAC;EAE5C,OAAO,CAAC;CACV;CACA,MAAM,CAACe,OAAOC,YAAY7B,WAAWuB,OAAO;EAAC;EAAc;EAAY;EAAS;EAAS;CAAM,CAAC;CAEhG,MAAMX,aAAab,iBACX6B,MAAMhB,cAAcc,kBAAkB,CAC9C;CAEA,MAAMI,cAActB,eAClB;EACEU,UACEU,MAAMV,cAAca,sBAAsBA,kBAAkBC,iBAAiBC,KAAK,GAAG;EACvFd,OAAOS,MAAMT;EACbC,OAAOQ,MAAMR;EACbc,kBAAkB;CACpB,SACMtB,WAAW,KAAKV,yBACxB;CAEA,MAAMiC,mBAAmB1B,eAAeoB,UAAU,EAAEO,QAAQ,KAAK,CAAC;CAClE,MAAMlB,iBAAiBY,YAAYO,eAAe;CAElD,OAAAC,gBACGzC,MAAI;EAAA,IAAC0C,OAAI;GAAA,OAAEC,WAAA,CAAA,CAAA5B,WAAW,CAAC,EAAE6B,SAAS,CAAA,CAAA,KAAIvB,SAAS;EAAC;EAAA,IAAAA,WAAA;GAAA,IAAAwB,OAAAC,eAAAC,MAAA;GAAAC,OAAAH,MAAAI,iBAExCnB,yBAAyB,GACzBQ,kBAAsD;IAAA,IAC3Da,OAAI;KAAA,OAAEpB,MAAMoB,QAAQ;IAAc;IAAA,KAAA,WAAA;KAAA,OAC3BlB,YAAYX,MAAM;IAAC;IAAA,IAC1BC,QAAK;KAAA,OAAEU,YAAYV,MAAM;IAAC;GAAA,CAAA,GAAA,OAAA,IAAA;GAAA6B,OAAAP,MAEzBxB,QAAQ;GAAAgC,mBAAA;GAAA,OAAAR;EAAA;CAAA,CAAA;AAIjB"}

package/dist/FieldError.jsx

@@ -0,0 +1,47 @@
+import { filterDOMProps, useRenderProps } from "./utils.jsx";
+import { Show, createContext, createMemo, splitProps, useContext } from "solid-js";
+import { DEFAULT_VALIDATION_RESULT } from "@proyecto-viviana/solid-stately";
+//#region src/FieldError.tsx
+/**
+* FieldError primitive for solidaria-components.
+*
+* Displays validation errors for a field from context or explicit validation prop.
+* Port direction: react-aria-components/src/FieldError.tsx
+*/
+const FieldErrorContext = createContext(null);
+function FieldError(props) {
+	const contextValue = useContext(FieldErrorContext);
+	const contextValidation = () => {
+		if (contextValue && "validation" in contextValue) return contextValue.validation;
+		return contextValue;
+	};
+	const contextErrorMessageProps = () => {
+		if (contextValue && "validation" in contextValue) return contextValue.errorMessageProps ?? {};
+		return {};
+	};
+	const [local, domProps] = splitProps(props, [
+		"validation",
+		"children",
+		"class",
+		"style",
+		"slot"
+	]);
+	const validation = createMemo(() => local.validation ?? contextValidation());
+	const renderProps = useRenderProps({
+		children: local.children ?? ((currentValidation) => currentValidation.validationErrors.join(" ")),
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-FieldError"
+	}, () => validation() ?? DEFAULT_VALIDATION_RESULT);
+	const filteredDomProps = filterDOMProps(domProps, { global: true });
+	const children = () => renderProps.renderChildren();
+	return <Show when={validation()?.isInvalid && children()}>
+      <div {...contextErrorMessageProps()} {...filteredDomProps} slot={local.slot ?? "errorMessage"} class={renderProps.class()} style={renderProps.style()}>
+        {children()}
+      </div>
+    </Show>;
+}
+//#endregion
+export { FieldError, FieldErrorContext };
+
+//# sourceMappingURL=FieldError.jsx.map

package/dist/FieldError.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError.jsx","names":[],"sources":["../src/FieldError.tsx"],"sourcesContent":["/**\n * FieldError primitive for solidaria-components.\n *\n * Displays validation errors for a field from context or explicit validation prop.\n * Port direction: react-aria-components/src/FieldError.tsx\n */\n\nimport { type JSX, Show, createContext, createMemo, splitProps, useContext } from \"solid-js\";\nimport { DEFAULT_VALIDATION_RESULT, type ValidationResult } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type RenderChildren,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\nexport type FieldErrorRenderProps = ValidationResult;\n\nexport interface FieldErrorContextValue {\n  validation: ValidationResult | null;\n  errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport interface FieldErrorProps\n  extends Omit<JSX.HTMLAttributes<HTMLElement>, \"children\" | \"class\" | \"style\">, SlotProps {\n  /** Validation result. Falls back to context when omitted. */\n  validation?: ValidationResult | null;\n  /** The children of the component. */\n  children?: RenderChildren<FieldErrorRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<FieldErrorRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<FieldErrorRenderProps>;\n}\n\nexport const FieldErrorContext = createContext<ValidationResult | FieldErrorContextValue | null>(\n  null,\n);\n\nexport function FieldError(props: FieldErrorProps): JSX.Element | null {\n  const contextValue = useContext(FieldErrorContext);\n  const contextValidation = () => {\n    if (contextValue && \"validation\" in contextValue) {\n      return contextValue.validation;\n    }\n    return contextValue;\n  };\n  const contextErrorMessageProps = () => {\n    if (contextValue && \"validation\" in contextValue) {\n      return contextValue.errorMessageProps ?? {};\n    }\n    return {};\n  };\n  const [local, domProps] = splitProps(props, [\"validation\", \"children\", \"class\", \"style\", \"slot\"]);\n\n  const validation = createMemo<ValidationResult | null>(\n    () => local.validation ?? contextValidation(),\n  );\n\n  const renderProps = useRenderProps(\n    {\n      children:\n        local.children ?? ((currentValidation) => currentValidation.validationErrors.join(\" \")),\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-FieldError\",\n    },\n    () => validation() ?? DEFAULT_VALIDATION_RESULT,\n  );\n\n  const filteredDomProps = filterDOMProps(domProps, { global: true });\n  const children = () => renderProps.renderChildren();\n\n  return (\n    <Show when={validation()?.isInvalid && children()}>\n      <div\n        {...(contextErrorMessageProps() as unknown as JSX.HTMLAttributes<HTMLDivElement>)}\n        {...(filteredDomProps as JSX.HTMLAttributes<HTMLDivElement>)}\n        slot={local.slot ?? \"errorMessage\"}\n        class={renderProps.class()}\n        style={renderProps.style()}\n      >\n        {children()}\n      </div>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;;;AAqCA,MAAa,oBAAoB,cAC/B,IACF;AAEA,SAAgB,WAAW,OAA4C;CACrE,MAAM,eAAe,WAAW,iBAAiB;CACjD,MAAM,0BAA0B;EAC9B,IAAI,gBAAgB,gBAAgB,cAClC,OAAO,aAAa;EAEtB,OAAO;CACT;CACA,MAAM,iCAAiC;EACrC,IAAI,gBAAgB,gBAAgB,cAClC,OAAO,aAAa,qBAAqB,CAAC;EAE5C,OAAO,CAAC;CACV;CACA,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAAC;EAAc;EAAY;EAAS;EAAS;CAAM,CAAC;CAEhG,MAAM,aAAa,iBACX,MAAM,cAAc,kBAAkB,CAC9C;CAEA,MAAM,cAAc,eAClB;EACE,UACE,MAAM,cAAc,sBAAsB,kBAAkB,iBAAiB,KAAK,GAAG;EACvF,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,SACM,WAAW,KAAK,yBACxB;CAEA,MAAM,mBAAmB,eAAe,UAAU,EAAE,QAAQ,KAAK,CAAC;CAClE,MAAM,iBAAiB,YAAY,eAAe;CAElD,OACE,CAAC,KAAK,MAAM,WAAW,CAAC,EAAE,aAAa,SAAS,GAAG;MACjD,CAAC,QACM,yBAAyB,OACzB,kBACL,MAAM,MAAM,QAAQ,gBACpB,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GAC1B;SACE,SAAS,EAAE;MACd,EAAE,IAAI;IACR,EAAE;AAEN"}

package/dist/FileTrigger.js

@@ -0,0 +1,79 @@
+import { getNextElement, insert, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
+import { createSignal, splitProps } from "solid-js";
+import { createPress } from "@proyecto-viviana/solidaria";
+//#region src/FileTrigger.tsx
+/**
+* FileTrigger primitive for solidaria-components.
+*
+* Opens the native file picker from any pressable child.
+* Parity target: react-aria-components/src/FileTrigger.tsx
+*/
+var _tmpl$ = /*#__PURE__*/ template(`<span>`), _tmpl$2 = /*#__PURE__*/ template(`<input>`);
+/**
+* A FileTrigger allows a user to access the file system using a custom trigger.
+*/
+function FileTrigger(props) {
+	const [local, inputProps] = splitProps(props, [
+		"acceptedFileTypes",
+		"allowsMultiple",
+		"defaultCamera",
+		"acceptDirectory",
+		"onSelect",
+		"children",
+		"disabled"
+	]);
+	const [inputRef, setInputRef] = createSignal(null);
+	const openFilePicker = () => {
+		const input = inputRef();
+		if (!input) return;
+		if (input.value) input.value = "";
+		input.click();
+	};
+	const { pressProps } = createPress({
+		get isDisabled() {
+			return !!local.disabled;
+		},
+		onPress: (_e) => {
+			openFilePicker();
+		}
+	});
+	const onInputChange = (e) => {
+		local.onSelect?.(e.currentTarget.files);
+	};
+	return [(() => {
+		var _el$ = getNextElement(_tmpl$);
+		spread(_el$, pressProps, false, true);
+		insert(_el$, () => local.children);
+		runHydrationEvents();
+		return _el$;
+	})(), (() => {
+		var _el$2 = getNextElement(_tmpl$2);
+		use(setInputRef, _el$2);
+		spread(_el$2, mergeProps(inputProps, {
+			"type": "file",
+			"style": { display: "none" },
+			get accept() {
+				return local.acceptedFileTypes?.join(",");
+			},
+			get multiple() {
+				return local.allowsMultiple;
+			},
+			get capture() {
+				return local.defaultCamera;
+			},
+			get disabled() {
+				return local.disabled;
+			},
+			get webkitdirectory() {
+				return local.acceptDirectory ? "" : void 0;
+			},
+			"onChange": onInputChange
+		}), false, false);
+		runHydrationEvents();
+		return _el$2;
+	})()];
+}
+//#endregion
+export { FileTrigger };
+
+//# sourceMappingURL=FileTrigger.js.map

package/dist/FileTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTrigger.js","names":["JSX","createSignal","splitProps","createPress","PressEvent","FileTriggerProps","Omit","InputHTMLAttributes","HTMLInputElement","acceptedFileTypes","ReadonlyArray","allowsMultiple","defaultCamera","acceptDirectory","onSelect","files","FileList","children","Element","FileTrigger","props","local","inputProps","inputRef","setInputRef","openFilePicker","input","value","click","pressProps","isDisabled","disabled","onPress","_e","onInputChange","EventHandler","Event","e","currentTarget","_el$","_$getNextElement","_tmpl$","_$spread","_$insert","_$runHydrationEvents","_el$2","_tmpl$2","_$use","_$mergeProps","display","accept","join","multiple","capture","webkitdirectory","undefined"],"sources":["../src/FileTrigger.tsx"],"sourcesContent":["/**\n * FileTrigger primitive for solidaria-components.\n *\n * Opens the native file picker from any pressable child.\n * Parity target: react-aria-components/src/FileTrigger.tsx\n */\n\nimport { type JSX, createSignal, splitProps } from \"solid-js\";\nimport { createPress, type PressEvent } from \"@proyecto-viviana/solidaria\";\n\nexport interface FileTriggerProps extends Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"onChange\" | \"children\" | \"onSelect\"\n> {\n  /** Mime types accepted by the file picker. */\n  acceptedFileTypes?: ReadonlyArray<string>;\n  /** Whether multiple files can be selected. */\n  allowsMultiple?: boolean;\n  /** Default camera capture mode for mobile devices. */\n  defaultCamera?: \"user\" | \"environment\";\n  /** Enables directory selection in supported browsers. */\n  acceptDirectory?: boolean;\n  /** Called when user selection changes. */\n  onSelect?: (files: FileList | null) => void;\n  /** Trigger content (typically a button). */\n  children?: JSX.Element;\n}\n\n/**\n * A FileTrigger allows a user to access the file system using a custom trigger.\n */\nexport function FileTrigger(props: FileTriggerProps): JSX.Element {\n  const [local, inputProps] = splitProps(props, [\n    \"acceptedFileTypes\",\n    \"allowsMultiple\",\n    \"defaultCamera\",\n    \"acceptDirectory\",\n    \"onSelect\",\n    \"children\",\n    \"disabled\",\n  ]);\n\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null);\n\n  const openFilePicker = () => {\n    const input = inputRef();\n    if (!input) return;\n    if (input.value) input.value = \"\";\n    input.click();\n  };\n\n  const { pressProps } = createPress({\n    get isDisabled() {\n      return !!local.disabled;\n    },\n    onPress: (_e: PressEvent) => {\n      openFilePicker();\n    },\n  });\n\n  const onInputChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    local.onSelect?.(e.currentTarget.files);\n  };\n\n  return (\n    <>\n      <span {...pressProps}>{local.children}</span>\n      <input\n        {...inputProps}\n        ref={setInputRef}\n        type=\"file\"\n        style={{ display: \"none\" }}\n        accept={local.acceptedFileTypes?.join(\",\")}\n        multiple={local.allowsMultiple}\n        capture={local.defaultCamera}\n        disabled={local.disabled}\n        // @ts-expect-error Non-standard attribute supported by WebKit browsers.\n        webkitdirectory={local.acceptDirectory ? \"\" : undefined}\n        onChange={onInputChange}\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA+BA,SAAgBmB,YAAYC,OAAsC;CAChE,MAAM,CAACC,OAAOC,cAAcpB,WAAWkB,OAAO;EAC5C;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,MAAM,CAACG,UAAUC,eAAevB,aAAsC,IAAI;CAE1E,MAAMwB,uBAAuB;EAC3B,MAAMC,QAAQH,SAAS;EACvB,IAAI,CAACG,OAAO;EACZ,IAAIA,MAAMC,OAAOD,MAAMC,QAAQ;EAC/BD,MAAME,MAAM;CACd;CAEA,MAAM,EAAEC,eAAe1B,YAAY;EACjC,IAAI2B,aAAa;GACf,OAAO,CAAC,CAACT,MAAMU;EACjB;EACAC,UAAUC,OAAmB;GAC3BR,eAAe;EACjB;CACF,CAAC;CAED,MAAMS,iBAA4DG,MAAM;EACtEhB,MAAMP,WAAWuB,EAAEC,cAAcvB,KAAK;CACxC;CAEA,OAAA,QAAA;EAAA,IAAAwB,OAAAC,eAAAC,MAAA;EAAAC,OAAAH,MAEcV,YAAU,OAAA,IAAA;EAAAc,OAAAJ,YAAGlB,MAAMJ,QAAQ;EAAA2B,mBAAA;EAAA,OAAAL;CAAA,EAAA,CAAA,UAAA;EAAA,IAAAM,QAAAL,eAAAM,OAAA;EAAAC,IAG9BvB,aAAWqB,KAAA;EAAAH,OAAAG,OAAAG,WADZ1B,YAAU;GAAA,QAET;GAAM,SACJ,EAAE2B,SAAS,OAAO;GAAC,IAC1BC,SAAM;IAAA,OAAE7B,MAAMZ,mBAAmB0C,KAAK,GAAG;GAAC;GAAA,IAC1CC,WAAQ;IAAA,OAAE/B,MAAMV;GAAc;GAAA,IAC9B0C,UAAO;IAAA,OAAEhC,MAAMT;GAAa;GAAA,IAC5BmB,WAAQ;IAAA,OAAEV,MAAMU;GAAQ;GAAA,IAExBuB,kBAAe;IAAA,OAAEjC,MAAMR,kBAAkB,KAAK0C,KAAAA;GAAS;GAAA,YAC7CrB;EAAa,CAAA,GAAA,OAAA,KAAA;EAAAU,mBAAA;EAAA,OAAAC;CAAA,EAAA,CAAA,CAAA;AAI/B"}

package/dist/FileTrigger.jsx

@@ -0,0 +1,49 @@
+import { createSignal, splitProps } from "solid-js";
+import { createPress } from "@proyecto-viviana/solidaria";
+//#region src/FileTrigger.tsx
+/**
+* FileTrigger primitive for solidaria-components.
+*
+* Opens the native file picker from any pressable child.
+* Parity target: react-aria-components/src/FileTrigger.tsx
+*/
+/**
+* A FileTrigger allows a user to access the file system using a custom trigger.
+*/
+function FileTrigger(props) {
+	const [local, inputProps] = splitProps(props, [
+		"acceptedFileTypes",
+		"allowsMultiple",
+		"defaultCamera",
+		"acceptDirectory",
+		"onSelect",
+		"children",
+		"disabled"
+	]);
+	const [inputRef, setInputRef] = createSignal(null);
+	const openFilePicker = () => {
+		const input = inputRef();
+		if (!input) return;
+		if (input.value) input.value = "";
+		input.click();
+	};
+	const { pressProps } = createPress({
+		get isDisabled() {
+			return !!local.disabled;
+		},
+		onPress: (_e) => {
+			openFilePicker();
+		}
+	});
+	const onInputChange = (e) => {
+		local.onSelect?.(e.currentTarget.files);
+	};
+	return <>
+      <span {...pressProps}>{local.children}</span>
+      <input {...inputProps} ref={setInputRef} type="file" style={{ display: "none" }} accept={local.acceptedFileTypes?.join(",")} multiple={local.allowsMultiple} capture={local.defaultCamera} disabled={local.disabled} webkitdirectory={local.acceptDirectory ? "" : void 0} onChange={onInputChange} />
+    </>;
+}
+//#endregion
+export { FileTrigger };
+
+//# sourceMappingURL=FileTrigger.jsx.map

package/dist/FileTrigger.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTrigger.jsx","names":[],"sources":["../src/FileTrigger.tsx"],"sourcesContent":["/**\n * FileTrigger primitive for solidaria-components.\n *\n * Opens the native file picker from any pressable child.\n * Parity target: react-aria-components/src/FileTrigger.tsx\n */\n\nimport { type JSX, createSignal, splitProps } from \"solid-js\";\nimport { createPress, type PressEvent } from \"@proyecto-viviana/solidaria\";\n\nexport interface FileTriggerProps extends Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"onChange\" | \"children\" | \"onSelect\"\n> {\n  /** Mime types accepted by the file picker. */\n  acceptedFileTypes?: ReadonlyArray<string>;\n  /** Whether multiple files can be selected. */\n  allowsMultiple?: boolean;\n  /** Default camera capture mode for mobile devices. */\n  defaultCamera?: \"user\" | \"environment\";\n  /** Enables directory selection in supported browsers. */\n  acceptDirectory?: boolean;\n  /** Called when user selection changes. */\n  onSelect?: (files: FileList | null) => void;\n  /** Trigger content (typically a button). */\n  children?: JSX.Element;\n}\n\n/**\n * A FileTrigger allows a user to access the file system using a custom trigger.\n */\nexport function FileTrigger(props: FileTriggerProps): JSX.Element {\n  const [local, inputProps] = splitProps(props, [\n    \"acceptedFileTypes\",\n    \"allowsMultiple\",\n    \"defaultCamera\",\n    \"acceptDirectory\",\n    \"onSelect\",\n    \"children\",\n    \"disabled\",\n  ]);\n\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement | null>(null);\n\n  const openFilePicker = () => {\n    const input = inputRef();\n    if (!input) return;\n    if (input.value) input.value = \"\";\n    input.click();\n  };\n\n  const { pressProps } = createPress({\n    get isDisabled() {\n      return !!local.disabled;\n    },\n    onPress: (_e: PressEvent) => {\n      openFilePicker();\n    },\n  });\n\n  const onInputChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    local.onSelect?.(e.currentTarget.files);\n  };\n\n  return (\n    <>\n      <span {...pressProps}>{local.children}</span>\n      <input\n        {...inputProps}\n        ref={setInputRef}\n        type=\"file\"\n        style={{ display: \"none\" }}\n        accept={local.acceptedFileTypes?.join(\",\")}\n        multiple={local.allowsMultiple}\n        capture={local.defaultCamera}\n        disabled={local.disabled}\n        // @ts-expect-error Non-standard attribute supported by WebKit browsers.\n        webkitdirectory={local.acceptDirectory ? \"\" : undefined}\n        onChange={onInputChange}\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA+BA,SAAgB,YAAY,OAAsC;CAChE,MAAM,CAAC,OAAO,cAAc,WAAW,OAAO;EAC5C;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,CAAC,UAAU,eAAe,aAAsC,IAAI;CAE1E,MAAM,uBAAuB;EAC3B,MAAM,QAAQ,SAAS;EACvB,IAAI,CAAC,OAAO;EACZ,IAAI,MAAM,OAAO,MAAM,QAAQ;EAC/B,MAAM,MAAM;CACd;CAEA,MAAM,EAAE,eAAe,YAAY;EACjC,IAAI,aAAa;GACf,OAAO,CAAC,CAAC,MAAM;EACjB;EACA,UAAU,OAAmB;GAC3B,eAAe;EACjB;CACF,CAAC;CAED,MAAM,iBAA4D,MAAM;EACtE,MAAM,WAAW,EAAE,cAAc,KAAK;CACxC;CAEA,OACE,EAAE;MACA,CAAC,SAAS,aAAa,MAAM,SAAS,EAAE,KAAK;MAC7C,CAAC,UACK,YACJ,KAAK,aACL,YACA,OAAO,EAAE,SAAS,OAAO,GACzB,QAAQ,MAAM,mBAAmB,KAAK,GAAG,GACzC,UAAU,MAAM,gBAChB,SAAS,MAAM,eACf,UAAU,MAAM,UAEhB,iBAAiB,MAAM,kBAAkB,KAAK,KAAA,GAC9C,UAAU,iBACV;IACJ;AAEJ"}

package/dist/Focusable.js

@@ -0,0 +1,70 @@
+import { memo } from "solid-js/web";
+import { children, createEffect, onCleanup, splitProps } from "solid-js";
+import { createFocusable } from "@proyecto-viviana/solidaria";
+//#region src/Focusable.tsx
+/**
+* Focusable component for solidaria-components
+*
+* A render-prop component that wraps createFocusable to make an element
+* focusable and capable of auto focus. Port of React Aria's Focusable.
+*/
+/**
+* Makes its child element focusable and capable of auto focus.
+* Applies focus and keyboard event handlers from createFocusable.
+*
+* @example
+* ```tsx
+* <Focusable onFocus={() => console.log('focused')}>
+*   <div tabIndex={0}>Focusable content</div>
+* </Focusable>
+* ```
+*/
+function Focusable(props) {
+	const [local, focusableProps] = splitProps(props, ["children", "ref"]);
+	let ref;
+	const { focusableProps: domProps } = createFocusable(focusableProps, () => ref);
+	const resolved = children(() => local.children);
+	createEffect(() => {
+		const child = resolved();
+		if (child instanceof HTMLElement) {
+			ref = child;
+			if (typeof local.ref === "function") local.ref(child);
+			const props = domProps;
+			const listeners = [];
+			const addListener = (eventName, handler) => {
+				if (typeof handler === "function") {
+					const listener = handler;
+					child.addEventListener(eventName, listener);
+					listeners.push([eventName, listener]);
+				}
+			};
+			addListener("focus", props.onFocus);
+			addListener("blur", props.onBlur);
+			addListener("keydown", props.onKeyDown);
+			addListener("keyup", props.onKeyUp);
+			for (const [key, value] of Object.entries(props)) {
+				if (key === "ref" || key.startsWith("on") && typeof value === "function") continue;
+				if (key === "tabIndex") {
+					if (child.hasAttribute("tabindex")) continue;
+					if (value == null || value === false) child.removeAttribute("tabindex");
+					else child.tabIndex = Number(value);
+					continue;
+				}
+				if (key.startsWith("aria-") || key.startsWith("data-") || key === "id" || key === "role") {
+					if (child.hasAttribute(key)) continue;
+					if (value == null || value === false) child.removeAttribute(key);
+					else if (value === true) child.setAttribute(key, "");
+					else child.setAttribute(key, String(value));
+				}
+			}
+			onCleanup(() => {
+				for (const [eventName, listener] of listeners) child.removeEventListener(eventName, listener);
+			});
+		}
+	});
+	return memo(resolved);
+}
+//#endregion
+export { Focusable };
+
+//# sourceMappingURL=Focusable.js.map

package/dist/Focusable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Focusable.js","names":["JSX","children","resolveChildren","createEffect","onCleanup","splitProps","createFocusable","CreateFocusableProps","FocusableProps","Element","ref","HTMLElement","el","Focusable","props","local","focusableProps","domProps","resolved","child","listeners","Array","EventListener","addListener","eventName","handler","listener","addEventListener","push","onFocus","onBlur","onKeyDown","onKeyUp","key","value","Object","entries","startsWith","hasAttribute","removeAttribute","tabIndex","Number","setAttribute","String","removeEventListener","_$memo"],"sources":["../src/Focusable.tsx"],"sourcesContent":["/**\n * Focusable component for solidaria-components\n *\n * A render-prop component that wraps createFocusable to make an element\n * focusable and capable of auto focus. Port of React Aria's Focusable.\n */\n\nimport {\n  type JSX,\n  children as resolveChildren,\n  createEffect,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport { createFocusable, type CreateFocusableProps } from \"@proyecto-viviana/solidaria\";\n\nexport interface FocusableProps extends CreateFocusableProps {\n  /** A single child element to make focusable. */\n  children: JSX.Element;\n  /** Ref callback. */\n  ref?: HTMLElement | ((el: HTMLElement) => void);\n}\n\n/**\n * Makes its child element focusable and capable of auto focus.\n * Applies focus and keyboard event handlers from createFocusable.\n *\n * @example\n * ```tsx\n * <Focusable onFocus={() => console.log('focused')}>\n *   <div tabIndex={0}>Focusable content</div>\n * </Focusable>\n * ```\n */\nexport function Focusable(props: FocusableProps): JSX.Element {\n  const [local, focusableProps] = splitProps(props, [\"children\", \"ref\"]);\n\n  let ref!: HTMLElement;\n  const { focusableProps: domProps } = createFocusable(focusableProps, () => ref);\n\n  const resolved = resolveChildren(() => local.children);\n\n  createEffect(() => {\n    const child = resolved() as HTMLElement;\n    if (child instanceof HTMLElement) {\n      ref = child;\n      if (typeof local.ref === \"function\") {\n        local.ref(child);\n      }\n\n      // Apply focusable props to the child element\n      const props = domProps;\n      const listeners: Array<[string, EventListener]> = [];\n      const addListener = (eventName: string, handler: unknown) => {\n        if (typeof handler === \"function\") {\n          const listener = handler as EventListener;\n          child.addEventListener(eventName, listener);\n          listeners.push([eventName, listener]);\n        }\n      };\n\n      addListener(\"focus\", props.onFocus);\n      addListener(\"blur\", props.onBlur);\n      addListener(\"keydown\", props.onKeyDown);\n      addListener(\"keyup\", props.onKeyUp);\n\n      // Apply non-event focusable props (e.g. tabIndex/aria/data attrs).\n      // Keep explicit child tabIndex to mirror mergeProps(child.props precedence).\n      for (const [key, value] of Object.entries(props)) {\n        if (key === \"ref\" || (key.startsWith(\"on\") && typeof value === \"function\")) continue;\n\n        if (key === \"tabIndex\") {\n          if (child.hasAttribute(\"tabindex\")) continue;\n          if (value == null || value === false) {\n            child.removeAttribute(\"tabindex\");\n          } else {\n            child.tabIndex = Number(value);\n          }\n          continue;\n        }\n\n        if (key.startsWith(\"aria-\") || key.startsWith(\"data-\") || key === \"id\" || key === \"role\") {\n          if (child.hasAttribute(key)) continue;\n          if (value == null || value === false) {\n            child.removeAttribute(key);\n          } else if (value === true) {\n            child.setAttribute(key, \"\");\n          } else {\n            child.setAttribute(key, String(value));\n          }\n        }\n      }\n\n      onCleanup(() => {\n        for (const [eventName, listener] of listeners) {\n          child.removeEventListener(eventName, listener);\n        }\n      });\n    }\n  });\n\n  return <>{resolved()}</>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgBa,UAAUC,OAAoC;CAC5D,MAAM,CAACC,OAAOC,kBAAkBX,WAAWS,OAAO,CAAC,YAAY,KAAK,CAAC;CAErE,IAAIJ;CACJ,MAAM,EAAEM,gBAAgBC,aAAaX,gBAAgBU,sBAAsBN,GAAG;CAE9E,MAAMQ,WAAWhB,eAAsBa,MAAMd,QAAQ;CAErDE,mBAAmB;EACjB,MAAMgB,QAAQD,SAAS;EACvB,IAAIC,iBAAiBR,aAAa;GAChCD,MAAMS;GACN,IAAI,OAAOJ,MAAML,QAAQ,YACvBK,MAAML,IAAIS,KAAK;GAIjB,MAAML,QAAQG;GACd,MAAMG,YAA4C,CAAA;GAClD,MAAMG,eAAeC,WAAmBC,YAAqB;IAC3D,IAAI,OAAOA,YAAY,YAAY;KACjC,MAAMC,WAAWD;KACjBN,MAAMQ,iBAAiBH,WAAWE,QAAQ;KAC1CN,UAAUQ,KAAK,CAACJ,WAAWE,QAAQ,CAAC;IACtC;GACF;GAEAH,YAAY,SAAST,MAAMe,OAAO;GAClCN,YAAY,QAAQT,MAAMgB,MAAM;GAChCP,YAAY,WAAWT,MAAMiB,SAAS;GACtCR,YAAY,SAAST,MAAMkB,OAAO;GAIlC,KAAK,MAAM,CAACC,KAAKC,UAAUC,OAAOC,QAAQtB,KAAK,GAAG;IAChD,IAAImB,QAAQ,SAAUA,IAAII,WAAW,IAAI,KAAK,OAAOH,UAAU,YAAa;IAE5E,IAAID,QAAQ,YAAY;KACtB,IAAId,MAAMmB,aAAa,UAAU,GAAG;KACpC,IAAIJ,SAAS,QAAQA,UAAU,OAC7Bf,MAAMoB,gBAAgB,UAAU;UAEhCpB,MAAMqB,WAAWC,OAAOP,KAAK;KAE/B;IACF;IAEA,IAAID,IAAII,WAAW,OAAO,KAAKJ,IAAII,WAAW,OAAO,KAAKJ,QAAQ,QAAQA,QAAQ,QAAQ;KACxF,IAAId,MAAMmB,aAAaL,GAAG,GAAG;KAC7B,IAAIC,SAAS,QAAQA,UAAU,OAC7Bf,MAAMoB,gBAAgBN,GAAG;UACpB,IAAIC,UAAU,MACnBf,MAAMuB,aAAaT,KAAK,EAAE;UAE1Bd,MAAMuB,aAAaT,KAAKU,OAAOT,KAAK,CAAC;IAEzC;GACF;GAEA9B,gBAAgB;IACd,KAAK,MAAM,CAACoB,WAAWE,aAAaN,WAClCD,MAAMyB,oBAAoBpB,WAAWE,QAAQ;GAEjD,CAAC;EACH;CACF,CAAC;CAED,OAAAmB,KAAU3B,QAAQ;AACpB"}

package/dist/Focusable.jsx

@@ -0,0 +1,69 @@
+import { children, createEffect, onCleanup, splitProps } from "solid-js";
+import { createFocusable } from "@proyecto-viviana/solidaria";
+//#region src/Focusable.tsx
+/**
+* Focusable component for solidaria-components
+*
+* A render-prop component that wraps createFocusable to make an element
+* focusable and capable of auto focus. Port of React Aria's Focusable.
+*/
+/**
+* Makes its child element focusable and capable of auto focus.
+* Applies focus and keyboard event handlers from createFocusable.
+*
+* @example
+* ```tsx
+* <Focusable onFocus={() => console.log('focused')}>
+*   <div tabIndex={0}>Focusable content</div>
+* </Focusable>
+* ```
+*/
+function Focusable(props) {
+	const [local, focusableProps] = splitProps(props, ["children", "ref"]);
+	let ref;
+	const { focusableProps: domProps } = createFocusable(focusableProps, () => ref);
+	const resolved = children(() => local.children);
+	createEffect(() => {
+		const child = resolved();
+		if (child instanceof HTMLElement) {
+			ref = child;
+			if (typeof local.ref === "function") local.ref(child);
+			const props = domProps;
+			const listeners = [];
+			const addListener = (eventName, handler) => {
+				if (typeof handler === "function") {
+					const listener = handler;
+					child.addEventListener(eventName, listener);
+					listeners.push([eventName, listener]);
+				}
+			};
+			addListener("focus", props.onFocus);
+			addListener("blur", props.onBlur);
+			addListener("keydown", props.onKeyDown);
+			addListener("keyup", props.onKeyUp);
+			for (const [key, value] of Object.entries(props)) {
+				if (key === "ref" || key.startsWith("on") && typeof value === "function") continue;
+				if (key === "tabIndex") {
+					if (child.hasAttribute("tabindex")) continue;
+					if (value == null || value === false) child.removeAttribute("tabindex");
+					else child.tabIndex = Number(value);
+					continue;
+				}
+				if (key.startsWith("aria-") || key.startsWith("data-") || key === "id" || key === "role") {
+					if (child.hasAttribute(key)) continue;
+					if (value == null || value === false) child.removeAttribute(key);
+					else if (value === true) child.setAttribute(key, "");
+					else child.setAttribute(key, String(value));
+				}
+			}
+			onCleanup(() => {
+				for (const [eventName, listener] of listeners) child.removeEventListener(eventName, listener);
+			});
+		}
+	});
+	return <>{resolved()}</>;
+}
+//#endregion
+export { Focusable };
+
+//# sourceMappingURL=Focusable.jsx.map

package/dist/Focusable.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Focusable.jsx","names":["resolveChildren"],"sources":["../src/Focusable.tsx"],"sourcesContent":["/**\n * Focusable component for solidaria-components\n *\n * A render-prop component that wraps createFocusable to make an element\n * focusable and capable of auto focus. Port of React Aria's Focusable.\n */\n\nimport {\n  type JSX,\n  children as resolveChildren,\n  createEffect,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport { createFocusable, type CreateFocusableProps } from \"@proyecto-viviana/solidaria\";\n\nexport interface FocusableProps extends CreateFocusableProps {\n  /** A single child element to make focusable. */\n  children: JSX.Element;\n  /** Ref callback. */\n  ref?: HTMLElement | ((el: HTMLElement) => void);\n}\n\n/**\n * Makes its child element focusable and capable of auto focus.\n * Applies focus and keyboard event handlers from createFocusable.\n *\n * @example\n * ```tsx\n * <Focusable onFocus={() => console.log('focused')}>\n *   <div tabIndex={0}>Focusable content</div>\n * </Focusable>\n * ```\n */\nexport function Focusable(props: FocusableProps): JSX.Element {\n  const [local, focusableProps] = splitProps(props, [\"children\", \"ref\"]);\n\n  let ref!: HTMLElement;\n  const { focusableProps: domProps } = createFocusable(focusableProps, () => ref);\n\n  const resolved = resolveChildren(() => local.children);\n\n  createEffect(() => {\n    const child = resolved() as HTMLElement;\n    if (child instanceof HTMLElement) {\n      ref = child;\n      if (typeof local.ref === \"function\") {\n        local.ref(child);\n      }\n\n      // Apply focusable props to the child element\n      const props = domProps;\n      const listeners: Array<[string, EventListener]> = [];\n      const addListener = (eventName: string, handler: unknown) => {\n        if (typeof handler === \"function\") {\n          const listener = handler as EventListener;\n          child.addEventListener(eventName, listener);\n          listeners.push([eventName, listener]);\n        }\n      };\n\n      addListener(\"focus\", props.onFocus);\n      addListener(\"blur\", props.onBlur);\n      addListener(\"keydown\", props.onKeyDown);\n      addListener(\"keyup\", props.onKeyUp);\n\n      // Apply non-event focusable props (e.g. tabIndex/aria/data attrs).\n      // Keep explicit child tabIndex to mirror mergeProps(child.props precedence).\n      for (const [key, value] of Object.entries(props)) {\n        if (key === \"ref\" || (key.startsWith(\"on\") && typeof value === \"function\")) continue;\n\n        if (key === \"tabIndex\") {\n          if (child.hasAttribute(\"tabindex\")) continue;\n          if (value == null || value === false) {\n            child.removeAttribute(\"tabindex\");\n          } else {\n            child.tabIndex = Number(value);\n          }\n          continue;\n        }\n\n        if (key.startsWith(\"aria-\") || key.startsWith(\"data-\") || key === \"id\" || key === \"role\") {\n          if (child.hasAttribute(key)) continue;\n          if (value == null || value === false) {\n            child.removeAttribute(key);\n          } else if (value === true) {\n            child.setAttribute(key, \"\");\n          } else {\n            child.setAttribute(key, String(value));\n          }\n        }\n      }\n\n      onCleanup(() => {\n        for (const [eventName, listener] of listeners) {\n          child.removeEventListener(eventName, listener);\n        }\n      });\n    }\n  });\n\n  return <>{resolved()}</>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,CAAC,OAAO,kBAAkB,WAAW,OAAO,CAAC,YAAY,KAAK,CAAC;CAErE,IAAI;CACJ,MAAM,EAAE,gBAAgB,aAAa,gBAAgB,sBAAsB,GAAG;CAE9E,MAAM,WAAWA,eAAsB,MAAM,QAAQ;CAErD,mBAAmB;EACjB,MAAM,QAAQ,SAAS;EACvB,IAAI,iBAAiB,aAAa;GAChC,MAAM;GACN,IAAI,OAAO,MAAM,QAAQ,YACvB,MAAM,IAAI,KAAK;GAIjB,MAAM,QAAQ;GACd,MAAM,YAA4C,CAAC;GACnD,MAAM,eAAe,WAAmB,YAAqB;IAC3D,IAAI,OAAO,YAAY,YAAY;KACjC,MAAM,WAAW;KACjB,MAAM,iBAAiB,WAAW,QAAQ;KAC1C,UAAU,KAAK,CAAC,WAAW,QAAQ,CAAC;IACtC;GACF;GAEA,YAAY,SAAS,MAAM,OAAO;GAClC,YAAY,QAAQ,MAAM,MAAM;GAChC,YAAY,WAAW,MAAM,SAAS;GACtC,YAAY,SAAS,MAAM,OAAO;GAIlC,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,KAAK,GAAG;IAChD,IAAI,QAAQ,SAAU,IAAI,WAAW,IAAI,KAAK,OAAO,UAAU,YAAa;IAE5E,IAAI,QAAQ,YAAY;KACtB,IAAI,MAAM,aAAa,UAAU,GAAG;KACpC,IAAI,SAAS,QAAQ,UAAU,OAC7B,MAAM,gBAAgB,UAAU;UAEhC,MAAM,WAAW,OAAO,KAAK;KAE/B;IACF;IAEA,IAAI,IAAI,WAAW,OAAO,KAAK,IAAI,WAAW,OAAO,KAAK,QAAQ,QAAQ,QAAQ,QAAQ;KACxF,IAAI,MAAM,aAAa,GAAG,GAAG;KAC7B,IAAI,SAAS,QAAQ,UAAU,OAC7B,MAAM,gBAAgB,GAAG;UACpB,IAAI,UAAU,MACnB,MAAM,aAAa,KAAK,EAAE;UAE1B,MAAM,aAAa,KAAK,OAAO,KAAK,CAAC;IAEzC;GACF;GAEA,gBAAgB;IACd,KAAK,MAAM,CAAC,WAAW,aAAa,WAClC,MAAM,oBAAoB,WAAW,QAAQ;GAEjD,CAAC;EACH;CACF,CAAC;CAED,OAAO,GAAG,SAAS,EAAE;AACvB"}

package/dist/Form.js

@@ -0,0 +1,99 @@
+import { filterDOMProps, useRenderProps } from "./utils.js";
+import { createComponent, getNextElement, insert, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
+import { createContext, splitProps } from "solid-js";
+import { FormValidationContext } from "@proyecto-viviana/solid-stately";
+//#region src/Form.tsx
+/**
+* Form primitive for solidaria-components.
+*
+* Provides form-level validation behavior and server validation context.
+* Port direction: react-aria-components/src/Form.tsx
+*/
+var _tmpl$ = /*#__PURE__*/ template(`<form>`);
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else ref.current = el;
+}
+const FormContext = createContext(null);
+const formDOMPropNames = new Set([
+	"accept-charset",
+	"acceptCharset",
+	"action",
+	"autocapitalize",
+	"autoCapitalize",
+	"autocomplete",
+	"autoComplete",
+	"encoding",
+	"enctype",
+	"encType",
+	"method",
+	"name",
+	"rel",
+	"target"
+]);
+function filterFormDOMProps(props) {
+	const filtered = filterDOMProps(props, { global: true });
+	for (const key in props) if (Object.prototype.hasOwnProperty.call(props, key) && formDOMPropNames.has(key)) filtered[key] = props[key];
+	return filtered;
+}
+function Form(props) {
+	const [local, domProps] = splitProps(props, [
+		"validationErrors",
+		"validationBehavior",
+		"children",
+		"class",
+		"style",
+		"ref",
+		"slot"
+	]);
+	const validationBehavior = local.validationBehavior ?? "native";
+	const errors = local.validationErrors ?? {};
+	const renderProps = useRenderProps({
+		get children() {
+			return local.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-Form"
+	}, () => ({ validationBehavior }));
+	const filteredDomProps = filterFormDOMProps(domProps);
+	return (() => {
+		var _el$ = getNextElement(_tmpl$);
+		use((el) => assignRef(local.ref, el), _el$);
+		spread(_el$, mergeProps(filteredDomProps, {
+			"noValidate": validationBehavior !== "native",
+			get ["class"]() {
+				return renderProps.class();
+			},
+			get style() {
+				return renderProps.style();
+			},
+			get slot() {
+				return local.slot;
+			}
+		}), false, true);
+		insert(_el$, createComponent(FormContext.Provider, {
+			get value() {
+				return {
+					...props,
+					validationBehavior
+				};
+			},
+			get children() {
+				return createComponent(FormValidationContext.Provider, {
+					value: errors,
+					get children() {
+						return renderProps.renderChildren();
+					}
+				});
+			}
+		}));
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+//#endregion
+export { Form, FormContext };
+
+//# sourceMappingURL=Form.js.map

package/dist/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","names":["JSX","createContext","splitProps","FormValidationContext","ValidationErrors","ValidationBehavior","ClassNameOrFunction","StyleOrFunction","RenderChildren","SlotProps","useRenderProps","filterDOMProps","RefLike","el","T","current","assignRef","ref","FormRenderProps","validationBehavior","FormProps","Omit","FormHTMLAttributes","HTMLFormElement","validationErrors","acceptCharset","autoCapitalize","HTMLAttributes","autoComplete","encType","children","class","style","FormContext","formDOMPropNames","Set","filterFormDOMProps","props","Record","filtered","global","key","Object","prototype","hasOwnProperty","call","has","Form","Element","local","domProps","errors","renderProps","defaultClassName","filteredDomProps","_el$","_$getNextElement","_tmpl$","_$use","_$spread","_$mergeProps","slot","_$insert","_$createComponent","Provider","value","renderChildren","_$runHydrationEvents"],"sources":["../src/Form.tsx"],"sourcesContent":["/**\n * Form primitive for solidaria-components.\n *\n * Provides form-level validation behavior and server validation context.\n * Port direction: react-aria-components/src/Form.tsx\n */\n\nimport { type JSX, createContext, splitProps } from \"solid-js\";\nimport {\n  FormValidationContext,\n  type ValidationErrors,\n  type ValidationBehavior,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type RenderChildren,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface FormRenderProps {\n  validationBehavior: ValidationBehavior;\n}\n\nexport interface FormProps\n  extends\n    Omit<JSX.FormHTMLAttributes<HTMLFormElement>, \"children\" | \"class\" | \"style\" | \"ref\">,\n    SlotProps {\n  /** Server-side validation errors keyed by field name. */\n  validationErrors?: ValidationErrors;\n  /** Validation behavior mode. */\n  validationBehavior?: ValidationBehavior;\n  /** Character encodings accepted by the server. React-style alias for Solid's `accept-charset`. */\n  acceptCharset?: string;\n  /** Browser auto-capitalization hint. React-style alias for Solid's `autocapitalize`. */\n  autoCapitalize?: JSX.HTMLAttributes<HTMLFormElement>[\"autoCapitalize\"];\n  /** Browser autocomplete behavior. React-style alias for Solid's `autocomplete`. */\n  autoComplete?: JSX.FormHTMLAttributes<HTMLFormElement>[\"autocomplete\"];\n  /** Form encoding type. React-style alias for Solid's `enctype`. */\n  encType?: JSX.FormHTMLAttributes<HTMLFormElement>[\"enctype\"];\n  /** The children of the component. */\n  children?: RenderChildren<FormRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<FormRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<FormRenderProps>;\n  /** Ref for the underlying form element. */\n  ref?: RefLike<HTMLFormElement>;\n}\n\nexport const FormContext = createContext<FormProps | null>(null);\n\nconst formDOMPropNames = new Set([\n  \"accept-charset\",\n  \"acceptCharset\",\n  \"action\",\n  \"autocapitalize\",\n  \"autoCapitalize\",\n  \"autocomplete\",\n  \"autoComplete\",\n  \"encoding\",\n  \"enctype\",\n  \"encType\",\n  \"method\",\n  \"name\",\n  \"rel\",\n  \"target\",\n]);\n\nfunction filterFormDOMProps(props: object): Record<string, unknown> {\n  const filtered = filterDOMProps<Record<string, unknown>>(props, { global: true });\n\n  for (const key in props) {\n    if (Object.prototype.hasOwnProperty.call(props, key) && formDOMPropNames.has(key)) {\n      filtered[key] = (props as Record<string, unknown>)[key];\n    }\n  }\n\n  return filtered;\n}\n\nexport function Form(props: FormProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"validationErrors\",\n    \"validationBehavior\",\n    \"children\",\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"slot\",\n  ]);\n\n  const validationBehavior: ValidationBehavior = local.validationBehavior ?? \"native\";\n  const errors = local.validationErrors ?? {};\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return local.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Form\",\n    },\n    () => ({\n      validationBehavior,\n    }),\n  );\n\n  const filteredDomProps = filterFormDOMProps(domProps);\n\n  return (\n    <form\n      {...filteredDomProps}\n      ref={(el) => assignRef(local.ref, el)}\n      noValidate={validationBehavior !== \"native\"}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      slot={local.slot}\n    >\n      <FormContext.Provider value={{ ...props, validationBehavior }}>\n        <FormValidationContext.Provider value={errors}>\n          {renderProps.renderChildren()}\n        </FormValidationContext.Provider>\n      </FormContext.Provider>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAwBA,SAASgB,UAAaC,KAAiBJ,IAAa;CAClD,IAAI,CAACI,KAAK;CACV,IAAI,OAAOA,QAAQ,YACjBA,IAAIJ,EAAE;MAENI,IAAIF,UAAUF;AAElB;AAgCA,MAAaoB,cAAchC,cAAgC,IAAI;AAE/D,MAAMiC,mBAAmB,IAAIC,IAAI;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAQ,CACT;AAED,SAASC,mBAAmBC,OAAwC;CAClE,MAAME,WAAW5B,eAAwC0B,OAAO,EAAEG,QAAQ,KAAK,CAAC;CAEhF,KAAK,MAAMC,OAAOJ,OAChB,IAAIK,OAAOC,UAAUC,eAAeC,KAAKR,OAAOI,GAAG,KAAKP,iBAAiBY,IAAIL,GAAG,GAC9EF,SAASE,OAAQJ,MAAkCI;CAIvD,OAAOF;AACT;AAEA,SAAgBQ,KAAKV,OAA+B;CAClD,MAAM,CAACY,OAAOC,YAAYhD,WAAWmC,OAAO;EAC1C;EACA;EACA;EACA;EACA;EACA;EACA;CAAM,CACP;CAED,MAAMlB,qBAAyC8B,MAAM9B,sBAAsB;CAC3E,MAAMgC,SAASF,MAAMzB,oBAAoB,CAAC;CAC1C,MAAM4B,cAAc1C,eAClB;EACE,IAAIoB,WAAW;GACb,OAAOmB,MAAMnB;EACf;EACAC,OAAOkB,MAAMlB;EACbC,OAAOiB,MAAMjB;EACbqB,kBAAkB;CACpB,UACO,EACLlC,mBACF,EACF;CAEA,MAAMmC,mBAAmBlB,mBAAmBc,QAAQ;CAEpD,cAAA;EAAA,IAAAK,OAAAC,eAAAC,MAAA;EAAAC,KAGU7C,OAAOG,UAAUiC,MAAMhC,KAAKJ,EAAE,GAAC0C,IAAA;EAAAI,OAAAJ,MAAAK,WADjCN,kBAAgB;GAAA,cAERnC,uBAAuB;GAAQ,KAAA,WAAA;IAAA,OACpCiC,YAAYrB,MAAM;GAAC;GAAA,IAC1BC,QAAK;IAAA,OAAEoB,YAAYpB,MAAM;GAAC;GAAA,IAC1B6B,OAAI;IAAA,OAAEZ,MAAMY;GAAI;EAAA,CAAA,GAAA,OAAA,IAAA;EAAAC,OAAAP,MAAAQ,gBAEf9B,YAAY+B,UAAQ;GAAA,IAACC,QAAK;IAAA,OAAE;KAAE,GAAG5B;KAAOlB;IAAmB;GAAC;GAAA,IAAAW,WAAA;IAAA,OAAAiC,gBAC1D5D,sBAAsB6D,UAAQ;KAACC,OAAOd;KAAM,IAAArB,WAAA;MAAA,OAC1CsB,YAAYc,eAAe;KAAC;IAAA,CAAA;GAAA;EAAA,CAAA,CAAA;EAAAC,mBAAA;EAAA,OAAAZ;CAAA,EAAA,CAAA;AAKvC"}

package/dist/Form.jsx

@@ -0,0 +1,73 @@
+import { filterDOMProps, useRenderProps } from "./utils.jsx";
+import { createContext, splitProps } from "solid-js";
+import { FormValidationContext } from "@proyecto-viviana/solid-stately";
+//#region src/Form.tsx
+/**
+* Form primitive for solidaria-components.
+*
+* Provides form-level validation behavior and server validation context.
+* Port direction: react-aria-components/src/Form.tsx
+*/
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else ref.current = el;
+}
+const FormContext = createContext(null);
+const formDOMPropNames = new Set([
+	"accept-charset",
+	"acceptCharset",
+	"action",
+	"autocapitalize",
+	"autoCapitalize",
+	"autocomplete",
+	"autoComplete",
+	"encoding",
+	"enctype",
+	"encType",
+	"method",
+	"name",
+	"rel",
+	"target"
+]);
+function filterFormDOMProps(props) {
+	const filtered = filterDOMProps(props, { global: true });
+	for (const key in props) if (Object.prototype.hasOwnProperty.call(props, key) && formDOMPropNames.has(key)) filtered[key] = props[key];
+	return filtered;
+}
+function Form(props) {
+	const [local, domProps] = splitProps(props, [
+		"validationErrors",
+		"validationBehavior",
+		"children",
+		"class",
+		"style",
+		"ref",
+		"slot"
+	]);
+	const validationBehavior = local.validationBehavior ?? "native";
+	const errors = local.validationErrors ?? {};
+	const renderProps = useRenderProps({
+		get children() {
+			return local.children;
+		},
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-Form"
+	}, () => ({ validationBehavior }));
+	const filteredDomProps = filterFormDOMProps(domProps);
+	return <form {...filteredDomProps} ref={(el) => assignRef(local.ref, el)} noValidate={validationBehavior !== "native"} class={renderProps.class()} style={renderProps.style()} slot={local.slot}>
+      <FormContext.Provider value={{
+		...props,
+		validationBehavior
+	}}>
+        <FormValidationContext.Provider value={errors}>
+          {renderProps.renderChildren()}
+        </FormValidationContext.Provider>
+      </FormContext.Provider>
+    </form>;
+}
+//#endregion
+export { Form, FormContext };
+
+//# sourceMappingURL=Form.jsx.map

package/dist/Form.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.jsx","names":[],"sources":["../src/Form.tsx"],"sourcesContent":["/**\n * Form primitive for solidaria-components.\n *\n * Provides form-level validation behavior and server validation context.\n * Port direction: react-aria-components/src/Form.tsx\n */\n\nimport { type JSX, createContext, splitProps } from \"solid-js\";\nimport {\n  FormValidationContext,\n  type ValidationErrors,\n  type ValidationBehavior,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type RenderChildren,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface FormRenderProps {\n  validationBehavior: ValidationBehavior;\n}\n\nexport interface FormProps\n  extends\n    Omit<JSX.FormHTMLAttributes<HTMLFormElement>, \"children\" | \"class\" | \"style\" | \"ref\">,\n    SlotProps {\n  /** Server-side validation errors keyed by field name. */\n  validationErrors?: ValidationErrors;\n  /** Validation behavior mode. */\n  validationBehavior?: ValidationBehavior;\n  /** Character encodings accepted by the server. React-style alias for Solid's `accept-charset`. */\n  acceptCharset?: string;\n  /** Browser auto-capitalization hint. React-style alias for Solid's `autocapitalize`. */\n  autoCapitalize?: JSX.HTMLAttributes<HTMLFormElement>[\"autoCapitalize\"];\n  /** Browser autocomplete behavior. React-style alias for Solid's `autocomplete`. */\n  autoComplete?: JSX.FormHTMLAttributes<HTMLFormElement>[\"autocomplete\"];\n  /** Form encoding type. React-style alias for Solid's `enctype`. */\n  encType?: JSX.FormHTMLAttributes<HTMLFormElement>[\"enctype\"];\n  /** The children of the component. */\n  children?: RenderChildren<FormRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<FormRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<FormRenderProps>;\n  /** Ref for the underlying form element. */\n  ref?: RefLike<HTMLFormElement>;\n}\n\nexport const FormContext = createContext<FormProps | null>(null);\n\nconst formDOMPropNames = new Set([\n  \"accept-charset\",\n  \"acceptCharset\",\n  \"action\",\n  \"autocapitalize\",\n  \"autoCapitalize\",\n  \"autocomplete\",\n  \"autoComplete\",\n  \"encoding\",\n  \"enctype\",\n  \"encType\",\n  \"method\",\n  \"name\",\n  \"rel\",\n  \"target\",\n]);\n\nfunction filterFormDOMProps(props: object): Record<string, unknown> {\n  const filtered = filterDOMProps<Record<string, unknown>>(props, { global: true });\n\n  for (const key in props) {\n    if (Object.prototype.hasOwnProperty.call(props, key) && formDOMPropNames.has(key)) {\n      filtered[key] = (props as Record<string, unknown>)[key];\n    }\n  }\n\n  return filtered;\n}\n\nexport function Form(props: FormProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"validationErrors\",\n    \"validationBehavior\",\n    \"children\",\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"slot\",\n  ]);\n\n  const validationBehavior: ValidationBehavior = local.validationBehavior ?? \"native\";\n  const errors = local.validationErrors ?? {};\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return local.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Form\",\n    },\n    () => ({\n      validationBehavior,\n    }),\n  );\n\n  const filteredDomProps = filterFormDOMProps(domProps);\n\n  return (\n    <form\n      {...filteredDomProps}\n      ref={(el) => assignRef(local.ref, el)}\n      noValidate={validationBehavior !== \"native\"}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      slot={local.slot}\n    >\n      <FormContext.Provider value={{ ...props, validationBehavior }}>\n        <FormValidationContext.Provider value={errors}>\n          {renderProps.renderChildren()}\n        </FormValidationContext.Provider>\n      </FormContext.Provider>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;AAwBA,SAAS,UAAa,KAAiB,IAAa;CAClD,IAAI,CAAC,KAAK;CACV,IAAI,OAAO,QAAQ,YACjB,IAAI,EAAE;MAEN,IAAI,UAAU;AAElB;AAgCA,MAAa,cAAc,cAAgC,IAAI;AAE/D,MAAM,mBAAmB,IAAI,IAAI;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,SAAS,mBAAmB,OAAwC;CAClE,MAAM,WAAW,eAAwC,OAAO,EAAE,QAAQ,KAAK,CAAC;CAEhF,KAAK,MAAM,OAAO,OAChB,IAAI,OAAO,UAAU,eAAe,KAAK,OAAO,GAAG,KAAK,iBAAiB,IAAI,GAAG,GAC9E,SAAS,OAAQ,MAAkC;CAIvD,OAAO;AACT;AAEA,SAAgB,KAAK,OAA+B;CAClD,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAC1C;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,qBAAyC,MAAM,sBAAsB;CAC3E,MAAM,SAAS,MAAM,oBAAoB,CAAC;CAC1C,MAAM,cAAc,eAClB;EACE,IAAI,WAAW;GACb,OAAO,MAAM;EACf;EACA,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,UACO,EACL,mBACF,EACF;CAEA,MAAM,mBAAmB,mBAAmB,QAAQ;CAEpD,OACE,CAAC,SACK,kBACJ,MAAM,OAAO,UAAU,MAAM,KAAK,EAAE,GACpC,YAAY,uBAAuB,UACnC,OAAO,YAAY,MAAM,GACzB,OAAO,YAAY,MAAM,GACzB,MAAM,MAAM,MACb;MACC,CAAC,YAAY,SAAS,OAAO;EAAE,GAAG;EAAO;CAAmB,GAAG;QAC7D,CAAC,sBAAsB,SAAS,OAAO,QAAQ;WAC5C,YAAY,eAAe,EAAE;QAChC,EAAE,sBAAsB,SAAS;MACnC,EAAE,YAAY,SAAS;IACzB,EAAE;AAEN"}