npm - @purpurds/visually-hidden - Versions diffs - 5.10.1 → 5.11.1 - Mend

@purpurds/visually-hidden 5.10.1 → 5.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/visually-hidden.cjs.js.map +1 -1
package/dist/visually-hidden.es.js.map +1 -1
package/package.json +10 -10
package/src/visually-hidden.stories.tsx +16 -2
package/readme.mdx +0 -45

package/dist/visually-hidden.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"visually-hidden.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-compose-refs@1.0.1_@types+react@18.3.1_react@18.3.1/node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-slot@1.0.2_@types+react@18.3.1_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-primitive@1.0.3_@types+react-dom@18.3.0_@types+react@18.3.1_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-primitive/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-visually-hidden@1.0.3_@types+react-dom@18.3.0_@types+react@18.3.1_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs","../src/visually-hidden.tsx"],"sourcesContent":["export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}","import {useCallback as $3vqmr$useCallback} from \"react\";\n\n\n/*\n Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n / function $6ed0406888f73fc4$var$setRef(ref, value) {\n if (typeof ref === 'function') ref(value);\n else if (ref !== null && ref !== undefined) ref.current = value;\n}\n/\n A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n / function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {\n return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node)\n )\n ;\n}\n/\n A custom hook that composes multiple refs\n * Accepts callback refs and RefObject(s)\n / function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n return $3vqmr$useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);\n}\n\n\n\n\nexport {$6ed0406888f73fc4$export$43e446d32b3d21af as composeRefs, $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as useComposedRefs};\n//# sourceMappingURL=index.mjs.map\n","import $9IrjX$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $9IrjX$forwardRef, Children as $9IrjX$Children, isValidElement as $9IrjX$isValidElement, createElement as $9IrjX$createElement, cloneElement as $9IrjX$cloneElement, Fragment as $9IrjX$Fragment} from \"react\";\nimport {composeRefs as $9IrjX$composeRefs} from \"@radix-ui/react-compose-refs\";\n\n\n\n\n/ -------------------------------------------------------------------------------------------------\n * Slot\n * -----------------------------------------------------------------------------------------------/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /#__PURE__/ $9IrjX$forwardRef((props, forwardedRef)=>{\n const { children: children , ...slotProps } = props;\n const childrenArray = $9IrjX$Children.toArray(children);\n const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);\n if (slottable) {\n // the new element to render is the one passed as a child of `Slottable`\n const newElement = slottable.props.children;\n const newChildren = childrenArray.map((child)=>{\n if (child === slottable) {\n // because the new element will be the one rendered, we are only interested\n // in grabbing its children (`newElement.props.children`)\n if ($9IrjX$Children.count(newElement) > 1) return $9IrjX$Children.only(null);\n return /#__PURE__/ $9IrjX$isValidElement(newElement) ? newElement.props.children : null;\n } else return child;\n });\n return /#__PURE__/ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, $9IrjX$babelruntimehelpersesmextends({}, slotProps, {\n ref: forwardedRef\n }), /#__PURE__/ $9IrjX$isValidElement(newElement) ? /#__PURE__/ $9IrjX$cloneElement(newElement, undefined, newChildren) : null);\n }\n return /#__PURE__/ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, $9IrjX$babelruntimehelpersesmextends({}, slotProps, {\n ref: forwardedRef\n }), children);\n});\n$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';\n/ -------------------------------------------------------------------------------------------------\n * SlotClone\n * -----------------------------------------------------------------------------------------------/ const $5e63c961fc1ce211$var$SlotClone = /#__PURE__/ $9IrjX$forwardRef((props, forwardedRef)=>{\n const { children: children , ...slotProps } = props;\n if (/#__PURE__/ $9IrjX$isValidElement(children)) return /#__PURE__/ $9IrjX$cloneElement(children, {\n ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),\n ref: forwardedRef ? $9IrjX$composeRefs(forwardedRef, children.ref) : children.ref\n });\n return $9IrjX$Children.count(children) > 1 ? $9IrjX$Children.only(null) : null;\n});\n$5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone';\n/ -------------------------------------------------------------------------------------------------\n * Slottable\n * -----------------------------------------------------------------------------------------------/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children })=>{\n return /#__PURE__/ $9IrjX$createElement($9IrjX$Fragment, null, children);\n};\n/ ---------------------------------------------------------------------------------------------- / function $5e63c961fc1ce211$var$isSlottable(child) {\n return /#__PURE__/ $9IrjX$isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;\n}\nfunction $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {\n // all child props should override\n const overrideProps = {\n ...childProps\n };\n for(const propName in childProps){\n const slotPropValue = slotProps[propName];\n const childPropValue = childProps[propName];\n const isHandler = /^on[A-Z]/.test(propName);\n if (isHandler) {\n // if the handler exists on both, we compose them\n if (slotPropValue && childPropValue) overrideProps[propName] = (...args)=>{\n childPropValue(...args);\n slotPropValue(...args);\n };\n else if (slotPropValue) overrideProps[propName] = slotPropValue;\n } else if (propName === 'style') overrideProps[propName] = {\n ...slotPropValue,\n ...childPropValue\n };\n else if (propName === 'className') overrideProps[propName] = [\n slotPropValue,\n childPropValue\n ].filter(Boolean).join(' ');\n }\n return {\n ...slotProps,\n ...overrideProps\n };\n}\nconst $5e63c961fc1ce211$export$be92b6f5f03c0fe9 = $5e63c961fc1ce211$export$8c6ed5c666ac1360;\n\n\n\n\nexport {$5e63c961fc1ce211$export$8c6ed5c666ac1360 as Slot, $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 as Slottable, $5e63c961fc1ce211$export$be92b6f5f03c0fe9 as Root};\n//# sourceMappingURL=index.mjs.map\n","import $4q5Fq$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $4q5Fq$forwardRef, useEffect as $4q5Fq$useEffect, createElement as $4q5Fq$createElement} from \"react\";\nimport {flushSync as $4q5Fq$flushSync} from \"react-dom\";\nimport {Slot as $4q5Fq$Slot} from \"@radix-ui/react-slot\";\n\n\n\n\n\nconst $8927f6f2acc4f386$var$NODES = [\n 'a',\n 'button',\n 'div',\n 'form',\n 'h2',\n 'h3',\n 'img',\n 'input',\n 'label',\n 'li',\n 'nav',\n 'ol',\n 'p',\n 'span',\n 'svg',\n 'ul'\n]; // Temporary while we await merge of this fix:\n// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55396\n// prettier-ignore\n/ -------------------------------------------------------------------------------------------------\n * Primitive\n * -----------------------------------------------------------------------------------------------/ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{\n const Node = /#__PURE__/ $4q5Fq$forwardRef((props, forwardedRef)=>{\n const { asChild: asChild , ...primitiveProps } = props;\n const Comp = asChild ? $4q5Fq$Slot : node;\n $4q5Fq$useEffect(()=>{\n window[Symbol.for('radix-ui')] = true;\n }, []);\n return /#__PURE__/ $4q5Fq$createElement(Comp, $4q5Fq$babelruntimehelpersesmextends({}, primitiveProps, {\n ref: forwardedRef\n }));\n });\n Node.displayName = `Primitive.${node}`;\n return {\n ...primitive,\n [node]: Node\n };\n}, {});\n/ -------------------------------------------------------------------------------------------------\n * Utils\n * -----------------------------------------------------------------------------------------------/ /\n Flush custom event dispatch\n * https://github.com/radix-ui/primitives/pull/1378\n \n React batches all event handlers since version 18, this introduces certain considerations when using custom event types.\n \n Internally, React prioritises events in the following order:\n * - discrete\n * - continuous\n * - default\n \n https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350\n \n `discrete` is an important distinction as updates within these events are applied immediately.\n * React however, is not able to infer the priority of custom event types due to how they are detected internally.\n * Because of this, it's possible for updates from custom events to be unexpectedly batched when\n * dispatched by another `discrete` event.\n \n In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.\n * This utility should be used when dispatching a custom event from within another `discrete` event, this utility\n * is not nessesary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.\n * For example:\n \n dispatching a known click 👎\n * target.dispatchEvent(new Event(‘click’))\n \n dispatching a custom type within a non-discrete event 👎\n * onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}\n \n dispatching a custom type within a `discrete` event 👍\n * onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}\n \n Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's not recommended to use\n * this utility with them. This is because it's possible for those handlers to be called implicitly during render\n * e.g. when focus is within a component as it is unmounted, or when managing focus on mount.\n / function $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event) {\n if (target) $4q5Fq$flushSync(()=>target.dispatchEvent(event)\n );\n}\n/ -----------------------------------------------------------------------------------------------/ const $8927f6f2acc4f386$export$be92b6f5f03c0fe9 = $8927f6f2acc4f386$export$250ffa63cdc0d034;\n\n\n\n\nexport {$8927f6f2acc4f386$export$250ffa63cdc0d034 as Primitive, $8927f6f2acc4f386$export$be92b6f5f03c0fe9 as Root, $8927f6f2acc4f386$export$6d1a0317bde7de7f as dispatchDiscreteCustomEvent};\n//# sourceMappingURL=index.mjs.map\n","import $kVwnw$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $kVwnw$forwardRef, createElement as $kVwnw$createElement} from \"react\";\nimport {Primitive as $kVwnw$Primitive} from \"@radix-ui/react-primitive\";\n\n\n\n\n/ -------------------------------------------------------------------------------------------------\n * VisuallyHidden\n * -----------------------------------------------------------------------------------------------/ const $ea1ef594cf570d83$var$NAME = 'VisuallyHidden';\nconst $ea1ef594cf570d83$export$439d29a4e110a164 = /#__PURE__/ $kVwnw$forwardRef((props, forwardedRef)=>{\n return /#__PURE__/ $kVwnw$createElement($kVwnw$Primitive.span, $kVwnw$babelruntimehelpersesmextends({}, props, {\n ref: forwardedRef,\n style: {\n // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss\n position: 'absolute',\n border: 0,\n width: 1,\n height: 1,\n padding: 0,\n margin: -1,\n overflow: 'hidden',\n clip: 'rect(0, 0, 0, 0)',\n whiteSpace: 'nowrap',\n wordWrap: 'normal',\n ...props.style\n }\n }));\n});\n/#__PURE__/ Object.assign($ea1ef594cf570d83$export$439d29a4e110a164, {\n displayName: $ea1ef594cf570d83$var$NAME\n});\n/ -----------------------------------------------------------------------------------------------/ const $ea1ef594cf570d83$export$be92b6f5f03c0fe9 = $ea1ef594cf570d83$export$439d29a4e110a164;\n\n\n\n\nexport {$ea1ef594cf570d83$export$439d29a4e110a164 as VisuallyHidden, $ea1ef594cf570d83$export$be92b6f5f03c0fe9 as Root};\n//# sourceMappingURL=index.mjs.map\n","import React, { ReactNode } from \"react\";\nimport as RadixVisuallyHidden from \"@radix-ui/react-visually-hidden\";\n\nexport type VisuallyHiddenProps = {\n /*\n Change the default rendered element for the one passed as a child, merging their props and behavior.\n * */\n asChild?: boolean;\n children: ReactNode;\n className?: string;\n [\"data-testid\"]?: string;\n};\n\nexport const VisuallyHidden = ({\n asChild,\n children,\n className = \"\",\n [\"data-testid\"]: dataTestid,\n}: VisuallyHiddenProps) => (\n <RadixVisuallyHidden.Root asChild={asChild} data-testid={dataTestid} className={className}>\n {children}\n </RadixVisuallyHidden.Root>\n);\n"],"names":["_extends","target","i","source","key","$6ed0406888f73fc4$var$setRef","ref","value","$6ed0406888f73fc4$export$43e446d32b3d21af","refs","node","$5e63c961fc1ce211$export$8c6ed5c666ac1360","$9IrjX$forwardRef","props","forwardedRef","children","slotProps","childrenArray","$9IrjX$Children","slottable","$5e63c961fc1ce211$var$isSlottable","newElement","newChildren","child","$9IrjX$isValidElement","$9IrjX$createElement","$5e63c961fc1ce211$var$SlotClone","$9IrjX$babelruntimehelpersesmextends","$9IrjX$cloneElement","$5e63c961fc1ce211$var$mergeProps","$9IrjX$composeRefs","$5e63c961fc1ce211$export$d9f1ccf0bdb05d45","$9IrjX$Fragment","childProps","overrideProps","propName","slotPropValue","childPropValue","args","$8927f6f2acc4f386$var$NODES","$8927f6f2acc4f386$export$250ffa63cdc0d034","primitive","Node","$4q5Fq$forwardRef","asChild","primitiveProps","Comp","$4q5Fq$Slot","$4q5Fq$useEffect","$4q5Fq$createElement","$4q5Fq$babelruntimehelpersesmextends","$ea1ef594cf570d83$export$439d29a4e110a164","$kVwnw$forwardRef","$kVwnw$createElement","$kVwnw$Primitive","$kVwnw$babelruntimehelpersesmextends","$ea1ef594cf570d83$export$be92b6f5f03c0fe9","VisuallyHidden","className","dataTestid","jsx","RadixVisuallyHidden.Root"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}
1	+ {"version":3,"file":"visually-hidden.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-compose-refs@1.0.1_@types+react@18.3.3_react@18.3.1/node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-slot@1.0.2_@types+react@18.3.3_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-primitive@1.0.3_@types+react-dom@18.3.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-primitive/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-visually-hidden@1.0.3_@types+react-dom@18.3.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs","../src/visually-hidden.tsx"],"sourcesContent":["export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}","import {useCallback as $3vqmr$useCallback} from \"react\";\n\n\n/*\n Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n / function $6ed0406888f73fc4$var$setRef(ref, value) {\n if (typeof ref === 'function') ref(value);\n else if (ref !== null && ref !== undefined) ref.current = value;\n}\n/\n A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n / function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {\n return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node)\n )\n ;\n}\n/\n A custom hook that composes multiple refs\n * Accepts callback refs and RefObject(s)\n / function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n return $3vqmr$useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);\n}\n\n\n\n\nexport {$6ed0406888f73fc4$export$43e446d32b3d21af as composeRefs, $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as useComposedRefs};\n//# sourceMappingURL=index.mjs.map\n","import $9IrjX$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $9IrjX$forwardRef, Children as $9IrjX$Children, isValidElement as $9IrjX$isValidElement, createElement as $9IrjX$createElement, cloneElement as $9IrjX$cloneElement, Fragment as $9IrjX$Fragment} from \"react\";\nimport {composeRefs as $9IrjX$composeRefs} from \"@radix-ui/react-compose-refs\";\n\n\n\n\n/ -------------------------------------------------------------------------------------------------\n * Slot\n * -----------------------------------------------------------------------------------------------/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /#__PURE__/ $9IrjX$forwardRef((props, forwardedRef)=>{\n const { children: children , ...slotProps } = props;\n const childrenArray = $9IrjX$Children.toArray(children);\n const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);\n if (slottable) {\n // the new element to render is the one passed as a child of `Slottable`\n const newElement = slottable.props.children;\n const newChildren = childrenArray.map((child)=>{\n if (child === slottable) {\n // because the new element will be the one rendered, we are only interested\n // in grabbing its children (`newElement.props.children`)\n if ($9IrjX$Children.count(newElement) > 1) return $9IrjX$Children.only(null);\n return /#__PURE__/ $9IrjX$isValidElement(newElement) ? newElement.props.children : null;\n } else return child;\n });\n return /#__PURE__/ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, $9IrjX$babelruntimehelpersesmextends({}, slotProps, {\n ref: forwardedRef\n }), /#__PURE__/ $9IrjX$isValidElement(newElement) ? /#__PURE__/ $9IrjX$cloneElement(newElement, undefined, newChildren) : null);\n }\n return /#__PURE__/ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, $9IrjX$babelruntimehelpersesmextends({}, slotProps, {\n ref: forwardedRef\n }), children);\n});\n$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';\n/ -------------------------------------------------------------------------------------------------\n * SlotClone\n * -----------------------------------------------------------------------------------------------/ const $5e63c961fc1ce211$var$SlotClone = /#__PURE__/ $9IrjX$forwardRef((props, forwardedRef)=>{\n const { children: children , ...slotProps } = props;\n if (/#__PURE__/ $9IrjX$isValidElement(children)) return /#__PURE__/ $9IrjX$cloneElement(children, {\n ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),\n ref: forwardedRef ? $9IrjX$composeRefs(forwardedRef, children.ref) : children.ref\n });\n return $9IrjX$Children.count(children) > 1 ? $9IrjX$Children.only(null) : null;\n});\n$5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone';\n/ -------------------------------------------------------------------------------------------------\n * Slottable\n * -----------------------------------------------------------------------------------------------/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children })=>{\n return /#__PURE__/ $9IrjX$createElement($9IrjX$Fragment, null, children);\n};\n/ ---------------------------------------------------------------------------------------------- / function $5e63c961fc1ce211$var$isSlottable(child) {\n return /#__PURE__/ $9IrjX$isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;\n}\nfunction $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {\n // all child props should override\n const overrideProps = {\n ...childProps\n };\n for(const propName in childProps){\n const slotPropValue = slotProps[propName];\n const childPropValue = childProps[propName];\n const isHandler = /^on[A-Z]/.test(propName);\n if (isHandler) {\n // if the handler exists on both, we compose them\n if (slotPropValue && childPropValue) overrideProps[propName] = (...args)=>{\n childPropValue(...args);\n slotPropValue(...args);\n };\n else if (slotPropValue) overrideProps[propName] = slotPropValue;\n } else if (propName === 'style') overrideProps[propName] = {\n ...slotPropValue,\n ...childPropValue\n };\n else if (propName === 'className') overrideProps[propName] = [\n slotPropValue,\n childPropValue\n ].filter(Boolean).join(' ');\n }\n return {\n ...slotProps,\n ...overrideProps\n };\n}\nconst $5e63c961fc1ce211$export$be92b6f5f03c0fe9 = $5e63c961fc1ce211$export$8c6ed5c666ac1360;\n\n\n\n\nexport {$5e63c961fc1ce211$export$8c6ed5c666ac1360 as Slot, $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 as Slottable, $5e63c961fc1ce211$export$be92b6f5f03c0fe9 as Root};\n//# sourceMappingURL=index.mjs.map\n","import $4q5Fq$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $4q5Fq$forwardRef, useEffect as $4q5Fq$useEffect, createElement as $4q5Fq$createElement} from \"react\";\nimport {flushSync as $4q5Fq$flushSync} from \"react-dom\";\nimport {Slot as $4q5Fq$Slot} from \"@radix-ui/react-slot\";\n\n\n\n\n\nconst $8927f6f2acc4f386$var$NODES = [\n 'a',\n 'button',\n 'div',\n 'form',\n 'h2',\n 'h3',\n 'img',\n 'input',\n 'label',\n 'li',\n 'nav',\n 'ol',\n 'p',\n 'span',\n 'svg',\n 'ul'\n]; // Temporary while we await merge of this fix:\n// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55396\n// prettier-ignore\n/ -------------------------------------------------------------------------------------------------\n * Primitive\n * -----------------------------------------------------------------------------------------------/ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{\n const Node = /#__PURE__/ $4q5Fq$forwardRef((props, forwardedRef)=>{\n const { asChild: asChild , ...primitiveProps } = props;\n const Comp = asChild ? $4q5Fq$Slot : node;\n $4q5Fq$useEffect(()=>{\n window[Symbol.for('radix-ui')] = true;\n }, []);\n return /#__PURE__/ $4q5Fq$createElement(Comp, $4q5Fq$babelruntimehelpersesmextends({}, primitiveProps, {\n ref: forwardedRef\n }));\n });\n Node.displayName = `Primitive.${node}`;\n return {\n ...primitive,\n [node]: Node\n };\n}, {});\n/ -------------------------------------------------------------------------------------------------\n * Utils\n * -----------------------------------------------------------------------------------------------/ /\n Flush custom event dispatch\n * https://github.com/radix-ui/primitives/pull/1378\n \n React batches all event handlers since version 18, this introduces certain considerations when using custom event types.\n \n Internally, React prioritises events in the following order:\n * - discrete\n * - continuous\n * - default\n \n https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350\n \n `discrete` is an important distinction as updates within these events are applied immediately.\n * React however, is not able to infer the priority of custom event types due to how they are detected internally.\n * Because of this, it's possible for updates from custom events to be unexpectedly batched when\n * dispatched by another `discrete` event.\n \n In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.\n * This utility should be used when dispatching a custom event from within another `discrete` event, this utility\n * is not nessesary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.\n * For example:\n \n dispatching a known click 👎\n * target.dispatchEvent(new Event(‘click’))\n \n dispatching a custom type within a non-discrete event 👎\n * onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}\n \n dispatching a custom type within a `discrete` event 👍\n * onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}\n \n Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's not recommended to use\n * this utility with them. This is because it's possible for those handlers to be called implicitly during render\n * e.g. when focus is within a component as it is unmounted, or when managing focus on mount.\n / function $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event) {\n if (target) $4q5Fq$flushSync(()=>target.dispatchEvent(event)\n );\n}\n/ -----------------------------------------------------------------------------------------------/ const $8927f6f2acc4f386$export$be92b6f5f03c0fe9 = $8927f6f2acc4f386$export$250ffa63cdc0d034;\n\n\n\n\nexport {$8927f6f2acc4f386$export$250ffa63cdc0d034 as Primitive, $8927f6f2acc4f386$export$be92b6f5f03c0fe9 as Root, $8927f6f2acc4f386$export$6d1a0317bde7de7f as dispatchDiscreteCustomEvent};\n//# sourceMappingURL=index.mjs.map\n","import $kVwnw$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $kVwnw$forwardRef, createElement as $kVwnw$createElement} from \"react\";\nimport {Primitive as $kVwnw$Primitive} from \"@radix-ui/react-primitive\";\n\n\n\n\n/ -------------------------------------------------------------------------------------------------\n * VisuallyHidden\n * -----------------------------------------------------------------------------------------------/ const $ea1ef594cf570d83$var$NAME = 'VisuallyHidden';\nconst $ea1ef594cf570d83$export$439d29a4e110a164 = /#__PURE__/ $kVwnw$forwardRef((props, forwardedRef)=>{\n return /#__PURE__/ $kVwnw$createElement($kVwnw$Primitive.span, $kVwnw$babelruntimehelpersesmextends({}, props, {\n ref: forwardedRef,\n style: {\n // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss\n position: 'absolute',\n border: 0,\n width: 1,\n height: 1,\n padding: 0,\n margin: -1,\n overflow: 'hidden',\n clip: 'rect(0, 0, 0, 0)',\n whiteSpace: 'nowrap',\n wordWrap: 'normal',\n ...props.style\n }\n }));\n});\n/#__PURE__/ Object.assign($ea1ef594cf570d83$export$439d29a4e110a164, {\n displayName: $ea1ef594cf570d83$var$NAME\n});\n/ -----------------------------------------------------------------------------------------------/ const $ea1ef594cf570d83$export$be92b6f5f03c0fe9 = $ea1ef594cf570d83$export$439d29a4e110a164;\n\n\n\n\nexport {$ea1ef594cf570d83$export$439d29a4e110a164 as VisuallyHidden, $ea1ef594cf570d83$export$be92b6f5f03c0fe9 as Root};\n//# sourceMappingURL=index.mjs.map\n","import React, { ReactNode } from \"react\";\nimport as RadixVisuallyHidden from \"@radix-ui/react-visually-hidden\";\n\nexport type VisuallyHiddenProps = {\n /*\n Change the default rendered element for the one passed as a child, merging their props and behavior.\n * */\n asChild?: boolean;\n children: ReactNode;\n className?: string;\n [\"data-testid\"]?: string;\n};\n\nexport const VisuallyHidden = ({\n asChild,\n children,\n className = \"\",\n [\"data-testid\"]: dataTestid,\n}: VisuallyHiddenProps) => (\n <RadixVisuallyHidden.Root asChild={asChild} data-testid={dataTestid} className={className}>\n {children}\n </RadixVisuallyHidden.Root>\n);\n"],"names":["_extends","target","i","source","key","$6ed0406888f73fc4$var$setRef","ref","value","$6ed0406888f73fc4$export$43e446d32b3d21af","refs","node","$5e63c961fc1ce211$export$8c6ed5c666ac1360","$9IrjX$forwardRef","props","forwardedRef","children","slotProps","childrenArray","$9IrjX$Children","slottable","$5e63c961fc1ce211$var$isSlottable","newElement","newChildren","child","$9IrjX$isValidElement","$9IrjX$createElement","$5e63c961fc1ce211$var$SlotClone","$9IrjX$babelruntimehelpersesmextends","$9IrjX$cloneElement","$5e63c961fc1ce211$var$mergeProps","$9IrjX$composeRefs","$5e63c961fc1ce211$export$d9f1ccf0bdb05d45","$9IrjX$Fragment","childProps","overrideProps","propName","slotPropValue","childPropValue","args","$8927f6f2acc4f386$var$NODES","$8927f6f2acc4f386$export$250ffa63cdc0d034","primitive","Node","$4q5Fq$forwardRef","asChild","primitiveProps","Comp","$4q5Fq$Slot","$4q5Fq$useEffect","$4q5Fq$createElement","$4q5Fq$babelruntimehelpersesmextends","$ea1ef594cf570d83$export$439d29a4e110a164","$kVwnw$forwardRef","$kVwnw$createElement","$kVwnw$Primitive","$kVwnw$babelruntimehelpersesmextends","$ea1ef594cf570d83$export$be92b6f5f03c0fe9","VisuallyHidden","className","dataTestid","jsx","RadixVisuallyHidden.Root"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}

