@proyecto-viviana/solidaria-components 0.4.0 → 0.5.0

package/dist/Landmark.js.map

@@ -1 +1 @@
-{"version":3,"file":"Landmark.js","names":["JSX","createContext","createMemo","createSignal","splitProps","Dynamic","createLandmark","getLandmarkController","AriaLandmarkProps","AriaLandmarkRole","LandmarkController","SlotProps","filterDOMProps","LandmarkRenderProps","role","LandmarkProps","elementType","IntrinsicElements","class","renderProps","style","CSSProperties","children","Element","LandmarkContext","roleToSemanticElement","Partial","Record","main","navigation","search","banner","contentinfo","complementary","form","region","Landmark","props","local","ariaProps","ref","setRef","HTMLElement","landmarkAria","aria-label","aria-labelledby","id","focus","renderValues","resolvedClass","cls","resolvedStyle","domProps","global","_$createComponent","_$mergeProps","component","landmarkProps","slot","useLandmarkController"],"sources":["../src/Landmark.tsx"],"sourcesContent":["/**\n * Landmark component for solidaria-components\n *\n * Pre-wired headless landmark component that combines aria hooks.\n * Enables F6 keyboard navigation between major page sections.\n */\n\nimport { type JSX, createContext, createMemo, createSignal, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport {\n  createLandmark,\n  getLandmarkController,\n  type AriaLandmarkProps,\n  type AriaLandmarkRole,\n  type LandmarkController,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\n\nexport interface LandmarkRenderProps {\n  /** The ARIA landmark role. */\n  role: AriaLandmarkRole;\n}\n\nexport interface LandmarkProps extends AriaLandmarkProps, SlotProps {\n  /**\n   * The HTML element type to render.\n   * @default 'div' (or semantic element based on role)\n   */\n  elementType?: keyof JSX.IntrinsicElements;\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: LandmarkRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: LandmarkRenderProps) => JSX.CSSProperties);\n  /** Children content. */\n  children?: JSX.Element;\n}\n\nexport type { AriaLandmarkRole, LandmarkController };\n\nexport const LandmarkContext = createContext<LandmarkProps | null>(null);\n\n/**\n * Maps ARIA landmark roles to their semantic HTML elements.\n * Using semantic elements is preferred when possible.\n */\nconst roleToSemanticElement: Partial<Record<AriaLandmarkRole, keyof JSX.IntrinsicElements>> = {\n  main: \"main\",\n  navigation: \"nav\",\n  search: \"search\", // HTML5.3 <search> element\n  banner: \"header\",\n  contentinfo: \"footer\",\n  complementary: \"aside\",\n  form: \"form\",\n  region: \"section\",\n};\n\n/**\n * A landmark is a region of the page that helps screen reader users navigate.\n * Press F6 to cycle through landmarks, or Shift+F6 to go backwards.\n *\n * @example\n * ```tsx\n * // Main content area\n * <Landmark role=\"main\" aria-label=\"Main content\">\n *   <h1>Welcome</h1>\n *   <p>Page content here...</p>\n * </Landmark>\n *\n * // Navigation\n * <Landmark role=\"navigation\" aria-label=\"Primary navigation\">\n *   <nav>...</nav>\n * </Landmark>\n *\n * // Search\n * <Landmark role=\"search\" aria-label=\"Site search\">\n *   <form>...</form>\n * </Landmark>\n *\n * // Custom element type\n * <Landmark role=\"region\" aria-label=\"Featured content\" elementType=\"div\">\n *   ...\n * </Landmark>\n * ```\n */\nexport function Landmark(props: LandmarkProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"children\",\n    \"elementType\",\n  ]);\n\n  // Element ref\n  const [ref, setRef] = createSignal<HTMLElement>();\n\n  // Determine the element type - use semantic element for the role if not specified\n  const elementType = createMemo(() => {\n    if (local.elementType) {\n      return local.elementType;\n    }\n    return roleToSemanticElement[ariaProps.role] ?? \"div\";\n  });\n\n  // Create landmark aria props\n  const landmarkAria = createLandmark(\n    {\n      get role() {\n        return ariaProps.role;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get id() {\n        return ariaProps.id;\n      },\n      get focus() {\n        return ariaProps.focus;\n      },\n    },\n    ref,\n  );\n\n  const renderValues = createMemo<LandmarkRenderProps>(() => ({\n    role: ariaProps.role,\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? `solidaria-Landmark solidaria-Landmark--${ariaProps.role}`;\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <Dynamic\n      component={elementType()}\n      ref={setRef}\n      {...domProps()}\n      {...landmarkAria.landmarkProps}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n    >\n      {props.children}\n    </Dynamic>\n  );\n}\n\n/**\n * Returns a controller for programmatic landmark navigation.\n *\n * @example\n * ```tsx\n * const controller = useLandmarkController();\n *\n * <button onClick={() => controller.focusMain()}>Skip to main content</button>\n * <button onClick={() => controller.focusNext()}>Next landmark</button>\n * ```\n */\nexport function useLandmarkController(): LandmarkController {\n  return getLandmarkController();\n}\n"],"mappings":";;;;;;;;;;;AAuCA,MAAawB,kBAAkBvB,cAAoC,IAAI;;;;;AAMvE,MAAMwB,wBAAwF;CAC5FG,MAAM;CACNC,YAAY;CACZC,QAAQ;CACRC,QAAQ;CACRC,aAAa;CACbC,eAAe;CACfC,MAAM;CACNC,QAAQ;AACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgBC,SAASC,OAAmC;CAC1D,MAAM,CAACC,OAAOC,aAAanC,WAAWiC,OAAO;EAC3C;EACA;EACA;EACA;EACA;CAAa,CACd;CAGD,MAAM,CAACG,KAAKC,UAAUtC,aAA0B;CAGhD,MAAMa,cAAcd,iBAAiB;EACnC,IAAIoC,MAAMtB,aACR,OAAOsB,MAAMtB;EAEf,OAAOS,sBAAsBc,UAAUzB,SAAS;CAClD,CAAC;CAGD,MAAM6B,eAAerC,eACnB;EACE,IAAIQ,OAAO;GACT,OAAOyB,UAAUzB;EACnB;EACA,IAAI,eAAe;GACjB,OAAOyB,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAOA,UAAU;EACnB;EACA,IAAIO,KAAK;GACP,OAAOP,UAAUO;EACnB;EACA,IAAIC,QAAQ;GACV,OAAOR,UAAUQ;EACnB;CACF,GACAP,GACF;CAEA,MAAMQ,eAAe9C,kBAAuC,EAC1DY,MAAMyB,UAAUzB,KAClB,EAAE;CAEF,MAAMmC,gBAAgB/C,iBAAiB;EACrC,MAAMgD,MAAMZ,MAAMpB;EAClB,IAAI,OAAOgC,QAAQ,YACjB,OAAOA,IAAIF,aAAa,CAAC;EAE3B,OAAOE,OAAO,0CAA0CX,UAAUzB;CACpE,CAAC;CAED,MAAMqC,gBAAgBjD,iBAAiB;EACrC,MAAMkB,QAAQkB,MAAMlB;EACpB,IAAI,OAAOA,UAAU,YACnB,OAAOA,MAAM4B,aAAa,CAAC;EAE7B,OAAO5B;CACT,CAAC;CAED,MAAMgC,WAAWlD,iBAAiBU,eAAe2B,WAAW,EAAEc,QAAQ,KAAK,CAAC,CAAC;CAE7E,OAAAC,gBACGjD,SAAOkD,WAAA;EAAA,IACNC,YAAS;GAAA,OAAExC,YAAY;EAAC;EAAAwB,KACnBC;CAAM,GACPW,gBACAT,aAAac,eAAa;EAAA,KAAA,WAAA;GAAA,OACvBR,cAAc;EAAC;EAAA,IACtB7B,QAAK;GAAA,OAAE+B,cAAc;EAAC;EAAA,IACtBO,OAAI;GAAA,OAAEpB,MAAMoB;EAAI;EAAA,IAAApC,WAAA;GAAA,OAEfe,MAAMf;EAAQ;CAAA,CAAA,CAAA;AAGrB;;;;;;;;;;;;AAaA,SAAgBqC,wBAA4C;CAC1D,OAAOpD,sBAAsB;AAC/B"}
+{"version":3,"file":"Landmark.js","names":["JSX","createContext","createMemo","createSignal","splitProps","ElementTag","createLandmark","getLandmarkController","AriaLandmarkProps","AriaLandmarkRole","LandmarkController","SlotProps","filterDOMProps","LandmarkRenderProps","role","LandmarkProps","elementType","IntrinsicElements","class","renderProps","style","CSSProperties","children","Element","LandmarkContext","roleToSemanticElement","Partial","Record","main","navigation","search","banner","contentinfo","complementary","form","region","Landmark","props","local","ariaProps","ref","setRef","HTMLElement","landmarkAria","aria-label","aria-labelledby","id","focus","renderValues","resolvedClass","cls","resolvedStyle","domProps","global","_$createComponent","_$mergeProps","tag","landmarkProps","slot","useLandmarkController"],"sources":["../src/Landmark.tsx"],"sourcesContent":["/**\n * Landmark component for solidaria-components\n *\n * Pre-wired headless landmark component that combines aria hooks.\n * Enables F6 keyboard navigation between major page sections.\n */\n\nimport { type JSX, createContext, createMemo, createSignal, splitProps } from \"solid-js\";\nimport { ElementTag } from \"./ElementTag\";\nimport {\n  createLandmark,\n  getLandmarkController,\n  type AriaLandmarkProps,\n  type AriaLandmarkRole,\n  type LandmarkController,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\n\nexport interface LandmarkRenderProps {\n  /** The ARIA landmark role. */\n  role: AriaLandmarkRole;\n}\n\nexport interface LandmarkProps extends AriaLandmarkProps, SlotProps {\n  /**\n   * The HTML element type to render.\n   * @default 'div' (or semantic element based on role)\n   */\n  elementType?: keyof JSX.IntrinsicElements;\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: LandmarkRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: LandmarkRenderProps) => JSX.CSSProperties);\n  /** Children content. */\n  children?: JSX.Element;\n}\n\nexport type { AriaLandmarkRole, LandmarkController };\n\nexport const LandmarkContext = createContext<LandmarkProps | null>(null);\n\n/**\n * Maps ARIA landmark roles to their semantic HTML elements.\n * Using semantic elements is preferred when possible.\n */\nconst roleToSemanticElement: Partial<Record<AriaLandmarkRole, keyof JSX.IntrinsicElements>> = {\n  main: \"main\",\n  navigation: \"nav\",\n  search: \"search\", // HTML5.3 <search> element\n  banner: \"header\",\n  contentinfo: \"footer\",\n  complementary: \"aside\",\n  form: \"form\",\n  region: \"section\",\n};\n\n/**\n * A landmark is a region of the page that helps screen reader users navigate.\n * Press F6 to cycle through landmarks, or Shift+F6 to go backwards.\n *\n * @example\n * ```tsx\n * // Main content area\n * <Landmark role=\"main\" aria-label=\"Main content\">\n *   <h1>Welcome</h1>\n *   <p>Page content here...</p>\n * </Landmark>\n *\n * // Navigation\n * <Landmark role=\"navigation\" aria-label=\"Primary navigation\">\n *   <nav>...</nav>\n * </Landmark>\n *\n * // Search\n * <Landmark role=\"search\" aria-label=\"Site search\">\n *   <form>...</form>\n * </Landmark>\n *\n * // Custom element type\n * <Landmark role=\"region\" aria-label=\"Featured content\" elementType=\"div\">\n *   ...\n * </Landmark>\n * ```\n */\nexport function Landmark(props: LandmarkProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"children\",\n    \"elementType\",\n  ]);\n\n  // Element ref\n  const [ref, setRef] = createSignal<HTMLElement>();\n\n  // Determine the element type - use semantic element for the role if not specified\n  const elementType = createMemo(() => {\n    if (local.elementType) {\n      return local.elementType;\n    }\n    return roleToSemanticElement[ariaProps.role] ?? \"div\";\n  });\n\n  // Create landmark aria props\n  const landmarkAria = createLandmark(\n    {\n      get role() {\n        return ariaProps.role;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get id() {\n        return ariaProps.id;\n      },\n      get focus() {\n        return ariaProps.focus;\n      },\n    },\n    ref,\n  );\n\n  const renderValues = createMemo<LandmarkRenderProps>(() => ({\n    role: ariaProps.role,\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? `solidaria-Landmark solidaria-Landmark--${ariaProps.role}`;\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <ElementTag\n      tag={elementType()}\n      ref={setRef}\n      {...domProps()}\n      {...landmarkAria.landmarkProps}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n    >\n      {props.children}\n    </ElementTag>\n  );\n}\n\n/**\n * Returns a controller for programmatic landmark navigation.\n *\n * @example\n * ```tsx\n * const controller = useLandmarkController();\n *\n * <button onClick={() => controller.focusMain()}>Skip to main content</button>\n * <button onClick={() => controller.focusNext()}>Next landmark</button>\n * ```\n */\nexport function useLandmarkController(): LandmarkController {\n  return getLandmarkController();\n}\n"],"mappings":";;;;;;;;;;;;AAuCA,MAAawB,kBAAkBvB,cAAoC,IAAI;;;;;AAMvE,MAAMwB,wBAAwF;CAC5FG,MAAM;CACNC,YAAY;CACZC,QAAQ;CACRC,QAAQ;CACRC,aAAa;CACbC,eAAe;CACfC,MAAM;CACNC,QAAQ;AACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgBC,SAASC,OAAmC;CAC1D,MAAM,CAACC,OAAOC,aAAanC,WAAWiC,OAAO;EAC3C;EACA;EACA;EACA;EACA;CAAa,CACd;CAGD,MAAM,CAACG,KAAKC,UAAUtC,aAA0B;CAGhD,MAAMa,cAAcd,iBAAiB;EACnC,IAAIoC,MAAMtB,aACR,OAAOsB,MAAMtB;EAEf,OAAOS,sBAAsBc,UAAUzB,SAAS;CAClD,CAAC;CAGD,MAAM6B,eAAerC,eACnB;EACE,IAAIQ,OAAO;GACT,OAAOyB,UAAUzB;EACnB;EACA,IAAI,eAAe;GACjB,OAAOyB,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAOA,UAAU;EACnB;EACA,IAAIO,KAAK;GACP,OAAOP,UAAUO;EACnB;EACA,IAAIC,QAAQ;GACV,OAAOR,UAAUQ;EACnB;CACF,GACAP,GACF;CAEA,MAAMQ,eAAe9C,kBAAuC,EAC1DY,MAAMyB,UAAUzB,KAClB,EAAE;CAEF,MAAMmC,gBAAgB/C,iBAAiB;EACrC,MAAMgD,MAAMZ,MAAMpB;EAClB,IAAI,OAAOgC,QAAQ,YACjB,OAAOA,IAAIF,aAAa,CAAC;EAE3B,OAAOE,OAAO,0CAA0CX,UAAUzB;CACpE,CAAC;CAED,MAAMqC,gBAAgBjD,iBAAiB;EACrC,MAAMkB,QAAQkB,MAAMlB;EACpB,IAAI,OAAOA,UAAU,YACnB,OAAOA,MAAM4B,aAAa,CAAC;EAE7B,OAAO5B;CACT,CAAC;CAED,MAAMgC,WAAWlD,iBAAiBU,eAAe2B,WAAW,EAAEc,QAAQ,KAAK,CAAC,CAAC;CAE7E,OAAAC,gBACGjD,YAAUkD,WAAA;EAAA,IACTC,MAAG;GAAA,OAAExC,YAAY;EAAC;EAAAwB,KACbC;CAAM,GACPW,gBACAT,aAAac,eAAa;EAAA,KAAA,WAAA;GAAA,OACvBR,cAAc;EAAC;EAAA,IACtB7B,QAAK;GAAA,OAAE+B,cAAc;EAAC;EAAA,IACtBO,OAAI;GAAA,OAAEpB,MAAMoB;EAAI;EAAA,IAAApC,WAAA;GAAA,OAEfe,MAAMf;EAAQ;CAAA,CAAA,CAAA;AAGrB;;;;;;;;;;;;AAaA,SAAgBqC,wBAA4C;CAC1D,OAAOpD,sBAAsB;AAC/B"}

