@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/dist/_chunk/mergeProps.jsx

@@ -0,0 +1,216 @@
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/utils/mergeProps.ts
+import { t as assignRef } from "./refs.jsx";
+//#region src/utils/domAttrs.ts
+/**
+* Solid 2 maps boolean `true` to an empty attribute (`disabled=""`) and omits
+* `false`. ARIA state attributes need the literals `"true"` / `"false"`.
+*/
+const ARIA_TRUE_FALSE = /* @__PURE__ */ new Set([
+	"aria-expanded",
+	"aria-selected",
+	"aria-checked",
+	"aria-pressed",
+	"aria-current",
+	"aria-haspopup",
+	"aria-hidden",
+	"aria-disabled",
+	"aria-invalid",
+	"aria-required",
+	"aria-readonly",
+	"aria-multiline",
+	"aria-multiselectable",
+	"aria-busy",
+	"aria-modal"
+]);
+/** Native enumerated true/false attributes (not HTML boolean attributes). */
+const ENUMERATED_TRUE_FALSE = /* @__PURE__ */ new Set([
+	"draggable",
+	"spellcheck",
+	"spellCheck",
+	"contenteditable",
+	"contentEditable"
+]);
+const ATTR_KEY_ALIASES = {
+	contentEditable: "contenteditable",
+	spellCheck: "spellcheck",
+	htmlFor: "for"
+};
+/** Map React/Solid JSX names onto the DOM attribute Solid 2 will emit. */
+function canonicalAttrKey(key) {
+	return ATTR_KEY_ALIASES[key] ?? key;
+}
+function ariaTrueFalse(value) {
+	return value ? "true" : "false";
+}
+function attrTrue(value) {
+	return value ? "true" : void 0;
+}
+/** Keep string DOM ids; drop Solid 2 `RemoveAttribute` (`false`). */
+function attrString(value) {
+	return typeof value === "string" ? value : void 0;
+}
+function isAriaTrue(value) {
+	return value === true || value === "true";
+}
+/** Map boolean aria/data values so Solid 2 does not emit empty attributes. */
+function coerceDomBoolean(key, value) {
+	if (typeof value !== "boolean") return value;
+	const attr = ATTR_KEY_ALIASES[key] ?? key;
+	if (ENUMERATED_TRUE_FALSE.has(key) || ENUMERATED_TRUE_FALSE.has(attr)) return value ? "true" : "false";
+	if (attr.startsWith("data-")) return value ? "true" : void 0;
+	if (attr.startsWith("aria-")) {
+		if (ARIA_TRUE_FALSE.has(attr)) return value ? "true" : "false";
+		return value ? "true" : void 0;
+	}
+	return value;
+}
+/** Coerce boolean aria/data/enumerated values on a plain props object. */
+function coerceDomRecord(record) {
+	const next = {};
+	for (const [key, value] of Object.entries(record)) {
+		const attr = canonicalAttrKey(key);
+		next[attr] = coerceDomBoolean(key, value);
+	}
+	return next;
+}
+//#endregion
+//#region src/utils/mergeProps.ts
+function isEventHandlerKey(key) {
+	return key.startsWith("on") && key[2] === key[2]?.toUpperCase();
+}
+function isRefKey(key) {
+	return key === "ref";
+}
+function concatRefs(existing, next) {
+	if (existing == null) return next;
+	if (next == null) return existing;
+	return [existing, next].flat();
+}
+function isClassKey(key) {
+	return key === "class" || key === "className";
+}
+/**
+* Keys whose merge semantics require reading the current value (chaining
+* handlers, joining class strings, merging style objects). Every other getter
+* is copied as a getter and left uninvoked.
+*
+* Solid compiles JSX `children` (and other element props) as getters that
+* *create* the child tree on each read. React Aria's mergeProps can probe
+* values because React elements are already-built descriptors; doing that
+* here double-instantiates the tree on the server (each getter read is a new
+* `createComponent`) while the client memoizes after the first read — a
+* hydration-key mismatch. Form+TextField with `isRequired` + `description`
+* was the route-blanking case: `useContextProps` → `mergeProps` probed the
+* Label's children getter, minted a necessity-marker `<span>` that never
+* entered the SSR DOM, then the real render minted a second span at a
+* different key.
+*/
+function needsEagerRead(key) {
+	return isEventHandlerKey(key) || isClassKey(key) || key === "style";
+}
+/** A later getter that reads the merged object for the same key must not recurse. */
+const MERGE_GETTER_STACK = /* @__PURE__ */ new WeakMap();
+function readWithReentryGuard(target, key, read) {
+	let keys = MERGE_GETTER_STACK.get(target);
+	if (!keys) {
+		keys = /* @__PURE__ */ new Set();
+		MERGE_GETTER_STACK.set(target, keys);
+	}
+	if (keys.has(key)) return;
+	keys.add(key);
+	try {
+		return read();
+	} finally {
+		keys.delete(key);
+	}
+}
+function mergeProps(...args) {
+	const result = {};
+	const setResultValue = (key, value) => {
+		const attr = canonicalAttrKey(key);
+		const coerced = coerceDomBoolean(key, value);
+		const resultDescriptor = Object.getOwnPropertyDescriptor(result, attr);
+		if (resultDescriptor?.get || resultDescriptor?.set) {
+			Object.defineProperty(result, attr, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: coerced
+			});
+			return;
+		}
+		result[attr] = coerced;
+	};
+	for (const props of args) for (const rawKey in props) {
+		const key = canonicalAttrKey(rawKey);
+		const descriptor = Object.getOwnPropertyDescriptor(props, rawKey);
+		const hasGetter = typeof descriptor?.get === "function";
+		const getValue = () => hasGetter ? descriptor.get.call(props) : props[rawKey];
+		if (isRefKey(key)) {
+			const previousDescriptor = Object.getOwnPropertyDescriptor(result, key);
+			const previous = previousDescriptor ? typeof previousDescriptor.get === "function" ? () => previousDescriptor.get() : () => previousDescriptor.value : void 0;
+			const getCombined = () => concatRefs(previous?.(), getValue());
+			Object.defineProperty(result, key, {
+				enumerable: true,
+				configurable: true,
+				get: getCombined,
+				set: (el) => {
+					assignRef(getCombined(), el);
+				}
+			});
+			continue;
+		}
+		if (hasGetter && !needsEagerRead(key)) {
+			const previousDescriptor = Object.getOwnPropertyDescriptor(result, key);
+			const previous = previousDescriptor ? typeof previousDescriptor.get === "function" ? () => previousDescriptor.get() : () => previousDescriptor.value : void 0;
+			Object.defineProperty(result, key, {
+				enumerable: true,
+				configurable: true,
+				get: previous ? () => {
+					const next = readWithReentryGuard(result, key, getValue);
+					return coerceDomBoolean(key, next !== void 0 ? next : previous());
+				} : () => readWithReentryGuard(result, key, () => coerceDomBoolean(key, getValue()))
+			});
+			continue;
+		}
+		const value = getValue();
+		const existingValue = result[key];
+		if (typeof existingValue === "function" && typeof value === "function" && isEventHandlerKey(key)) setResultValue(key, chainHandlers(existingValue, value));
+		else if (isClassKey(key) && typeof existingValue === "string" && typeof value === "string") setResultValue(key, mergeClassNames(existingValue, value));
+		else if (key === "style" && typeof existingValue === "object" && typeof value === "object") setResultValue(key, {
+			...existingValue,
+			...value
+		});
+		else if (hasGetter && (value !== void 0 || !(key in result))) Object.defineProperty(result, key, {
+			enumerable: true,
+			configurable: true,
+			get: () => coerceDomBoolean(key, getValue())
+		});
+		else if (value !== void 0) setResultValue(key, value);
+	}
+	return result;
+}
+function chainHandlers(existingHandler, newHandler) {
+	return (...args) => {
+		existingHandler(...args);
+		newHandler(...args);
+	};
+}
+function mergeClassNames(...classes) {
+	return classes.filter(Boolean).join(" ");
+}
+//#endregion
+export { canonicalAttrKey as a, isAriaTrue as c, attrTrue as i, ariaTrueFalse as n, coerceDomBoolean as o, attrString as r, coerceDomRecord as s, mergeProps as t };
+
+//# sourceMappingURL=mergeProps.jsx.map