package/dist/visually-hidden.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"visually-hidden.es.js","sources":["../../../common/temp/node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-compose-refs@1.0.1_@types+react@18.3.1_react@18.3.1/node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-slot@1.0.2_@types+react@18.3.1_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-primitive@1.0.3_@types+react-dom@18.3.0_@types+react@18.3.1_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-primitive/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-visually-hidden@1.0.3_@types+react-dom@18.3.0_@types+react@18.3.1_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs","../src/visually-hidden.tsx"],"sourcesContent":["export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}","import {useCallback as $3vqmr$useCallback} from \"react\";\n\n\n/*\n Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n / function $6ed0406888f73fc4$var$setRef(ref, value) {\n if (typeof ref === 'function') ref(value);\n else if (ref !== null && ref !== undefined) ref.current = value;\n}\n/\n A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n / function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {\n return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node)\n )\n ;\n}\n/\n A custom hook that composes multiple refs\n * Accepts callback refs and RefObject(s)\n / function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n return $3vqmr$useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);\n}\n\n\n\n\nexport {$6ed0406888f73fc4$export$43e446d32b3d21af as composeRefs, $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as useComposedRefs};\n//# sourceMappingURL=index.mjs.map\n","import $9IrjX$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $9IrjX$forwardRef, Children as $9IrjX$Children, isValidElement as $9IrjX$isValidElement, createElement as $9IrjX$createElement, cloneElement as $9IrjX$cloneElement, Fragment as $9IrjX$Fragment} from \"react\";\nimport {composeRefs as $9IrjX$composeRefs} from \"@radix-ui/react-compose-refs\";\n\n\n\n\n/ -------------------------------------------------------------------------------------------------\n * Slot\n * -----------------------------------------------------------------------------------------------/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /#__PURE__/ $9IrjX$forwardRef((props, forwardedRef)=>{\n const { children: children , ...slotProps } = props;\n const childrenArray = $9IrjX$Children.toArray(children);\n const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);\n if (slottable) {\n // the new element to render is the one passed as a child of `Slottable`\n const newElement = slottable.props.children;\n const newChildren = childrenArray.map((child)=>{\n if (child === slottable) {\n // because the new element will be the one rendered, we are only interested\n // in grabbing its children (`newElement.props.children`)\n if ($9IrjX$Children.count(newElement) > 1) return $9IrjX$Children.only(null);\n return /#__PURE__/ $9IrjX$isValidElement(newElement) ? newElement.props.children : null;\n } else return child;\n });\n return /#__PURE__/ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, $9IrjX$babelruntimehelpersesmextends({}, slotProps, {\n ref: forwardedRef\n }), /#__PURE__/ $9IrjX$isValidElement(newElement) ? /#__PURE__/ $9IrjX$cloneElement(newElement, undefined, newChildren) : null);\n }\n return /#__PURE__/ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, $9IrjX$babelruntimehelpersesmextends({}, slotProps, {\n ref: forwardedRef\n }), children);\n});\n$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';\n/ -------------------------------------------------------------------------------------------------\n * SlotClone\n * -----------------------------------------------------------------------------------------------/ const $5e63c961fc1ce211$var$SlotClone = /#__PURE__/ $9IrjX$forwardRef((props, forwardedRef)=>{\n const { children: children , ...slotProps } = props;\n if (/#__PURE__/ $9IrjX$isValidElement(children)) return /#__PURE__/ $9IrjX$cloneElement(children, {\n ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),\n ref: forwardedRef ? $9IrjX$composeRefs(forwardedRef, children.ref) : children.ref\n });\n return $9IrjX$Children.count(children) > 1 ? $9IrjX$Children.only(null) : null;\n});\n$5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone';\n/ -------------------------------------------------------------------------------------------------\n * Slottable\n * -----------------------------------------------------------------------------------------------/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children })=>{\n return /#__PURE__/ $9IrjX$createElement($9IrjX$Fragment, null, children);\n};\n/ ---------------------------------------------------------------------------------------------- / function $5e63c961fc1ce211$var$isSlottable(child) {\n return /#__PURE__/ $9IrjX$isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;\n}\nfunction $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {\n // all child props should override\n const overrideProps = {\n ...childProps\n };\n for(const propName in childProps){\n const slotPropValue = slotProps[propName];\n const childPropValue = childProps[propName];\n const isHandler = /^on[A-Z]/.test(propName);\n if (isHandler) {\n // if the handler exists on both, we compose them\n if (slotPropValue && childPropValue) overrideProps[propName] = (...args)=>{\n childPropValue(...args);\n slotPropValue(...args);\n };\n else if (slotPropValue) overrideProps[propName] = slotPropValue;\n } else if (propName === 'style') overrideProps[propName] = {\n ...slotPropValue,\n ...childPropValue\n };\n else if (propName === 'className') overrideProps[propName] = [\n slotPropValue,\n childPropValue\n ].filter(Boolean).join(' ');\n }\n return {\n ...slotProps,\n ...overrideProps\n };\n}\nconst $5e63c961fc1ce211$export$be92b6f5f03c0fe9 = $5e63c961fc1ce211$export$8c6ed5c666ac1360;\n\n\n\n\nexport {$5e63c961fc1ce211$export$8c6ed5c666ac1360 as Slot, $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 as Slottable, $5e63c961fc1ce211$export$be92b6f5f03c0fe9 as Root};\n//# sourceMappingURL=index.mjs.map\n","import $4q5Fq$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $4q5Fq$forwardRef, useEffect as $4q5Fq$useEffect, createElement as $4q5Fq$createElement} from \"react\";\nimport {flushSync as $4q5Fq$flushSync} from \"react-dom\";\nimport {Slot as $4q5Fq$Slot} from \"@radix-ui/react-slot\";\n\n\n\n\n\nconst $8927f6f2acc4f386$var$NODES = [\n 'a',\n 'button',\n 'div',\n 'form',\n 'h2',\n 'h3',\n 'img',\n 'input',\n 'label',\n 'li',\n 'nav',\n 'ol',\n 'p',\n 'span',\n 'svg',\n 'ul'\n]; // Temporary while we await merge of this fix:\n// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55396\n// prettier-ignore\n/ -------------------------------------------------------------------------------------------------\n * Primitive\n * -----------------------------------------------------------------------------------------------/ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{\n const Node = /#__PURE__/ $4q5Fq$forwardRef((props, forwardedRef)=>{\n const { asChild: asChild , ...primitiveProps } = props;\n const Comp = asChild ? $4q5Fq$Slot : node;\n $4q5Fq$useEffect(()=>{\n window[Symbol.for('radix-ui')] = true;\n }, []);\n return /#__PURE__/ $4q5Fq$createElement(Comp, $4q5Fq$babelruntimehelpersesmextends({}, primitiveProps, {\n ref: forwardedRef\n }));\n });\n Node.displayName = `Primitive.${node}`;\n return {\n ...primitive,\n [node]: Node\n };\n}, {});\n/ -------------------------------------------------------------------------------------------------\n * Utils\n * -----------------------------------------------------------------------------------------------/ /\n Flush custom event dispatch\n * https://github.com/radix-ui/primitives/pull/1378\n \n React batches all event handlers since version 18, this introduces certain considerations when using custom event types.\n \n Internally, React prioritises events in the following order:\n * - discrete\n * - continuous\n * - default\n \n https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350\n \n `discrete` is an important distinction as updates within these events are applied immediately.\n * React however, is not able to infer the priority of custom event types due to how they are detected internally.\n * Because of this, it's possible for updates from custom events to be unexpectedly batched when\n * dispatched by another `discrete` event.\n \n In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.\n * This utility should be used when dispatching a custom event from within another `discrete` event, this utility\n * is not nessesary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.\n * For example:\n \n dispatching a known click 👎\n * target.dispatchEvent(new Event(‘click’))\n \n dispatching a custom type within a non-discrete event 👎\n * onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}\n \n dispatching a custom type within a `discrete` event 👍\n * onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}\n \n Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's not recommended to use\n * this utility with them. This is because it's possible for those handlers to be called implicitly during render\n * e.g. when focus is within a component as it is unmounted, or when managing focus on mount.\n / function $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event) {\n if (target) $4q5Fq$flushSync(()=>target.dispatchEvent(event)\n );\n}\n/ -----------------------------------------------------------------------------------------------/ const $8927f6f2acc4f386$export$be92b6f5f03c0fe9 = $8927f6f2acc4f386$export$250ffa63cdc0d034;\n\n\n\n\nexport {$8927f6f2acc4f386$export$250ffa63cdc0d034 as Primitive, $8927f6f2acc4f386$export$be92b6f5f03c0fe9 as Root, $8927f6f2acc4f386$export$6d1a0317bde7de7f as dispatchDiscreteCustomEvent};\n//# sourceMappingURL=index.mjs.map\n","import $kVwnw$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $kVwnw$forwardRef, createElement as $kVwnw$createElement} from \"react\";\nimport {Primitive as $kVwnw$Primitive} from \"@radix-ui/react-primitive\";\n\n\n\n\n/ -------------------------------------------------------------------------------------------------\n * VisuallyHidden\n * -----------------------------------------------------------------------------------------------/ const $ea1ef594cf570d83$var$NAME = 'VisuallyHidden';\nconst $ea1ef594cf570d83$export$439d29a4e110a164 = /#__PURE__/ $kVwnw$forwardRef((props, forwardedRef)=>{\n return /#__PURE__/ $kVwnw$createElement($kVwnw$Primitive.span, $kVwnw$babelruntimehelpersesmextends({}, props, {\n ref: forwardedRef,\n style: {\n // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss\n position: 'absolute',\n border: 0,\n width: 1,\n height: 1,\n padding: 0,\n margin: -1,\n overflow: 'hidden',\n clip: 'rect(0, 0, 0, 0)',\n whiteSpace: 'nowrap',\n wordWrap: 'normal',\n ...props.style\n }\n }));\n});\n/#__PURE__/ Object.assign($ea1ef594cf570d83$export$439d29a4e110a164, {\n displayName: $ea1ef594cf570d83$var$NAME\n});\n/ -----------------------------------------------------------------------------------------------/ const $ea1ef594cf570d83$export$be92b6f5f03c0fe9 = $ea1ef594cf570d83$export$439d29a4e110a164;\n\n\n\n\nexport {$ea1ef594cf570d83$export$439d29a4e110a164 as VisuallyHidden, $ea1ef594cf570d83$export$be92b6f5f03c0fe9 as Root};\n//# sourceMappingURL=index.mjs.map\n","import React, { ReactNode } from \"react\";\nimport as RadixVisuallyHidden from \"@radix-ui/react-visually-hidden\";\n\nexport type VisuallyHiddenProps = {\n /*\n Change the default rendered element for the one passed as a child, merging their props and behavior.\n * */\n asChild?: boolean;\n children: ReactNode;\n className?: string;\n [\"data-testid\"]?: string;\n};\n\nexport const VisuallyHidden = ({\n asChild,\n children,\n className = \"\",\n [\"data-testid\"]: dataTestid,\n}: VisuallyHiddenProps) => (\n <RadixVisuallyHidden.Root asChild={asChild} data-testid={dataTestid} className={className}>\n {children}\n </RadixVisuallyHidden.Root>\n);\n"],"names":["_extends","target","i","source","key","$6ed0406888f73fc4$var$setRef","ref","value","$6ed0406888f73fc4$export$43e446d32b3d21af","refs","node","$5e63c961fc1ce211$export$8c6ed5c666ac1360","$9IrjX$forwardRef","props","forwardedRef","children","slotProps","childrenArray","$9IrjX$Children","slottable","$5e63c961fc1ce211$var$isSlottable","newElement","newChildren","child","$9IrjX$isValidElement","$9IrjX$createElement","$5e63c961fc1ce211$var$SlotClone","$9IrjX$babelruntimehelpersesmextends","$9IrjX$cloneElement","$5e63c961fc1ce211$var$mergeProps","$9IrjX$composeRefs","$5e63c961fc1ce211$export$d9f1ccf0bdb05d45","$9IrjX$Fragment","childProps","overrideProps","propName","slotPropValue","childPropValue","args","$8927f6f2acc4f386$var$NODES","$8927f6f2acc4f386$export$250ffa63cdc0d034","primitive","Node","$4q5Fq$forwardRef","asChild","primitiveProps","Comp","$4q5Fq$Slot","$4q5Fq$useEffect","$4q5Fq$createElement","$4q5Fq$babelruntimehelpersesmextends","$ea1ef594cf570d83$export$439d29a4e110a164","$kVwnw$forwardRef","$kVwnw$createElement","$kVwnw$Primitive","$kVwnw$babelruntimehelpersesmextends","$ea1ef594cf570d83$export$be92b6f5f03c0fe9","VisuallyHidden","className","dataTestid","jsx","RadixVisuallyHidden.Root"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}
1	+ {"version":3,"file":"visually-hidden.es.js","sources":["../../../common/temp/node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js","../../../common/temp/node_modules/.pnpm/@radix-ui+react-compose-refs@1.0.1_@types+react@18.3.3_react@18.3.1/node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-slot@1.0.2_@types+react@18.3.3_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-primitive@1.0.3_@types+react-dom@18.3.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-primitive/dist/index.mjs","../../../common/temp/node_modules/.pnpm/@radix-ui+react-visually-hidden@1.0.3_@types+react-dom@18.3.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs","../src/visually-hidden.tsx"],"sourcesContent":["export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}","import {useCallback as $3vqmr$useCallback} from \"react\";\n\n\n/*\n Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n / function $6ed0406888f73fc4$var$setRef(ref, value) {\n if (typeof ref === 'function') ref(value);\n else if (ref !== null && ref !== undefined) ref.current = value;\n}\n/\n A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n / function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {\n return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node)\n )\n ;\n}\n/\n A custom hook that composes multiple refs\n * Accepts callback refs and RefObject(s)\n / function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n return $3vqmr$useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);\n}\n\n\n\n\nexport {$6ed0406888f73fc4$export$43e446d32b3d21af as composeRefs, $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as useComposedRefs};\n//# sourceMappingURL=index.mjs.map\n","import $9IrjX$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $9IrjX$forwardRef, Children as $9IrjX$Children, isValidElement as $9IrjX$isValidElement, createElement as $9IrjX$createElement, cloneElement as $9IrjX$cloneElement, Fragment as $9IrjX$Fragment} from \"react\";\nimport {composeRefs as $9IrjX$composeRefs} from \"@radix-ui/react-compose-refs\";\n\n\n\n\n/ -------------------------------------------------------------------------------------------------\n * Slot\n * -----------------------------------------------------------------------------------------------/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /#__PURE__/ $9IrjX$forwardRef((props, forwardedRef)=>{\n const { children: children , ...slotProps } = props;\n const childrenArray = $9IrjX$Children.toArray(children);\n const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);\n if (slottable) {\n // the new element to render is the one passed as a child of `Slottable`\n const newElement = slottable.props.children;\n const newChildren = childrenArray.map((child)=>{\n if (child === slottable) {\n // because the new element will be the one rendered, we are only interested\n // in grabbing its children (`newElement.props.children`)\n if ($9IrjX$Children.count(newElement) > 1) return $9IrjX$Children.only(null);\n return /#__PURE__/ $9IrjX$isValidElement(newElement) ? newElement.props.children : null;\n } else return child;\n });\n return /#__PURE__/ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, $9IrjX$babelruntimehelpersesmextends({}, slotProps, {\n ref: forwardedRef\n }), /#__PURE__/ $9IrjX$isValidElement(newElement) ? /#__PURE__/ $9IrjX$cloneElement(newElement, undefined, newChildren) : null);\n }\n return /#__PURE__/ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, $9IrjX$babelruntimehelpersesmextends({}, slotProps, {\n ref: forwardedRef\n }), children);\n});\n$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';\n/ -------------------------------------------------------------------------------------------------\n * SlotClone\n * -----------------------------------------------------------------------------------------------/ const $5e63c961fc1ce211$var$SlotClone = /#__PURE__/ $9IrjX$forwardRef((props, forwardedRef)=>{\n const { children: children , ...slotProps } = props;\n if (/#__PURE__/ $9IrjX$isValidElement(children)) return /#__PURE__/ $9IrjX$cloneElement(children, {\n ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),\n ref: forwardedRef ? $9IrjX$composeRefs(forwardedRef, children.ref) : children.ref\n });\n return $9IrjX$Children.count(children) > 1 ? $9IrjX$Children.only(null) : null;\n});\n$5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone';\n/ -------------------------------------------------------------------------------------------------\n * Slottable\n * -----------------------------------------------------------------------------------------------/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children })=>{\n return /#__PURE__/ $9IrjX$createElement($9IrjX$Fragment, null, children);\n};\n/ ---------------------------------------------------------------------------------------------- / function $5e63c961fc1ce211$var$isSlottable(child) {\n return /#__PURE__/ $9IrjX$isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;\n}\nfunction $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {\n // all child props should override\n const overrideProps = {\n ...childProps\n };\n for(const propName in childProps){\n const slotPropValue = slotProps[propName];\n const childPropValue = childProps[propName];\n const isHandler = /^on[A-Z]/.test(propName);\n if (isHandler) {\n // if the handler exists on both, we compose them\n if (slotPropValue && childPropValue) overrideProps[propName] = (...args)=>{\n childPropValue(...args);\n slotPropValue(...args);\n };\n else if (slotPropValue) overrideProps[propName] = slotPropValue;\n } else if (propName === 'style') overrideProps[propName] = {\n ...slotPropValue,\n ...childPropValue\n };\n else if (propName === 'className') overrideProps[propName] = [\n slotPropValue,\n childPropValue\n ].filter(Boolean).join(' ');\n }\n return {\n ...slotProps,\n ...overrideProps\n };\n}\nconst $5e63c961fc1ce211$export$be92b6f5f03c0fe9 = $5e63c961fc1ce211$export$8c6ed5c666ac1360;\n\n\n\n\nexport {$5e63c961fc1ce211$export$8c6ed5c666ac1360 as Slot, $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 as Slottable, $5e63c961fc1ce211$export$be92b6f5f03c0fe9 as Root};\n//# sourceMappingURL=index.mjs.map\n","import $4q5Fq$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $4q5Fq$forwardRef, useEffect as $4q5Fq$useEffect, createElement as $4q5Fq$createElement} from \"react\";\nimport {flushSync as $4q5Fq$flushSync} from \"react-dom\";\nimport {Slot as $4q5Fq$Slot} from \"@radix-ui/react-slot\";\n\n\n\n\n\nconst $8927f6f2acc4f386$var$NODES = [\n 'a',\n 'button',\n 'div',\n 'form',\n 'h2',\n 'h3',\n 'img',\n 'input',\n 'label',\n 'li',\n 'nav',\n 'ol',\n 'p',\n 'span',\n 'svg',\n 'ul'\n]; // Temporary while we await merge of this fix:\n// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55396\n// prettier-ignore\n/ -------------------------------------------------------------------------------------------------\n * Primitive\n * -----------------------------------------------------------------------------------------------/ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{\n const Node = /#__PURE__/ $4q5Fq$forwardRef((props, forwardedRef)=>{\n const { asChild: asChild , ...primitiveProps } = props;\n const Comp = asChild ? $4q5Fq$Slot : node;\n $4q5Fq$useEffect(()=>{\n window[Symbol.for('radix-ui')] = true;\n }, []);\n return /#__PURE__/ $4q5Fq$createElement(Comp, $4q5Fq$babelruntimehelpersesmextends({}, primitiveProps, {\n ref: forwardedRef\n }));\n });\n Node.displayName = `Primitive.${node}`;\n return {\n ...primitive,\n [node]: Node\n };\n}, {});\n/ -------------------------------------------------------------------------------------------------\n * Utils\n * -----------------------------------------------------------------------------------------------/ /\n Flush custom event dispatch\n * https://github.com/radix-ui/primitives/pull/1378\n \n React batches all event handlers since version 18, this introduces certain considerations when using custom event types.\n \n Internally, React prioritises events in the following order:\n * - discrete\n * - continuous\n * - default\n \n https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350\n \n `discrete` is an important distinction as updates within these events are applied immediately.\n * React however, is not able to infer the priority of custom event types due to how they are detected internally.\n * Because of this, it's possible for updates from custom events to be unexpectedly batched when\n * dispatched by another `discrete` event.\n \n In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.\n * This utility should be used when dispatching a custom event from within another `discrete` event, this utility\n * is not nessesary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.\n * For example:\n \n dispatching a known click 👎\n * target.dispatchEvent(new Event(‘click’))\n \n dispatching a custom type within a non-discrete event 👎\n * onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}\n \n dispatching a custom type within a `discrete` event 👍\n * onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}\n \n Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's not recommended to use\n * this utility with them. This is because it's possible for those handlers to be called implicitly during render\n * e.g. when focus is within a component as it is unmounted, or when managing focus on mount.\n / function $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event) {\n if (target) $4q5Fq$flushSync(()=>target.dispatchEvent(event)\n );\n}\n/ -----------------------------------------------------------------------------------------------/ const $8927f6f2acc4f386$export$be92b6f5f03c0fe9 = $8927f6f2acc4f386$export$250ffa63cdc0d034;\n\n\n\n\nexport {$8927f6f2acc4f386$export$250ffa63cdc0d034 as Primitive, $8927f6f2acc4f386$export$be92b6f5f03c0fe9 as Root, $8927f6f2acc4f386$export$6d1a0317bde7de7f as dispatchDiscreteCustomEvent};\n//# sourceMappingURL=index.mjs.map\n","import $kVwnw$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $kVwnw$forwardRef, createElement as $kVwnw$createElement} from \"react\";\nimport {Primitive as $kVwnw$Primitive} from \"@radix-ui/react-primitive\";\n\n\n\n\n/ -------------------------------------------------------------------------------------------------\n * VisuallyHidden\n * -----------------------------------------------------------------------------------------------/ const $ea1ef594cf570d83$var$NAME = 'VisuallyHidden';\nconst $ea1ef594cf570d83$export$439d29a4e110a164 = /#__PURE__/ $kVwnw$forwardRef((props, forwardedRef)=>{\n return /#__PURE__/ $kVwnw$createElement($kVwnw$Primitive.span, $kVwnw$babelruntimehelpersesmextends({}, props, {\n ref: forwardedRef,\n style: {\n // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss\n position: 'absolute',\n border: 0,\n width: 1,\n height: 1,\n padding: 0,\n margin: -1,\n overflow: 'hidden',\n clip: 'rect(0, 0, 0, 0)',\n whiteSpace: 'nowrap',\n wordWrap: 'normal',\n ...props.style\n }\n }));\n});\n/#__PURE__/ Object.assign($ea1ef594cf570d83$export$439d29a4e110a164, {\n displayName: $ea1ef594cf570d83$var$NAME\n});\n/ -----------------------------------------------------------------------------------------------/ const $ea1ef594cf570d83$export$be92b6f5f03c0fe9 = $ea1ef594cf570d83$export$439d29a4e110a164;\n\n\n\n\nexport {$ea1ef594cf570d83$export$439d29a4e110a164 as VisuallyHidden, $ea1ef594cf570d83$export$be92b6f5f03c0fe9 as Root};\n//# sourceMappingURL=index.mjs.map\n","import React, { ReactNode } from \"react\";\nimport as RadixVisuallyHidden from \"@radix-ui/react-visually-hidden\";\n\nexport type VisuallyHiddenProps = {\n /*\n Change the default rendered element for the one passed as a child, merging their props and behavior.\n * */\n asChild?: boolean;\n children: ReactNode;\n className?: string;\n [\"data-testid\"]?: string;\n};\n\nexport const VisuallyHidden = ({\n asChild,\n children,\n className = \"\",\n [\"data-testid\"]: dataTestid,\n}: VisuallyHiddenProps) => (\n <RadixVisuallyHidden.Root asChild={asChild} data-testid={dataTestid} className={className}>\n {children}\n </RadixVisuallyHidden.Root>\n);\n"],"names":["_extends","target","i","source","key","$6ed0406888f73fc4$var$setRef","ref","value","$6ed0406888f73fc4$export$43e446d32b3d21af","refs","node","$5e63c961fc1ce211$export$8c6ed5c666ac1360","$9IrjX$forwardRef","props","forwardedRef","children","slotProps","childrenArray","$9IrjX$Children","slottable","$5e63c961fc1ce211$var$isSlottable","newElement","newChildren","child","$9IrjX$isValidElement","$9IrjX$createElement","$5e63c961fc1ce211$var$SlotClone","$9IrjX$babelruntimehelpersesmextends","$9IrjX$cloneElement","$5e63c961fc1ce211$var$mergeProps","$9IrjX$composeRefs","$5e63c961fc1ce211$export$d9f1ccf0bdb05d45","$9IrjX$Fragment","childProps","overrideProps","propName","slotPropValue","childPropValue","args","$8927f6f2acc4f386$var$NODES","$8927f6f2acc4f386$export$250ffa63cdc0d034","primitive","Node","$4q5Fq$forwardRef","asChild","primitiveProps","Comp","$4q5Fq$Slot","$4q5Fq$useEffect","$4q5Fq$createElement","$4q5Fq$babelruntimehelpersesmextends","$ea1ef594cf570d83$export$439d29a4e110a164","$kVwnw$forwardRef","$kVwnw$createElement","$kVwnw$Primitive","$kVwnw$babelruntimehelpersesmextends","$ea1ef594cf570d83$export$be92b6f5f03c0fe9","VisuallyHidden","className","dataTestid","jsx","RadixVisuallyHidden.Root"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/visually-hidden",
-  "version": "5.10.1",
+  "version": "5.11.1",
   "license": "AGPL-3.0-only",
   "main": "./dist/visually-hidden.cjs.js",
   "types": "./dist/visually-hidden.d.ts",
@@ -17,25 +17,25 @@
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
-    "@storybook/blocks": "~7.6.0",
-    "@storybook/react": "~7.6.0",
+    "@storybook/react": "^8.2.6",
+    "storybook": "^8.2.6",
     "@telia/base-rig": "~8.2.0",
     "@telia/react-rig": "~3.2.0",
     "@testing-library/dom": "~9.3.3",
     "@testing-library/jest-dom": "~6.4.0",
     "@testing-library/react": "~14.3.0",
     "@types/node": "20.12.12",
-    "@types/react-dom": "~18.3.0",
-    "@types/react": "~18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@types/react": "^18.3.3",
     "eslint-plugin-testing-library": "~6.2.0",
-    "eslint": "~8.57.0",
+    "eslint": "^8.57.0",
     "jsdom": "~22.1.0",
     "lint-staged": "~10.5.3",
     "prettier": "~2.8.8",
-    "react-dom": "~18.3.0",
-    "react": "~18.3.0",
-    "typescript": "~5.4.2",
-    "vite": "~5.2.2",
+    "react-dom": "^18.3.1",
+    "react": "^18.3.1",
+    "typescript": "^5.5.4",
+    "vite": "5.3.4",
     "vitest": "~1.5.0",
     "@purpurds/component-rig": "1.0.0"
   },

package/src/visually-hidden.stories.tsx CHANGED Viewed

@@ -2,13 +2,27 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { VisuallyHidden } from "./visually-hidden";
-const meta: Meta<typeof VisuallyHidden> = {
+const meta = {
   title: "Utils/VisuallyHidden",
   component: VisuallyHidden,
   argTypes: {
     children: { control: { type: "text" } },
   },
-};
+  parameters: {
+    docs: {
+      description: {
+        component: `
+Component provides text only for screen readers. This is used to explain content or situation which is not explainable without clear text. Component is designed to be hidden, but shown when screen reader makes focus.
+Example use cases:
+- There is content being loaded
+- When visual style is not understood by screen reader, like with Price component`,
+      },
+    },
+  },
+} satisfies Meta<typeof VisuallyHidden>;
 export default meta;
 type Story = StoryObj<typeof VisuallyHidden>;

package/readme.mdx DELETED Viewed

@@ -1,45 +0,0 @@
-import { Meta, Stories, ArgTypes, Primary, Subtitle } from "@storybook/blocks";
-import * as VisuallyHiddenStories from "./src/visually-hidden.stories";
-import packageInfo from "./package.json";
-<Meta name="Docs" title="Components/VisuallyHidden" of={VisuallyHiddenStories} />
-# VisuallyHidden
-<Subtitle>Version {packageInfo.version}</Subtitle>
-Component provides text only for screen readers. This is used to explain content or situation which is not explainable without clear text. Component is designed to be hidden, but shown when screen reader makes focus.
-Example use cases:
-- There is content being loaded
-- When visual style is not understood by screen reader, like with Price component
-### Showcase
-<Primary />
-### Properties
-<ArgTypes />
-### Installation
-#### Via NPM
-Add the dependency to your consumer app like `"@purpurds/purpur": "^x.y.z"`
-In MyComponent.tsx
-```tsx
-import { VisuallyHidden } from "@purpurds/purpur";
-export const MyComponent = () => {
-  return (
-    <div>
-      <VisuallyHidden {...someProps}>Some content</VisuallyHidden>
-    </div>
-  );
-};
-```