@purpurds/visually-hidden 6.3.0 → 6.4.0

package/dist/visually-hidden.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),y=require("react");require("react-dom");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const l=g(y);function d(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function h(...e){return t=>{let n=!1;const r=e.map(i=>{const o=d(i,t);return!n&&typeof o=="function"&&(n=!0),o});if(n)return()=>{for(let i=0;i<r.length;i++){const o=r[i];typeof o=="function"?o():d(e[i],null)}}}}var p=l.forwardRef((e,t)=>{const{children:n,...r}=e,i=l.Children.toArray(n),o=i.find(v);if(o){const s=o.props.children,u=i.map(f=>f===o?l.Children.count(s)>1?l.Children.only(null):l.isValidElement(s)?s.props.children:null:f);return a.jsx(c,{...r,ref:t,children:l.isValidElement(s)?l.cloneElement(s,void 0,u):null})}return a.jsx(c,{...r,ref:t,children:n})});p.displayName="Slot";var c=l.forwardRef((e,t)=>{const{children:n,...r}=e;if(l.isValidElement(n)){const i=j(n),o=w(r,n.props);return n.type!==l.Fragment&&(o.ref=t?h(t,i):i),l.cloneElement(n,o)}return l.Children.count(n)>1?l.Children.only(null):null});c.displayName="SlotClone";var b=({children:e})=>a.jsx(a.Fragment,{children:e});function v(e){return l.isValidElement(e)&&e.type===b}function w(e,t){const n={...t};for(const r in t){const i=e[r],o=t[r];/^on[A-Z]/.test(r)?i&&o?n[r]=(...u)=>{o(...u),i(...u)}:i&&(n[r]=i):r==="style"?n[r]={...i,...o}:r==="className"&&(n[r]=[i,o].filter(Boolean).join(" "))}return{...e,...n}}function j(e){var r,i;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=(i=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:i.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var R=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],S=R.reduce((e,t)=>{const n=l.forwardRef((r,i)=>{const{asChild:o,...s}=r,u=o?p:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),a.jsx(u,{...s,ref:i})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{}),C="VisuallyHidden",m=l.forwardRef((e,t)=>a.jsx(S.span,{...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}}));m.displayName=C;var O=m;const P=({asChild:e,children:t,className:n="",["data-testid"]:r})=>a.jsx(O,{asChild:e,"data-testid":r,className:n,children:t});exports.VisuallyHidden=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),y=require("react");require("react-dom");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const l=g(y);function p(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function h(...e){return t=>{let n=!1;const r=e.map(i=>{const o=p(i,t);return!n&&typeof o=="function"&&(n=!0),o});if(n)return()=>{for(let i=0;i<r.length;i++){const o=r[i];typeof o=="function"?o():p(e[i],null)}}}}var d=l.forwardRef((e,t)=>{const{children:n,...r}=e,i=l.Children.toArray(n),o=i.find(b);if(o){const s=o.props.children,c=i.map(f=>f===o?l.Children.count(s)>1?l.Children.only(null):l.isValidElement(s)?s.props.children:null:f);return a.jsx(u,{...r,ref:t,children:l.isValidElement(s)?l.cloneElement(s,void 0,c):null})}return a.jsx(u,{...r,ref:t,children:n})});d.displayName="Slot";var u=l.forwardRef((e,t)=>{const{children:n,...r}=e;if(l.isValidElement(n)){const i=j(n),o=w(r,n.props);return n.type!==l.Fragment&&(o.ref=t?h(t,i):i),l.cloneElement(n,o)}return l.Children.count(n)>1?l.Children.only(null):null});u.displayName="SlotClone";var v=({children:e})=>a.jsx(a.Fragment,{children:e});function b(e){return l.isValidElement(e)&&e.type===v}function w(e,t){const n={...t};for(const r in t){const i=e[r],o=t[r];/^on[A-Z]/.test(r)?i&&o?n[r]=(...c)=>{o(...c),i(...c)}:i&&(n[r]=i):r==="style"?n[r]={...i,...o}:r==="className"&&(n[r]=[i,o].filter(Boolean).join(" "))}return{...e,...n}}function j(e){var r,i;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=(i=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:i.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var R=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],S=R.reduce((e,t)=>{const n=l.forwardRef((r,i)=>{const{asChild:o,...s}=r,c=o?d:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),a.jsx(c,{...s,ref:i})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{}),C="VisuallyHidden",m=l.forwardRef((e,t)=>a.jsx(S.span,{...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}}));m.displayName=C;var O=m;const P=({asChild:e,children:t,className:n="",["data-testid"]:r})=>a.jsx(O,{asChild:e,"data-testid":r,className:n,children:t});exports.VisuallyHidden=P;
 //# sourceMappingURL=visually-hidden.cjs.js.map

package/dist/visually-hidden.es.js

@@ -1,63 +1,63 @@
-import { jsx as f, Fragment as y } from "react/jsx-runtime";
+import { jsx as c, Fragment as y } from "react/jsx-runtime";
 import * as l from "react";
 import "react-dom";
-function p(e, n) {
+function u(e, r) {
   if (typeof e == "function")
-    return e(n);
-  e != null && (e.current = n);
+    return e(r);
+  e != null && (e.current = r);
 }
 function h(...e) {
-  return (n) => {
-    let r = !1;
+  return (r) => {
+    let n = !1;
     const t = e.map((i) => {
-      const o = p(i, n);
-      return !r && typeof o == "function" && (r = !0), o;
+      const o = u(i, r);
+      return !n && typeof o == "function" && (n = !0), o;
     });
-    if (r)
+    if (n)
       return () => {
         for (let i = 0; i < t.length; i++) {
           const o = t[i];
-          typeof o == "function" ? o() : p(e[i], null);
+          typeof o == "function" ? o() : u(e[i], null);
         }
       };
   };
 }
-var d = l.forwardRef((e, n) => {
-  const { children: r, ...t } = e, i = l.Children.toArray(r), o = i.find(v);
+var d = l.forwardRef((e, r) => {
+  const { children: n, ...t } = e, i = l.Children.toArray(n), o = i.find(v);
   if (o) {
-    const s = o.props.children, a = i.map((c) => c === o ? l.Children.count(s) > 1 ? l.Children.only(null) : l.isValidElement(s) ? s.props.children : null : c);
-    return /* @__PURE__ */ f(u, { ...t, ref: n, children: l.isValidElement(s) ? l.cloneElement(s, void 0, a) : null });
+    const s = o.props.children, a = i.map((p) => p === o ? l.Children.count(s) > 1 ? l.Children.only(null) : l.isValidElement(s) ? s.props.children : null : p);
+    return /* @__PURE__ */ c(f, { ...t, ref: r, children: l.isValidElement(s) ? l.cloneElement(s, void 0, a) : null });
   }
-  return /* @__PURE__ */ f(u, { ...t, ref: n, children: r });
+  return /* @__PURE__ */ c(f, { ...t, ref: r, children: n });
 });
 d.displayName = "Slot";
-var u = l.forwardRef((e, n) => {
-  const { children: r, ...t } = e;
-  if (l.isValidElement(r)) {
-    const i = R(r), o = w(t, r.props);
-    return r.type !== l.Fragment && (o.ref = n ? h(n, i) : i), l.cloneElement(r, o);
+var f = l.forwardRef((e, r) => {
+  const { children: n, ...t } = e;
+  if (l.isValidElement(n)) {
+    const i = R(n), o = w(t, n.props);
+    return n.type !== l.Fragment && (o.ref = r ? h(r, i) : i), l.cloneElement(n, o);
   }
-  return l.Children.count(r) > 1 ? l.Children.only(null) : null;
+  return l.Children.count(n) > 1 ? l.Children.only(null) : null;
 });
-u.displayName = "SlotClone";
-var g = ({ children: e }) => /* @__PURE__ */ f(y, { children: e });
+f.displayName = "SlotClone";
+var g = ({ children: e }) => /* @__PURE__ */ c(y, { children: e });
 function v(e) {
   return l.isValidElement(e) && e.type === g;
 }
-function w(e, n) {
-  const r = { ...n };
-  for (const t in n) {
-    const i = e[t], o = n[t];
-    /^on[A-Z]/.test(t) ? i && o ? r[t] = (...a) => {
+function w(e, r) {
+  const n = { ...r };
+  for (const t in r) {
+    const i = e[t], o = r[t];
+    /^on[A-Z]/.test(t) ? i && o ? n[t] = (...a) => {
       o(...a), i(...a);
-    } : i && (r[t] = i) : t === "style" ? r[t] = { ...i, ...o } : t === "className" && (r[t] = [i, o].filter(Boolean).join(" "));
+    } : i && (n[t] = i) : t === "style" ? n[t] = { ...i, ...o } : t === "className" && (n[t] = [i, o].filter(Boolean).join(" "));
   }
-  return { ...e, ...r };
+  return { ...e, ...n };
 }
 function R(e) {
   var t, i;
-  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, r = n && "isReactWarning" in n && n.isReactWarning;
-  return r ? e.ref : (n = (i = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : i.get, r = n && "isReactWarning" in n && n.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+  let r = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, n = r && "isReactWarning" in r && r.isReactWarning;
+  return n ? e.ref : (r = (i = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : i.get, n = r && "isReactWarning" in r && r.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
 var C = [
   "a",
@@ -76,18 +76,18 @@ var C = [
   "span",
   "svg",
   "ul"
-], b = C.reduce((e, n) => {
-  const r = l.forwardRef((t, i) => {
-    const { asChild: o, ...s } = t, a = o ? d : n;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(a, { ...s, ref: i });
+], b = C.reduce((e, r) => {
+  const n = l.forwardRef((t, i) => {
+    const { asChild: o, ...s } = t, a = o ? d : r;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ c(a, { ...s, ref: i });
   });
-  return r.displayName = `Primitive.${n}`, { ...e, [n]: r };
+  return n.displayName = `Primitive.${r}`, { ...e, [r]: n };
 }, {}), E = "VisuallyHidden", m = l.forwardRef(
-  (e, n) => /* @__PURE__ */ f(
+  (e, r) => /* @__PURE__ */ c(
     b.span,
     {
       ...e,
-      ref: n,
+      ref: r,
       style: {
         // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
         position: "absolute",
@@ -109,10 +109,10 @@ m.displayName = E;
 var N = m;
 const P = ({
   asChild: e,
-  children: n,
-  className: r = "",
+  children: r,
+  className: n = "",
   ["data-testid"]: t
-}) => /* @__PURE__ */ f(N, { asChild: e, "data-testid": t, className: r, children: n });
+}) => /* @__PURE__ */ c(N, { asChild: e, "data-testid": t, className: n, children: r });
 export {
   P as VisuallyHidden
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/visually-hidden",
-  "version": "6.3.0",
+  "version": "6.4.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/visually-hidden.cjs.js",
   "types": "./dist/visually-hidden.d.ts",
@@ -17,13 +17,13 @@
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
-    "@storybook/react": "^8.3.5",
-    "storybook": "^8.3.5",
+    "@storybook/react": "^8.6.4",
+    "storybook": "^8.6.4",
     "@telia/base-rig": "~8.2.0",
     "@telia/react-rig": "~3.2.0",
     "@testing-library/dom": "~10.4.0",
     "@testing-library/jest-dom": "~6.4.0",
-    "@testing-library/react": "~ 16.2.0",
+    "@testing-library/react": "~16.2.0",
     "@types/node": "20.12.12",
     "@types/react-dom": "^19.0.4",
     "@types/react": "^19.0.10",
@@ -35,7 +35,7 @@
     "react-dom": "^19.0.0",
     "react": "^19.0.0",
     "typescript": "^5.6.3",
-    "vite": "5.4.8",
+    "vite": "^6.2.1",
     "vitest": "^2.1.2",
     "@purpurds/component-rig": "1.0.0"
   },