{"version":3,"sources":["../../../src/lib/icon-panel.tsx"],"sourcesContent":["import { Flex, FlexProps } from \"@radix-ui/themes\";\nimport { forwardRef } from \"react\";\n\nexport const IconPanel = forwardRef<\n  HTMLDivElement,\n  FlexProps & { color?: \"gray\" | \"panel\" }\n>(function IconPanel({ children, style, ...props }, ref) {\n  return (\n    <Flex\n      ref={ref}\n      width=\"32px\"\n      height=\"32px\"\n      align=\"center\"\n      justify=\"center\"\n      style={{\n        borderWidth: 1,\n        borderStyle: \"solid\",\n        borderColor: \"var(--gray-4)\",\n        borderRadius: \"var(--radius-3)\",\n        backgroundColor:\n          props.color === \"panel\" ? \"var(--color-panel)\" : \"var(--gray-2)\",\n        ...style,\n      }}\n      {...props}\n    >\n      {children}\n    </Flex>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQI;AARJ,oBAAgC;AAChC,mBAA2B;AAEpB,MAAM,gBAAY,yBAGvB,SAASA,WAAU,EAAE,UAAU,OAAO,GAAG,MAAM,GAAG,KAAK;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,OAAO;AAAA,QACL,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,iBACE,MAAM,UAAU,UAAU,uBAAuB;AAAA,QACnD,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;","names":["IconPanel"]}