@spark-ui/visually-hidden 8.0.2 → 8.1.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.1.0](https://github.com/adevinta/spark/compare/v8.0.3...v8.1.0) (2025-01-16)
+
+### Features
+
+- **visually-hidden:** added asChild prop to VisuallyHidden ([1c2b96d](https://github.com/adevinta/spark/commit/1c2b96da6201b12a6b49da9636170d899822204a))
+
+## [8.0.3](https://github.com/adevinta/spark/compare/v8.0.2...v8.0.3) (2025-01-16)
+
+**Note:** Version bump only for package @spark-ui/visually-hidden
+
 ## [8.0.2](https://github.com/adevinta/spark/compare/v8.0.1...v8.0.2) (2025-01-15)
 
 **Note:** Version bump only for package @spark-ui/visually-hidden

package/dist/VisuallyHidden.d.ts

@@ -1,8 +1,12 @@
 import { HTMLAttributes, PropsWithChildren, Ref } from 'react';
 export type VisuallyHiddenProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
     ref?: Ref<HTMLElement>;
 };
 export declare const VisuallyHidden: {
-    ({ ref, ...props }: VisuallyHiddenProps): import("react").JSX.Element;
+    ({ asChild, ref, ...props }: VisuallyHiddenProps): import("react").JSX.Element;
     displayName: string;
 };

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=({ref:i,...e})=>t.createElement("span",{...e,ref:i,style:{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",...e.style}});r.displayName="VisuallyHidden",exports.VisuallyHidden=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),d=require("@spark-ui/slot"),r=({asChild:t=!1,ref:i,...e})=>{const a=t?d.Slot:"span";return l.createElement(a,{...e,ref:i,style:{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",...e.style}})};r.displayName="VisuallyHidden",exports.VisuallyHidden=r;

package/dist/index.mjs

@@ -1,6 +1,10 @@
-import i from "react";
-const a = ({ ref: r, ...e }) => i.createElement("span", { ...e, ref: r, style: { position: "absolute", border: 0, width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", wordWrap: "normal", ...e.style } });
-a.displayName = "VisuallyHidden";
+import o from "react";
+import { Slot as i } from "@spark-ui/slot";
+const l = ({ asChild: r = !1, ref: t, ...e }) => {
+  const a = r ? i : "span";
+  return o.createElement(a, { ...e, ref: t, style: { position: "absolute", border: 0, width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", wordWrap: "normal", ...e.style } });
+};
+l.displayName = "VisuallyHidden";
 export {
-  a as VisuallyHidden
+  l as VisuallyHidden
 };

package/dist/public/docgen.json

@@ -5,6 +5,23 @@
     "displayName": "VisuallyHidden",
     "methods": [],
     "props": {
+      "asChild": {
+        "defaultValue": {
+          "value": false
+        },
+        "description": "Change the default rendered element for the one passed as a child, merging their props and behavior.",
+        "name": "asChild",
+        "declarations": [
+          {
+            "fileName": "visually-hidden/src/VisuallyHidden.tsx",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "ref": {
         "defaultValue": null,
         "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/visually-hidden",
-  "version": "8.0.2",
+  "version": "8.1.0",
   "description": "Hides content from the screen in an accessible way",
   "publishConfig": {
     "access": "public"
@@ -23,6 +23,9 @@
   "scripts": {
     "build": "vite build"
   },
+  "dependencies": {
+    "@spark-ui/slot": "^8.1.0"
+  },
   "peerDependencies": {
     "react": "^19.0",
     "react-dom": "^19.0",
@@ -42,5 +45,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "e9dd4b18ae5a47cb067066166f6d82a46f275713"
+  "gitHead": "60082d84045b716bbb39e00cb29045d68c543346"
 }