@proyecto-viviana/solidaria-components 0.5.0 → 0.7.0-rc.0

package/dist/Alert.js

@@ -1,7 +1,8 @@
-import { filterDOMProps } from "./utils.js";
+import { dataAttr, filterDOMProps } from "./utils.js";
 import { Button } from "./Button.js";
-import { createComponent, getNextElement, insert, memo, mergeProps, runHydrationEvents, spread, template } from "solid-js/web";
-import { createContext, createMemo, splitProps, useContext } from "solid-js";
+import { createComponent, getNextElement, insert, memo, mergeProps, runHydrationEvents, scope, spread, template } from "@solidjs/web";
+import { createContext, createMemo, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/Alert.tsx
 /**
 * Alert component for solidaria-components
@@ -9,8 +10,11 @@ import { createContext, createMemo, splitProps, useContext } from "solid-js";
 * Minimal headless Alert that owns ARIA semantics (role="alert")
 * and provides render props for styling. The UI layer consumes this
 * for styling/composition only.
+*
+* This is a local Solid component. The pinned React Aria Components source
+* has no Alert counterpart.
 */
-var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
 const AlertContext = createContext(null);
 /**
 * An alert displays a brief, important message in a way that
@@ -56,29 +60,33 @@ function Alert(props) {
 		isDismissible,
 		onDismiss: local.onDismiss
 	};
-	return createComponent(AlertContext.Provider, {
+	return createComponent(AlertContext, {
 		value: contextValue,
 		get children() {
 			var _el$ = getNextElement(_tmpl$);
-			spread(_el$, mergeProps(domProps, {
-				"role": "alert",
-				get ["class"]() {
+			spread(_el$, [domProps, {
+				role: "alert",
+				get "class"() {
 					return computedClass();
 				},
 				get style() {
 					return computedStyle();
 				},
-				get ["data-variant"]() {
+				get "data-variant"() {
 					return variant();
 				},
-				get ["data-dismissible"]() {
-					return isDismissible() || void 0;
+				get "data-dismissible"() {
+					return dataAttr(isDismissible());
 				}
-			}), false, true);
-			insert(_el$, (() => {
-				var _c$ = memo(() => typeof local.children === "function");
-				return () => _c$() ? local.children(renderValues()) : local.children;
-			})());
+			}], true);
+			insert(_el$, scope((() => {
+				var _c$ = memo(() => {
+					return typeof local.children === "function";
+				});
+				return () => {
+					return _c$() ? local.children(renderValues()) : local.children;
+				};
+			})()));
 			runHydrationEvents();
 			return _el$;
 		}
@@ -99,7 +107,7 @@ function Alert(props) {
 function AlertDismissButton(props) {
 	const context = useContext(AlertContext);
 	return createComponent(Button, mergeProps(props, {
-		get ["aria-label"]() {
+		get "aria-label"() {
 			return props["aria-label"] ?? "Dismiss";
 		},
 		onPress: () => context?.onDismiss?.()

package/dist/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["JSX","createContext","createMemo","splitProps","useContext","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","filterDOMProps","Button","ButtonProps","AlertVariant","AlertRenderProps","variant","isDismissible","AlertProps","onDismiss","children","class","style","id","AlertContextValue","AlertContext","Alert","props","Element","local","rest","renderValues","computedClass","cls","computedStyle","s","domProps","global","contextValue","_$createComponent","Provider","value","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","data-variant","data-dismissible","undefined","_$insert","_c$","_$memo","_$runHydrationEvents","AlertDismissButtonProps","Omit","AlertDismissButton","context","aria-label","onPress"],"sources":["../src/Alert.tsx"],"sourcesContent":["/**\n * Alert component for solidaria-components\n *\n * Minimal headless Alert that owns ARIA semantics (role=\"alert\")\n * and provides render props for styling. The UI layer consumes this\n * for styling/composition only.\n */\n\nimport { type JSX, createContext, createMemo, splitProps, useContext } from \"solid-js\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { Button, type ButtonProps } from \"./Button\";\n\nexport type AlertVariant = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport interface AlertRenderProps {\n  /** The variant of the alert. */\n  variant: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible: boolean;\n}\n\nexport interface AlertProps extends SlotProps {\n  /** The variant of the alert. */\n  variant?: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible?: boolean;\n  /** Handler called when the alert is dismissed. */\n  onDismiss?: () => void;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<AlertRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<AlertRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<AlertRenderProps>;\n  /** The id of the element. */\n  id?: string;\n}\n\nexport interface AlertContextValue {\n  variant: () => AlertVariant;\n  isDismissible: () => boolean;\n  onDismiss?: () => void;\n}\n\nexport const AlertContext = createContext<AlertContextValue | null>(null);\n\n/**\n * An alert displays a brief, important message in a way that\n * attracts the user's attention without interrupting their task.\n *\n * This is a headless component that provides the ARIA `role=\"alert\"`\n * semantics and render props for styling.\n *\n * @example\n * ```tsx\n * <Alert variant=\"error\" isDismissible onDismiss={() => setVisible(false)}>\n *   {({ variant }) => <span>Something went wrong ({variant})</span>}\n * </Alert>\n * ```\n */\nexport function Alert(props: AlertProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"variant\",\n    \"isDismissible\",\n    \"onDismiss\",\n  ]);\n\n  const variant = () => local.variant ?? \"info\";\n  const isDismissible = () => !!local.isDismissible;\n\n  const renderValues = createMemo<AlertRenderProps>(() => ({\n    variant: variant(),\n    isDismissible: isDismissible(),\n  }));\n\n  // Resolve class and style manually. We intentionally avoid useRenderProps()\n  // because it destructures children eagerly, which would create child\n  // components (e.g. AlertDismissButton) BEFORE the AlertContext.Provider\n  // is in scope, breaking context for sub-components.\n  const computedClass = createMemo(() => {\n    const cls = local.class;\n    return typeof cls === \"function\" ? cls(renderValues()) : (cls ?? \"solidaria-Alert\");\n  });\n\n  const computedStyle = createMemo(() => {\n    const s = local.style;\n    return typeof s === \"function\" ? s(renderValues()) : s;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(rest, { global: true }));\n\n  const contextValue: AlertContextValue = {\n    variant,\n    isDismissible,\n    onDismiss: local.onDismiss,\n  };\n\n  // Children are accessed lazily inside the Provider scope (via local.children\n  // in JSX) so sub-components like AlertDismissButton can read AlertContext.\n  return (\n    <AlertContext.Provider value={contextValue}>\n      <div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={isDismissible() || undefined}\n      >\n        {typeof local.children === \"function\"\n          ? (local.children as (props: AlertRenderProps) => JSX.Element)(renderValues())\n          : local.children}\n      </div>\n    </AlertContext.Provider>\n  );\n}\n\nexport interface AlertDismissButtonProps extends Omit<ButtonProps, \"onPress\"> {}\n\n/**\n * A dismiss button for use inside an Alert.\n * Uses the headless Button for full keyboard/a11y support.\n *\n * @example\n * ```tsx\n * <Alert isDismissible onDismiss={handleDismiss}>\n *   <span>Alert content</span>\n *   <AlertDismissButton aria-label=\"Dismiss\">X</AlertDismissButton>\n * </Alert>\n * ```\n */\nexport function AlertDismissButton(props: AlertDismissButtonProps): JSX.Element {\n  const context = useContext(AlertContext);\n\n  return (\n    <Button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Dismiss\"}\n      onPress={() => context?.onDismiss?.()}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAkDA,MAAauB,eAAetB,cAAwC,IAAI;;;;;;;;;;;;;;;AAgBxE,SAAgBuB,MAAMC,OAAgC;CACpD,MAAM,CAACE,OAAOC,QAAQzB,WAAWsB,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ;CAED,MAAMX,gBAAgBa,MAAMb,WAAW;CACvC,MAAMC,sBAAsB,CAAC,CAACY,MAAMZ;CAEpC,MAAMc,eAAe3B,kBAAoC;EACvDY,SAASA,QAAQ;EACjBC,eAAeA,cAAc;CAC/B,EAAE;CAMF,MAAMe,gBAAgB5B,iBAAiB;EACrC,MAAM6B,MAAMJ,MAAMR;EAClB,OAAO,OAAOY,QAAQ,aAAaA,IAAIF,aAAa,CAAC,IAAKE,OAAO;CACnE,CAAC;CAED,MAAMC,gBAAgB9B,iBAAiB;EACrC,MAAM+B,IAAIN,MAAMP;EAChB,OAAO,OAAOa,MAAM,aAAaA,EAAEJ,aAAa,CAAC,IAAII;CACvD,CAAC;CAED,MAAMC,WAAWhC,iBAAiBO,eAAemB,MAAM,EAAEO,QAAQ,KAAK,CAAC,CAAC;CAExE,MAAMC,eAAkC;EACtCtB;EACAC;EACAE,WAAWU,MAAMV;CACnB;CAIA,OAAAoB,gBACGd,aAAae,UAAQ;EAACC,OAAOH;EAAY,IAAAlB,WAAA;GAAA,IAAAsB,OAAAC,eAAAC,MAAA;GAAAC,OAAAH,MAAAI,WAElCV,UAAQ;IAAA,QACP;IAAO,KAAA,WAAA;KAAA,OACLJ,cAAc;IAAC;IAAA,IACtBV,QAAK;KAAA,OAAEY,cAAc;IAAC;IAAA,KAAA,kBAAA;KAAA,OACRlB,QAAQ;IAAC;IAAA,KAAA,sBAAA;KAAA,OACLC,cAAc,KAAKgC,KAAAA;IAAS;GAAA,CAAA,GAAA,OAAA,IAAA;GAAAC,OAAAR,aAAA;IAAA,IAAAS,MAAAC,WAE7C,OAAOvB,MAAMT,aAAa,UAAU;IAAA,aAApC+B,IAAA,IACItB,MAAMT,SAAsDW,aAAa,CAAC,IAC3EF,MAAMT;GAAQ,EAAA,CAAA,CAAA;GAAAiC,mBAAA;GAAA,OAAAX;EAAA;CAAA,CAAA;AAI1B;;;;;;;;;;;;;AAgBA,SAAgBc,mBAAmB7B,OAA6C;CAC9E,MAAM8B,UAAUnD,WAAWmB,YAAY;CAEvC,OAAAc,gBACG3B,QAAMkC,WACDnB,OAAK;EAAA,KAAA,gBAAA;GAAA,OACGA,MAAM,iBAAiB;EAAS;EAC5CgC,eAAeF,SAAStC,YAAY;CAAC,CAAA,CAAA;AAG3C"}
+{"version":3,"file":"Alert.js","names":["<AlertContext value={contextValue}>\n      <div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={dataAttr(isDismissible())}\n      >\n        {typeof local.children === \"function\"\n          ? (local.children as (props: AlertRenderProps) => JSX.Element)(renderValues())\n          : local.children}\n      </div>\n    </AlertContext>","value={contextValue}","role=\"alert\"","{typeof local.children === \"function\"\n          ? (local.children as (props: AlertRenderProps) => JSX.Element)(renderValues())\n          : local.children}","<div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={dataAttr(isDismissible())}\n      >\n        {typeof local.children === \"function\"\n          ? (local.children as (props: AlertRenderProps) => JSX.Element)(renderValues())\n          : local.children}\n      </div>","<Button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Dismiss\"}\n      onPress={() => context?.onDismiss?.()}\n    />","onPress={() => context?.onDismiss?.()}"],"sources":["../src/Alert.tsx"],"sourcesContent":["/**\n * Alert component for solidaria-components\n *\n * Minimal headless Alert that owns ARIA semantics (role=\"alert\")\n * and provides render props for styling. The UI layer consumes this\n * for styling/composition only.\n *\n * This is a local Solid component. The pinned React Aria Components source\n * has no Alert counterpart.\n */\n\nimport { createContext, createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\nimport { Button, type ButtonProps } from \"./Button\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type AlertVariant = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport interface AlertRenderProps {\n  /** The variant of the alert. */\n  variant: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible: boolean;\n}\n\nexport interface AlertProps extends SlotProps {\n  /** The variant of the alert. */\n  variant?: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible?: boolean;\n  /** Handler called when the alert is dismissed. */\n  onDismiss?: () => void;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<AlertRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<AlertRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<AlertRenderProps>;\n  /** The id of the element. */\n  id?: string;\n}\n\nexport interface AlertContextValue {\n  variant: () => AlertVariant;\n  isDismissible: () => boolean;\n  onDismiss?: () => void;\n}\n\nexport const AlertContext = createContext<AlertContextValue | null>(null);\n\n/**\n * An alert displays a brief, important message in a way that\n * attracts the user's attention without interrupting their task.\n *\n * This is a headless component that provides the ARIA `role=\"alert\"`\n * semantics and render props for styling.\n *\n * @example\n * ```tsx\n * <Alert variant=\"error\" isDismissible onDismiss={() => setVisible(false)}>\n *   {({ variant }) => <span>Something went wrong ({variant})</span>}\n * </Alert>\n * ```\n */\nexport function Alert(props: AlertProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"variant\",\n    \"isDismissible\",\n    \"onDismiss\",\n  ]);\n\n  const variant = () => local.variant ?? \"info\";\n  const isDismissible = () => !!local.isDismissible;\n\n  const renderValues = createMemo<AlertRenderProps>(() => ({\n    variant: variant(),\n    isDismissible: isDismissible(),\n  }));\n\n  // Resolve class and style manually. We intentionally avoid useRenderProps()\n  // because it destructures children eagerly, which would create child\n  // components (e.g. AlertDismissButton) BEFORE the AlertContext.Provider\n  // is in scope, breaking context for sub-components.\n  const computedClass = createMemo(() => {\n    const cls = local.class;\n    return typeof cls === \"function\" ? cls(renderValues()) : (cls ?? \"solidaria-Alert\");\n  });\n\n  const computedStyle = createMemo(() => {\n    const s = local.style;\n    return typeof s === \"function\" ? s(renderValues()) : s;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(rest, { global: true }));\n\n  const contextValue: AlertContextValue = {\n    variant,\n    isDismissible,\n    onDismiss: local.onDismiss,\n  };\n\n  // Children are accessed lazily inside the Provider scope (via local.children\n  // in JSX) so sub-components like AlertDismissButton can read AlertContext.\n  return (\n    <AlertContext value={contextValue}>\n      <div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={dataAttr(isDismissible())}\n      >\n        {typeof local.children === \"function\"\n          ? (local.children as (props: AlertRenderProps) => JSX.Element)(renderValues())\n          : local.children}\n      </div>\n    </AlertContext>\n  );\n}\n\nexport interface AlertDismissButtonProps extends Omit<ButtonProps, \"onPress\"> {}\n\n/**\n * A dismiss button for use inside an Alert.\n * Uses the headless Button for full keyboard/a11y support.\n *\n * @example\n * ```tsx\n * <Alert isDismissible onDismiss={handleDismiss}>\n *   <span>Alert content</span>\n *   <AlertDismissButton aria-label=\"Dismiss\">X</AlertDismissButton>\n * </Alert>\n * ```\n */\nexport function AlertDismissButton(props: AlertDismissButtonProps): JSX.Element {\n  const context = useContext(AlertContext);\n\n  return (\n    <Button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Dismiss\"}\n      onPress={() => context?.onDismiss?.()}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAwDA,MAAa,eAAe,cAAwC,IAAI;;;;;;;;;;;;;;;AAgBxE,SAAgB,MAAM,OAAgC;CACpD,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,MAAM,WAAW;CACvC,MAAM,sBAAsB,CAAC,CAAC,MAAM;CAEpC,MAAM,eAAe,kBAAoC;EACvD,SAAS,QAAQ;EACjB,eAAe,cAAc;CAC/B,EAAE;CAMF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,OAAO,OAAO,QAAQ,aAAa,IAAI,aAAa,CAAC,IAAK,OAAO;CACnE,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,IAAI,MAAM;EAChB,OAAO,OAAO,MAAM,aAAa,EAAE,aAAa,CAAC,IAAI;CACvD,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,MAAM,EAAE,QAAQ,KAAK,CAAC,CAAC;CAExE,MAAM,eAAkC;EACtC;EACA;EACA,WAAW,MAAM;CACnB;CAIA,OACEA,gBAAAA,cAAAA;EAAcC,OAAO;EAArB,IAAA,WAAA;GACE,IAAA,OAAA,eAAA,MAWK;GAVC,OAAA,MAAA,CAAA,UAAA;IACJC,MAAAA;IACA,IAAA,UAAA;KAAO,OAAA,cAAc;IAAC;IACtB,IAAA,QAAA;KAAO,OAAA,cAAc;IAAC;IACtB,IAAA,iBAAA;KAAc,OAAA,QAAQ;IAAC;IACvB,IAAA,qBAAA;KAAkB,OAAA,SAAS,cAAc,CAAC;IAAC;;GAN7C,OAAA,MAQEC,aAAAA;;KAAC,OAAA,OAAO,MAAM,aAAa;IAET,CAAA;IAFlB,aAAA;KAEkB,OAAA,IAAA,IADb,MAAM,SAAsD,aAAa,CAAC,IAC3E,MAAM;IAAQ;GAAC,EAAA,CAAD,CAAA,CACf;GAXL,mBAWK;GAZP,OACEC;EAYY;;AAElB;;;;;;;;;;;;;AAgBA,SAAgB,mBAAmB,OAA6C;CAC9E,MAAM,UAAU,WAAW,YAAY;CAEvC,OACEC,gBAAAA,QAAAA,WACM,OADN;EAEE,IAAA,eAAA;GAAY,OAAA,MAAM,iBAAiB;EAAS;EAC5CC,eAAe,SAAS,YAAY;CACrC,CAAA,CAAA;AAEL"}

package/dist/Alert.jsx

@@ -1,6 +1,7 @@
-import { filterDOMProps } from "./utils.jsx";
+import { dataAttr, filterDOMProps } from "./utils.jsx";
 import { Button } from "./Button.jsx";
-import { createContext, createMemo, splitProps, useContext } from "solid-js";
+import { createContext, createMemo, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/Alert.tsx
 /**
 * Alert component for solidaria-components
@@ -8,6 +9,9 @@ import { createContext, createMemo, splitProps, useContext } from "solid-js";
 * Minimal headless Alert that owns ARIA semantics (role="alert")
 * and provides render props for styling. The UI layer consumes this
 * for styling/composition only.
+*
+* This is a local Solid component. The pinned React Aria Components source
+* has no Alert counterpart.
 */
 const AlertContext = createContext(null);
 /**
@@ -54,11 +58,11 @@ function Alert(props) {
 		isDismissible,
 		onDismiss: local.onDismiss
 	};
-	return <AlertContext.Provider value={contextValue}>
-      <div {...domProps()} role="alert" class={computedClass()} style={computedStyle()} data-variant={variant()} data-dismissible={isDismissible() || void 0}>
+	return <AlertContext value={contextValue}>
+      <div {...domProps()} role="alert" class={computedClass()} style={computedStyle()} data-variant={variant()} data-dismissible={dataAttr(isDismissible())}>
         {typeof local.children === "function" ? local.children(renderValues()) : local.children}
       </div>
-    </AlertContext.Provider>;
+    </AlertContext>;
 }
 /**
 * A dismiss button for use inside an Alert.

package/dist/Alert.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.jsx","names":[],"sources":["../src/Alert.tsx"],"sourcesContent":["/**\n * Alert component for solidaria-components\n *\n * Minimal headless Alert that owns ARIA semantics (role=\"alert\")\n * and provides render props for styling. The UI layer consumes this\n * for styling/composition only.\n */\n\nimport { type JSX, createContext, createMemo, splitProps, useContext } from \"solid-js\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { Button, type ButtonProps } from \"./Button\";\n\nexport type AlertVariant = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport interface AlertRenderProps {\n  /** The variant of the alert. */\n  variant: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible: boolean;\n}\n\nexport interface AlertProps extends SlotProps {\n  /** The variant of the alert. */\n  variant?: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible?: boolean;\n  /** Handler called when the alert is dismissed. */\n  onDismiss?: () => void;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<AlertRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<AlertRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<AlertRenderProps>;\n  /** The id of the element. */\n  id?: string;\n}\n\nexport interface AlertContextValue {\n  variant: () => AlertVariant;\n  isDismissible: () => boolean;\n  onDismiss?: () => void;\n}\n\nexport const AlertContext = createContext<AlertContextValue | null>(null);\n\n/**\n * An alert displays a brief, important message in a way that\n * attracts the user's attention without interrupting their task.\n *\n * This is a headless component that provides the ARIA `role=\"alert\"`\n * semantics and render props for styling.\n *\n * @example\n * ```tsx\n * <Alert variant=\"error\" isDismissible onDismiss={() => setVisible(false)}>\n *   {({ variant }) => <span>Something went wrong ({variant})</span>}\n * </Alert>\n * ```\n */\nexport function Alert(props: AlertProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"variant\",\n    \"isDismissible\",\n    \"onDismiss\",\n  ]);\n\n  const variant = () => local.variant ?? \"info\";\n  const isDismissible = () => !!local.isDismissible;\n\n  const renderValues = createMemo<AlertRenderProps>(() => ({\n    variant: variant(),\n    isDismissible: isDismissible(),\n  }));\n\n  // Resolve class and style manually. We intentionally avoid useRenderProps()\n  // because it destructures children eagerly, which would create child\n  // components (e.g. AlertDismissButton) BEFORE the AlertContext.Provider\n  // is in scope, breaking context for sub-components.\n  const computedClass = createMemo(() => {\n    const cls = local.class;\n    return typeof cls === \"function\" ? cls(renderValues()) : (cls ?? \"solidaria-Alert\");\n  });\n\n  const computedStyle = createMemo(() => {\n    const s = local.style;\n    return typeof s === \"function\" ? s(renderValues()) : s;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(rest, { global: true }));\n\n  const contextValue: AlertContextValue = {\n    variant,\n    isDismissible,\n    onDismiss: local.onDismiss,\n  };\n\n  // Children are accessed lazily inside the Provider scope (via local.children\n  // in JSX) so sub-components like AlertDismissButton can read AlertContext.\n  return (\n    <AlertContext.Provider value={contextValue}>\n      <div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={isDismissible() || undefined}\n      >\n        {typeof local.children === \"function\"\n          ? (local.children as (props: AlertRenderProps) => JSX.Element)(renderValues())\n          : local.children}\n      </div>\n    </AlertContext.Provider>\n  );\n}\n\nexport interface AlertDismissButtonProps extends Omit<ButtonProps, \"onPress\"> {}\n\n/**\n * A dismiss button for use inside an Alert.\n * Uses the headless Button for full keyboard/a11y support.\n *\n * @example\n * ```tsx\n * <Alert isDismissible onDismiss={handleDismiss}>\n *   <span>Alert content</span>\n *   <AlertDismissButton aria-label=\"Dismiss\">X</AlertDismissButton>\n * </Alert>\n * ```\n */\nexport function AlertDismissButton(props: AlertDismissButtonProps): JSX.Element {\n  const context = useContext(AlertContext);\n\n  return (\n    <Button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Dismiss\"}\n      onPress={() => context?.onDismiss?.()}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AAkDA,MAAa,eAAe,cAAwC,IAAI;;;;;;;;;;;;;;;AAgBxE,SAAgB,MAAM,OAAgC;CACpD,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,MAAM,WAAW;CACvC,MAAM,sBAAsB,CAAC,CAAC,MAAM;CAEpC,MAAM,eAAe,kBAAoC;EACvD,SAAS,QAAQ;EACjB,eAAe,cAAc;CAC/B,EAAE;CAMF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,OAAO,OAAO,QAAQ,aAAa,IAAI,aAAa,CAAC,IAAK,OAAO;CACnE,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,IAAI,MAAM;EAChB,OAAO,OAAO,MAAM,aAAa,EAAE,aAAa,CAAC,IAAI;CACvD,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,MAAM,EAAE,QAAQ,KAAK,CAAC,CAAC;CAExE,MAAM,eAAkC;EACtC;EACA;EACA,WAAW,MAAM;CACnB;CAIA,OACE,CAAC,aAAa,SAAS,OAAO,cAAc;MAC1C,CAAC,QACK,SAAS,GACb,aACA,OAAO,cAAc,GACrB,OAAO,cAAc,GACrB,cAAc,QAAQ,GACtB,kBAAkB,cAAc,KAAK,KAAA,GACtC;SACE,OAAO,MAAM,aAAa,aACtB,MAAM,SAAsD,aAAa,CAAC,IAC3E,MAAM,SAAS;MACrB,EAAE,IAAI;IACR,EAAE,aAAa;AAEnB;;;;;;;;;;;;;AAgBA,SAAgB,mBAAmB,OAA6C;CAC9E,MAAM,UAAU,WAAW,YAAY;CAEvC,OACE,CAAC,WACK,OACJ,YAAY,MAAM,iBAAiB,WACnC,eAAe,SAAS,YAAY;AAG1C"}
+{"version":3,"file":"Alert.jsx","names":[],"sources":["../src/Alert.tsx"],"sourcesContent":["/**\n * Alert component for solidaria-components\n *\n * Minimal headless Alert that owns ARIA semantics (role=\"alert\")\n * and provides render props for styling. The UI layer consumes this\n * for styling/composition only.\n *\n * This is a local Solid component. The pinned React Aria Components source\n * has no Alert counterpart.\n */\n\nimport { createContext, createMemo, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  filterDOMProps,\n  dataAttr,\n} from \"./utils\";\nimport { Button, type ButtonProps } from \"./Button\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type AlertVariant = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport interface AlertRenderProps {\n  /** The variant of the alert. */\n  variant: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible: boolean;\n}\n\nexport interface AlertProps extends SlotProps {\n  /** The variant of the alert. */\n  variant?: AlertVariant;\n  /** Whether the alert can be dismissed. */\n  isDismissible?: boolean;\n  /** Handler called when the alert is dismissed. */\n  onDismiss?: () => void;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<AlertRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<AlertRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<AlertRenderProps>;\n  /** The id of the element. */\n  id?: string;\n}\n\nexport interface AlertContextValue {\n  variant: () => AlertVariant;\n  isDismissible: () => boolean;\n  onDismiss?: () => void;\n}\n\nexport const AlertContext = createContext<AlertContextValue | null>(null);\n\n/**\n * An alert displays a brief, important message in a way that\n * attracts the user's attention without interrupting their task.\n *\n * This is a headless component that provides the ARIA `role=\"alert\"`\n * semantics and render props for styling.\n *\n * @example\n * ```tsx\n * <Alert variant=\"error\" isDismissible onDismiss={() => setVisible(false)}>\n *   {({ variant }) => <span>Something went wrong ({variant})</span>}\n * </Alert>\n * ```\n */\nexport function Alert(props: AlertProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"variant\",\n    \"isDismissible\",\n    \"onDismiss\",\n  ]);\n\n  const variant = () => local.variant ?? \"info\";\n  const isDismissible = () => !!local.isDismissible;\n\n  const renderValues = createMemo<AlertRenderProps>(() => ({\n    variant: variant(),\n    isDismissible: isDismissible(),\n  }));\n\n  // Resolve class and style manually. We intentionally avoid useRenderProps()\n  // because it destructures children eagerly, which would create child\n  // components (e.g. AlertDismissButton) BEFORE the AlertContext.Provider\n  // is in scope, breaking context for sub-components.\n  const computedClass = createMemo(() => {\n    const cls = local.class;\n    return typeof cls === \"function\" ? cls(renderValues()) : (cls ?? \"solidaria-Alert\");\n  });\n\n  const computedStyle = createMemo(() => {\n    const s = local.style;\n    return typeof s === \"function\" ? s(renderValues()) : s;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(rest, { global: true }));\n\n  const contextValue: AlertContextValue = {\n    variant,\n    isDismissible,\n    onDismiss: local.onDismiss,\n  };\n\n  // Children are accessed lazily inside the Provider scope (via local.children\n  // in JSX) so sub-components like AlertDismissButton can read AlertContext.\n  return (\n    <AlertContext value={contextValue}>\n      <div\n        {...domProps()}\n        role=\"alert\"\n        class={computedClass()}\n        style={computedStyle()}\n        data-variant={variant()}\n        data-dismissible={dataAttr(isDismissible())}\n      >\n        {typeof local.children === \"function\"\n          ? (local.children as (props: AlertRenderProps) => JSX.Element)(renderValues())\n          : local.children}\n      </div>\n    </AlertContext>\n  );\n}\n\nexport interface AlertDismissButtonProps extends Omit<ButtonProps, \"onPress\"> {}\n\n/**\n * A dismiss button for use inside an Alert.\n * Uses the headless Button for full keyboard/a11y support.\n *\n * @example\n * ```tsx\n * <Alert isDismissible onDismiss={handleDismiss}>\n *   <span>Alert content</span>\n *   <AlertDismissButton aria-label=\"Dismiss\">X</AlertDismissButton>\n * </Alert>\n * ```\n */\nexport function AlertDismissButton(props: AlertDismissButtonProps): JSX.Element {\n  const context = useContext(AlertContext);\n\n  return (\n    <Button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? \"Dismiss\"}\n      onPress={() => context?.onDismiss?.()}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwDA,MAAa,eAAe,cAAwC,IAAI;;;;;;;;;;;;;;;AAgBxE,SAAgB,MAAM,OAAgC;CACpD,MAAM,CAAC,OAAO,QAAQ,WAAW,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,MAAM,WAAW;CACvC,MAAM,sBAAsB,CAAC,CAAC,MAAM;CAEpC,MAAM,eAAe,kBAAoC;EACvD,SAAS,QAAQ;EACjB,eAAe,cAAc;CAC/B,EAAE;CAMF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,OAAO,OAAO,QAAQ,aAAa,IAAI,aAAa,CAAC,IAAK,OAAO;CACnE,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,IAAI,MAAM;EAChB,OAAO,OAAO,MAAM,aAAa,EAAE,aAAa,CAAC,IAAI;CACvD,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,MAAM,EAAE,QAAQ,KAAK,CAAC,CAAC;CAExE,MAAM,eAAkC;EACtC;EACA;EACA,WAAW,MAAM;CACnB;CAIA,OACE,CAAC,aAAa,OAAO,cAAc;MACjC,CAAC,QACK,SAAS,GACb,aACA,OAAO,cAAc,GACrB,OAAO,cAAc,GACrB,cAAc,QAAQ,GACtB,kBAAkB,SAAS,cAAc,CAAC,GAC3C;SACE,OAAO,MAAM,aAAa,aACtB,MAAM,SAAsD,aAAa,CAAC,IAC3E,MAAM,SAAS;MACrB,EAAE,IAAI;IACR,EAAE;AAEN;;;;;;;;;;;;;AAgBA,SAAgB,mBAAmB,OAA6C;CAC9E,MAAM,UAAU,WAAW,YAAY;CAEvC,OACE,CAAC,WACK,OACJ,YAAY,MAAM,iBAAiB,WACnC,eAAe,SAAS,YAAY;AAG1C"}

package/dist/Autocomplete.d.ts

@@ -1,12 +1,5 @@
-/**
- * Autocomplete component for solidaria-components
- *
- * Provides autocomplete functionality by wrapping a text input
- * with a filterable collection (ListBox/Menu).
- *
- * Port of react-aria-components/src/Autocomplete.tsx
- */
-import { type JSX, type ParentProps } from "solid-js";
+import type { ParentProps } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type AriaAutocompleteOptions, type AutocompleteInputProps, type CollectionOptions } from "@proyecto-viviana/solidaria";
 import { type AutocompleteState, type AutocompleteStateOptions, type CollectionNode } from "@proyecto-viviana/solid-stately";
 import { type SlotProps } from "./utils";

package/dist/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../src/Autocomplete.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,WAAW,EAMjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACvB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,cAAc,EACpB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO,CAC5C,SACE,IAAI,CAAC,wBAAwB,EAAE,UAAU,CAAC,EAC1C,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC,EAC9D,WAAW,EACX,SAAS;CAAG;AAEhB,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,sBAAsB,CAAC;IACnC,QAAQ,EAAE,CAAC,EAAE,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,kCAAkC;IACjD,eAAe,EAAE,iBAAiB,CAAC;IACnC,aAAa,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,OAAO,CAAC;CAC5E;AAED,eAAO,MAAM,mBAAmB,6DAAuD,CAAC;AACxF,eAAO,MAAM,wBAAwB,sDAAgD,CAAC;AACtF,eAAO,MAAM,6BAA6B,uEACsB,CAAC;AAEjE;;;GAGG;AACH,wBAAgB,oBAAoB,oCAEnC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,6BAEnC;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,8CAExC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,YAAY,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA2DlF"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../src/Autocomplete.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACvB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,cAAc,EACpB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO,CAC5C,SACE,IAAI,CAAC,wBAAwB,EAAE,UAAU,CAAC,EAC1C,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC,EAC9D,WAAW,EACX,SAAS;CAAG;AAEhB,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,sBAAsB,CAAC;IACnC,QAAQ,EAAE,CAAC,EAAE,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,kCAAkC;IACjD,eAAe,EAAE,iBAAiB,CAAC;IACnC,aAAa,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,OAAO,CAAC;CAC5E;AAED,eAAO,MAAM,mBAAmB,6DAAuD,CAAC;AACxF,eAAO,MAAM,wBAAwB,sDAAgD,CAAC;AACtF,eAAO,MAAM,6BAA6B,uEACsB,CAAC;AAEjE;;;GAGG;AACH,wBAAgB,oBAAoB,oCAEnC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,6BAEnC;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,8CAExC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,YAAY,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA2DlF"}