package/dist/Landmark.jsx

@@ -1,6 +1,6 @@
 import { filterDOMProps } from "./utils.jsx";
+import { ElementTag } from "./ElementTag.jsx";
 import { createContext, createMemo, createSignal, splitProps } from "solid-js";
-import { Dynamic } from "solid-js/web";
 import { createLandmark, getLandmarkController } from "@proyecto-viviana/solidaria";
 //#region src/Landmark.tsx
 /**
@@ -94,9 +94,9 @@ function Landmark(props) {
 		return style;
 	});
 	const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));
-	return <Dynamic component={elementType()} ref={setRef} {...domProps()} {...landmarkAria.landmarkProps} class={resolvedClass()} style={resolvedStyle()} slot={local.slot}>
+	return <ElementTag tag={elementType()} ref={setRef} {...domProps()} {...landmarkAria.landmarkProps} class={resolvedClass()} style={resolvedStyle()} slot={local.slot}>
       {props.children}
-    </Dynamic>;
+    </ElementTag>;
 }
 /**
 * Returns a controller for programmatic landmark navigation.

package/dist/Landmark.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Landmark.jsx","names":[],"sources":["../src/Landmark.tsx"],"sourcesContent":["/**\n * Landmark component for solidaria-components\n *\n * Pre-wired headless landmark component that combines aria hooks.\n * Enables F6 keyboard navigation between major page sections.\n */\n\nimport { type JSX, createContext, createMemo, createSignal, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport {\n  createLandmark,\n  getLandmarkController,\n  type AriaLandmarkProps,\n  type AriaLandmarkRole,\n  type LandmarkController,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\n\nexport interface LandmarkRenderProps {\n  /** The ARIA landmark role. */\n  role: AriaLandmarkRole;\n}\n\nexport interface LandmarkProps extends AriaLandmarkProps, SlotProps {\n  /**\n   * The HTML element type to render.\n   * @default 'div' (or semantic element based on role)\n   */\n  elementType?: keyof JSX.IntrinsicElements;\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: LandmarkRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: LandmarkRenderProps) => JSX.CSSProperties);\n  /** Children content. */\n  children?: JSX.Element;\n}\n\nexport type { AriaLandmarkRole, LandmarkController };\n\nexport const LandmarkContext = createContext<LandmarkProps | null>(null);\n\n/**\n * Maps ARIA landmark roles to their semantic HTML elements.\n * Using semantic elements is preferred when possible.\n */\nconst roleToSemanticElement: Partial<Record<AriaLandmarkRole, keyof JSX.IntrinsicElements>> = {\n  main: \"main\",\n  navigation: \"nav\",\n  search: \"search\", // HTML5.3 <search> element\n  banner: \"header\",\n  contentinfo: \"footer\",\n  complementary: \"aside\",\n  form: \"form\",\n  region: \"section\",\n};\n\n/**\n * A landmark is a region of the page that helps screen reader users navigate.\n * Press F6 to cycle through landmarks, or Shift+F6 to go backwards.\n *\n * @example\n * ```tsx\n * // Main content area\n * <Landmark role=\"main\" aria-label=\"Main content\">\n *   <h1>Welcome</h1>\n *   <p>Page content here...</p>\n * </Landmark>\n *\n * // Navigation\n * <Landmark role=\"navigation\" aria-label=\"Primary navigation\">\n *   <nav>...</nav>\n * </Landmark>\n *\n * // Search\n * <Landmark role=\"search\" aria-label=\"Site search\">\n *   <form>...</form>\n * </Landmark>\n *\n * // Custom element type\n * <Landmark role=\"region\" aria-label=\"Featured content\" elementType=\"div\">\n *   ...\n * </Landmark>\n * ```\n */\nexport function Landmark(props: LandmarkProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"children\",\n    \"elementType\",\n  ]);\n\n  // Element ref\n  const [ref, setRef] = createSignal<HTMLElement>();\n\n  // Determine the element type - use semantic element for the role if not specified\n  const elementType = createMemo(() => {\n    if (local.elementType) {\n      return local.elementType;\n    }\n    return roleToSemanticElement[ariaProps.role] ?? \"div\";\n  });\n\n  // Create landmark aria props\n  const landmarkAria = createLandmark(\n    {\n      get role() {\n        return ariaProps.role;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get id() {\n        return ariaProps.id;\n      },\n      get focus() {\n        return ariaProps.focus;\n      },\n    },\n    ref,\n  );\n\n  const renderValues = createMemo<LandmarkRenderProps>(() => ({\n    role: ariaProps.role,\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? `solidaria-Landmark solidaria-Landmark--${ariaProps.role}`;\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <Dynamic\n      component={elementType()}\n      ref={setRef}\n      {...domProps()}\n      {...landmarkAria.landmarkProps}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n    >\n      {props.children}\n    </Dynamic>\n  );\n}\n\n/**\n * Returns a controller for programmatic landmark navigation.\n *\n * @example\n * ```tsx\n * const controller = useLandmarkController();\n *\n * <button onClick={() => controller.focusMain()}>Skip to main content</button>\n * <button onClick={() => controller.focusNext()}>Next landmark</button>\n * ```\n */\nexport function useLandmarkController(): LandmarkController {\n  return getLandmarkController();\n}\n"],"mappings":";;;;;;;;;;;AAuCA,MAAa,kBAAkB,cAAoC,IAAI;;;;;AAMvE,MAAM,wBAAwF;CAC5F,MAAM;CACN,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,aAAa;CACb,eAAe;CACf,MAAM;CACN,QAAQ;AACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,SAAS,OAAmC;CAC1D,MAAM,CAAC,OAAO,aAAa,WAAW,OAAO;EAC3C;EACA;EACA;EACA;EACA;CACF,CAAC;CAGD,MAAM,CAAC,KAAK,UAAU,aAA0B;CAGhD,MAAM,cAAc,iBAAiB;EACnC,IAAI,MAAM,aACR,OAAO,MAAM;EAEf,OAAO,sBAAsB,UAAU,SAAS;CAClD,CAAC;CAGD,MAAM,eAAe,eACnB;EACE,IAAI,OAAO;GACT,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAO,UAAU;EACnB;EACA,IAAI,KAAK;GACP,OAAO,UAAU;EACnB;EACA,IAAI,QAAQ;GACV,OAAO,UAAU;EACnB;CACF,GACA,GACF;CAEA,MAAM,eAAe,kBAAuC,EAC1D,MAAM,UAAU,KAClB,EAAE;CAEF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,IAAI,OAAO,QAAQ,YACjB,OAAO,IAAI,aAAa,CAAC;EAE3B,OAAO,OAAO,0CAA0C,UAAU;CACpE,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,QAAQ,MAAM;EACpB,IAAI,OAAO,UAAU,YACnB,OAAO,MAAM,aAAa,CAAC;EAE7B,OAAO;CACT,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,WAAW,EAAE,QAAQ,KAAK,CAAC,CAAC;CAE7E,OACE,CAAC,QACC,WAAW,YAAY,GACvB,KAAK,YACD,SAAS,OACT,aAAa,eACjB,OAAO,cAAc,GACrB,OAAO,cAAc,GACrB,MAAM,MAAM,MACb;OACE,MAAM,SAAS;IAClB,EAAE;AAEN;;;;;;;;;;;;AAaA,SAAgB,wBAA4C;CAC1D,OAAO,sBAAsB;AAC/B"}
+{"version":3,"file":"Landmark.jsx","names":[],"sources":["../src/Landmark.tsx"],"sourcesContent":["/**\n * Landmark component for solidaria-components\n *\n * Pre-wired headless landmark component that combines aria hooks.\n * Enables F6 keyboard navigation between major page sections.\n */\n\nimport { type JSX, createContext, createMemo, createSignal, splitProps } from \"solid-js\";\nimport { ElementTag } from \"./ElementTag\";\nimport {\n  createLandmark,\n  getLandmarkController,\n  type AriaLandmarkProps,\n  type AriaLandmarkRole,\n  type LandmarkController,\n} from \"@proyecto-viviana/solidaria\";\nimport { type SlotProps, filterDOMProps } from \"./utils\";\n\nexport interface LandmarkRenderProps {\n  /** The ARIA landmark role. */\n  role: AriaLandmarkRole;\n}\n\nexport interface LandmarkProps extends AriaLandmarkProps, SlotProps {\n  /**\n   * The HTML element type to render.\n   * @default 'div' (or semantic element based on role)\n   */\n  elementType?: keyof JSX.IntrinsicElements;\n  /** The CSS className for the element. A function may be provided to receive render props. */\n  class?: string | ((renderProps: LandmarkRenderProps) => string);\n  /** The inline style for the element. A function may be provided to receive render props. */\n  style?: JSX.CSSProperties | ((renderProps: LandmarkRenderProps) => JSX.CSSProperties);\n  /** Children content. */\n  children?: JSX.Element;\n}\n\nexport type { AriaLandmarkRole, LandmarkController };\n\nexport const LandmarkContext = createContext<LandmarkProps | null>(null);\n\n/**\n * Maps ARIA landmark roles to their semantic HTML elements.\n * Using semantic elements is preferred when possible.\n */\nconst roleToSemanticElement: Partial<Record<AriaLandmarkRole, keyof JSX.IntrinsicElements>> = {\n  main: \"main\",\n  navigation: \"nav\",\n  search: \"search\", // HTML5.3 <search> element\n  banner: \"header\",\n  contentinfo: \"footer\",\n  complementary: \"aside\",\n  form: \"form\",\n  region: \"section\",\n};\n\n/**\n * A landmark is a region of the page that helps screen reader users navigate.\n * Press F6 to cycle through landmarks, or Shift+F6 to go backwards.\n *\n * @example\n * ```tsx\n * // Main content area\n * <Landmark role=\"main\" aria-label=\"Main content\">\n *   <h1>Welcome</h1>\n *   <p>Page content here...</p>\n * </Landmark>\n *\n * // Navigation\n * <Landmark role=\"navigation\" aria-label=\"Primary navigation\">\n *   <nav>...</nav>\n * </Landmark>\n *\n * // Search\n * <Landmark role=\"search\" aria-label=\"Site search\">\n *   <form>...</form>\n * </Landmark>\n *\n * // Custom element type\n * <Landmark role=\"region\" aria-label=\"Featured content\" elementType=\"div\">\n *   ...\n * </Landmark>\n * ```\n */\nexport function Landmark(props: LandmarkProps): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"children\",\n    \"elementType\",\n  ]);\n\n  // Element ref\n  const [ref, setRef] = createSignal<HTMLElement>();\n\n  // Determine the element type - use semantic element for the role if not specified\n  const elementType = createMemo(() => {\n    if (local.elementType) {\n      return local.elementType;\n    }\n    return roleToSemanticElement[ariaProps.role] ?? \"div\";\n  });\n\n  // Create landmark aria props\n  const landmarkAria = createLandmark(\n    {\n      get role() {\n        return ariaProps.role;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get id() {\n        return ariaProps.id;\n      },\n      get focus() {\n        return ariaProps.focus;\n      },\n    },\n    ref,\n  );\n\n  const renderValues = createMemo<LandmarkRenderProps>(() => ({\n    role: ariaProps.role,\n  }));\n\n  const resolvedClass = createMemo(() => {\n    const cls = local.class;\n    if (typeof cls === \"function\") {\n      return cls(renderValues());\n    }\n    return cls ?? `solidaria-Landmark solidaria-Landmark--${ariaProps.role}`;\n  });\n\n  const resolvedStyle = createMemo(() => {\n    const style = local.style;\n    if (typeof style === \"function\") {\n      return style(renderValues());\n    }\n    return style;\n  });\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  return (\n    <ElementTag\n      tag={elementType()}\n      ref={setRef}\n      {...domProps()}\n      {...landmarkAria.landmarkProps}\n      class={resolvedClass()}\n      style={resolvedStyle()}\n      slot={local.slot}\n    >\n      {props.children}\n    </ElementTag>\n  );\n}\n\n/**\n * Returns a controller for programmatic landmark navigation.\n *\n * @example\n * ```tsx\n * const controller = useLandmarkController();\n *\n * <button onClick={() => controller.focusMain()}>Skip to main content</button>\n * <button onClick={() => controller.focusNext()}>Next landmark</button>\n * ```\n */\nexport function useLandmarkController(): LandmarkController {\n  return getLandmarkController();\n}\n"],"mappings":";;;;;;;;;;;AAuCA,MAAa,kBAAkB,cAAoC,IAAI;;;;;AAMvE,MAAM,wBAAwF;CAC5F,MAAM;CACN,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,aAAa;CACb,eAAe;CACf,MAAM;CACN,QAAQ;AACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,SAAS,OAAmC;CAC1D,MAAM,CAAC,OAAO,aAAa,WAAW,OAAO;EAC3C;EACA;EACA;EACA;EACA;CACF,CAAC;CAGD,MAAM,CAAC,KAAK,UAAU,aAA0B;CAGhD,MAAM,cAAc,iBAAiB;EACnC,IAAI,MAAM,aACR,OAAO,MAAM;EAEf,OAAO,sBAAsB,UAAU,SAAS;CAClD,CAAC;CAGD,MAAM,eAAe,eACnB;EACE,IAAI,OAAO;GACT,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAO,UAAU;EACnB;EACA,IAAI,KAAK;GACP,OAAO,UAAU;EACnB;EACA,IAAI,QAAQ;GACV,OAAO,UAAU;EACnB;CACF,GACA,GACF;CAEA,MAAM,eAAe,kBAAuC,EAC1D,MAAM,UAAU,KAClB,EAAE;CAEF,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,MAAM,MAAM;EAClB,IAAI,OAAO,QAAQ,YACjB,OAAO,IAAI,aAAa,CAAC;EAE3B,OAAO,OAAO,0CAA0C,UAAU;CACpE,CAAC;CAED,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,QAAQ,MAAM;EACpB,IAAI,OAAO,UAAU,YACnB,OAAO,MAAM,aAAa,CAAC;EAE7B,OAAO;CACT,CAAC;CAED,MAAM,WAAW,iBAAiB,eAAe,WAAW,EAAE,QAAQ,KAAK,CAAC,CAAC;CAE7E,OACE,CAAC,WACC,KAAK,YAAY,GACjB,KAAK,YACD,SAAS,OACT,aAAa,eACjB,OAAO,cAAc,GACrB,OAAO,cAAc,GACrB,MAAM,MAAM,MACb;OACE,MAAM,SAAS;IAClB,EAAE;AAEN;;;;;;;;;;;;AAaA,SAAgB,wBAA4C;CAC1D,OAAO,sBAAsB;AAC/B"}