package/dist/_chunk/mergeProps.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeProps.jsx","names":[],"sources":["../../src/utils/domAttrs.ts","../../src/utils/mergeProps.ts"],"sourcesContent":["/**\n * Solid 2 maps boolean `true` to an empty attribute (`disabled=\"\"`) and omits\n * `false`. ARIA state attributes need the literals `\"true\"` / `\"false\"`.\n */\n\nconst ARIA_TRUE_FALSE = new Set([\n  \"aria-expanded\",\n  \"aria-selected\",\n  \"aria-checked\",\n  \"aria-pressed\",\n  \"aria-current\",\n  \"aria-haspopup\",\n  \"aria-hidden\",\n  \"aria-disabled\",\n  \"aria-invalid\",\n  \"aria-required\",\n  \"aria-readonly\",\n  \"aria-multiline\",\n  \"aria-multiselectable\",\n  \"aria-busy\",\n  \"aria-modal\",\n]);\n\n/** Native enumerated true/false attributes (not HTML boolean attributes). */\nconst ENUMERATED_TRUE_FALSE = new Set([\n  \"draggable\",\n  \"spellcheck\",\n  \"spellCheck\",\n  \"contenteditable\",\n  \"contentEditable\",\n]);\n\nconst ATTR_KEY_ALIASES: Record<string, string> = {\n  contentEditable: \"contenteditable\",\n  spellCheck: \"spellcheck\",\n  htmlFor: \"for\",\n};\n\n/** Map React/Solid JSX names onto the DOM attribute Solid 2 will emit. */\nexport function canonicalAttrKey(key: string): string {\n  return ATTR_KEY_ALIASES[key] ?? key;\n}\n\nexport function ariaTrueFalse(value: boolean): \"true\" | \"false\" {\n  return value ? \"true\" : \"false\";\n}\n\nexport function attrTrue(value: boolean | undefined | null): \"true\" | undefined {\n  return value ? \"true\" : undefined;\n}\n\n/** Keep string DOM ids; drop Solid 2 `RemoveAttribute` (`false`). */\nexport function attrString(value: unknown): string | undefined {\n  return typeof value === \"string\" ? value : undefined;\n}\n\nexport function isAriaTrue(value: unknown): boolean {\n  return value === true || value === \"true\";\n}\n\n/** Map boolean aria/data values so Solid 2 does not emit empty attributes. */\nexport function coerceDomBoolean(key: string, value: unknown): unknown {\n  if (typeof value !== \"boolean\") return value;\n  const attr = ATTR_KEY_ALIASES[key] ?? key;\n  if (ENUMERATED_TRUE_FALSE.has(key) || ENUMERATED_TRUE_FALSE.has(attr)) {\n    return value ? \"true\" : \"false\";\n  }\n  if (attr.startsWith(\"data-\")) return value ? \"true\" : undefined;\n  if (attr.startsWith(\"aria-\")) {\n    if (ARIA_TRUE_FALSE.has(attr)) return value ? \"true\" : \"false\";\n    return value ? \"true\" : undefined;\n  }\n  return value;\n}\n\n/** Coerce boolean aria/data/enumerated values on a plain props object. */\nexport function coerceDomRecord<T extends Record<string, unknown>>(record: T): T {\n  const next: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(record)) {\n    const attr = canonicalAttrKey(key);\n    next[attr] = coerceDomBoolean(key, value);\n  }\n  return next as T;\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/utils/mergeProps.ts\n\nimport { assignRef } from \"./refs\";\nimport { canonicalAttrKey, coerceDomBoolean } from \"./domAttrs\";\n\ntype Props = { [key: string]: unknown };\n\ntype UnionToIntersection<U> = (U extends unknown ? (k: U) => void : never) extends (\n  k: infer I,\n) => void\n  ? I\n  : never;\n\nfunction isEventHandlerKey(key: string): boolean {\n  return key.startsWith(\"on\") && key[2] === key[2]?.toUpperCase();\n}\n\nfunction isRefKey(key: string): boolean {\n  return key === \"ref\";\n}\n\nfunction concatRefs(existing: unknown, next: unknown): unknown {\n  if (existing == null) return next;\n  if (next == null) return existing;\n  return [existing, next].flat();\n}\n\nfunction isClassKey(key: string): boolean {\n  return key === \"class\" || key === \"className\";\n}\n\n/**\n * Keys whose merge semantics require reading the current value (chaining\n * handlers, joining class strings, merging style objects). Every other getter\n * is copied as a getter and left uninvoked.\n *\n * Solid compiles JSX `children` (and other element props) as getters that\n * *create* the child tree on each read. React Aria's mergeProps can probe\n * values because React elements are already-built descriptors; doing that\n * here double-instantiates the tree on the server (each getter read is a new\n * `createComponent`) while the client memoizes after the first read — a\n * hydration-key mismatch. Form+TextField with `isRequired` + `description`\n * was the route-blanking case: `useContextProps` → `mergeProps` probed the\n * Label's children getter, minted a necessity-marker `<span>` that never\n * entered the SSR DOM, then the real render minted a second span at a\n * different key.\n */\nfunction needsEagerRead(key: string): boolean {\n  return isEventHandlerKey(key) || isClassKey(key) || key === \"style\";\n}\n\n/** A later getter that reads the merged object for the same key must not recurse. */\nconst MERGE_GETTER_STACK = new WeakMap<object, Set<string>>();\n\nfunction readWithReentryGuard(target: object, key: string, read: () => unknown): unknown {\n  let keys = MERGE_GETTER_STACK.get(target);\n  if (!keys) {\n    keys = new Set();\n    MERGE_GETTER_STACK.set(target, keys);\n  }\n  if (keys.has(key)) {\n    return undefined;\n  }\n  keys.add(key);\n  try {\n    return read();\n  } finally {\n    keys.delete(key);\n  }\n}\n\n/**\n * Merges multiple props objects together, handling event handlers specially\n * by chaining them rather than replacing.\n *\n * Ported from packages/react-aria/src/utils/mergeProps.ts and adapted for SolidJS.\n *\n * @param args - Props objects to merge\n * @returns Merged props object. Use type parameter R to specify the result type.\n */\nexport function mergeProps<const T extends object[]>(\n  ...args: [...T]\n): UnionToIntersection<T[number]>;\nexport function mergeProps<R extends object>(...args: object[]): R;\nexport function mergeProps(...args: object[]): object {\n  const result: Props = {};\n  const setResultValue = (key: string, value: unknown) => {\n    const attr = canonicalAttrKey(key);\n    const coerced = coerceDomBoolean(key, value);\n    const resultDescriptor = Object.getOwnPropertyDescriptor(result, attr);\n\n    if (resultDescriptor?.get || resultDescriptor?.set) {\n      Object.defineProperty(result, attr, {\n        enumerable: true,\n        configurable: true,\n        writable: true,\n        value: coerced,\n      });\n      return;\n    }\n\n    result[attr] = coerced;\n  };\n\n  for (const props of args) {\n    for (const rawKey in props) {\n      const key = canonicalAttrKey(rawKey);\n      const descriptor = Object.getOwnPropertyDescriptor(props, rawKey);\n      const hasGetter = typeof descriptor?.get === \"function\";\n      const getValue = () => (hasGetter ? descriptor.get!.call(props) : (props as Props)[rawKey]);\n\n      if (isRefKey(key)) {\n        const previousDescriptor = Object.getOwnPropertyDescriptor(result, key);\n        const previous = previousDescriptor\n          ? typeof previousDescriptor.get === \"function\"\n            ? () => previousDescriptor.get!()\n            : () => previousDescriptor.value\n          : undefined;\n        const getCombined = () => concatRefs(previous?.(), getValue());\n        Object.defineProperty(result, key, {\n          enumerable: true,\n          configurable: true,\n          get: getCombined,\n          set: (el: unknown) => {\n            assignRef(getCombined(), el as never);\n          },\n        });\n        continue;\n      }\n\n      if (hasGetter && !needsEagerRead(key)) {\n        // React Aria ends every non-special key with `b !== undefined ? b : a`.\n        // Do that at read time so a later getter that yields `undefined` cannot\n        // shadow an earlier context value, and so we never probe the getter\n        // during merge (Solid `children` getters instantiate JSX).\n        const previousDescriptor = Object.getOwnPropertyDescriptor(result, key);\n        const previous = previousDescriptor\n          ? typeof previousDescriptor.get === \"function\"\n            ? () => previousDescriptor.get!()\n            : () => previousDescriptor.value\n          : undefined;\n        Object.defineProperty(result, key, {\n          enumerable: true,\n          configurable: true,\n          get: previous\n            ? () => {\n                // Guard only the later getter. Walking `previous()` is the\n                // defined-value fallback, not reentry — holding the guard\n                // across that call made a later `undefined` getter wipe an\n                // earlier getter (createButton `aria-disabled`).\n                const next = readWithReentryGuard(result, key, getValue);\n                return coerceDomBoolean(key, next !== undefined ? next : previous());\n              }\n            : () => readWithReentryGuard(result, key, () => coerceDomBoolean(key, getValue())),\n        });\n        continue;\n      }\n\n      const value = getValue();\n      const existingValue = result[key];\n\n      if (\n        typeof existingValue === \"function\" &&\n        typeof value === \"function\" &&\n        isEventHandlerKey(key)\n      ) {\n        setResultValue(key, chainHandlers(existingValue as Function, value as Function));\n      } else if (\n        isClassKey(key) &&\n        typeof existingValue === \"string\" &&\n        typeof value === \"string\"\n      ) {\n        // Join only when both sides are plain strings (react-aria mergeProps\n        // semantics); a render-prop class function must pass through intact,\n        // not be coerced to its source text.\n        setResultValue(key, mergeClassNames(existingValue, value));\n      } else if (\n        key === \"style\" &&\n        typeof existingValue === \"object\" &&\n        typeof value === \"object\"\n      ) {\n        setResultValue(key, { ...(existingValue as object), ...(value as object) });\n      } else if (hasGetter && (value !== undefined || !(key in result))) {\n        Object.defineProperty(result, key, {\n          enumerable: true,\n          configurable: true,\n          get: () => coerceDomBoolean(key, getValue()),\n        });\n      } else if (value !== undefined) {\n        setResultValue(key, value);\n      }\n    }\n  }\n\n  return result;\n}\n\nfunction chainHandlers(existingHandler: Function, newHandler: Function) {\n  return (...args: unknown[]) => {\n    existingHandler(...args);\n    newHandler(...args);\n  };\n}\n\nfunction mergeClassNames(...classes: unknown[]): string {\n  return classes.filter(Boolean).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,MAAM,kCAAkB,IAAI,IAAI;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;;AAGD,MAAM,wCAAwB,IAAI,IAAI;CACpC;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,mBAA2C;CAC/C,iBAAiB;CACjB,YAAY;CACZ,SAAS;AACX;;AAGA,SAAgB,iBAAiB,KAAqB;CACpD,OAAO,iBAAiB,QAAQ;AAClC;AAEA,SAAgB,cAAc,OAAkC;CAC9D,OAAO,QAAQ,SAAS;AAC1B;AAEA,SAAgB,SAAS,OAAuD;CAC9E,OAAO,QAAQ,SAAS,KAAA;AAC1B;;AAGA,SAAgB,WAAW,OAAoC;CAC7D,OAAO,OAAO,UAAU,WAAW,QAAQ,KAAA;AAC7C;AAEA,SAAgB,WAAW,OAAyB;CAClD,OAAO,UAAU,QAAQ,UAAU;AACrC;;AAGA,SAAgB,iBAAiB,KAAa,OAAyB;CACrE,IAAI,OAAO,UAAU,WAAW,OAAO;CACvC,MAAM,OAAO,iBAAiB,QAAQ;CACtC,IAAI,sBAAsB,IAAI,GAAG,KAAK,sBAAsB,IAAI,IAAI,GAClE,OAAO,QAAQ,SAAS;CAE1B,IAAI,KAAK,WAAW,OAAO,GAAG,OAAO,QAAQ,SAAS,KAAA;CACtD,IAAI,KAAK,WAAW,OAAO,GAAG;EAC5B,IAAI,gBAAgB,IAAI,IAAI,GAAG,OAAO,QAAQ,SAAS;EACvD,OAAO,QAAQ,SAAS,KAAA;CAC1B;CACA,OAAO;AACT;;AAGA,SAAgB,gBAAmD,QAAc;CAC/E,MAAM,OAAgC,CAAC;CACvC,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,GAAG;EACjD,MAAM,OAAO,iBAAiB,GAAG;EACjC,KAAK,QAAQ,iBAAiB,KAAK,KAAK;CAC1C;CACA,OAAO;AACT;;;AC1DA,SAAS,kBAAkB,KAAsB;CAC/C,OAAO,IAAI,WAAW,IAAI,KAAK,IAAI,OAAO,IAAI,EAAE,EAAE,YAAY;AAChE;AAEA,SAAS,SAAS,KAAsB;CACtC,OAAO,QAAQ;AACjB;AAEA,SAAS,WAAW,UAAmB,MAAwB;CAC7D,IAAI,YAAY,MAAM,OAAO;CAC7B,IAAI,QAAQ,MAAM,OAAO;CACzB,OAAO,CAAC,UAAU,IAAI,CAAC,CAAC,KAAK;AAC/B;AAEA,SAAS,WAAW,KAAsB;CACxC,OAAO,QAAQ,WAAW,QAAQ;AACpC;;;;;;;;;;;;;;;;;AAkBA,SAAS,eAAe,KAAsB;CAC5C,OAAO,kBAAkB,GAAG,KAAK,WAAW,GAAG,KAAK,QAAQ;AAC9D;;AAGA,MAAM,qCAAqB,IAAI,QAA6B;AAE5D,SAAS,qBAAqB,QAAgB,KAAa,MAA8B;CACvF,IAAI,OAAO,mBAAmB,IAAI,MAAM;CACxC,IAAI,CAAC,MAAM;EACT,uBAAO,IAAI,IAAI;EACf,mBAAmB,IAAI,QAAQ,IAAI;CACrC;CACA,IAAI,KAAK,IAAI,GAAG,GACd;CAEF,KAAK,IAAI,GAAG;CACZ,IAAI;EACF,OAAO,KAAK;CACd,UAAU;EACR,KAAK,OAAO,GAAG;CACjB;AACF;AAeA,SAAgB,WAAW,GAAG,MAAwB;CACpD,MAAM,SAAgB,CAAC;CACvB,MAAM,kBAAkB,KAAa,UAAmB;EACtD,MAAM,OAAO,iBAAiB,GAAG;EACjC,MAAM,UAAU,iBAAiB,KAAK,KAAK;EAC3C,MAAM,mBAAmB,OAAO,yBAAyB,QAAQ,IAAI;EAErE,IAAI,kBAAkB,OAAO,kBAAkB,KAAK;GAClD,OAAO,eAAe,QAAQ,MAAM;IAClC,YAAY;IACZ,cAAc;IACd,UAAU;IACV,OAAO;GACT,CAAC;GACD;EACF;EAEA,OAAO,QAAQ;CACjB;CAEA,KAAK,MAAM,SAAS,MAClB,KAAK,MAAM,UAAU,OAAO;EAC1B,MAAM,MAAM,iBAAiB,MAAM;EACnC,MAAM,aAAa,OAAO,yBAAyB,OAAO,MAAM;EAChE,MAAM,YAAY,OAAO,YAAY,QAAQ;EAC7C,MAAM,iBAAkB,YAAY,WAAW,IAAK,KAAK,KAAK,IAAK,MAAgB;EAEnF,IAAI,SAAS,GAAG,GAAG;GACjB,MAAM,qBAAqB,OAAO,yBAAyB,QAAQ,GAAG;GACtE,MAAM,WAAW,qBACb,OAAO,mBAAmB,QAAQ,mBAC1B,mBAAmB,IAAK,UACxB,mBAAmB,QAC3B,KAAA;GACJ,MAAM,oBAAoB,WAAW,WAAW,GAAG,SAAS,CAAC;GAC7D,OAAO,eAAe,QAAQ,KAAK;IACjC,YAAY;IACZ,cAAc;IACd,KAAK;IACL,MAAM,OAAgB;KACpB,UAAU,YAAY,GAAG,EAAW;IACtC;GACF,CAAC;GACD;EACF;EAEA,IAAI,aAAa,CAAC,eAAe,GAAG,GAAG;GAKrC,MAAM,qBAAqB,OAAO,yBAAyB,QAAQ,GAAG;GACtE,MAAM,WAAW,qBACb,OAAO,mBAAmB,QAAQ,mBAC1B,mBAAmB,IAAK,UACxB,mBAAmB,QAC3B,KAAA;GACJ,OAAO,eAAe,QAAQ,KAAK;IACjC,YAAY;IACZ,cAAc;IACd,KAAK,iBACK;KAKJ,MAAM,OAAO,qBAAqB,QAAQ,KAAK,QAAQ;KACvD,OAAO,iBAAiB,KAAK,SAAS,KAAA,IAAY,OAAO,SAAS,CAAC;IACrE,UACM,qBAAqB,QAAQ,WAAW,iBAAiB,KAAK,SAAS,CAAC,CAAC;GACrF,CAAC;GACD;EACF;EAEA,MAAM,QAAQ,SAAS;EACvB,MAAM,gBAAgB,OAAO;EAE7B,IACE,OAAO,kBAAkB,cACzB,OAAO,UAAU,cACjB,kBAAkB,GAAG,GAErB,eAAe,KAAK,cAAc,eAA2B,KAAiB,CAAC;OAC1E,IACL,WAAW,GAAG,KACd,OAAO,kBAAkB,YACzB,OAAO,UAAU,UAKjB,eAAe,KAAK,gBAAgB,eAAe,KAAK,CAAC;OACpD,IACL,QAAQ,WACR,OAAO,kBAAkB,YACzB,OAAO,UAAU,UAEjB,eAAe,KAAK;GAAE,GAAI;GAA0B,GAAI;EAAiB,CAAC;OACrE,IAAI,cAAc,UAAU,KAAA,KAAa,EAAE,OAAO,UACvD,OAAO,eAAe,QAAQ,KAAK;GACjC,YAAY;GACZ,cAAc;GACd,WAAW,iBAAiB,KAAK,SAAS,CAAC;EAC7C,CAAC;OACI,IAAI,UAAU,KAAA,GACnB,eAAe,KAAK,KAAK;CAE7B;CAGF,OAAO;AACT;AAEA,SAAS,cAAc,iBAA2B,YAAsB;CACtE,QAAQ,GAAG,SAAoB;EAC7B,gBAAgB,GAAG,IAAI;EACvB,WAAW,GAAG,IAAI;CACpB;AACF;AAEA,SAAS,gBAAgB,GAAG,SAA4B;CACtD,OAAO,QAAQ,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACzC"}

package/dist/_chunk/meter.js

@@ -1,3 +1,15 @@
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/meter/useMeter.ts
 import { t as createProgressBar } from "./createProgressBar.js";
 //#region src/meter/createMeter.ts
 /**
@@ -14,16 +26,16 @@ import { t as createProgressBar } from "./createProgressBar.js";
 * Meters represent a quantity within a known range, or a fractional value.
 */
 function createMeter(props = {}) {
-	const { progressBarProps, labelProps } = createProgressBar(props);
+	const progressBarAria = createProgressBar(props);
 	return {
 		get meterProps() {
 			return {
-				...progressBarProps,
-				role: "meter"
+				...progressBarAria.progressBarProps,
+				role: "meter progressbar"
 			};
 		},
 		get labelProps() {
-			return labelProps;
+			return progressBarAria.labelProps;
 		}
 	};
 }

package/dist/_chunk/meter.js.map

@@ -1 +1 @@
-{"version":3,"file":"meter.js","names":[],"sources":["../../src/meter/createMeter.ts"],"sourcesContent":["/**\n * Meter hook for Solidaria\n *\n * Provides the accessibility implementation for a meter component.\n * Meters represent a quantity within a known range, or a fractional value.\n * Unlike progress bars, meters represent a current value rather than progress toward a goal.\n *\n * This is a port of @react-aria/meter's useMeter hook.\n */\n\nimport { createProgressBar, type AriaProgressBarProps } from \"../progress/createProgressBar\";\n\nexport interface AriaMeterProps extends Omit<AriaProgressBarProps, \"isIndeterminate\"> {\n  /** The current value (controlled). */\n  value?: number;\n  /** The smallest value allowed for the input. @default 0 */\n  minValue?: number;\n  /** The largest value allowed for the input. @default 100 */\n  maxValue?: number;\n  /** The content to display as the value's label (e.g. 1 of 4). */\n  valueLabel?: string;\n  /** The display format of the value label. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** The content to display as the label. */\n  label?: string;\n  /** An accessibility label for this item. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n  \"aria-details\"?: string;\n}\n\nexport interface MeterAria {\n  /** Props for the meter container element. */\n  meterProps: Record<string, unknown>;\n  /** Props for the meter's visual label element (if any). */\n  labelProps: Record<string, unknown>;\n}\n\n/**\n * Provides the accessibility implementation for a meter component.\n * Meters represent a quantity within a known range, or a fractional value.\n */\nexport function createMeter(props: AriaMeterProps = {}): MeterAria {\n  // Reuse progress bar implementation\n  const { progressBarProps, labelProps } = createProgressBar(props);\n\n  return {\n    get meterProps() {\n      return {\n        ...progressBarProps,\n        role: \"meter\",\n      };\n    },\n    get labelProps() {\n      return labelProps;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AA8CA,SAAgB,YAAY,QAAwB,CAAC,GAAc;CAEjE,MAAM,EAAE,kBAAkB,eAAe,kBAAkB,KAAK;CAEhE,OAAO;EACL,IAAI,aAAa;GACf,OAAO;IACL,GAAG;IACH,MAAM;GACR;EACF;EACA,IAAI,aAAa;GACf,OAAO;EACT;CACF;AACF"}
+{"version":3,"file":"meter.js","names":[],"sources":["../../src/meter/createMeter.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/meter/useMeter.ts\n\n/**\n * Meter hook for Solidaria\n *\n * Provides the accessibility implementation for a meter component.\n * Meters represent a quantity within a known range, or a fractional value.\n * Unlike progress bars, meters represent a current value rather than progress toward a goal.\n *\n * This is a port of @react-aria/meter's useMeter hook.\n */\n\nimport { createProgressBar, type AriaProgressBarProps } from \"../progress/createProgressBar\";\nimport type { JSX } from \"@solidjs/web\";\n\nexport interface AriaMeterProps extends Omit<AriaProgressBarProps, \"isIndeterminate\"> {\n  /** The current value (controlled). */\n  value?: number;\n  /** The smallest value allowed for the input. @default 0 */\n  minValue?: number;\n  /** The largest value allowed for the input. @default 100 */\n  maxValue?: number;\n  /** The content to display as the value's label (e.g. 1 of 4). */\n  valueLabel?: string;\n  /** The display format of the value label. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** The content to display as the label. */\n  label?: JSX.Element;\n  /** An accessibility label for this item. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n  \"aria-details\"?: string;\n}\n\nexport interface MeterAria {\n  /** Props for the meter container element. */\n  meterProps: Record<string, unknown>;\n  /** Props for the meter's visual label element (if any). */\n  labelProps: Record<string, unknown>;\n}\n\n/**\n * Provides the accessibility implementation for a meter component.\n * Meters represent a quantity within a known range, or a fractional value.\n */\nexport function createMeter(props: AriaMeterProps = {}): MeterAria {\n  // Reuse progress bar implementation\n  const progressBarAria = createProgressBar(props);\n\n  return {\n    get meterProps() {\n      return {\n        ...progressBarAria.progressBarProps,\n        role: \"meter progressbar\",\n      };\n    },\n    get labelProps() {\n      return progressBarAria.labelProps;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,SAAgB,YAAY,QAAwB,CAAC,GAAc;CAEjE,MAAM,kBAAkB,kBAAkB,KAAK;CAE/C,OAAO;EACL,IAAI,aAAa;GACf,OAAO;IACL,GAAG,gBAAgB;IACnB,MAAM;GACR;EACF;EACA,IAAI,aAAa;GACf,OAAO,gBAAgB;EACzB;CACF;AACF"}

package/dist/_chunk/meter.jsx

@@ -1,3 +1,15 @@
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/meter/useMeter.ts
 import { t as createProgressBar } from "./createProgressBar.jsx";
 //#region src/meter/createMeter.ts
 /**
@@ -14,16 +26,16 @@ import { t as createProgressBar } from "./createProgressBar.jsx";
 * Meters represent a quantity within a known range, or a fractional value.
 */
 function createMeter(props = {}) {
-	const { progressBarProps, labelProps } = createProgressBar(props);
+	const progressBarAria = createProgressBar(props);
 	return {
 		get meterProps() {
 			return {
-				...progressBarProps,
-				role: "meter"
+				...progressBarAria.progressBarProps,
+				role: "meter progressbar"
 			};
 		},
 		get labelProps() {
-			return labelProps;
+			return progressBarAria.labelProps;
 		}
 	};
 }

package/dist/_chunk/meter.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"meter.jsx","names":[],"sources":["../../src/meter/createMeter.ts"],"sourcesContent":["/**\n * Meter hook for Solidaria\n *\n * Provides the accessibility implementation for a meter component.\n * Meters represent a quantity within a known range, or a fractional value.\n * Unlike progress bars, meters represent a current value rather than progress toward a goal.\n *\n * This is a port of @react-aria/meter's useMeter hook.\n */\n\nimport { createProgressBar, type AriaProgressBarProps } from \"../progress/createProgressBar\";\n\nexport interface AriaMeterProps extends Omit<AriaProgressBarProps, \"isIndeterminate\"> {\n  /** The current value (controlled). */\n  value?: number;\n  /** The smallest value allowed for the input. @default 0 */\n  minValue?: number;\n  /** The largest value allowed for the input. @default 100 */\n  maxValue?: number;\n  /** The content to display as the value's label (e.g. 1 of 4). */\n  valueLabel?: string;\n  /** The display format of the value label. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** The content to display as the label. */\n  label?: string;\n  /** An accessibility label for this item. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n  \"aria-details\"?: string;\n}\n\nexport interface MeterAria {\n  /** Props for the meter container element. */\n  meterProps: Record<string, unknown>;\n  /** Props for the meter's visual label element (if any). */\n  labelProps: Record<string, unknown>;\n}\n\n/**\n * Provides the accessibility implementation for a meter component.\n * Meters represent a quantity within a known range, or a fractional value.\n */\nexport function createMeter(props: AriaMeterProps = {}): MeterAria {\n  // Reuse progress bar implementation\n  const { progressBarProps, labelProps } = createProgressBar(props);\n\n  return {\n    get meterProps() {\n      return {\n        ...progressBarProps,\n        role: \"meter\",\n      };\n    },\n    get labelProps() {\n      return labelProps;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AA8CA,SAAgB,YAAY,QAAwB,CAAC,GAAc;CAEjE,MAAM,EAAE,kBAAkB,eAAe,kBAAkB,KAAK;CAEhE,OAAO;EACL,IAAI,aAAa;GACf,OAAO;IACL,GAAG;IACH,MAAM;GACR;EACF;EACA,IAAI,aAAa;GACf,OAAO;EACT;CACF;AACF"}
+{"version":3,"file":"meter.jsx","names":[],"sources":["../../src/meter/createMeter.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/meter/useMeter.ts\n\n/**\n * Meter hook for Solidaria\n *\n * Provides the accessibility implementation for a meter component.\n * Meters represent a quantity within a known range, or a fractional value.\n * Unlike progress bars, meters represent a current value rather than progress toward a goal.\n *\n * This is a port of @react-aria/meter's useMeter hook.\n */\n\nimport { createProgressBar, type AriaProgressBarProps } from \"../progress/createProgressBar\";\nimport type { JSX } from \"@solidjs/web\";\n\nexport interface AriaMeterProps extends Omit<AriaProgressBarProps, \"isIndeterminate\"> {\n  /** The current value (controlled). */\n  value?: number;\n  /** The smallest value allowed for the input. @default 0 */\n  minValue?: number;\n  /** The largest value allowed for the input. @default 100 */\n  maxValue?: number;\n  /** The content to display as the value's label (e.g. 1 of 4). */\n  valueLabel?: string;\n  /** The display format of the value label. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** The content to display as the label. */\n  label?: JSX.Element;\n  /** An accessibility label for this item. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n  \"aria-details\"?: string;\n}\n\nexport interface MeterAria {\n  /** Props for the meter container element. */\n  meterProps: Record<string, unknown>;\n  /** Props for the meter's visual label element (if any). */\n  labelProps: Record<string, unknown>;\n}\n\n/**\n * Provides the accessibility implementation for a meter component.\n * Meters represent a quantity within a known range, or a fractional value.\n */\nexport function createMeter(props: AriaMeterProps = {}): MeterAria {\n  // Reuse progress bar implementation\n  const progressBarAria = createProgressBar(props);\n\n  return {\n    get meterProps() {\n      return {\n        ...progressBarAria.progressBarProps,\n        role: \"meter progressbar\",\n      };\n    },\n    get labelProps() {\n      return progressBarAria.labelProps;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,SAAgB,YAAY,QAAwB,CAAC,GAAc;CAEjE,MAAM,kBAAkB,kBAAkB,KAAK;CAE/C,OAAO;EACL,IAAI,aAAa;GACf,OAAO;IACL,GAAG,gBAAgB;IACnB,MAAM;GACR;EACF;EACA,IAAI,aAAa;GACf,OAAO,gBAAgB;EACzB;CACF;AACF"}