package/dist/Autocomplete.js

@@ -1,6 +1,19 @@
-import { createComponent } from "solid-js/web";
-import { createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
+/*
+* Copyright 2024 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-components/src/Autocomplete.tsx
+import { createComponent } from "@solidjs/web";
+import { createContext, createMemo, createSignal, useContext } from "solid-js";
 import { createAutocomplete } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { createAutocompleteState } from "@proyecto-viviana/solid-stately";
 //#region src/Autocomplete.tsx
 /**
@@ -103,15 +116,15 @@ function Autocomplete(props) {
 		},
 		filter: autocomplete.filter
 	}));
-	return createComponent(AutocompleteStateContext.Provider, {
+	return createComponent(AutocompleteStateContext, {
 		value: state,
 		get children() {
-			return createComponent(AutocompleteContext.Provider, {
+			return createComponent(AutocompleteContext, {
 				get value() {
 					return inputContextValue();
 				},
 				get children() {
-					return createComponent(AutocompleteCollectionContext.Provider, {
+					return createComponent(AutocompleteCollectionContext, {
 						get value() {
 							return collectionContextValue();
 						},

package/dist/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","names":["JSX","ParentProps","createContext","useContext","createMemo","splitProps","createSignal","createAutocomplete","AriaAutocompleteOptions","AutocompleteInputProps","CollectionOptions","createAutocompleteState","AutocompleteState","AutocompleteStateOptions","CollectionNode","SlotProps","AutocompleteProps","Omit","T","AutocompleteContextValue","inputProps","inputRef","el","HTMLInputElement","AutocompleteCollectionContextValue","collectionProps","collectionRef","HTMLElement","filter","nodeTextValue","node","AutocompleteContext","AutocompleteStateContext","AutocompleteCollectionContext","useAutocompleteInput","useAutocompleteState","useAutocompleteCollection","Autocomplete","props","Element","stateProps","ariaProps","local","state","setInputRef","setCollectionRef","autocomplete","inputContextValue","collectionContextValue","_$createComponent","Provider","value","children"],"sources":["../src/Autocomplete.tsx"],"sourcesContent":["/**\n * Autocomplete component for solidaria-components\n *\n * Provides autocomplete functionality by wrapping a text input\n * with a filterable collection (ListBox/Menu).\n *\n * Port of react-aria-components/src/Autocomplete.tsx\n */\n\nimport {\n  type JSX,\n  type ParentProps,\n  createContext,\n  useContext,\n  createMemo,\n  splitProps,\n  createSignal,\n} from \"solid-js\";\nimport {\n  createAutocomplete,\n  type AriaAutocompleteOptions,\n  type AutocompleteInputProps,\n  type CollectionOptions,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createAutocompleteState,\n  type AutocompleteState,\n  type AutocompleteStateOptions,\n  type CollectionNode,\n} from \"@proyecto-viviana/solid-stately\";\nimport { type SlotProps } from \"./utils\";\n\nexport interface AutocompleteProps<T = unknown>\n  extends\n    Omit<AutocompleteStateOptions, \"children\">,\n    Omit<AriaAutocompleteOptions<T>, \"inputRef\" | \"collectionRef\">,\n    ParentProps,\n    SlotProps {}\n\nexport interface AutocompleteContextValue {\n  inputProps: AutocompleteInputProps;\n  inputRef: (el: HTMLInputElement) => void;\n}\n\nexport interface AutocompleteCollectionContextValue {\n  collectionProps: CollectionOptions;\n  collectionRef: (el: HTMLElement) => void;\n  filter?: (nodeTextValue: string, node: CollectionNode<unknown>) => boolean;\n}\n\nexport const AutocompleteContext = createContext<AutocompleteContextValue | null>(null);\nexport const AutocompleteStateContext = createContext<AutocompleteState | null>(null);\nexport const AutocompleteCollectionContext =\n  createContext<AutocompleteCollectionContextValue | null>(null);\n\n/**\n * Hook to consume autocomplete input context.\n * Use this in your input component (TextField/SearchField) to get the autocomplete props.\n */\nexport function useAutocompleteInput() {\n  return useContext(AutocompleteContext);\n}\n\n/**\n * Hook to consume autocomplete state context.\n */\nexport function useAutocompleteState() {\n  return useContext(AutocompleteStateContext);\n}\n\n/**\n * Hook to consume autocomplete collection context.\n * Use this in your collection component (ListBox/Menu) to get the autocomplete props.\n */\nexport function useAutocompleteCollection() {\n  return useContext(AutocompleteCollectionContext);\n}\n\n/**\n * An autocomplete allows users to search or filter a list of suggestions.\n * It wraps a text input and a collection component (ListBox or Menu),\n * providing keyboard navigation and filtering capabilities.\n *\n * @example\n * ```tsx\n * // Basic usage with SearchField and ListBox\n * <Autocomplete\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   <SearchField aria-label=\"Search\">\n *     <Input />\n *   </SearchField>\n *   <ListBox aria-label=\"Suggestions\">\n *     <ListBoxItem>Option 1</ListBoxItem>\n *     <ListBoxItem>Option 2</ListBoxItem>\n *     <ListBoxItem>Option 3</ListBoxItem>\n *   </ListBox>\n * </Autocomplete>\n *\n * // Controlled input value\n * const [value, setValue] = createSignal('');\n * <Autocomplete\n *   inputValue={value()}\n *   onInputChange={setValue}\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   {/* ... *\\/}\n * </Autocomplete>\n * ```\n */\nexport function Autocomplete<T = unknown>(props: AutocompleteProps<T>): JSX.Element {\n  const [stateProps, ariaProps, local] = splitProps(\n    props,\n    [\"inputValue\", \"defaultInputValue\", \"onInputChange\"],\n    [\n      \"filter\",\n      \"disableAutoFocusFirst\",\n      \"disableVirtualFocus\",\n      \"collectionId\",\n      \"collectionAriaLabel\",\n    ],\n  );\n\n  const state = createAutocompleteState(stateProps);\n\n  // Refs are signals so createAutocomplete's effects (the beforeinput listener\n  // and the reverse-path focusin listener that mirrors aria-activedescendant)\n  // bind reactively once the input/collection elements actually mount.\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement>();\n  const [collectionRef, setCollectionRef] = createSignal<HTMLElement>();\n\n  // Create autocomplete aria\n  const autocomplete = createAutocomplete<T>(\n    {\n      ...ariaProps,\n      inputRef,\n      collectionRef,\n    },\n    state,\n  );\n\n  // Input context value\n  const inputContextValue = createMemo<AutocompleteContextValue>(() => ({\n    inputProps: autocomplete.inputProps,\n    inputRef: (el: HTMLInputElement) => {\n      setInputRef(el);\n    },\n  }));\n\n  // Collection context value\n  const collectionContextValue = createMemo<AutocompleteCollectionContextValue>(() => ({\n    collectionProps: autocomplete.collectionProps,\n    collectionRef: (el: HTMLElement) => {\n      setCollectionRef(el);\n    },\n    filter: autocomplete.filter as\n      | ((nodeTextValue: string, node: CollectionNode<unknown>) => boolean)\n      | undefined,\n  }));\n\n  return (\n    <AutocompleteStateContext.Provider value={state}>\n      <AutocompleteContext.Provider value={inputContextValue()}>\n        <AutocompleteCollectionContext.Provider value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext.Provider>\n      </AutocompleteContext.Provider>\n    </AutocompleteStateContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAkDA,MAAa+B,sBAAsB7B,cAA+C,IAAI;AACtF,MAAa8B,2BAA2B9B,cAAwC,IAAI;AACpF,MAAa+B,gCACX/B,cAAyD,IAAI;;;;;AAM/D,SAAgBgC,uBAAuB;CACrC,OAAO/B,WAAW4B,mBAAmB;AACvC;;;;AAKA,SAAgBI,uBAAuB;CACrC,OAAOhC,WAAW6B,wBAAwB;AAC5C;;;;;AAMA,SAAgBI,4BAA4B;CAC1C,OAAOjC,WAAW8B,6BAA6B;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgBI,aAA0BC,OAA0C;CAClF,MAAM,CAACE,YAAYC,WAAWC,SAASrC,WACrCiC,OACA;EAAC;EAAc;EAAqB;CAAe,GACnD;EACE;EACA;EACA;EACA;EACA;CAAqB,CAEzB;CAEA,MAAMK,QAAQhC,wBAAwB6B,UAAU;CAKhD,MAAM,CAACnB,UAAUuB,eAAetC,aAA+B;CAC/D,MAAM,CAACoB,eAAemB,oBAAoBvC,aAA0B;CAGpE,MAAMwC,eAAevC,mBACnB;EACE,GAAGkC;EACHpB;EACAK;CACF,GACAiB,KACF;CAGA,MAAMI,oBAAoB3C,kBAA4C;EACpEgB,YAAY0B,aAAa1B;EACzBC,WAAWC,OAAyB;GAClCsB,YAAYtB,EAAE;EAChB;CACF,EAAE;CAGF,MAAM0B,yBAAyB5C,kBAAsD;EACnFqB,iBAAiBqB,aAAarB;EAC9BC,gBAAgBJ,OAAoB;GAClCuB,iBAAiBvB,EAAE;EACrB;EACAM,QAAQkB,aAAalB;CAGvB,EAAE;CAEF,OAAAqB,gBACGjB,yBAAyBkB,UAAQ;EAACC,OAAOR;EAAK,IAAAS,WAAA;GAAA,OAAAH,gBAC5ClB,oBAAoBmB,UAAQ;IAAA,IAACC,QAAK;KAAA,OAAEJ,kBAAkB;IAAC;IAAA,IAAAK,WAAA;KAAA,OAAAH,gBACrDhB,8BAA8BiB,UAAQ;MAAA,IAACC,QAAK;OAAA,OAAEH,uBAAuB;MAAC;MAAA,IAAAI,WAAA;OAAA,OACpEd,MAAMc;MAAQ;KAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAKzB"}
+{"version":3,"file":"Autocomplete.js","names":["<AutocompleteStateContext value={state}>\n      <AutocompleteContext value={inputContextValue()}>\n        <AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>\n      </AutocompleteContext>\n    </AutocompleteStateContext>","value={state}","<AutocompleteContext value={inputContextValue()}>\n        <AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>\n      </AutocompleteContext>","<AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>"],"sources":["../src/Autocomplete.tsx"],"sourcesContent":["/*\n * Copyright 2024 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-components/src/Autocomplete.tsx\n\n/**\n * Autocomplete component for solidaria-components\n *\n * Provides autocomplete functionality by wrapping a text input\n * with a filterable collection (ListBox/Menu).\n *\n * Port of react-aria-components/src/Autocomplete.tsx\n */\n\nimport { createContext, useContext, createMemo, createSignal } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createAutocomplete,\n  type AriaAutocompleteOptions,\n  type AutocompleteInputProps,\n  type CollectionOptions,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createAutocompleteState,\n  type AutocompleteState,\n  type AutocompleteStateOptions,\n  type CollectionNode,\n} from \"@proyecto-viviana/solid-stately\";\nimport { type SlotProps } from \"./utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface AutocompleteProps<T = unknown>\n  extends\n    Omit<AutocompleteStateOptions, \"children\">,\n    Omit<AriaAutocompleteOptions<T>, \"inputRef\" | \"collectionRef\">,\n    ParentProps,\n    SlotProps {}\n\nexport interface AutocompleteContextValue {\n  inputProps: AutocompleteInputProps;\n  inputRef: (el: HTMLInputElement) => void;\n}\n\nexport interface AutocompleteCollectionContextValue {\n  collectionProps: CollectionOptions;\n  collectionRef: (el: HTMLElement) => void;\n  filter?: (nodeTextValue: string, node: CollectionNode<unknown>) => boolean;\n}\n\nexport const AutocompleteContext = createContext<AutocompleteContextValue | null>(null);\nexport const AutocompleteStateContext = createContext<AutocompleteState | null>(null);\nexport const AutocompleteCollectionContext =\n  createContext<AutocompleteCollectionContextValue | null>(null);\n\n/**\n * Hook to consume autocomplete input context.\n * Use this in your input component (TextField/SearchField) to get the autocomplete props.\n */\nexport function useAutocompleteInput() {\n  return useContext(AutocompleteContext);\n}\n\n/**\n * Hook to consume autocomplete state context.\n */\nexport function useAutocompleteState() {\n  return useContext(AutocompleteStateContext);\n}\n\n/**\n * Hook to consume autocomplete collection context.\n * Use this in your collection component (ListBox/Menu) to get the autocomplete props.\n */\nexport function useAutocompleteCollection() {\n  return useContext(AutocompleteCollectionContext);\n}\n\n/**\n * An autocomplete allows users to search or filter a list of suggestions.\n * It wraps a text input and a collection component (ListBox or Menu),\n * providing keyboard navigation and filtering capabilities.\n *\n * @example\n * ```tsx\n * // Basic usage with SearchField and ListBox\n * <Autocomplete\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   <SearchField aria-label=\"Search\">\n *     <Input />\n *   </SearchField>\n *   <ListBox aria-label=\"Suggestions\">\n *     <ListBoxItem>Option 1</ListBoxItem>\n *     <ListBoxItem>Option 2</ListBoxItem>\n *     <ListBoxItem>Option 3</ListBoxItem>\n *   </ListBox>\n * </Autocomplete>\n *\n * // Controlled input value\n * const [value, setValue] = createSignal('');\n * <Autocomplete\n *   inputValue={value()}\n *   onInputChange={setValue}\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   {/* ... *\\/}\n * </Autocomplete>\n * ```\n */\nexport function Autocomplete<T = unknown>(props: AutocompleteProps<T>): JSX.Element {\n  const [stateProps, ariaProps, local] = splitProps(\n    props,\n    [\"inputValue\", \"defaultInputValue\", \"onInputChange\"],\n    [\n      \"filter\",\n      \"disableAutoFocusFirst\",\n      \"disableVirtualFocus\",\n      \"collectionId\",\n      \"collectionAriaLabel\",\n    ],\n  );\n\n  const state = createAutocompleteState(stateProps);\n\n  // Refs are signals so createAutocomplete's effects (the beforeinput listener\n  // and the reverse-path focusin listener that mirrors aria-activedescendant)\n  // bind reactively once the input/collection elements actually mount.\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement>();\n  const [collectionRef, setCollectionRef] = createSignal<HTMLElement>();\n\n  // Create autocomplete aria\n  const autocomplete = createAutocomplete<T>(\n    {\n      ...ariaProps,\n      inputRef,\n      collectionRef,\n    },\n    state,\n  );\n\n  // Input context value\n  const inputContextValue = createMemo<AutocompleteContextValue>(() => ({\n    inputProps: autocomplete.inputProps,\n    inputRef: (el: HTMLInputElement) => {\n      setInputRef(el);\n    },\n  }));\n\n  // Collection context value\n  const collectionContextValue = createMemo<AutocompleteCollectionContextValue>(() => ({\n    collectionProps: autocomplete.collectionProps,\n    collectionRef: (el: HTMLElement) => {\n      setCollectionRef(el);\n    },\n    filter: autocomplete.filter as\n      | ((nodeTextValue: string, node: CollectionNode<unknown>) => boolean)\n      | undefined,\n  }));\n\n  return (\n    <AutocompleteStateContext value={state}>\n      <AutocompleteContext value={inputContextValue()}>\n        <AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>\n      </AutocompleteContext>\n    </AutocompleteStateContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,MAAa,sBAAsB,cAA+C,IAAI;AACtF,MAAa,2BAA2B,cAAwC,IAAI;AACpF,MAAa,gCACX,cAAyD,IAAI;;;;;AAM/D,SAAgB,uBAAuB;CACrC,OAAO,WAAW,mBAAmB;AACvC;;;;AAKA,SAAgB,uBAAuB;CACrC,OAAO,WAAW,wBAAwB;AAC5C;;;;;AAMA,SAAgB,4BAA4B;CAC1C,OAAO,WAAW,6BAA6B;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,aAA0B,OAA0C;CAClF,MAAM,CAAC,YAAY,WAAW,SAAS,WACrC,OACA;EAAC;EAAc;EAAqB;CAAe,GACnD;EACE;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,QAAQ,wBAAwB,UAAU;CAKhD,MAAM,CAAC,UAAU,eAAe,aAA+B;CAC/D,MAAM,CAAC,eAAe,oBAAoB,aAA0B;CAGpE,MAAM,eAAe,mBACnB;EACE,GAAG;EACH;EACA;CACF,GACA,KACF;CAGA,MAAM,oBAAoB,kBAA4C;EACpE,YAAY,aAAa;EACzB,WAAW,OAAyB;GAClC,YAAY,EAAE;EAChB;CACF,EAAE;CAGF,MAAM,yBAAyB,kBAAsD;EACnF,iBAAiB,aAAa;EAC9B,gBAAgB,OAAoB;GAClC,iBAAiB,EAAE;EACrB;EACA,QAAQ,aAAa;CAGvB,EAAE;CAEF,OACEA,gBAAAA,0BAAAA;EAA0BC,OAAO;EAAjC,IAAA,WAAA;GACEC,OAAAA,gBAAAA,qBAAAA;IAAqB,IAAA,QAAA;KAAO,OAAA,kBAAkB;IAAC;IAA/C,IAAA,WAAA;KACEC,OAAAA,gBAAAA,+BAAAA;MAA+B,IAAA,QAAA;OAAO,OAAA,uBAAuB;MAAC;MAA9D,IAAA,WAAA;OACG,OAAA,MAAM;MACsB;;IACZ;;EACG;;AAE9B"}

package/dist/Autocomplete.jsx

@@ -1,5 +1,18 @@
-import { createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
+/*
+* Copyright 2024 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-components/src/Autocomplete.tsx
+import { createContext, createMemo, createSignal, useContext } from "solid-js";
 import { createAutocomplete } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { createAutocompleteState } from "@proyecto-viviana/solid-stately";
 //#region src/Autocomplete.tsx
 /**
@@ -102,13 +115,13 @@ function Autocomplete(props) {
 		},
 		filter: autocomplete.filter
 	}));
-	return <AutocompleteStateContext.Provider value={state}>
-      <AutocompleteContext.Provider value={inputContextValue()}>
-        <AutocompleteCollectionContext.Provider value={collectionContextValue()}>
+	return <AutocompleteStateContext value={state}>
+      <AutocompleteContext value={inputContextValue()}>
+        <AutocompleteCollectionContext value={collectionContextValue()}>
           {props.children}
-        </AutocompleteCollectionContext.Provider>
-      </AutocompleteContext.Provider>
-    </AutocompleteStateContext.Provider>;
+        </AutocompleteCollectionContext>
+      </AutocompleteContext>
+    </AutocompleteStateContext>;
 }
 //#endregion
 export { Autocomplete, AutocompleteCollectionContext, AutocompleteContext, AutocompleteStateContext, useAutocompleteCollection, useAutocompleteInput, useAutocompleteState };

package/dist/Autocomplete.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.jsx","names":[],"sources":["../src/Autocomplete.tsx"],"sourcesContent":["/**\n * Autocomplete component for solidaria-components\n *\n * Provides autocomplete functionality by wrapping a text input\n * with a filterable collection (ListBox/Menu).\n *\n * Port of react-aria-components/src/Autocomplete.tsx\n */\n\nimport {\n  type JSX,\n  type ParentProps,\n  createContext,\n  useContext,\n  createMemo,\n  splitProps,\n  createSignal,\n} from \"solid-js\";\nimport {\n  createAutocomplete,\n  type AriaAutocompleteOptions,\n  type AutocompleteInputProps,\n  type CollectionOptions,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createAutocompleteState,\n  type AutocompleteState,\n  type AutocompleteStateOptions,\n  type CollectionNode,\n} from \"@proyecto-viviana/solid-stately\";\nimport { type SlotProps } from \"./utils\";\n\nexport interface AutocompleteProps<T = unknown>\n  extends\n    Omit<AutocompleteStateOptions, \"children\">,\n    Omit<AriaAutocompleteOptions<T>, \"inputRef\" | \"collectionRef\">,\n    ParentProps,\n    SlotProps {}\n\nexport interface AutocompleteContextValue {\n  inputProps: AutocompleteInputProps;\n  inputRef: (el: HTMLInputElement) => void;\n}\n\nexport interface AutocompleteCollectionContextValue {\n  collectionProps: CollectionOptions;\n  collectionRef: (el: HTMLElement) => void;\n  filter?: (nodeTextValue: string, node: CollectionNode<unknown>) => boolean;\n}\n\nexport const AutocompleteContext = createContext<AutocompleteContextValue | null>(null);\nexport const AutocompleteStateContext = createContext<AutocompleteState | null>(null);\nexport const AutocompleteCollectionContext =\n  createContext<AutocompleteCollectionContextValue | null>(null);\n\n/**\n * Hook to consume autocomplete input context.\n * Use this in your input component (TextField/SearchField) to get the autocomplete props.\n */\nexport function useAutocompleteInput() {\n  return useContext(AutocompleteContext);\n}\n\n/**\n * Hook to consume autocomplete state context.\n */\nexport function useAutocompleteState() {\n  return useContext(AutocompleteStateContext);\n}\n\n/**\n * Hook to consume autocomplete collection context.\n * Use this in your collection component (ListBox/Menu) to get the autocomplete props.\n */\nexport function useAutocompleteCollection() {\n  return useContext(AutocompleteCollectionContext);\n}\n\n/**\n * An autocomplete allows users to search or filter a list of suggestions.\n * It wraps a text input and a collection component (ListBox or Menu),\n * providing keyboard navigation and filtering capabilities.\n *\n * @example\n * ```tsx\n * // Basic usage with SearchField and ListBox\n * <Autocomplete\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   <SearchField aria-label=\"Search\">\n *     <Input />\n *   </SearchField>\n *   <ListBox aria-label=\"Suggestions\">\n *     <ListBoxItem>Option 1</ListBoxItem>\n *     <ListBoxItem>Option 2</ListBoxItem>\n *     <ListBoxItem>Option 3</ListBoxItem>\n *   </ListBox>\n * </Autocomplete>\n *\n * // Controlled input value\n * const [value, setValue] = createSignal('');\n * <Autocomplete\n *   inputValue={value()}\n *   onInputChange={setValue}\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   {/* ... *\\/}\n * </Autocomplete>\n * ```\n */\nexport function Autocomplete<T = unknown>(props: AutocompleteProps<T>): JSX.Element {\n  const [stateProps, ariaProps, local] = splitProps(\n    props,\n    [\"inputValue\", \"defaultInputValue\", \"onInputChange\"],\n    [\n      \"filter\",\n      \"disableAutoFocusFirst\",\n      \"disableVirtualFocus\",\n      \"collectionId\",\n      \"collectionAriaLabel\",\n    ],\n  );\n\n  const state = createAutocompleteState(stateProps);\n\n  // Refs are signals so createAutocomplete's effects (the beforeinput listener\n  // and the reverse-path focusin listener that mirrors aria-activedescendant)\n  // bind reactively once the input/collection elements actually mount.\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement>();\n  const [collectionRef, setCollectionRef] = createSignal<HTMLElement>();\n\n  // Create autocomplete aria\n  const autocomplete = createAutocomplete<T>(\n    {\n      ...ariaProps,\n      inputRef,\n      collectionRef,\n    },\n    state,\n  );\n\n  // Input context value\n  const inputContextValue = createMemo<AutocompleteContextValue>(() => ({\n    inputProps: autocomplete.inputProps,\n    inputRef: (el: HTMLInputElement) => {\n      setInputRef(el);\n    },\n  }));\n\n  // Collection context value\n  const collectionContextValue = createMemo<AutocompleteCollectionContextValue>(() => ({\n    collectionProps: autocomplete.collectionProps,\n    collectionRef: (el: HTMLElement) => {\n      setCollectionRef(el);\n    },\n    filter: autocomplete.filter as\n      | ((nodeTextValue: string, node: CollectionNode<unknown>) => boolean)\n      | undefined,\n  }));\n\n  return (\n    <AutocompleteStateContext.Provider value={state}>\n      <AutocompleteContext.Provider value={inputContextValue()}>\n        <AutocompleteCollectionContext.Provider value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext.Provider>\n      </AutocompleteContext.Provider>\n    </AutocompleteStateContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkDA,MAAa,sBAAsB,cAA+C,IAAI;AACtF,MAAa,2BAA2B,cAAwC,IAAI;AACpF,MAAa,gCACX,cAAyD,IAAI;;;;;AAM/D,SAAgB,uBAAuB;CACrC,OAAO,WAAW,mBAAmB;AACvC;;;;AAKA,SAAgB,uBAAuB;CACrC,OAAO,WAAW,wBAAwB;AAC5C;;;;;AAMA,SAAgB,4BAA4B;CAC1C,OAAO,WAAW,6BAA6B;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,aAA0B,OAA0C;CAClF,MAAM,CAAC,YAAY,WAAW,SAAS,WACrC,OACA;EAAC;EAAc;EAAqB;CAAe,GACnD;EACE;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,QAAQ,wBAAwB,UAAU;CAKhD,MAAM,CAAC,UAAU,eAAe,aAA+B;CAC/D,MAAM,CAAC,eAAe,oBAAoB,aAA0B;CAGpE,MAAM,eAAe,mBACnB;EACE,GAAG;EACH;EACA;CACF,GACA,KACF;CAGA,MAAM,oBAAoB,kBAA4C;EACpE,YAAY,aAAa;EACzB,WAAW,OAAyB;GAClC,YAAY,EAAE;EAChB;CACF,EAAE;CAGF,MAAM,yBAAyB,kBAAsD;EACnF,iBAAiB,aAAa;EAC9B,gBAAgB,OAAoB;GAClC,iBAAiB,EAAE;EACrB;EACA,QAAQ,aAAa;CAGvB,EAAE;CAEF,OACE,CAAC,yBAAyB,SAAS,OAAO,OAAO;MAC/C,CAAC,oBAAoB,SAAS,OAAO,kBAAkB,GAAG;QACxD,CAAC,8BAA8B,SAAS,OAAO,uBAAuB,GAAG;WACtE,MAAM,SAAS;QAClB,EAAE,8BAA8B,SAAS;MAC3C,EAAE,oBAAoB,SAAS;IACjC,EAAE,yBAAyB;AAE/B"}
+{"version":3,"file":"Autocomplete.jsx","names":[],"sources":["../src/Autocomplete.tsx"],"sourcesContent":["/*\n * Copyright 2024 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-components/src/Autocomplete.tsx\n\n/**\n * Autocomplete component for solidaria-components\n *\n * Provides autocomplete functionality by wrapping a text input\n * with a filterable collection (ListBox/Menu).\n *\n * Port of react-aria-components/src/Autocomplete.tsx\n */\n\nimport { createContext, useContext, createMemo, createSignal } from \"solid-js\";\nimport type { ParentProps } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createAutocomplete,\n  type AriaAutocompleteOptions,\n  type AutocompleteInputProps,\n  type CollectionOptions,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createAutocompleteState,\n  type AutocompleteState,\n  type AutocompleteStateOptions,\n  type CollectionNode,\n} from \"@proyecto-viviana/solid-stately\";\nimport { type SlotProps } from \"./utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface AutocompleteProps<T = unknown>\n  extends\n    Omit<AutocompleteStateOptions, \"children\">,\n    Omit<AriaAutocompleteOptions<T>, \"inputRef\" | \"collectionRef\">,\n    ParentProps,\n    SlotProps {}\n\nexport interface AutocompleteContextValue {\n  inputProps: AutocompleteInputProps;\n  inputRef: (el: HTMLInputElement) => void;\n}\n\nexport interface AutocompleteCollectionContextValue {\n  collectionProps: CollectionOptions;\n  collectionRef: (el: HTMLElement) => void;\n  filter?: (nodeTextValue: string, node: CollectionNode<unknown>) => boolean;\n}\n\nexport const AutocompleteContext = createContext<AutocompleteContextValue | null>(null);\nexport const AutocompleteStateContext = createContext<AutocompleteState | null>(null);\nexport const AutocompleteCollectionContext =\n  createContext<AutocompleteCollectionContextValue | null>(null);\n\n/**\n * Hook to consume autocomplete input context.\n * Use this in your input component (TextField/SearchField) to get the autocomplete props.\n */\nexport function useAutocompleteInput() {\n  return useContext(AutocompleteContext);\n}\n\n/**\n * Hook to consume autocomplete state context.\n */\nexport function useAutocompleteState() {\n  return useContext(AutocompleteStateContext);\n}\n\n/**\n * Hook to consume autocomplete collection context.\n * Use this in your collection component (ListBox/Menu) to get the autocomplete props.\n */\nexport function useAutocompleteCollection() {\n  return useContext(AutocompleteCollectionContext);\n}\n\n/**\n * An autocomplete allows users to search or filter a list of suggestions.\n * It wraps a text input and a collection component (ListBox or Menu),\n * providing keyboard navigation and filtering capabilities.\n *\n * @example\n * ```tsx\n * // Basic usage with SearchField and ListBox\n * <Autocomplete\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   <SearchField aria-label=\"Search\">\n *     <Input />\n *   </SearchField>\n *   <ListBox aria-label=\"Suggestions\">\n *     <ListBoxItem>Option 1</ListBoxItem>\n *     <ListBoxItem>Option 2</ListBoxItem>\n *     <ListBoxItem>Option 3</ListBoxItem>\n *   </ListBox>\n * </Autocomplete>\n *\n * // Controlled input value\n * const [value, setValue] = createSignal('');\n * <Autocomplete\n *   inputValue={value()}\n *   onInputChange={setValue}\n *   filter={(textValue, inputValue) =>\n *     textValue.toLowerCase().includes(inputValue.toLowerCase())\n *   }\n * >\n *   {/* ... *\\/}\n * </Autocomplete>\n * ```\n */\nexport function Autocomplete<T = unknown>(props: AutocompleteProps<T>): JSX.Element {\n  const [stateProps, ariaProps, local] = splitProps(\n    props,\n    [\"inputValue\", \"defaultInputValue\", \"onInputChange\"],\n    [\n      \"filter\",\n      \"disableAutoFocusFirst\",\n      \"disableVirtualFocus\",\n      \"collectionId\",\n      \"collectionAriaLabel\",\n    ],\n  );\n\n  const state = createAutocompleteState(stateProps);\n\n  // Refs are signals so createAutocomplete's effects (the beforeinput listener\n  // and the reverse-path focusin listener that mirrors aria-activedescendant)\n  // bind reactively once the input/collection elements actually mount.\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement>();\n  const [collectionRef, setCollectionRef] = createSignal<HTMLElement>();\n\n  // Create autocomplete aria\n  const autocomplete = createAutocomplete<T>(\n    {\n      ...ariaProps,\n      inputRef,\n      collectionRef,\n    },\n    state,\n  );\n\n  // Input context value\n  const inputContextValue = createMemo<AutocompleteContextValue>(() => ({\n    inputProps: autocomplete.inputProps,\n    inputRef: (el: HTMLInputElement) => {\n      setInputRef(el);\n    },\n  }));\n\n  // Collection context value\n  const collectionContextValue = createMemo<AutocompleteCollectionContextValue>(() => ({\n    collectionProps: autocomplete.collectionProps,\n    collectionRef: (el: HTMLElement) => {\n      setCollectionRef(el);\n    },\n    filter: autocomplete.filter as\n      | ((nodeTextValue: string, node: CollectionNode<unknown>) => boolean)\n      | undefined,\n  }));\n\n  return (\n    <AutocompleteStateContext value={state}>\n      <AutocompleteContext value={inputContextValue()}>\n        <AutocompleteCollectionContext value={collectionContextValue()}>\n          {props.children}\n        </AutocompleteCollectionContext>\n      </AutocompleteContext>\n    </AutocompleteStateContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,MAAa,sBAAsB,cAA+C,IAAI;AACtF,MAAa,2BAA2B,cAAwC,IAAI;AACpF,MAAa,gCACX,cAAyD,IAAI;;;;;AAM/D,SAAgB,uBAAuB;CACrC,OAAO,WAAW,mBAAmB;AACvC;;;;AAKA,SAAgB,uBAAuB;CACrC,OAAO,WAAW,wBAAwB;AAC5C;;;;;AAMA,SAAgB,4BAA4B;CAC1C,OAAO,WAAW,6BAA6B;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,aAA0B,OAA0C;CAClF,MAAM,CAAC,YAAY,WAAW,SAAS,WACrC,OACA;EAAC;EAAc;EAAqB;CAAe,GACnD;EACE;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,QAAQ,wBAAwB,UAAU;CAKhD,MAAM,CAAC,UAAU,eAAe,aAA+B;CAC/D,MAAM,CAAC,eAAe,oBAAoB,aAA0B;CAGpE,MAAM,eAAe,mBACnB;EACE,GAAG;EACH;EACA;CACF,GACA,KACF;CAGA,MAAM,oBAAoB,kBAA4C;EACpE,YAAY,aAAa;EACzB,WAAW,OAAyB;GAClC,YAAY,EAAE;EAChB;CACF,EAAE;CAGF,MAAM,yBAAyB,kBAAsD;EACnF,iBAAiB,aAAa;EAC9B,gBAAgB,OAAoB;GAClC,iBAAiB,EAAE;EACrB;EACA,QAAQ,aAAa;CAGvB,EAAE;CAEF,OACE,CAAC,yBAAyB,OAAO,OAAO;MACtC,CAAC,oBAAoB,OAAO,kBAAkB,GAAG;QAC/C,CAAC,8BAA8B,OAAO,uBAAuB,GAAG;WAC7D,MAAM,SAAS;QAClB,EAAE,8BAA8B;MAClC,EAAE,oBAAoB;IACxB,EAAE;AAEN"}

package/dist/Breadcrumbs.d.ts

@@ -1,10 +1,5 @@
-/**
- * Breadcrumbs component for solidaria-components
- *
- * A pre-wired headless breadcrumbs component that combines aria hooks.
- * Port of react-aria-components Breadcrumbs.
- */
-import { type Accessor, type JSX } from "solid-js";
+import type { Accessor } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type AriaBreadcrumbsProps, type AriaBreadcrumbItemProps } from "@proyecto-viviana/solidaria";
 import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
 type RefLike<T> = ((el: T) => void) | {

package/dist/Breadcrumbs.d.ts.map

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

package/dist/Breadcrumbs.js

@@ -1,8 +1,21 @@
-import { filterDOMProps, useRenderProps } from "./utils.js";
+/*
+* Copyright 2022 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-components/src/Breadcrumbs.tsx
+import { attrTrue, dataAttr, filterDOMProps, useRenderProps } from "./utils.js";
 import { ElementTag } from "./ElementTag.js";
-import { createComponent, getNextElement, insert, memo, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
-import { For, Show, children, createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
-import { createBreadcrumbItem, createBreadcrumbs, createFocusRing, createHover, mergeProps as mergeProps$2 } from "@proyecto-viviana/solidaria";
+import { createComponent, getNextElement, insert, memo, mergeProps, ref, runHydrationEvents, spread, template } from "@solidjs/web";
+import { For, Show, children, createContext, createMemo, createSignal, useContext } from "solid-js";
+import { createBreadcrumbItem, createBreadcrumbs, createFocusRing, createHover, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/Breadcrumbs.tsx
 /**
 * Breadcrumbs component for solidaria-components
@@ -10,8 +23,9 @@ import { createBreadcrumbItem, createBreadcrumbs, createFocusRing, createHover,
 * A pre-wired headless breadcrumbs component that combines aria hooks.
 * Port of react-aria-components Breadcrumbs.
 */
-var _tmpl$ = /*#__PURE__*/ template(`<ol>`), _tmpl$2 = /*#__PURE__*/ template(`<li style=display:flex;align-items:center>`);
-function assignRef(ref, el) {
+var _tmpl$ = /* @__PURE__ */ template(`<ol>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<li style=display:flex;align-items:center>`);
+function assignRef$1(ref, el) {
 	if (!ref) return;
 	if (typeof ref === "function") ref(el);
 	else ref.current = el;
@@ -46,7 +60,7 @@ function Breadcrumbs(props) {
 	const items = () => local.items ?? [];
 	const hasCollectionItems = () => local.items !== void 0;
 	const getItemKey = (item, index) => local.getKey?.(item) ?? defaultItemKey(item, index);
-	const [staticItemCount, setStaticItemCount] = createSignal(0);
+	const [staticItemCount, setStaticItemCount] = createSignal(0, { ownedWrite: true });
 	let nextStaticIndex = 0;
 	const resetStaticItems = () => {
 		nextStaticIndex = 0;
@@ -78,7 +92,7 @@ function Breadcrumbs(props) {
 		defaultClassName: "solidaria-Breadcrumbs"
 	}, renderValues);
 	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
-	return createComponent(BreadcrumbsContext.Provider, {
+	return createComponent(BreadcrumbsContext, {
 		get value() {
 			return {
 				isDisabled,
@@ -91,18 +105,24 @@ function Breadcrumbs(props) {
 		},
 		get children() {
 			var _el$ = getNextElement(_tmpl$);
-			use((element) => assignRef(local.ref, element), _el$);
-			spread(_el$, mergeProps(navProps, domProps, {
-				get ["class"]() {
-					return renderProps.class();
-				},
-				get style() {
-					return renderProps.style();
-				},
-				get ["data-disabled"]() {
-					return isDisabled() || void 0;
+			ref(() => {
+				return (element) => assignRef$1(local.ref, element);
+			}, _el$);
+			spread(_el$, [
+				navProps,
+				domProps,
+				{
+					get "class"() {
+						return renderProps.class();
+					},
+					get style() {
+						return renderProps.style();
+					},
+					get "data-disabled"() {
+						return dataAttr(isDisabled());
+					}
 				}
-			}), false, true);
+			], true);
 			insert(_el$, createComponent(Show, {
 				get when() {
 					return hasCollectionItems();
@@ -121,19 +141,17 @@ function Breadcrumbs(props) {
 							const itemKey = getItemKey(item, index());
 							const isLast = () => index() === items().length - 1;
 							const renderItem = local.children;
-							return (() => {
-								var _el$2 = getNextElement(_tmpl$2);
-								insert(_el$2, createComponent(BreadcrumbItemContext.Provider, {
-									value: {
-										itemKey,
-										isLast
-									},
-									get children() {
-										return renderItem?.(item);
-									}
-								}));
-								return _el$2;
-							})();
+							var _el$2 = getNextElement(_tmpl$2);
+							insert(_el$2, createComponent(BreadcrumbItemContext, {
+								value: {
+									itemKey,
+									isLast
+								},
+								get children() {
+									return renderItem?.(item);
+								}
+							}));
+							return _el$2;
 						}
 					});
 				}
@@ -260,7 +278,7 @@ function BreadcrumbItem(props) {
 	const { isHovered, hoverProps } = createHover({ get isDisabled() {
 		return isDisabled();
 	} });
-	const mergedItemProps = createMemo(() => mergeProps$2(itemAria.itemProps, focusProps, hoverProps));
+	const mergedItemProps = createMemo(() => mergeProps$1(itemAria.itemProps, focusProps, hoverProps));
 	const renderValues = createMemo(() => ({
 		isCurrent: isCurrent(),
 		isDisabled: isDisabled(),
@@ -291,36 +309,38 @@ function BreadcrumbItem(props) {
 	return createComponent(ElementTag, mergeProps({ get tag() {
 		return elementType();
 	} }, mergedItemProps, {
-		ref: (element) => assignRef(local.ref, element),
-		get ["aria-current"]() {
-			return memo(() => !!isCurrent())() ? ariaProps["aria-current"] ?? "page" : void 0;
+		ref: (element) => assignRef$1(local.ref, element),
+		get "aria-current"() {
+			return memo(() => {
+				return !!isCurrent();
+			})() ? ariaProps["aria-current"] ?? "page" : void 0;
 		},
-		get ["aria-disabled"]() {
-			return isDisabled() || isCurrent() || void 0;
+		get "aria-disabled"() {
+			return attrTrue(isDisabled() || isCurrent());
 		},
-		get ["class"]() {
+		get "class"() {
 			return renderProps.class();
 		},
 		get style() {
 			return mergedStyle();
 		},
-		get ["data-current"]() {
-			return isCurrent() || void 0;
+		get "data-current"() {
+			return dataAttr(isCurrent());
 		},
-		get ["data-disabled"]() {
-			return isDisabled() || void 0;
+		get "data-disabled"() {
+			return dataAttr(isDisabled());
 		},
-		get ["data-pressed"]() {
-			return isPressed() || void 0;
+		get "data-pressed"() {
+			return dataAttr(isPressed());
 		},
-		get ["data-focused"]() {
-			return isFocused() || void 0;
+		get "data-focused"() {
+			return dataAttr(isFocused());
 		},
-		get ["data-focus-visible"]() {
-			return isFocusVisible() || void 0;
+		get "data-focus-visible"() {
+			return dataAttr(isFocusVisible());
 		},
-		get ["data-hovered"]() {
-			return isHovered() || void 0;
+		get "data-hovered"() {
+			return dataAttr(isHovered());
 		},
 		get children() {
 			return renderProps.renderChildren();