{"ast":null,"code":"import { Children as $eOI90$Children, createElement as $eOI90$createElement, Fragment as $eOI90$Fragment, cloneElement as $eOI90$cloneElement } from \"react\";\nimport { Root as $eOI90$Root } from \"@radix-ui/react-visually-hidden\";\nvar $08b6689415b2f49a$var$NAME = 'AccessibleIcon';\nvar $08b6689415b2f49a$export$5aec92af04ace2d2 = function $08b6689415b2f49a$export$5aec92af04ace2d2(_ref) {\n  var children = _ref.children,\n    label = _ref.label;\n  var child = $eOI90$Children.only(children);\n  return /*#__PURE__*/$eOI90$createElement($eOI90$Fragment, null, /*#__PURE__*/$eOI90$cloneElement(child, {\n    // accessibility\n    'aria-hidden': 'true',\n    focusable: 'false' // See: https://allyjs.io/tutorials/focusing-in-svg.html#making-svg-elements-focusable\n  }), /*#__PURE__*/$eOI90$createElement($eOI90$Root, null, label));\n};\n/*#__PURE__*/\nObject.assign($08b6689415b2f49a$export$5aec92af04ace2d2, {\n  displayName: $08b6689415b2f49a$var$NAME\n});\nvar $08b6689415b2f49a$export$be92b6f5f03c0fe9 = $08b6689415b2f49a$export$5aec92af04ace2d2;\nexport { $08b6689415b2f49a$export$5aec92af04ace2d2 as AccessibleIcon, $08b6689415b2f49a$export$be92b6f5f03c0fe9 as Root };","map":{"version":3,"names":["$08b6689415b2f49a$var$NAME","$08b6689415b2f49a$export$5aec92af04ace2d2","AccessibleIcon","_ref","children","label","child","$eOI90$Children","only","$eOI90$createElement","$eOI90$Fragment","$eOI90$cloneElement","focusable","$eOI90$Root","Object","assign","displayName","$08b6689415b2f49a$export$be92b6f5f03c0fe9"],"sources":["C:\\Users\\user\\Desktop\\03portreact\\node_modules\\@radix-ui\\react-accessible-icon\\dist\\packages\\react\\accessible-icon\\src\\index.ts","C:\\Users\\user\\Desktop\\03portreact\\node_modules\\@radix-ui\\react-accessible-icon\\dist\\packages\\react\\accessible-icon\\src\\AccessibleIcon.tsx"],"sourcesContent":["export {\n  AccessibleIcon,\n  //\n  Root,\n} from './AccessibleIcon';\nexport type { AccessibleIconProps } from './AccessibleIcon';\n","import * as React from 'react';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nconst NAME = 'AccessibleIcon';\n\ninterface AccessibleIconProps {\n  children?: React.ReactNode;\n  /**\n   * The accessible label for the icon. This label will be visually hidden but announced to screen\n   * reader users, similar to `alt` text for `img` tags.\n   */\n  label: string;\n}\n\nconst AccessibleIcon: React.FC<AccessibleIconProps> = ({ children, label }) => {\n  const child = React.Children.only(children);\n  return (\n    <>\n      {React.cloneElement(child as React.ReactElement, {\n        // accessibility\n        'aria-hidden': 'true',\n        focusable: 'false', // See: https://allyjs.io/tutorials/focusing-in-svg.html#making-svg-elements-focusable\n      })}\n      <VisuallyHiddenPrimitive.Root>{label}</VisuallyHiddenPrimitive.Root>\n    </>\n  );\n};\n\nAccessibleIcon.displayName = NAME;\n\nconst Root = AccessibleIcon;\n\nexport {\n  AccessibleIcon,\n  //\n  Root,\n};\nexport type { AccessibleIconProps };\n"],"mappings":";;ACGA,IAAMA,0BAAI,GAAG,gBAAb;AAWA,IAAMC,yCAA6C,GAAG,SAAhDA,yCAA6CC,CAAAC,IAAA,EAA4B;EAAA,IAAtBC,QAAF,GAAAD,IAAA,CAdvDC,QAAA;IAcmEC,KAAA,GAAAF,IAAA,CAdnEE,KAAA;EAeE,IAAMC,KAAK,GAAGC,eAAA,CAAeC,IAAf,CAAoBJ,QAApB,CAAd;EACA,oBACEK,oBAAA,CAAAC,eAAA,qBACGC,mBAAA,CAAmBL,KAAnB,EAAgD;IAC/C;IACA,eAAe,MAFgC;IAG/CM,SAAS,EAAE,OAHoC,CAG3B;GAHrB,CADH,eAMEH,oBAAA,CAACI,WAAD,QAA+BR,KAA/B,CANF,CADF;CAFF;AAcA;AAAAS,MAAA,CAAAC,MAAA,CAAAd,yCAAA;EAAAe,WAAA,EAAAhB;CAAA;AAEA,IAAMiB,yCAAI,GAAGhB,yCAAb"},"metadata":{},"sourceType":"module","externalDependencies":[]}