package/dist/Link.js

@@ -1,6 +1,7 @@
 import { filterDOMProps, useRenderProps } from "./utils.js";
+import { ElementTag } from "./ElementTag.js";
 import { handleLinkClick, useRouter } from "./RouterProvider.js";
-import { Dynamic, createComponent, mergeProps } from "solid-js/web";
+import { createComponent, mergeProps } from "solid-js/web";
 import { createContext, createMemo, splitProps } from "solid-js";
 import { createFocusRing, createHover, createLink } from "@proyecto-viviana/solidaria";
 //#region src/Link.tsx
@@ -177,7 +178,7 @@ function Link(props) {
 		onClick?.(event);
 		handleLinkClick(event, router, ariaProps.href, ariaProps.routerOptions);
 	};
-	return createComponent(Dynamic, mergeProps({ get component() {
+	return createComponent(ElementTag, mergeProps({ get tag() {
 		return elementType();
 	} }, domProps, cleanLinkProps, cleanHoverProps, cleanFocusProps, {
 		ref: (element) => {

package/dist/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["JSX","ParentProps","createContext","createMemo","splitProps","Dynamic","createLink","createFocusRing","createHover","AriaLinkProps","HoverEvents","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","handleLinkClick","useRouter","RefLike","el","T","current","assignRef","ref","LinkRenderProps","isCurrent","isHovered","isPressed","isFocused","isFocusVisible","isDisabled","LinkProps","Omit","children","class","style","HTMLElement","LinkContext","Link","props","Element","local","ariaProps","router","resolvedHref","href","useHref","undefined","elementType","linkAria","hrefLang","target","rel","download","ping","referrerPolicy","onPress","onPressStart","onPressEnd","onPressUp","onPressChange","onClick","onFocus","onBlur","onFocusChange","onKeyDown","onKeyUp","autoFocus","aria-current","aria-label","aria-labelledby","aria-describedby","focusProps","hoverProps","onHoverStart","onHoverEnd","onHoverChange","renderValues","renderProps","defaultClassName","domProps","global","cleanLinkProps","_ref1","rest","linkProps","Record","cleanHoverProps","_ref2","cleanFocusProps","_ref3","onLinkClick","event","MouseEvent","routerOptions","_$createComponent","_$mergeProps","component","element","data-hovered","data-pressed","data-focused","data-focus-visible","data-current","data-disabled","renderChildren"],"sources":["../src/Link.tsx"],"sourcesContent":["/**\n * Link component for solidaria-components\n *\n * Pre-wired headless link component that combines aria hooks.\n * Port of react-aria-components/src/Link.tsx\n */\n\nimport { type JSX, type ParentProps, createContext, createMemo, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport {\n  createLink,\n  createFocusRing,\n  createHover,\n  type AriaLinkProps,\n  type HoverEvents,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { handleLinkClick, useRouter } from \"./RouterProvider\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface LinkRenderProps {\n  /** Whether the link is the current item within a list. */\n  isCurrent: boolean;\n  /** Whether the link is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** Whether the link is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the link is focused, either via a mouse or keyboard. */\n  isFocused: boolean;\n  /** Whether the link is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the link is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface LinkProps extends Omit<AriaLinkProps, \"elementType\">, HoverEvents, SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<LinkRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<LinkRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<LinkRenderProps>;\n  /** Ref for the underlying link element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const LinkContext = createContext<LinkProps | null>(null);\n\n/**\n * A link allows a user to navigate to another page or resource within a web page\n * or application.\n *\n * @example\n * ```tsx\n * <Link href=\"https://example.com\">Visit Example</Link>\n *\n * // With render props\n * <Link href=\"/about\">\n *   {({ isHovered, isFocusVisible }) => (\n *     <span class={isHovered ? 'underline' : ''}>\n *       About Us\n *     </span>\n *   )}\n * </Link>\n * ```\n */\nexport function Link(props: ParentProps<LinkProps>): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"slot\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onHoverChange\",\n  ]);\n  const router = useRouter();\n  const resolvedHref = createMemo(() =>\n    ariaProps.href ? router.useHref(ariaProps.href) : undefined,\n  );\n\n  const elementType = () => {\n    if (ariaProps.href && !ariaProps.isDisabled) {\n      return \"a\";\n    }\n    return \"span\";\n  };\n\n  const linkAria = createLink({\n    get elementType() {\n      return elementType();\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n    get href() {\n      return resolvedHref();\n    },\n    get hrefLang() {\n      return ariaProps.hrefLang;\n    },\n    get target() {\n      return ariaProps.target;\n    },\n    get rel() {\n      return ariaProps.rel;\n    },\n    get download() {\n      return ariaProps.download;\n    },\n    get ping() {\n      return ariaProps.ping;\n    },\n    get referrerPolicy() {\n      return ariaProps.referrerPolicy;\n    },\n    get onPress() {\n      return ariaProps.onPress;\n    },\n    get onPressStart() {\n      return ariaProps.onPressStart;\n    },\n    get onPressEnd() {\n      return ariaProps.onPressEnd;\n    },\n    get onPressUp() {\n      return ariaProps.onPressUp;\n    },\n    get onPressChange() {\n      return ariaProps.onPressChange;\n    },\n    get onClick() {\n      return ariaProps.onClick;\n    },\n    get onFocus() {\n      return ariaProps.onFocus;\n    },\n    get onBlur() {\n      return ariaProps.onBlur;\n    },\n    get onFocusChange() {\n      return ariaProps.onFocusChange;\n    },\n    get onKeyDown() {\n      return ariaProps.onKeyDown;\n    },\n    get onKeyUp() {\n      return ariaProps.onKeyUp;\n    },\n    get autoFocus() {\n      return ariaProps.autoFocus;\n    },\n    get \"aria-current\"() {\n      return ariaProps[\"aria-current\"];\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n  });\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get onHoverStart() {\n      return local.onHoverStart;\n    },\n    get onHoverEnd() {\n      return local.onHoverEnd;\n    },\n    get onHoverChange() {\n      return local.onHoverChange;\n    },\n  });\n\n  const renderValues = createMemo<LinkRenderProps>(() => ({\n    isCurrent: !!ariaProps[\"aria-current\"],\n    isHovered: isHovered(),\n    isPressed: linkAria.isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: ariaProps.isDisabled ?? false,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Link\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  const cleanLinkProps = () => {\n    const { ref: _ref1, ...rest } = linkAria.linkProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref3, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const onLinkClick = (event: MouseEvent) => {\n    const onClick = cleanLinkProps().onClick as ((event: MouseEvent) => void) | undefined;\n    onClick?.(event);\n    handleLinkClick(event, router, ariaProps.href, ariaProps.routerOptions);\n  };\n\n  return (\n    <Dynamic\n      component={elementType()}\n      {...domProps()}\n      {...cleanLinkProps()}\n      {...cleanHoverProps()}\n      {...cleanFocusProps()}\n      ref={(element: HTMLElement) => {\n        assignRef(local.ref, element);\n      }}\n      onClick={onLinkClick}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-hovered={isHovered() || undefined}\n      data-pressed={linkAria.isPressed() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-current={!!ariaProps[\"aria-current\"] || undefined}\n      data-disabled={ariaProps.isDisabled || undefined}\n    >\n      {renderProps.renderChildren()}\n    </Dynamic>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Link.js","names":["JSX","ParentProps","createContext","createMemo","splitProps","ElementTag","createLink","createFocusRing","createHover","AriaLinkProps","HoverEvents","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","handleLinkClick","useRouter","RefLike","el","T","current","assignRef","ref","LinkRenderProps","isCurrent","isHovered","isPressed","isFocused","isFocusVisible","isDisabled","LinkProps","Omit","children","class","style","HTMLElement","LinkContext","Link","props","Element","local","ariaProps","router","resolvedHref","href","useHref","undefined","elementType","linkAria","hrefLang","target","rel","download","ping","referrerPolicy","onPress","onPressStart","onPressEnd","onPressUp","onPressChange","onClick","onFocus","onBlur","onFocusChange","onKeyDown","onKeyUp","autoFocus","aria-current","aria-label","aria-labelledby","aria-describedby","focusProps","hoverProps","onHoverStart","onHoverEnd","onHoverChange","renderValues","renderProps","defaultClassName","domProps","global","cleanLinkProps","_ref1","rest","linkProps","Record","cleanHoverProps","_ref2","cleanFocusProps","_ref3","onLinkClick","event","MouseEvent","routerOptions","_$createComponent","_$mergeProps","tag","element","data-hovered","data-pressed","data-focused","data-focus-visible","data-current","data-disabled","renderChildren"],"sources":["../src/Link.tsx"],"sourcesContent":["/**\n * Link component for solidaria-components\n *\n * Pre-wired headless link component that combines aria hooks.\n * Port of react-aria-components/src/Link.tsx\n */\n\nimport { type JSX, type ParentProps, createContext, createMemo, splitProps } from \"solid-js\";\nimport { ElementTag } from \"./ElementTag\";\nimport {\n  createLink,\n  createFocusRing,\n  createHover,\n  type AriaLinkProps,\n  type HoverEvents,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { handleLinkClick, useRouter } from \"./RouterProvider\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface LinkRenderProps {\n  /** Whether the link is the current item within a list. */\n  isCurrent: boolean;\n  /** Whether the link is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** Whether the link is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the link is focused, either via a mouse or keyboard. */\n  isFocused: boolean;\n  /** Whether the link is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the link is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface LinkProps extends Omit<AriaLinkProps, \"elementType\">, HoverEvents, SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<LinkRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<LinkRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<LinkRenderProps>;\n  /** Ref for the underlying link element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const LinkContext = createContext<LinkProps | null>(null);\n\n/**\n * A link allows a user to navigate to another page or resource within a web page\n * or application.\n *\n * @example\n * ```tsx\n * <Link href=\"https://example.com\">Visit Example</Link>\n *\n * // With render props\n * <Link href=\"/about\">\n *   {({ isHovered, isFocusVisible }) => (\n *     <span class={isHovered ? 'underline' : ''}>\n *       About Us\n *     </span>\n *   )}\n * </Link>\n * ```\n */\nexport function Link(props: ParentProps<LinkProps>): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"slot\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onHoverChange\",\n  ]);\n  const router = useRouter();\n  const resolvedHref = createMemo(() =>\n    ariaProps.href ? router.useHref(ariaProps.href) : undefined,\n  );\n\n  const elementType = () => {\n    if (ariaProps.href && !ariaProps.isDisabled) {\n      return \"a\";\n    }\n    return \"span\";\n  };\n\n  const linkAria = createLink({\n    get elementType() {\n      return elementType();\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n    get href() {\n      return resolvedHref();\n    },\n    get hrefLang() {\n      return ariaProps.hrefLang;\n    },\n    get target() {\n      return ariaProps.target;\n    },\n    get rel() {\n      return ariaProps.rel;\n    },\n    get download() {\n      return ariaProps.download;\n    },\n    get ping() {\n      return ariaProps.ping;\n    },\n    get referrerPolicy() {\n      return ariaProps.referrerPolicy;\n    },\n    get onPress() {\n      return ariaProps.onPress;\n    },\n    get onPressStart() {\n      return ariaProps.onPressStart;\n    },\n    get onPressEnd() {\n      return ariaProps.onPressEnd;\n    },\n    get onPressUp() {\n      return ariaProps.onPressUp;\n    },\n    get onPressChange() {\n      return ariaProps.onPressChange;\n    },\n    get onClick() {\n      return ariaProps.onClick;\n    },\n    get onFocus() {\n      return ariaProps.onFocus;\n    },\n    get onBlur() {\n      return ariaProps.onBlur;\n    },\n    get onFocusChange() {\n      return ariaProps.onFocusChange;\n    },\n    get onKeyDown() {\n      return ariaProps.onKeyDown;\n    },\n    get onKeyUp() {\n      return ariaProps.onKeyUp;\n    },\n    get autoFocus() {\n      return ariaProps.autoFocus;\n    },\n    get \"aria-current\"() {\n      return ariaProps[\"aria-current\"];\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n  });\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get onHoverStart() {\n      return local.onHoverStart;\n    },\n    get onHoverEnd() {\n      return local.onHoverEnd;\n    },\n    get onHoverChange() {\n      return local.onHoverChange;\n    },\n  });\n\n  const renderValues = createMemo<LinkRenderProps>(() => ({\n    isCurrent: !!ariaProps[\"aria-current\"],\n    isHovered: isHovered(),\n    isPressed: linkAria.isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: ariaProps.isDisabled ?? false,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Link\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  const cleanLinkProps = () => {\n    const { ref: _ref1, ...rest } = linkAria.linkProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref3, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const onLinkClick = (event: MouseEvent) => {\n    const onClick = cleanLinkProps().onClick as ((event: MouseEvent) => void) | undefined;\n    onClick?.(event);\n    handleLinkClick(event, router, ariaProps.href, ariaProps.routerOptions);\n  };\n\n  return (\n    <ElementTag\n      tag={elementType()}\n      {...domProps()}\n      {...cleanLinkProps()}\n      {...cleanHoverProps()}\n      {...cleanFocusProps()}\n      ref={(element: HTMLElement) => {\n        assignRef(local.ref, element);\n      }}\n      onClick={onLinkClick}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-hovered={isHovered() || undefined}\n      data-pressed={linkAria.isPressed() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-current={!!ariaProps[\"aria-current\"] || undefined}\n      data-disabled={ariaProps.isDisabled || undefined}\n    >\n      {renderProps.renderChildren()}\n    </ElementTag>\n  );\n}\n"],"mappings":"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"}

package/dist/Link.jsx

@@ -1,7 +1,7 @@
 import { filterDOMProps, useRenderProps } from "./utils.jsx";
+import { ElementTag } from "./ElementTag.jsx";
 import { handleLinkClick, useRouter } from "./RouterProvider.jsx";
 import { createContext, createMemo, splitProps } from "solid-js";
-import { Dynamic } from "solid-js/web";
 import { createFocusRing, createHover, createLink } from "@proyecto-viviana/solidaria";
 //#region src/Link.tsx
 /**
@@ -177,11 +177,11 @@ function Link(props) {
 		onClick?.(event);
 		handleLinkClick(event, router, ariaProps.href, ariaProps.routerOptions);
 	};
-	return <Dynamic component={elementType()} {...domProps()} {...cleanLinkProps()} {...cleanHoverProps()} {...cleanFocusProps()} ref={(element) => {
+	return <ElementTag tag={elementType()} {...domProps()} {...cleanLinkProps()} {...cleanHoverProps()} {...cleanFocusProps()} ref={(element) => {
 		assignRef(local.ref, element);
 	}} onClick={onLinkClick} class={renderProps.class()} style={renderProps.style()} data-hovered={isHovered() || void 0} data-pressed={linkAria.isPressed() || void 0} data-focused={isFocused() || void 0} data-focus-visible={isFocusVisible() || void 0} data-current={!!ariaProps["aria-current"] || void 0} data-disabled={ariaProps.isDisabled || void 0}>
       {renderProps.renderChildren()}
-    </Dynamic>;
+    </ElementTag>;
 }
 //#endregion
 export { Link, LinkContext };

package/dist/Link.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Link.jsx","names":[],"sources":["../src/Link.tsx"],"sourcesContent":["/**\n * Link component for solidaria-components\n *\n * Pre-wired headless link component that combines aria hooks.\n * Port of react-aria-components/src/Link.tsx\n */\n\nimport { type JSX, type ParentProps, createContext, createMemo, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport {\n  createLink,\n  createFocusRing,\n  createHover,\n  type AriaLinkProps,\n  type HoverEvents,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { handleLinkClick, useRouter } from \"./RouterProvider\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface LinkRenderProps {\n  /** Whether the link is the current item within a list. */\n  isCurrent: boolean;\n  /** Whether the link is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** Whether the link is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the link is focused, either via a mouse or keyboard. */\n  isFocused: boolean;\n  /** Whether the link is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the link is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface LinkProps extends Omit<AriaLinkProps, \"elementType\">, HoverEvents, SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<LinkRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<LinkRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<LinkRenderProps>;\n  /** Ref for the underlying link element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const LinkContext = createContext<LinkProps | null>(null);\n\n/**\n * A link allows a user to navigate to another page or resource within a web page\n * or application.\n *\n * @example\n * ```tsx\n * <Link href=\"https://example.com\">Visit Example</Link>\n *\n * // With render props\n * <Link href=\"/about\">\n *   {({ isHovered, isFocusVisible }) => (\n *     <span class={isHovered ? 'underline' : ''}>\n *       About Us\n *     </span>\n *   )}\n * </Link>\n * ```\n */\nexport function Link(props: ParentProps<LinkProps>): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"slot\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onHoverChange\",\n  ]);\n  const router = useRouter();\n  const resolvedHref = createMemo(() =>\n    ariaProps.href ? router.useHref(ariaProps.href) : undefined,\n  );\n\n  const elementType = () => {\n    if (ariaProps.href && !ariaProps.isDisabled) {\n      return \"a\";\n    }\n    return \"span\";\n  };\n\n  const linkAria = createLink({\n    get elementType() {\n      return elementType();\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n    get href() {\n      return resolvedHref();\n    },\n    get hrefLang() {\n      return ariaProps.hrefLang;\n    },\n    get target() {\n      return ariaProps.target;\n    },\n    get rel() {\n      return ariaProps.rel;\n    },\n    get download() {\n      return ariaProps.download;\n    },\n    get ping() {\n      return ariaProps.ping;\n    },\n    get referrerPolicy() {\n      return ariaProps.referrerPolicy;\n    },\n    get onPress() {\n      return ariaProps.onPress;\n    },\n    get onPressStart() {\n      return ariaProps.onPressStart;\n    },\n    get onPressEnd() {\n      return ariaProps.onPressEnd;\n    },\n    get onPressUp() {\n      return ariaProps.onPressUp;\n    },\n    get onPressChange() {\n      return ariaProps.onPressChange;\n    },\n    get onClick() {\n      return ariaProps.onClick;\n    },\n    get onFocus() {\n      return ariaProps.onFocus;\n    },\n    get onBlur() {\n      return ariaProps.onBlur;\n    },\n    get onFocusChange() {\n      return ariaProps.onFocusChange;\n    },\n    get onKeyDown() {\n      return ariaProps.onKeyDown;\n    },\n    get onKeyUp() {\n      return ariaProps.onKeyUp;\n    },\n    get autoFocus() {\n      return ariaProps.autoFocus;\n    },\n    get \"aria-current\"() {\n      return ariaProps[\"aria-current\"];\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n  });\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get onHoverStart() {\n      return local.onHoverStart;\n    },\n    get onHoverEnd() {\n      return local.onHoverEnd;\n    },\n    get onHoverChange() {\n      return local.onHoverChange;\n    },\n  });\n\n  const renderValues = createMemo<LinkRenderProps>(() => ({\n    isCurrent: !!ariaProps[\"aria-current\"],\n    isHovered: isHovered(),\n    isPressed: linkAria.isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: ariaProps.isDisabled ?? false,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Link\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  const cleanLinkProps = () => {\n    const { ref: _ref1, ...rest } = linkAria.linkProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref3, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const onLinkClick = (event: MouseEvent) => {\n    const onClick = cleanLinkProps().onClick as ((event: MouseEvent) => void) | undefined;\n    onClick?.(event);\n    handleLinkClick(event, router, ariaProps.href, ariaProps.routerOptions);\n  };\n\n  return (\n    <Dynamic\n      component={elementType()}\n      {...domProps()}\n      {...cleanLinkProps()}\n      {...cleanHoverProps()}\n      {...cleanFocusProps()}\n      ref={(element: HTMLElement) => {\n        assignRef(local.ref, element);\n      }}\n      onClick={onLinkClick}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-hovered={isHovered() || undefined}\n      data-pressed={linkAria.isPressed() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-current={!!ariaProps[\"aria-current\"] || undefined}\n      data-disabled={ariaProps.isDisabled || undefined}\n    >\n      {renderProps.renderChildren()}\n    </Dynamic>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Link.jsx","names":[],"sources":["../src/Link.tsx"],"sourcesContent":["/**\n * Link component for solidaria-components\n *\n * Pre-wired headless link component that combines aria hooks.\n * Port of react-aria-components/src/Link.tsx\n */\n\nimport { type JSX, type ParentProps, createContext, createMemo, splitProps } from \"solid-js\";\nimport { ElementTag } from \"./ElementTag\";\nimport {\n  createLink,\n  createFocusRing,\n  createHover,\n  type AriaLinkProps,\n  type HoverEvents,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { handleLinkClick, useRouter } from \"./RouterProvider\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface LinkRenderProps {\n  /** Whether the link is the current item within a list. */\n  isCurrent: boolean;\n  /** Whether the link is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** Whether the link is currently in a pressed state. */\n  isPressed: boolean;\n  /** Whether the link is focused, either via a mouse or keyboard. */\n  isFocused: boolean;\n  /** Whether the link is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the link is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface LinkProps extends Omit<AriaLinkProps, \"elementType\">, HoverEvents, SlotProps {\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<LinkRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<LinkRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<LinkRenderProps>;\n  /** Ref for the underlying link element. */\n  ref?: RefLike<HTMLElement>;\n}\n\nexport const LinkContext = createContext<LinkProps | null>(null);\n\n/**\n * A link allows a user to navigate to another page or resource within a web page\n * or application.\n *\n * @example\n * ```tsx\n * <Link href=\"https://example.com\">Visit Example</Link>\n *\n * // With render props\n * <Link href=\"/about\">\n *   {({ isHovered, isFocusVisible }) => (\n *     <span class={isHovered ? 'underline' : ''}>\n *       About Us\n *     </span>\n *   )}\n * </Link>\n * ```\n */\nexport function Link(props: ParentProps<LinkProps>): JSX.Element {\n  const [local, ariaProps] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"ref\",\n    \"slot\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onHoverChange\",\n  ]);\n  const router = useRouter();\n  const resolvedHref = createMemo(() =>\n    ariaProps.href ? router.useHref(ariaProps.href) : undefined,\n  );\n\n  const elementType = () => {\n    if (ariaProps.href && !ariaProps.isDisabled) {\n      return \"a\";\n    }\n    return \"span\";\n  };\n\n  const linkAria = createLink({\n    get elementType() {\n      return elementType();\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n    get href() {\n      return resolvedHref();\n    },\n    get hrefLang() {\n      return ariaProps.hrefLang;\n    },\n    get target() {\n      return ariaProps.target;\n    },\n    get rel() {\n      return ariaProps.rel;\n    },\n    get download() {\n      return ariaProps.download;\n    },\n    get ping() {\n      return ariaProps.ping;\n    },\n    get referrerPolicy() {\n      return ariaProps.referrerPolicy;\n    },\n    get onPress() {\n      return ariaProps.onPress;\n    },\n    get onPressStart() {\n      return ariaProps.onPressStart;\n    },\n    get onPressEnd() {\n      return ariaProps.onPressEnd;\n    },\n    get onPressUp() {\n      return ariaProps.onPressUp;\n    },\n    get onPressChange() {\n      return ariaProps.onPressChange;\n    },\n    get onClick() {\n      return ariaProps.onClick;\n    },\n    get onFocus() {\n      return ariaProps.onFocus;\n    },\n    get onBlur() {\n      return ariaProps.onBlur;\n    },\n    get onFocusChange() {\n      return ariaProps.onFocusChange;\n    },\n    get onKeyDown() {\n      return ariaProps.onKeyDown;\n    },\n    get onKeyUp() {\n      return ariaProps.onKeyUp;\n    },\n    get autoFocus() {\n      return ariaProps.autoFocus;\n    },\n    get \"aria-current\"() {\n      return ariaProps[\"aria-current\"];\n    },\n    get \"aria-label\"() {\n      return ariaProps[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return ariaProps[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return ariaProps[\"aria-describedby\"];\n    },\n  });\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get onHoverStart() {\n      return local.onHoverStart;\n    },\n    get onHoverEnd() {\n      return local.onHoverEnd;\n    },\n    get onHoverChange() {\n      return local.onHoverChange;\n    },\n  });\n\n  const renderValues = createMemo<LinkRenderProps>(() => ({\n    isCurrent: !!ariaProps[\"aria-current\"],\n    isHovered: isHovered(),\n    isPressed: linkAria.isPressed(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isDisabled: ariaProps.isDisabled ?? false,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Link\",\n    },\n    renderValues,\n  );\n\n  const domProps = createMemo(() => filterDOMProps(ariaProps, { global: true }));\n\n  const cleanLinkProps = () => {\n    const { ref: _ref1, ...rest } = linkAria.linkProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref2, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref3, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const onLinkClick = (event: MouseEvent) => {\n    const onClick = cleanLinkProps().onClick as ((event: MouseEvent) => void) | undefined;\n    onClick?.(event);\n    handleLinkClick(event, router, ariaProps.href, ariaProps.routerOptions);\n  };\n\n  return (\n    <ElementTag\n      tag={elementType()}\n      {...domProps()}\n      {...cleanLinkProps()}\n      {...cleanHoverProps()}\n      {...cleanFocusProps()}\n      ref={(element: HTMLElement) => {\n        assignRef(local.ref, element);\n      }}\n      onClick={onLinkClick}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-hovered={isHovered() || undefined}\n      data-pressed={linkAria.isPressed() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-current={!!ariaProps[\"aria-current\"] || undefined}\n      data-disabled={ariaProps.isDisabled || undefined}\n    >\n      {renderProps.renderChildren()}\n    </ElementTag>\n  );\n}\n"],"mappings":"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"}

package/dist/ListBox.d.ts

@@ -61,7 +61,7 @@ export interface ListBoxProps<T> extends Omit<AriaListBoxProps, "children">, Slo
     /** Called when the load more sentinel becomes visible. */
     onLoadMore?: () => void | Promise<void>;
     /** Ref for the listbox element. */
-    ref?: RefLike<HTMLUListElement>;
+    ref?: RefLike<HTMLDivElement>;
     /** Drag and drop hooks from `useDragAndDrop`. */
     dragAndDropHooks?: DragAndDropHooks<T>;
     /** Layout hint for styling parity. */
@@ -99,7 +99,7 @@ export interface ListBoxOptionProps<T> extends Omit<AriaOptionProps, "children"
     /** The text value of the option (for typeahead). */
     textValue?: string;
     /** Ref for the option element. */
-    ref?: RefLike<HTMLLIElement>;
+    ref?: RefLike<HTMLDivElement>;
 }
 export interface ListBoxLoadMoreItemProps extends SlotProps {
     /** Called when the sentinel becomes visible. */

package/dist/ListBox.d.ts.map

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