@cutting/svg 4.42.0 → 4.43.0

package/dist/cjs/svg.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg.cjs.development.js","sources":["../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx","../../src/components/Group/Group.tsx","../../src/components/Line/Line.tsx"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { PreserveAspectRatio } from '../../types/types';\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport interface ResponsiveSVGProps {\n  width: number;\n  height: number;\n  origin?: Point;\n  preserveAspectRatio?: PreserveAspectRatio;\n  innerRef?: Ref<SVGSVGElement>;\n  className?: string;\n  hide?: boolean;\n  children: ReactNode;\n}\n\nexport function ResponsiveSVG({\n  height,\n  width,\n  children,\n  origin = { x: 0, y: 0 },\n  preserveAspectRatio = 'xMaxYMid meet',\n  innerRef,\n  className,\n}: ResponsiveSVGProps): JSX.Element {\n  const aspect = width / height;\n\n  const adjustedHeight = Math.ceil(width / aspect);\n\n  return (\n    <div\n      data-selector=\"cutting-svg-container\"\n      style={{\n        position: 'relative',\n        overflow: 'visible',\n        height: '1px',\n      }}\n    >\n      <svg\n        style={{ overflow: 'visible' }}\n        className={className}\n        preserveAspectRatio={preserveAspectRatio}\n        viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}\n        ref={innerRef}\n      >\n        {children}\n      </svg>\n    </div>\n  );\n}\n","import type { CSSProperties, PropsWithChildren, RefObject } from 'react';\nimport { useEffect } from 'react';\nimport type { UseParentSizeOptions } from '@cutting/use-get-parent-size';\nimport { useParentSize } from '@cutting/use-get-parent-size';\nimport type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';\nimport { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';\n\ntype Align = 'none' | 'center';\n\nexport type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {\n  parentRef: RefObject<E>;\n  style?: CSSProperties;\n  align?: Align;\n  scale?: number;\n  options?: Partial<UseParentSizeOptions>;\n} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;\n\nexport const DefaultStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  flexGrow: 1,\n  flexShrink: 1,\n  flexBasis: '0%',\n  overflow: 'hidden',\n} as const;\n\nexport function ParentsizeSVG<E extends HTMLElement>({\n  parentRef,\n  children,\n  style = DefaultStyle,\n  scale = 1,\n  align = 'none',\n  options: { debounceDelay = 50, ...optionsRest } = {},\n  ...rest\n}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null {\n  const { width, height } = useParentSize(parentRef, { debounceDelay, ...optionsRest });\n\n  useEffect(() => {\n    if (!parentRef.current) {\n      return;\n    }\n\n    for (const [key, value] of Object.entries(style)) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      parentRef.current.style[key as any] = value;\n    }\n  }, [parentRef, style]);\n\n  const transform =\n    align === 'center'\n      ? `translate(${width / 2},${height / 2 - 20}) scale(${scale})`\n      : `translate(0,0) scale(${scale})`;\n\n  return (\n    <ResponsiveSVG width={width} height={height} {...rest}>\n      <g transform={transform}>{children}</g>\n    </ResponsiveSVG>\n  );\n}\n","import cx from 'classnames';\n\ntype GroupOnlyProps = {\n  /** Top offset applied to `<g/>`. */\n  y?: number;\n  /** Left offset applied to `<g/>`. */\n  x?: number;\n  /** Override `x` and `y` to provide the entire `transform` string. */\n  transform?: string;\n  className?: string;\n  children?: React.ReactNode;\n  innerRef?: React.Ref<SVGGElement>;\n};\n\ntype GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;\n\nexport function Group({\n  y = 0,\n  x = 0,\n  transform,\n  className,\n  children,\n  innerRef,\n  ...restProps\n}: GroupProps): JSX.Element {\n  return (\n    <g\n      ref={innerRef}\n      className={cx('visx-group', className)}\n      transform={transform || `translate(${x}, ${y})`}\n      {...restProps}\n    >\n      {children}\n    </g>\n  );\n}\n","import cx from 'classnames';\nimport type { AddSVGProps, Point } from '../../types/types';\n\nexport type LineProps = {\n  className?: string;\n  innerRef?: React.Ref<SVGLineElement>;\n  fill?: string;\n  /** Starting x,y point of the line. */\n  from?: Point;\n  /** Ending x,y point of the line. */\n  to?: Point;\n};\n\nexport function Line({\n  from = { x: 0, y: 0 },\n  to = { x: 1, y: 1 },\n  fill = 'transparent',\n  className,\n  innerRef,\n  ...restProps\n}: AddSVGProps<LineProps, SVGLineElement>): JSX.Element {\n  const isRectilinear = from.x === to.x || from.y === to.y;\n\n  return (\n    <line\n      ref={innerRef}\n      className={cx('visx-line', className)}\n      x1={from.x}\n      y1={from.y}\n      x2={to.x}\n      y2={to.y}\n      fill={fill}\n      shapeRendering={isRectilinear ? 'crispEdges' : 'auto'}\n      {...restProps}\n    />\n  );\n}\n"],"names":["ResponsiveSVG","height","width","children","origin","x","y","preserveAspectRatio","innerRef","className","aspect","adjustedHeight","Math","ceil","_jsx","style","position","overflow","viewBox","ref","DefaultStyle","display","flexDirection","flexGrow","flexShrink","flexBasis","ParentsizeSVG","parentRef","scale","align","options","debounceDelay","optionsRest","_objectWithoutProperties","_excluded","rest","useParentSize","_objectSpread","useEffect","current","Object","entries","_slicedToArray","key","value","transform","Group","restProps","cx","Line","from","to","fill","isRectilinear","x1","y1","x2","y2","shapeRendering"],"mappings":"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"}
+{"version":3,"file":"svg.cjs.development.js","sources":["../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx","../../src/components/Group/Group.tsx","../../src/components/Line/Line.tsx"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { PreserveAspectRatio } from '../../types/types';\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport interface ResponsiveSVGProps {\n  width: number;\n  height: number;\n  origin?: Point;\n  preserveAspectRatio?: PreserveAspectRatio;\n  innerRef?: Ref<SVGSVGElement>;\n  className?: string;\n  hide?: boolean;\n  children: ReactNode;\n}\n\nexport function ResponsiveSVG({\n  height,\n  width,\n  children,\n  origin = { x: 0, y: 0 },\n  preserveAspectRatio = 'xMaxYMid meet',\n  innerRef,\n  className,\n}: ResponsiveSVGProps): JSX.Element {\n  const aspect = width / height;\n\n  const adjustedHeight = Math.ceil(width / aspect);\n\n  return (\n    <div\n      data-selector=\"cutting-svg-container\"\n      style={{\n        position: 'relative',\n        overflow: 'visible',\n        height: '1px',\n      }}\n    >\n      <svg\n        style={{ overflow: 'visible' }}\n        className={className}\n        preserveAspectRatio={preserveAspectRatio}\n        viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}\n        ref={innerRef}\n      >\n        {children}\n      </svg>\n    </div>\n  );\n}\n","import type { CSSProperties, PropsWithChildren, RefObject } from 'react';\nimport { useEffect } from 'react';\nimport type { UseParentSizeOptions } from '@cutting/use-get-parent-size';\nimport { useParentSize } from '@cutting/use-get-parent-size';\nimport type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';\nimport { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';\n\ntype Align = 'none' | 'center';\n\nexport type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {\n  parentRef: RefObject<E>;\n  style?: CSSProperties;\n  align?: Align;\n  scale?: number;\n  options?: Partial<UseParentSizeOptions>;\n} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;\n\nexport const DefaultStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  flexGrow: 1,\n  flexShrink: 1,\n  flexBasis: '0%',\n  overflow: 'hidden',\n} as const;\n\nexport function ParentsizeSVG<E extends HTMLElement>({\n  parentRef,\n  children,\n  style = DefaultStyle,\n  scale = 1,\n  align = 'none',\n  options: { debounceDelay = 50, ...optionsRest } = {},\n  ...rest\n}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null {\n  const { width, height } = useParentSize(parentRef, { debounceDelay, ...optionsRest });\n\n  useEffect(() => {\n    if (!parentRef.current) {\n      return;\n    }\n\n    for (const [key, value] of Object.entries(style)) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      parentRef.current.style[key as any] = value;\n    }\n  }, [parentRef, style]);\n\n  const transform =\n    align === 'center'\n      ? `translate(${width / 2},${height / 2 - 20}) scale(${scale})`\n      : `translate(0,0) scale(${scale})`;\n\n  return (\n    <ResponsiveSVG width={width} height={height} {...rest}>\n      <g transform={transform}>{children}</g>\n    </ResponsiveSVG>\n  );\n}\n","import cx from 'classnames';\n\ntype GroupOnlyProps = {\n  /** Top offset applied to `<g/>`. */\n  y?: number;\n  /** Left offset applied to `<g/>`. */\n  x?: number;\n  /** Override `x` and `y` to provide the entire `transform` string. */\n  transform?: string;\n  className?: string;\n  children?: React.ReactNode;\n  innerRef?: React.Ref<SVGGElement>;\n};\n\ntype GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;\n\nexport function Group({\n  y = 0,\n  x = 0,\n  transform,\n  className,\n  children,\n  innerRef,\n  ...restProps\n}: GroupProps): JSX.Element {\n  return (\n    <g\n      ref={innerRef}\n      className={cx('visx-group', className)}\n      transform={transform || `translate(${x}, ${y})`}\n      {...restProps}\n    >\n      {children}\n    </g>\n  );\n}\n","import cx from 'classnames';\nimport type { AddSVGProps, Point } from '../../types/types';\n\nexport type LineProps = {\n  className?: string;\n  innerRef?: React.Ref<SVGLineElement>;\n  fill?: string;\n  /** Starting x,y point of the line. */\n  from?: Point;\n  /** Ending x,y point of the line. */\n  to?: Point;\n};\n\nexport function Line({\n  from = { x: 0, y: 0 },\n  to = { x: 1, y: 1 },\n  fill = 'transparent',\n  className,\n  innerRef,\n  ...restProps\n}: AddSVGProps<LineProps, SVGLineElement>): JSX.Element {\n  const isRectilinear = from.x === to.x || from.y === to.y;\n\n  return (\n    <line\n      ref={innerRef}\n      className={cx('visx-line', className)}\n      x1={from.x}\n      y1={from.y}\n      x2={to.x}\n      y2={to.y}\n      fill={fill}\n      shapeRendering={isRectilinear ? 'crispEdges' : 'auto'}\n      {...restProps}\n    />\n  );\n}\n"],"names":["ResponsiveSVG","height","width","children","origin","x","y","preserveAspectRatio","innerRef","className","aspect","adjustedHeight","Math","ceil","_jsx","style","position","overflow","viewBox","ref","DefaultStyle","display","flexDirection","flexGrow","flexShrink","flexBasis","ParentsizeSVG","parentRef","scale","align","options","debounceDelay","optionsRest","_excluded","rest","_objectWithoutProperties","useParentSize","_objectSpread","useEffect","current","key","value","Object","entries","transform","Group","restProps","cx","Line","from","to","fill","isRectilinear","x1","y1","x2","y2","shapeRendering"],"mappings":"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"}

package/dist/cjs/svg.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/objectSpread2"),i=require("@babel/runtime/helpers/objectWithoutProperties"),a=require("react"),n=require("@cutting/use-get-parent-size"),s=require("classnames");function l(e){return e&&e.__esModule?e:{default:e}}var o=l(r),c=l(t),d=l(i),u=l(s);function f(r){var t=r.width,i=r.children,a=r.origin,n=void 0===a?{x:0,y:0}:a,s=r.preserveAspectRatio,l=void 0===s?"xMaxYMid meet":s,o=r.innerRef,c=r.className,d=Math.ceil(t/(t/r.height));return e.jsx("div",{"data-selector":"cutting-svg-container",style:{position:"relative",overflow:"visible",height:"1px"},children:e.jsx("svg",{style:{overflow:"visible"},className:c,preserveAspectRatio:l,viewBox:"".concat(n.x," ").concat(n.y," ").concat(t," ").concat(d),ref:o,children:i})})}var v=["debounceDelay"],x=["parentRef","children","style","scale","align","options"],h={display:"flex",flexDirection:"column",flexGrow:1,flexShrink:1,flexBasis:"0%",overflow:"hidden"},p=["y","x","transform","className","children","innerRef"],y=["from","to","fill","className","innerRef"];exports.Group=function(r){var t=r.y,i=void 0===t?0:t,a=r.x,n=void 0===a?0:a,s=r.transform,l=r.className,o=r.children,f=r.innerRef,v=d.default(r,p);return e.jsx("g",c.default(c.default({ref:f,className:u.default("visx-group",l),transform:s||"translate(".concat(n,", ").concat(i,")")},v),{},{children:o}))},exports.Line=function(r){var t=r.from,i=void 0===t?{x:0,y:0}:t,a=r.to,n=void 0===a?{x:1,y:1}:a,s=r.fill,l=void 0===s?"transparent":s,o=r.className,f=r.innerRef,v=d.default(r,y),x=i.x===n.x||i.y===n.y;return e.jsx("line",c.default({ref:f,className:u.default("visx-line",o),x1:i.x,y1:i.y,x2:n.x,y2:n.y,fill:l,shapeRendering:x?"crispEdges":"auto"},v))},exports.ParentsizeSVG=function(r){var t=r.parentRef,i=r.children,s=r.style,l=void 0===s?h:s,u=r.scale,p=void 0===u?1:u,y=r.align,m=void 0===y?"none":y,g=r.options,b=(g=void 0===g?{}:g).debounceDelay,j=void 0===b?50:b,R=d.default(g,v),w=d.default(r,x),N=n.useParentSize(t,c.default({debounceDelay:j},R)),q=N.width,M=N.height;a.useEffect((function(){if(t.current)for(var e=0,r=Object.entries(l);e<r.length;e++){var i=o.default(r[e],2);t.current.style[i[0]]=i[1]}}),[t,l]);var S="center"===m?"translate(".concat(q/2,",").concat(M/2-20,") scale(").concat(p,")"):"translate(0,0) scale(".concat(p,")");return e.jsx(f,c.default(c.default({width:q,height:M},w),{},{children:e.jsx("g",{transform:S,children:i})}))},exports.ResponsiveSVG=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@babel/runtime/helpers/objectSpread2"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),s=require("@cutting/use-get-parent-size"),a=require("classnames");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(t),c=i(r),o=i(a);function f(t){let{height:r,width:n,children:s,origin:a={x:0,y:0},preserveAspectRatio:i="xMaxYMid meet",innerRef:l,className:c}=t;const o=Math.ceil(n/(n/r));return e.jsx("div",{"data-selector":"cutting-svg-container",style:{position:"relative",overflow:"visible",height:"1px"},children:e.jsx("svg",{style:{overflow:"visible"},className:c,preserveAspectRatio:i,viewBox:"".concat(a.x," ").concat(a.y," ").concat(n," ").concat(o),ref:l,children:s})})}const u=["debounceDelay"],d=["parentRef","children","style","scale","align","options"],x={display:"flex",flexDirection:"column",flexGrow:1,flexShrink:1,flexBasis:"0%",overflow:"hidden"},p=["y","x","transform","className","children","innerRef"],h=["from","to","fill","className","innerRef"];exports.Group=function(t){let{y:r=0,x:n=0,transform:s,className:a,children:i,innerRef:f}=t,u=c.default(t,p);return e.jsx("g",l.default(l.default({ref:f,className:o.default("visx-group",a),transform:s||"translate(".concat(n,", ").concat(r,")")},u),{},{children:i}))},exports.Line=function(t){let{from:r={x:0,y:0},to:n={x:1,y:1},fill:s="transparent",className:a,innerRef:i}=t,f=c.default(t,h);const u=r.x===n.x||r.y===n.y;return e.jsx("line",l.default({ref:i,className:o.default("visx-line",a),x1:r.x,y1:r.y,x2:n.x,y2:n.y,fill:s,shapeRendering:u?"crispEdges":"auto"},f))},exports.ParentsizeSVG=function(t){let{parentRef:r,children:a,style:i=x,scale:o=1,align:p="none",options:{debounceDelay:h=50}={}}=t,y=c.default(t.options,u),m=c.default(t,d);const{width:v,height:g}=s.useParentSize(r,l.default({debounceDelay:h},y));n.useEffect((()=>{if(r.current)for(const[e,t]of Object.entries(i))r.current.style[e]=t}),[r,i]);const b="center"===p?"translate(".concat(v/2,",").concat(g/2-20,") scale(").concat(o,")"):"translate(0,0) scale(".concat(o,")");return e.jsx(f,l.default(l.default({width:v,height:g},m),{},{children:e.jsx("g",{transform:b,children:a})}))},exports.ResponsiveSVG=f;
 //# sourceMappingURL=svg.cjs.production.min.js.map

package/dist/cjs/svg.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg.cjs.production.min.js","sources":["../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx","../../src/components/Group/Group.tsx","../../src/components/Line/Line.tsx"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { PreserveAspectRatio } from '../../types/types';\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport interface ResponsiveSVGProps {\n  width: number;\n  height: number;\n  origin?: Point;\n  preserveAspectRatio?: PreserveAspectRatio;\n  innerRef?: Ref<SVGSVGElement>;\n  className?: string;\n  hide?: boolean;\n  children: ReactNode;\n}\n\nexport function ResponsiveSVG({\n  height,\n  width,\n  children,\n  origin = { x: 0, y: 0 },\n  preserveAspectRatio = 'xMaxYMid meet',\n  innerRef,\n  className,\n}: ResponsiveSVGProps): JSX.Element {\n  const aspect = width / height;\n\n  const adjustedHeight = Math.ceil(width / aspect);\n\n  return (\n    <div\n      data-selector=\"cutting-svg-container\"\n      style={{\n        position: 'relative',\n        overflow: 'visible',\n        height: '1px',\n      }}\n    >\n      <svg\n        style={{ overflow: 'visible' }}\n        className={className}\n        preserveAspectRatio={preserveAspectRatio}\n        viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}\n        ref={innerRef}\n      >\n        {children}\n      </svg>\n    </div>\n  );\n}\n","import type { CSSProperties, PropsWithChildren, RefObject } from 'react';\nimport { useEffect } from 'react';\nimport type { UseParentSizeOptions } from '@cutting/use-get-parent-size';\nimport { useParentSize } from '@cutting/use-get-parent-size';\nimport type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';\nimport { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';\n\ntype Align = 'none' | 'center';\n\nexport type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {\n  parentRef: RefObject<E>;\n  style?: CSSProperties;\n  align?: Align;\n  scale?: number;\n  options?: Partial<UseParentSizeOptions>;\n} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;\n\nexport const DefaultStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  flexGrow: 1,\n  flexShrink: 1,\n  flexBasis: '0%',\n  overflow: 'hidden',\n} as const;\n\nexport function ParentsizeSVG<E extends HTMLElement>({\n  parentRef,\n  children,\n  style = DefaultStyle,\n  scale = 1,\n  align = 'none',\n  options: { debounceDelay = 50, ...optionsRest } = {},\n  ...rest\n}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null {\n  const { width, height } = useParentSize(parentRef, { debounceDelay, ...optionsRest });\n\n  useEffect(() => {\n    if (!parentRef.current) {\n      return;\n    }\n\n    for (const [key, value] of Object.entries(style)) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      parentRef.current.style[key as any] = value;\n    }\n  }, [parentRef, style]);\n\n  const transform =\n    align === 'center'\n      ? `translate(${width / 2},${height / 2 - 20}) scale(${scale})`\n      : `translate(0,0) scale(${scale})`;\n\n  return (\n    <ResponsiveSVG width={width} height={height} {...rest}>\n      <g transform={transform}>{children}</g>\n    </ResponsiveSVG>\n  );\n}\n","import cx from 'classnames';\n\ntype GroupOnlyProps = {\n  /** Top offset applied to `<g/>`. */\n  y?: number;\n  /** Left offset applied to `<g/>`. */\n  x?: number;\n  /** Override `x` and `y` to provide the entire `transform` string. */\n  transform?: string;\n  className?: string;\n  children?: React.ReactNode;\n  innerRef?: React.Ref<SVGGElement>;\n};\n\ntype GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;\n\nexport function Group({\n  y = 0,\n  x = 0,\n  transform,\n  className,\n  children,\n  innerRef,\n  ...restProps\n}: GroupProps): JSX.Element {\n  return (\n    <g\n      ref={innerRef}\n      className={cx('visx-group', className)}\n      transform={transform || `translate(${x}, ${y})`}\n      {...restProps}\n    >\n      {children}\n    </g>\n  );\n}\n","import cx from 'classnames';\nimport type { AddSVGProps, Point } from '../../types/types';\n\nexport type LineProps = {\n  className?: string;\n  innerRef?: React.Ref<SVGLineElement>;\n  fill?: string;\n  /** Starting x,y point of the line. */\n  from?: Point;\n  /** Ending x,y point of the line. */\n  to?: Point;\n};\n\nexport function Line({\n  from = { x: 0, y: 0 },\n  to = { x: 1, y: 1 },\n  fill = 'transparent',\n  className,\n  innerRef,\n  ...restProps\n}: AddSVGProps<LineProps, SVGLineElement>): JSX.Element {\n  const isRectilinear = from.x === to.x || from.y === to.y;\n\n  return (\n    <line\n      ref={innerRef}\n      className={cx('visx-line', className)}\n      x1={from.x}\n      y1={from.y}\n      x2={to.x}\n      y2={to.y}\n      fill={fill}\n      shapeRendering={isRectilinear ? 'crispEdges' : 'auto'}\n      {...restProps}\n    />\n  );\n}\n"],"names":["ResponsiveSVG","_ref","height","width","children","_ref$origin","origin","x","y","_ref$preserveAspectRa","preserveAspectRatio","innerRef","className","adjustedHeight","Math","ceil","_jsx","style","position","overflow","viewBox","concat","ref","DefaultStyle","display","flexDirection","flexGrow","flexShrink","flexBasis","_ref$y","_ref$x","transform","restProps","_objectWithoutProperties","_excluded","_objectSpread","cx","_ref$from","from","_ref$to","to","_ref$fill","fill","isRectilinear","jsx","x1","y1","x2","y2","shapeRendering","parentRef","_ref$style","_ref$scale","scale","_ref$align","align","_ref$options","options","_ref$options$debounce","debounceDelay","optionsRest","rest","_excluded2","useParentSize","useEffect","current","_i","_Object$entries","Object","entries","length","_Object$entries$_i","_slicedToArray"],"mappings":"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"}
+{"version":3,"file":"svg.cjs.production.min.js","sources":["../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx","../../src/components/Group/Group.tsx","../../src/components/Line/Line.tsx"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { PreserveAspectRatio } from '../../types/types';\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport interface ResponsiveSVGProps {\n  width: number;\n  height: number;\n  origin?: Point;\n  preserveAspectRatio?: PreserveAspectRatio;\n  innerRef?: Ref<SVGSVGElement>;\n  className?: string;\n  hide?: boolean;\n  children: ReactNode;\n}\n\nexport function ResponsiveSVG({\n  height,\n  width,\n  children,\n  origin = { x: 0, y: 0 },\n  preserveAspectRatio = 'xMaxYMid meet',\n  innerRef,\n  className,\n}: ResponsiveSVGProps): JSX.Element {\n  const aspect = width / height;\n\n  const adjustedHeight = Math.ceil(width / aspect);\n\n  return (\n    <div\n      data-selector=\"cutting-svg-container\"\n      style={{\n        position: 'relative',\n        overflow: 'visible',\n        height: '1px',\n      }}\n    >\n      <svg\n        style={{ overflow: 'visible' }}\n        className={className}\n        preserveAspectRatio={preserveAspectRatio}\n        viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}\n        ref={innerRef}\n      >\n        {children}\n      </svg>\n    </div>\n  );\n}\n","import type { CSSProperties, PropsWithChildren, RefObject } from 'react';\nimport { useEffect } from 'react';\nimport type { UseParentSizeOptions } from '@cutting/use-get-parent-size';\nimport { useParentSize } from '@cutting/use-get-parent-size';\nimport type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';\nimport { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';\n\ntype Align = 'none' | 'center';\n\nexport type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {\n  parentRef: RefObject<E>;\n  style?: CSSProperties;\n  align?: Align;\n  scale?: number;\n  options?: Partial<UseParentSizeOptions>;\n} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;\n\nexport const DefaultStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  flexGrow: 1,\n  flexShrink: 1,\n  flexBasis: '0%',\n  overflow: 'hidden',\n} as const;\n\nexport function ParentsizeSVG<E extends HTMLElement>({\n  parentRef,\n  children,\n  style = DefaultStyle,\n  scale = 1,\n  align = 'none',\n  options: { debounceDelay = 50, ...optionsRest } = {},\n  ...rest\n}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null {\n  const { width, height } = useParentSize(parentRef, { debounceDelay, ...optionsRest });\n\n  useEffect(() => {\n    if (!parentRef.current) {\n      return;\n    }\n\n    for (const [key, value] of Object.entries(style)) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      parentRef.current.style[key as any] = value;\n    }\n  }, [parentRef, style]);\n\n  const transform =\n    align === 'center'\n      ? `translate(${width / 2},${height / 2 - 20}) scale(${scale})`\n      : `translate(0,0) scale(${scale})`;\n\n  return (\n    <ResponsiveSVG width={width} height={height} {...rest}>\n      <g transform={transform}>{children}</g>\n    </ResponsiveSVG>\n  );\n}\n","import cx from 'classnames';\n\ntype GroupOnlyProps = {\n  /** Top offset applied to `<g/>`. */\n  y?: number;\n  /** Left offset applied to `<g/>`. */\n  x?: number;\n  /** Override `x` and `y` to provide the entire `transform` string. */\n  transform?: string;\n  className?: string;\n  children?: React.ReactNode;\n  innerRef?: React.Ref<SVGGElement>;\n};\n\ntype GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;\n\nexport function Group({\n  y = 0,\n  x = 0,\n  transform,\n  className,\n  children,\n  innerRef,\n  ...restProps\n}: GroupProps): JSX.Element {\n  return (\n    <g\n      ref={innerRef}\n      className={cx('visx-group', className)}\n      transform={transform || `translate(${x}, ${y})`}\n      {...restProps}\n    >\n      {children}\n    </g>\n  );\n}\n","import cx from 'classnames';\nimport type { AddSVGProps, Point } from '../../types/types';\n\nexport type LineProps = {\n  className?: string;\n  innerRef?: React.Ref<SVGLineElement>;\n  fill?: string;\n  /** Starting x,y point of the line. */\n  from?: Point;\n  /** Ending x,y point of the line. */\n  to?: Point;\n};\n\nexport function Line({\n  from = { x: 0, y: 0 },\n  to = { x: 1, y: 1 },\n  fill = 'transparent',\n  className,\n  innerRef,\n  ...restProps\n}: AddSVGProps<LineProps, SVGLineElement>): JSX.Element {\n  const isRectilinear = from.x === to.x || from.y === to.y;\n\n  return (\n    <line\n      ref={innerRef}\n      className={cx('visx-line', className)}\n      x1={from.x}\n      y1={from.y}\n      x2={to.x}\n      y2={to.y}\n      fill={fill}\n      shapeRendering={isRectilinear ? 'crispEdges' : 'auto'}\n      {...restProps}\n    />\n  );\n}\n"],"names":["ResponsiveSVG","_ref","height","width","children","origin","x","y","preserveAspectRatio","innerRef","className","adjustedHeight","Math","ceil","_jsx","style","position","overflow","viewBox","concat","ref","DefaultStyle","display","flexDirection","flexGrow","flexShrink","flexBasis","transform","restProps","_objectWithoutProperties","_excluded","_objectSpread","cx","from","to","fill","isRectilinear","jsx","x1","y1","x2","y2","shapeRendering","parentRef","scale","align","options","debounceDelay","optionsRest","rest","_excluded2","useParentSize","useEffect","current","key","value","Object","entries"],"mappings":"sXAmBgB,SAAAA,EAQKC,GARS,IAAAC,OAC5BA,EAD4BC,MAE5BA,EAF4BC,SAG5BA,EAH4BC,OAI5BA,EAAS,CAAEC,EAAG,EAAGC,EAAG,GAJQC,oBAK5BA,EAAsB,gBALMC,SAM5BA,EAN4BC,UAO5BA,GACmBT,EACnB,MAEMU,EAAiBC,KAAKC,KAAKV,GAFlBA,EAAQD,IAKrBY,OAAAA,EAAAA,IAAA,MAAA,CAAA,gBACgB,wBACdC,MAAO,CACLC,SAAU,WACVC,SAAU,UACVf,OAAQ,OACTE,SAEDU,aACEC,MAAO,CAAEE,SAAU,WACnBP,UAAWA,EACXF,oBAAqBA,EACrBU,QAAO,GAAAC,OAAKd,EAAOC,EAAZ,KAAAa,OAAiBd,EAAOE,EAAxB,KAAAY,OAA6BhB,EAA7B,KAAAgB,OAAsCR,GAC7CS,IAAKX,EAAQL,SAEZA,6FC/BIiB,EAA8B,CACzCC,QAAS,OACTC,cAAe,SACfC,SAAU,EACVC,WAAY,EACZC,UAAW,KACXT,SAAU,gICPN,SAQOhB,GARS,IAAAM,EACpBA,EAAI,EADgBD,EAEpBA,EAAI,EAFgBqB,UAGpBA,EAHoBjB,UAIpBA,EAJoBN,SAKpBA,EALoBK,SAMpBA,GAEWR,EADR2B,EACQC,EAAA,QAAA5B,EAAA6B,GAEThB,OAAAA,MAAA,IAAAiB,EAAA,QAAAA,UAAA,CACEX,IAAKX,EACLC,UAAWsB,EAAAA,QAAG,aAActB,GAC5BiB,UAAWA,GAA0BrB,aAAAA,OAAAA,eAAMC,EAAvB,MAChBqB,GAJN,GAAA,CAIexB,SAEZA,4BCZkCH,GAPpB,IAAAgC,KACnBA,EAAO,CAAE3B,EAAG,EAAGC,EAAG,GADC2B,GAEnBA,EAAK,CAAE5B,EAAG,EAAGC,EAAG,GAFG4B,KAGnBA,EAAO,cAHYzB,UAInBA,EAJmBD,SAKnBA,GAEuCR,EADpC2B,EACoCC,EAAA,QAAA5B,EAAA6B,GACvC,MAAMM,EAAgBH,EAAK3B,IAAM4B,EAAG5B,GAAK2B,EAAK1B,IAAM2B,EAAG3B,EAGrDO,OAAAA,EACEuB,IAAA,OAAAN,UAAA,CAAAX,IAAKX,EACLC,UAAWsB,EAAAA,QAAG,YAAatB,GAC3B4B,GAAIL,EAAK3B,EACTiC,GAAIN,EAAK1B,EACTiC,GAAIN,EAAG5B,EACPmC,GAAIP,EAAG3B,EACP4B,KAAMA,EACNO,eAAgBN,EAAgB,aAAe,QAC3CR,2BFPM,SAQ2B3B,GARU,IAAA0C,UACnDA,EADmDvC,SAEnDA,EAFmDW,MAGnDA,EAAQM,EAH2CuB,MAInDA,EAAQ,EAJ2CC,MAKnDA,EAAQ,OACRC,SAASC,cAAEA,EAAgB,IAAuB,IAET9C,EAFP+C,cAAlCF,QAEyChB,GADtCmB,EACsCpB,EAAA,QAAA5B,EAAAiD,GACnC,MAAA/C,MAAEA,EAAFD,OAASA,GAAWiD,EAAaA,cAACR,EAADZ,UAAA,CAAcgB,cAAAA,GAAkBC,IAEvEI,EAAAA,WAAU,KACR,GAAKT,EAAUU,QAIf,IAAK,MAAOC,EAAKC,KAAUC,OAAOC,QAAQ1C,GAExC4B,EAAUU,QAAQtC,MAAMuC,GAAcC,IAEvC,CAACZ,EAAW5B,IAEf,MAAMY,EACM,WAAVkB,EAAA,aAAA1B,OACiBhB,EAAQ,cAAKD,EAAS,EAAI,sBAAa0C,EADxD,KAAA,wBAAAzB,OAE4ByB,EAH9B,KAME9B,OAAAA,MAACd,uBAAcG,MAAOA,EAAOD,OAAQA,GAAY+C,OAAI7C,SACnDU,EAAGuB,IAAA,IAAA,CAAAV,UAAWA,WAAYvB"}

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import r from"@babel/runtime/helpers/esm/slicedToArray";import i from"@babel/runtime/helpers/esm/objectSpread2";import t from"@babel/runtime/helpers/esm/objectWithoutProperties";import{useEffect as n}from"react";import{useParentSize as o}from"@cutting/use-get-parent-size";import a from"classnames";function c(r){var i=r.width,t=r.children,n=r.origin,o=void 0===n?{x:0,y:0}:n,a=r.preserveAspectRatio,c=void 0===a?"xMaxYMid meet":a,s=r.innerRef,l=r.className,f=Math.ceil(i/(i/r.height));return e("div",{"data-selector":"cutting-svg-container",style:{position:"relative",overflow:"visible",height:"1px"},children:e("svg",{style:{overflow:"visible"},className:l,preserveAspectRatio:c,viewBox:"".concat(o.x," ").concat(o.y," ").concat(i," ").concat(f),ref:s,children:t})})}var s=["debounceDelay"],l=["parentRef","children","style","scale","align","options"],f={display:"flex",flexDirection:"column",flexGrow:1,flexShrink:1,flexBasis:"0%",overflow:"hidden"};function d(a){var d=a.parentRef,m=a.children,v=a.style,h=void 0===v?f:v,p=a.scale,u=void 0===p?1:p,x=a.align,y=void 0===x?"none":x,g=a.options,b=(g=void 0===g?{}:g).debounceDelay,R=void 0===b?50:b,w=t(g,s),N=t(a,l),j=o(d,i({debounceDelay:R},w)),D=j.width,A=j.height;n((function(){if(d.current)for(var e=0,i=Object.entries(h);e<i.length;e++){var t=r(i[e],2);d.current.style[t[0]]=t[1]}}),[d,h]);var M="center"===y?"translate(".concat(D/2,",").concat(A/2-20,") scale(").concat(u,")"):"translate(0,0) scale(".concat(u,")");return e(c,i(i({width:D,height:A},N),{},{children:e("g",{transform:M,children:m})}))}var m=["y","x","transform","className","children","innerRef"];function v(r){var n=r.y,o=void 0===n?0:n,c=r.x,s=void 0===c?0:c,l=r.transform,f=r.className,d=r.children,v=r.innerRef,h=t(r,m);return e("g",i(i({ref:v,className:a("visx-group",f),transform:l||"translate(".concat(s,", ").concat(o,")")},h),{},{children:d}))}var h=["from","to","fill","className","innerRef"];function p(r){var n=r.from,o=void 0===n?{x:0,y:0}:n,c=r.to,s=void 0===c?{x:1,y:1}:c,l=r.fill,f=void 0===l?"transparent":l,d=r.className,m=r.innerRef,v=t(r,h),p=o.x===s.x||o.y===s.y;return e("line",i({ref:m,className:a("visx-line",d),x1:o.x,y1:o.y,x2:s.x,y2:s.y,fill:f,shapeRendering:p?"crispEdges":"auto"},v))}export{v as Group,p as Line,d as ParentsizeSVG,c as ResponsiveSVG};
+import{jsx as e}from"react/jsx-runtime";import t from"@babel/runtime/helpers/esm/objectSpread2";import n from"@babel/runtime/helpers/esm/objectWithoutProperties";import{useEffect as r}from"react";import{useParentSize as i}from"@cutting/use-get-parent-size";import o from"classnames";function c(t){let{height:n,width:r,children:i,origin:o={x:0,y:0},preserveAspectRatio:c="xMaxYMid meet",innerRef:s,className:a}=t;const l=Math.ceil(r/(r/n));return e("div",{"data-selector":"cutting-svg-container",style:{position:"relative",overflow:"visible",height:"1px"},children:e("svg",{style:{overflow:"visible"},className:a,preserveAspectRatio:c,viewBox:"".concat(o.x," ").concat(o.y," ").concat(r," ").concat(l),ref:s,children:i})})}const s=["debounceDelay"],a=["parentRef","children","style","scale","align","options"],l={display:"flex",flexDirection:"column",flexGrow:1,flexShrink:1,flexBasis:"0%",overflow:"hidden"};function f(o){let{parentRef:f,children:m,style:h=l,scale:p=1,align:d="none",options:{debounceDelay:x=50}={}}=o,u=n(o.options,s),y=n(o,a);const{width:g,height:v}=i(f,t({debounceDelay:x},u));r((()=>{if(f.current)for(const[e,t]of Object.entries(h))f.current.style[e]=t}),[f,h]);const b="center"===d?"translate(".concat(g/2,",").concat(v/2-20,") scale(").concat(p,")"):"translate(0,0) scale(".concat(p,")");return e(c,t(t({width:g,height:v},y),{},{children:e("g",{transform:b,children:m})}))}const m=["y","x","transform","className","children","innerRef"];function h(r){let{y:i=0,x:c=0,transform:s,className:a,children:l,innerRef:f}=r,h=n(r,m);return e("g",t(t({ref:f,className:o("visx-group",a),transform:s||"translate(".concat(c,", ").concat(i,")")},h),{},{children:l}))}const p=["from","to","fill","className","innerRef"];function d(r){let{from:i={x:0,y:0},to:c={x:1,y:1},fill:s="transparent",className:a,innerRef:l}=r,f=n(r,p);const m=i.x===c.x||i.y===c.y;return e("line",t({ref:l,className:o("visx-line",a),x1:i.x,y1:i.y,x2:c.x,y2:c.y,fill:s,shapeRendering:m?"crispEdges":"auto"},f))}export{h as Group,d as Line,f as ParentsizeSVG,c as ResponsiveSVG};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx","../../src/components/Group/Group.tsx","../../src/components/Line/Line.tsx"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { PreserveAspectRatio } from '../../types/types';\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport interface ResponsiveSVGProps {\n  width: number;\n  height: number;\n  origin?: Point;\n  preserveAspectRatio?: PreserveAspectRatio;\n  innerRef?: Ref<SVGSVGElement>;\n  className?: string;\n  hide?: boolean;\n  children: ReactNode;\n}\n\nexport function ResponsiveSVG({\n  height,\n  width,\n  children,\n  origin = { x: 0, y: 0 },\n  preserveAspectRatio = 'xMaxYMid meet',\n  innerRef,\n  className,\n}: ResponsiveSVGProps): JSX.Element {\n  const aspect = width / height;\n\n  const adjustedHeight = Math.ceil(width / aspect);\n\n  return (\n    <div\n      data-selector=\"cutting-svg-container\"\n      style={{\n        position: 'relative',\n        overflow: 'visible',\n        height: '1px',\n      }}\n    >\n      <svg\n        style={{ overflow: 'visible' }}\n        className={className}\n        preserveAspectRatio={preserveAspectRatio}\n        viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}\n        ref={innerRef}\n      >\n        {children}\n      </svg>\n    </div>\n  );\n}\n","import type { CSSProperties, PropsWithChildren, RefObject } from 'react';\nimport { useEffect } from 'react';\nimport type { UseParentSizeOptions } from '@cutting/use-get-parent-size';\nimport { useParentSize } from '@cutting/use-get-parent-size';\nimport type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';\nimport { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';\n\ntype Align = 'none' | 'center';\n\nexport type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {\n  parentRef: RefObject<E>;\n  style?: CSSProperties;\n  align?: Align;\n  scale?: number;\n  options?: Partial<UseParentSizeOptions>;\n} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;\n\nexport const DefaultStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  flexGrow: 1,\n  flexShrink: 1,\n  flexBasis: '0%',\n  overflow: 'hidden',\n} as const;\n\nexport function ParentsizeSVG<E extends HTMLElement>({\n  parentRef,\n  children,\n  style = DefaultStyle,\n  scale = 1,\n  align = 'none',\n  options: { debounceDelay = 50, ...optionsRest } = {},\n  ...rest\n}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null {\n  const { width, height } = useParentSize(parentRef, { debounceDelay, ...optionsRest });\n\n  useEffect(() => {\n    if (!parentRef.current) {\n      return;\n    }\n\n    for (const [key, value] of Object.entries(style)) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      parentRef.current.style[key as any] = value;\n    }\n  }, [parentRef, style]);\n\n  const transform =\n    align === 'center'\n      ? `translate(${width / 2},${height / 2 - 20}) scale(${scale})`\n      : `translate(0,0) scale(${scale})`;\n\n  return (\n    <ResponsiveSVG width={width} height={height} {...rest}>\n      <g transform={transform}>{children}</g>\n    </ResponsiveSVG>\n  );\n}\n","import cx from 'classnames';\n\ntype GroupOnlyProps = {\n  /** Top offset applied to `<g/>`. */\n  y?: number;\n  /** Left offset applied to `<g/>`. */\n  x?: number;\n  /** Override `x` and `y` to provide the entire `transform` string. */\n  transform?: string;\n  className?: string;\n  children?: React.ReactNode;\n  innerRef?: React.Ref<SVGGElement>;\n};\n\ntype GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;\n\nexport function Group({\n  y = 0,\n  x = 0,\n  transform,\n  className,\n  children,\n  innerRef,\n  ...restProps\n}: GroupProps): JSX.Element {\n  return (\n    <g\n      ref={innerRef}\n      className={cx('visx-group', className)}\n      transform={transform || `translate(${x}, ${y})`}\n      {...restProps}\n    >\n      {children}\n    </g>\n  );\n}\n","import cx from 'classnames';\nimport type { AddSVGProps, Point } from '../../types/types';\n\nexport type LineProps = {\n  className?: string;\n  innerRef?: React.Ref<SVGLineElement>;\n  fill?: string;\n  /** Starting x,y point of the line. */\n  from?: Point;\n  /** Ending x,y point of the line. */\n  to?: Point;\n};\n\nexport function Line({\n  from = { x: 0, y: 0 },\n  to = { x: 1, y: 1 },\n  fill = 'transparent',\n  className,\n  innerRef,\n  ...restProps\n}: AddSVGProps<LineProps, SVGLineElement>): JSX.Element {\n  const isRectilinear = from.x === to.x || from.y === to.y;\n\n  return (\n    <line\n      ref={innerRef}\n      className={cx('visx-line', className)}\n      x1={from.x}\n      y1={from.y}\n      x2={to.x}\n      y2={to.y}\n      fill={fill}\n      shapeRendering={isRectilinear ? 'crispEdges' : 'auto'}\n      {...restProps}\n    />\n  );\n}\n"],"names":["ResponsiveSVG","_ref","height","width","children","_ref$origin","origin","x","y","_ref$preserveAspectRa","preserveAspectRatio","innerRef","className","adjustedHeight","Math","ceil","_jsx","style","position","overflow","viewBox","concat","ref","DefaultStyle","display","flexDirection","flexGrow","flexShrink","flexBasis","ParentsizeSVG","parentRef","_ref$style","_ref$scale","scale","_ref$align","align","_ref$options","options","_ref$options$debounce","debounceDelay","optionsRest","_objectWithoutProperties","_excluded","rest","_excluded2","useParentSize","_objectSpread","useEffect","current","_i","_Object$entries","Object","entries","length","_Object$entries$_i","_slicedToArray","transform","Group","_ref$y","_ref$x","restProps","cx","Line","_ref$from","from","_ref$to","to","_ref$fill","fill","isRectilinear","x1","y1","x2","y2","shapeRendering"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx","../../src/components/Group/Group.tsx","../../src/components/Line/Line.tsx"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { PreserveAspectRatio } from '../../types/types';\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport interface ResponsiveSVGProps {\n  width: number;\n  height: number;\n  origin?: Point;\n  preserveAspectRatio?: PreserveAspectRatio;\n  innerRef?: Ref<SVGSVGElement>;\n  className?: string;\n  hide?: boolean;\n  children: ReactNode;\n}\n\nexport function ResponsiveSVG({\n  height,\n  width,\n  children,\n  origin = { x: 0, y: 0 },\n  preserveAspectRatio = 'xMaxYMid meet',\n  innerRef,\n  className,\n}: ResponsiveSVGProps): JSX.Element {\n  const aspect = width / height;\n\n  const adjustedHeight = Math.ceil(width / aspect);\n\n  return (\n    <div\n      data-selector=\"cutting-svg-container\"\n      style={{\n        position: 'relative',\n        overflow: 'visible',\n        height: '1px',\n      }}\n    >\n      <svg\n        style={{ overflow: 'visible' }}\n        className={className}\n        preserveAspectRatio={preserveAspectRatio}\n        viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}\n        ref={innerRef}\n      >\n        {children}\n      </svg>\n    </div>\n  );\n}\n","import type { CSSProperties, PropsWithChildren, RefObject } from 'react';\nimport { useEffect } from 'react';\nimport type { UseParentSizeOptions } from '@cutting/use-get-parent-size';\nimport { useParentSize } from '@cutting/use-get-parent-size';\nimport type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';\nimport { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';\n\ntype Align = 'none' | 'center';\n\nexport type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {\n  parentRef: RefObject<E>;\n  style?: CSSProperties;\n  align?: Align;\n  scale?: number;\n  options?: Partial<UseParentSizeOptions>;\n} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;\n\nexport const DefaultStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  flexGrow: 1,\n  flexShrink: 1,\n  flexBasis: '0%',\n  overflow: 'hidden',\n} as const;\n\nexport function ParentsizeSVG<E extends HTMLElement>({\n  parentRef,\n  children,\n  style = DefaultStyle,\n  scale = 1,\n  align = 'none',\n  options: { debounceDelay = 50, ...optionsRest } = {},\n  ...rest\n}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null {\n  const { width, height } = useParentSize(parentRef, { debounceDelay, ...optionsRest });\n\n  useEffect(() => {\n    if (!parentRef.current) {\n      return;\n    }\n\n    for (const [key, value] of Object.entries(style)) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      parentRef.current.style[key as any] = value;\n    }\n  }, [parentRef, style]);\n\n  const transform =\n    align === 'center'\n      ? `translate(${width / 2},${height / 2 - 20}) scale(${scale})`\n      : `translate(0,0) scale(${scale})`;\n\n  return (\n    <ResponsiveSVG width={width} height={height} {...rest}>\n      <g transform={transform}>{children}</g>\n    </ResponsiveSVG>\n  );\n}\n","import cx from 'classnames';\n\ntype GroupOnlyProps = {\n  /** Top offset applied to `<g/>`. */\n  y?: number;\n  /** Left offset applied to `<g/>`. */\n  x?: number;\n  /** Override `x` and `y` to provide the entire `transform` string. */\n  transform?: string;\n  className?: string;\n  children?: React.ReactNode;\n  innerRef?: React.Ref<SVGGElement>;\n};\n\ntype GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;\n\nexport function Group({\n  y = 0,\n  x = 0,\n  transform,\n  className,\n  children,\n  innerRef,\n  ...restProps\n}: GroupProps): JSX.Element {\n  return (\n    <g\n      ref={innerRef}\n      className={cx('visx-group', className)}\n      transform={transform || `translate(${x}, ${y})`}\n      {...restProps}\n    >\n      {children}\n    </g>\n  );\n}\n","import cx from 'classnames';\nimport type { AddSVGProps, Point } from '../../types/types';\n\nexport type LineProps = {\n  className?: string;\n  innerRef?: React.Ref<SVGLineElement>;\n  fill?: string;\n  /** Starting x,y point of the line. */\n  from?: Point;\n  /** Ending x,y point of the line. */\n  to?: Point;\n};\n\nexport function Line({\n  from = { x: 0, y: 0 },\n  to = { x: 1, y: 1 },\n  fill = 'transparent',\n  className,\n  innerRef,\n  ...restProps\n}: AddSVGProps<LineProps, SVGLineElement>): JSX.Element {\n  const isRectilinear = from.x === to.x || from.y === to.y;\n\n  return (\n    <line\n      ref={innerRef}\n      className={cx('visx-line', className)}\n      x1={from.x}\n      y1={from.y}\n      x2={to.x}\n      y2={to.y}\n      fill={fill}\n      shapeRendering={isRectilinear ? 'crispEdges' : 'auto'}\n      {...restProps}\n    />\n  );\n}\n"],"names":["ResponsiveSVG","_ref","height","width","children","origin","x","y","preserveAspectRatio","innerRef","className","adjustedHeight","Math","ceil","_jsx","style","position","overflow","viewBox","concat","ref","DefaultStyle","display","flexDirection","flexGrow","flexShrink","flexBasis","ParentsizeSVG","parentRef","scale","align","options","debounceDelay","optionsRest","_excluded","rest","_objectWithoutProperties","_excluded2","useParentSize","_objectSpread","useEffect","current","key","value","Object","entries","transform","Group","restProps","cx","Line","from","to","fill","isRectilinear","x1","y1","x2","y2","shapeRendering"],"mappings":"2RAmBgB,SAAAA,EAQKC,GARS,IAAAC,OAC5BA,EAD4BC,MAE5BA,EAF4BC,SAG5BA,EAH4BC,OAI5BA,EAAS,CAAEC,EAAG,EAAGC,EAAG,GAJQC,oBAK5BA,EAAsB,gBALMC,SAM5BA,EAN4BC,UAO5BA,GACmBT,EACnB,MAEMU,EAAiBC,KAAKC,KAAKV,GAFlBA,EAAQD,IAKrBY,OAAAA,EAAA,MAAA,CAAA,gBACgB,wBACdC,MAAO,CACLC,SAAU,WACVC,SAAU,UACVf,OAAQ,OACTE,SAEDU,SACEC,MAAO,CAAEE,SAAU,WACnBP,UAAWA,EACXF,oBAAqBA,EACrBU,QAAO,GAAAC,OAAKd,EAAOC,EAAZ,KAAAa,OAAiBd,EAAOE,EAAxB,KAAAY,OAA6BhB,EAA7B,KAAAgB,OAAsCR,GAC7CS,IAAKX,EAAQL,SAEZA,6FC/BIiB,EAA8B,CACzCC,QAAS,OACTC,cAAe,SACfC,SAAU,EACVC,WAAY,EACZC,UAAW,KACXT,SAAU,UAGI,SAAAU,EAQ2B1B,GARU,IAAA2B,UACnDA,EADmDxB,SAEnDA,EAFmDW,MAGnDA,EAAQM,EAH2CQ,MAInDA,EAAQ,EAJ2CC,MAKnDA,EAAQ,OACRC,SAASC,cAAEA,EAAgB,IAAuB,IAET/B,EAFPgC,MAAlCF,QAEyCG,GADtCC,EACsCC,EAAAnC,EAAAoC,GACnC,MAAAlC,MAAEA,EAAFD,OAASA,GAAWoC,EAAcV,EAADW,EAAA,CAAcP,cAAAA,GAAkBC,IAEvEO,GAAU,KACR,GAAKZ,EAAUa,QAIf,IAAK,MAAOC,EAAKC,KAAUC,OAAOC,QAAQ9B,GAExCa,EAAUa,QAAQ1B,MAAM2B,GAAcC,IAEvC,CAACf,EAAWb,IAEf,MAAM+B,EACM,WAAVhB,EAAA,aAAAX,OACiBhB,EAAQ,cAAKD,EAAS,EAAI,sBAAa2B,EADxD,KAAA,wBAAAV,OAE4BU,EAH9B,KAMEf,OAAAA,EAACd,OAAcG,MAAOA,EAAOD,OAAQA,GAAYiC,OAAI/B,SACnDU,EAAG,IAAA,CAAAgC,UAAWA,WAAY1C,uECvC1B,SAAU2C,EAQH9C,GARS,IAAAM,EACpBA,EAAI,EADgBD,EAEpBA,EAAI,EAFgBwC,UAGpBA,EAHoBpC,UAIpBA,EAJoBN,SAKpBA,EALoBK,SAMpBA,GAEWR,EADR+C,EACQZ,EAAAnC,EAAAiC,GAETpB,OAAAA,EAAA,IAAAyB,EAAAA,EAAA,CACEnB,IAAKX,EACLC,UAAWuC,EAAG,aAAcvC,GAC5BoC,UAAWA,GAA0BxC,aAAAA,OAAAA,eAAMC,EAAvB,MAChByC,GAJN,GAAA,CAIe5C,SAEZA,kECnBS8C,EAOyBjD,GAPpB,IAAAkD,KACnBA,EAAO,CAAE7C,EAAG,EAAGC,EAAG,GADC6C,GAEnBA,EAAK,CAAE9C,EAAG,EAAGC,EAAG,GAFG8C,KAGnBA,EAAO,cAHY3C,UAInBA,EAJmBD,SAKnBA,GAEuCR,EADpC+C,EACoCZ,EAAAnC,EAAAiC,GACvC,MAAMoB,EAAgBH,EAAK7C,IAAM8C,EAAG9C,GAAK6C,EAAK5C,IAAM6C,EAAG7C,EAGrDO,OAAAA,EACE,OAAAyB,EAAA,CAAAnB,IAAKX,EACLC,UAAWuC,EAAG,YAAavC,GAC3B6C,GAAIJ,EAAK7C,EACTkD,GAAIL,EAAK5C,EACTkD,GAAIL,EAAG9C,EACPoD,GAAIN,EAAG7C,EACP8C,KAAMA,EACNM,eAAgBL,EAAgB,aAAe,QAC3CN"}

package/dist/umd/index.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/objectSpread2"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("@cutting/use-get-parent-size"),require("classnames")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","@babel/runtime/helpers/slicedToArray","@babel/runtime/helpers/objectSpread2","@babel/runtime/helpers/objectWithoutProperties","react","@cutting/use-get-parent-size","classnames"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@cutting/svg"]={},e.jsxRuntime,e._slicedToArray,e._objectSpread,e._objectWithoutProperties,e.React,e.useGetParentSize,e.cx)}(this,(function(e,t,r,i,n,a,s,l){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}var c=o(r),u=o(i),d=o(n),f=o(l);function h(e){var r=e.width,i=e.children,n=e.origin,a=void 0===n?{x:0,y:0}:n,s=e.preserveAspectRatio,l=void 0===s?"xMaxYMid meet":s,o=e.innerRef,c=e.className,u=Math.ceil(r/(r/e.height));return t.jsx("div",{"data-selector":"cutting-svg-container",style:{position:"relative",overflow:"visible",height:"1px"},children:t.jsx("svg",{style:{overflow:"visible"},className:c,preserveAspectRatio:l,viewBox:"".concat(a.x," ").concat(a.y," ").concat(r," ").concat(u),ref:o,children:i})})}var p=["debounceDelay"],v=["parentRef","children","style","scale","align","options"],x={display:"flex",flexDirection:"column",flexGrow:1,flexShrink:1,flexBasis:"0%",overflow:"hidden"},m=["y","x","transform","className","children","innerRef"],y=["from","to","fill","className","innerRef"];e.Group=function(e){var r=e.y,i=void 0===r?0:r,n=e.x,a=void 0===n?0:n,s=e.transform,l=e.className,o=e.children,c=e.innerRef,h=d.default(e,m);return t.jsx("g",u.default(u.default({ref:c,className:f.default("visx-group",l),transform:s||"translate(".concat(a,", ").concat(i,")")},h),{},{children:o}))},e.Line=function(e){var r=e.from,i=void 0===r?{x:0,y:0}:r,n=e.to,a=void 0===n?{x:1,y:1}:n,s=e.fill,l=void 0===s?"transparent":s,o=e.className,c=e.innerRef,h=d.default(e,y),p=i.x===a.x||i.y===a.y;return t.jsx("line",u.default({ref:c,className:f.default("visx-line",o),x1:i.x,y1:i.y,x2:a.x,y2:a.y,fill:l,shapeRendering:p?"crispEdges":"auto"},h))},e.ParentsizeSVG=function(e){var r=e.parentRef,i=e.children,n=e.style,l=void 0===n?x:n,o=e.scale,f=void 0===o?1:o,m=e.align,y=void 0===m?"none":m,b=e.options,g=(b=void 0===b?{}:b).debounceDelay,j=void 0===g?50:g,R=d.default(b,p),w=d.default(e,v),N=s.useParentSize(r,u.default({debounceDelay:j},R)),S=N.width,q=N.height;a.useEffect((function(){if(r.current)for(var e=0,t=Object.entries(l);e<t.length;e++){var i=c.default(t[e],2);r.current.style[i[0]]=i[1]}}),[r,l]);var P="center"===y?"translate(".concat(S/2,",").concat(q/2-20,") scale(").concat(f,")"):"translate(0,0) scale(".concat(f,")");return t.jsx(h,u.default(u.default({width:S,height:q},w),{},{children:t.jsx("g",{transform:P,children:i})}))},e.ResponsiveSVG=h}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime"),require("@babel/runtime/helpers/objectSpread2"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("@cutting/use-get-parent-size"),require("classnames")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","@babel/runtime/helpers/objectSpread2","@babel/runtime/helpers/objectWithoutProperties","react","@cutting/use-get-parent-size","classnames"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@cutting/svg"]={},e.jsxRuntime,e._objectSpread,e._objectWithoutProperties,e.React,e.useGetParentSize,e.cx)}(this,(function(e,t,n,r,i,s,a){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}var l=c(n),o=c(r),u=c(a);function f(e){let{height:n,width:r,children:i,origin:s={x:0,y:0},preserveAspectRatio:a="xMaxYMid meet",innerRef:c,className:l}=e;const o=Math.ceil(r/(r/n));return t.jsx("div",{"data-selector":"cutting-svg-container",style:{position:"relative",overflow:"visible",height:"1px"},children:t.jsx("svg",{style:{overflow:"visible"},className:l,preserveAspectRatio:a,viewBox:"".concat(s.x," ").concat(s.y," ").concat(r," ").concat(o),ref:c,children:i})})}const d=["debounceDelay"],p=["parentRef","children","style","scale","align","options"],x={display:"flex",flexDirection:"column",flexGrow:1,flexShrink:1,flexBasis:"0%",overflow:"hidden"},h=["y","x","transform","className","children","innerRef"],m=["from","to","fill","className","innerRef"];e.Group=function(e){let{y:n=0,x:r=0,transform:i,className:s,children:a,innerRef:c}=e,f=o.default(e,h);return t.jsx("g",l.default(l.default({ref:c,className:u.default("visx-group",s),transform:i||"translate(".concat(r,", ").concat(n,")")},f),{},{children:a}))},e.Line=function(e){let{from:n={x:0,y:0},to:r={x:1,y:1},fill:i="transparent",className:s,innerRef:a}=e,c=o.default(e,m);const f=n.x===r.x||n.y===r.y;return t.jsx("line",l.default({ref:a,className:u.default("visx-line",s),x1:n.x,y1:n.y,x2:r.x,y2:r.y,fill:i,shapeRendering:f?"crispEdges":"auto"},c))},e.ParentsizeSVG=function(e){let{parentRef:n,children:r,style:a=x,scale:c=1,align:u="none",options:{debounceDelay:h=50}={}}=e,m=o.default(e.options,d),y=o.default(e,p);const{width:b,height:g}=s.useParentSize(n,l.default({debounceDelay:h},m));i.useEffect((()=>{if(n.current)for(const[e,t]of Object.entries(a))n.current.style[e]=t}),[n,a]);const j="center"===u?"translate(".concat(b/2,",").concat(g/2-20,") scale(").concat(c,")"):"translate(0,0) scale(".concat(c,")");return t.jsx(f,l.default(l.default({width:b,height:g},y),{},{children:t.jsx("g",{transform:j,children:r})}))},e.ResponsiveSVG=f}));
 //# sourceMappingURL=index.js.map

package/dist/umd/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx","../../src/components/Group/Group.tsx","../../src/components/Line/Line.tsx"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { PreserveAspectRatio } from '../../types/types';\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport interface ResponsiveSVGProps {\n  width: number;\n  height: number;\n  origin?: Point;\n  preserveAspectRatio?: PreserveAspectRatio;\n  innerRef?: Ref<SVGSVGElement>;\n  className?: string;\n  hide?: boolean;\n  children: ReactNode;\n}\n\nexport function ResponsiveSVG({\n  height,\n  width,\n  children,\n  origin = { x: 0, y: 0 },\n  preserveAspectRatio = 'xMaxYMid meet',\n  innerRef,\n  className,\n}: ResponsiveSVGProps): JSX.Element {\n  const aspect = width / height;\n\n  const adjustedHeight = Math.ceil(width / aspect);\n\n  return (\n    <div\n      data-selector=\"cutting-svg-container\"\n      style={{\n        position: 'relative',\n        overflow: 'visible',\n        height: '1px',\n      }}\n    >\n      <svg\n        style={{ overflow: 'visible' }}\n        className={className}\n        preserveAspectRatio={preserveAspectRatio}\n        viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}\n        ref={innerRef}\n      >\n        {children}\n      </svg>\n    </div>\n  );\n}\n","import type { CSSProperties, PropsWithChildren, RefObject } from 'react';\nimport { useEffect } from 'react';\nimport type { UseParentSizeOptions } from '@cutting/use-get-parent-size';\nimport { useParentSize } from '@cutting/use-get-parent-size';\nimport type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';\nimport { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';\n\ntype Align = 'none' | 'center';\n\nexport type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {\n  parentRef: RefObject<E>;\n  style?: CSSProperties;\n  align?: Align;\n  scale?: number;\n  options?: Partial<UseParentSizeOptions>;\n} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;\n\nexport const DefaultStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  flexGrow: 1,\n  flexShrink: 1,\n  flexBasis: '0%',\n  overflow: 'hidden',\n} as const;\n\nexport function ParentsizeSVG<E extends HTMLElement>({\n  parentRef,\n  children,\n  style = DefaultStyle,\n  scale = 1,\n  align = 'none',\n  options: { debounceDelay = 50, ...optionsRest } = {},\n  ...rest\n}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null {\n  const { width, height } = useParentSize(parentRef, { debounceDelay, ...optionsRest });\n\n  useEffect(() => {\n    if (!parentRef.current) {\n      return;\n    }\n\n    for (const [key, value] of Object.entries(style)) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      parentRef.current.style[key as any] = value;\n    }\n  }, [parentRef, style]);\n\n  const transform =\n    align === 'center'\n      ? `translate(${width / 2},${height / 2 - 20}) scale(${scale})`\n      : `translate(0,0) scale(${scale})`;\n\n  return (\n    <ResponsiveSVG width={width} height={height} {...rest}>\n      <g transform={transform}>{children}</g>\n    </ResponsiveSVG>\n  );\n}\n","import cx from 'classnames';\n\ntype GroupOnlyProps = {\n  /** Top offset applied to `<g/>`. */\n  y?: number;\n  /** Left offset applied to `<g/>`. */\n  x?: number;\n  /** Override `x` and `y` to provide the entire `transform` string. */\n  transform?: string;\n  className?: string;\n  children?: React.ReactNode;\n  innerRef?: React.Ref<SVGGElement>;\n};\n\ntype GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;\n\nexport function Group({\n  y = 0,\n  x = 0,\n  transform,\n  className,\n  children,\n  innerRef,\n  ...restProps\n}: GroupProps): JSX.Element {\n  return (\n    <g\n      ref={innerRef}\n      className={cx('visx-group', className)}\n      transform={transform || `translate(${x}, ${y})`}\n      {...restProps}\n    >\n      {children}\n    </g>\n  );\n}\n","import cx from 'classnames';\nimport type { AddSVGProps, Point } from '../../types/types';\n\nexport type LineProps = {\n  className?: string;\n  innerRef?: React.Ref<SVGLineElement>;\n  fill?: string;\n  /** Starting x,y point of the line. */\n  from?: Point;\n  /** Ending x,y point of the line. */\n  to?: Point;\n};\n\nexport function Line({\n  from = { x: 0, y: 0 },\n  to = { x: 1, y: 1 },\n  fill = 'transparent',\n  className,\n  innerRef,\n  ...restProps\n}: AddSVGProps<LineProps, SVGLineElement>): JSX.Element {\n  const isRectilinear = from.x === to.x || from.y === to.y;\n\n  return (\n    <line\n      ref={innerRef}\n      className={cx('visx-line', className)}\n      x1={from.x}\n      y1={from.y}\n      x2={to.x}\n      y2={to.y}\n      fill={fill}\n      shapeRendering={isRectilinear ? 'crispEdges' : 'auto'}\n      {...restProps}\n    />\n  );\n}\n"],"names":["ResponsiveSVG","_ref","height","width","children","_ref$origin","origin","x","y","_ref$preserveAspectRa","preserveAspectRatio","innerRef","className","adjustedHeight","Math","ceil","_jsx","style","position","overflow","viewBox","concat","ref","DefaultStyle","display","flexDirection","flexGrow","flexShrink","flexBasis","_ref$y","_ref$x","transform","restProps","_objectWithoutProperties","_excluded","_objectSpread","cx","_ref$from","from","_ref$to","to","_ref$fill","fill","isRectilinear","jsx","x1","y1","x2","y2","shapeRendering","parentRef","_ref$style","_ref$scale","scale","_ref$align","align","_ref$options","options","_ref$options$debounce","debounceDelay","optionsRest","rest","_excluded2","useParentSize","useEffect","current","_i","_Object$entries","Object","entries","length","_Object$entries$_i","_slicedToArray"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/ResponsiveSVG/ResponsiveSVG.tsx","../../src/components/ParentsizeSVG/ParentsizeSVG.tsx","../../src/components/Group/Group.tsx","../../src/components/Line/Line.tsx"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { PreserveAspectRatio } from '../../types/types';\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport interface ResponsiveSVGProps {\n  width: number;\n  height: number;\n  origin?: Point;\n  preserveAspectRatio?: PreserveAspectRatio;\n  innerRef?: Ref<SVGSVGElement>;\n  className?: string;\n  hide?: boolean;\n  children: ReactNode;\n}\n\nexport function ResponsiveSVG({\n  height,\n  width,\n  children,\n  origin = { x: 0, y: 0 },\n  preserveAspectRatio = 'xMaxYMid meet',\n  innerRef,\n  className,\n}: ResponsiveSVGProps): JSX.Element {\n  const aspect = width / height;\n\n  const adjustedHeight = Math.ceil(width / aspect);\n\n  return (\n    <div\n      data-selector=\"cutting-svg-container\"\n      style={{\n        position: 'relative',\n        overflow: 'visible',\n        height: '1px',\n      }}\n    >\n      <svg\n        style={{ overflow: 'visible' }}\n        className={className}\n        preserveAspectRatio={preserveAspectRatio}\n        viewBox={`${origin.x} ${origin.y} ${width} ${adjustedHeight}`}\n        ref={innerRef}\n      >\n        {children}\n      </svg>\n    </div>\n  );\n}\n","import type { CSSProperties, PropsWithChildren, RefObject } from 'react';\nimport { useEffect } from 'react';\nimport type { UseParentSizeOptions } from '@cutting/use-get-parent-size';\nimport { useParentSize } from '@cutting/use-get-parent-size';\nimport type { ResponsiveSVGProps } from '../ResponsiveSVG/ResponsiveSVG';\nimport { ResponsiveSVG } from '../ResponsiveSVG/ResponsiveSVG';\n\ntype Align = 'none' | 'center';\n\nexport type ParentsizeSVGProps<E extends HTMLElement = HTMLElement> = {\n  parentRef: RefObject<E>;\n  style?: CSSProperties;\n  align?: Align;\n  scale?: number;\n  options?: Partial<UseParentSizeOptions>;\n} & Partial<Omit<ResponsiveSVGProps, 'innerRef' | 'height' | 'height'>>;\n\nexport const DefaultStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  flexGrow: 1,\n  flexShrink: 1,\n  flexBasis: '0%',\n  overflow: 'hidden',\n} as const;\n\nexport function ParentsizeSVG<E extends HTMLElement>({\n  parentRef,\n  children,\n  style = DefaultStyle,\n  scale = 1,\n  align = 'none',\n  options: { debounceDelay = 50, ...optionsRest } = {},\n  ...rest\n}: PropsWithChildren<ParentsizeSVGProps<E>>): JSX.Element | null {\n  const { width, height } = useParentSize(parentRef, { debounceDelay, ...optionsRest });\n\n  useEffect(() => {\n    if (!parentRef.current) {\n      return;\n    }\n\n    for (const [key, value] of Object.entries(style)) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      parentRef.current.style[key as any] = value;\n    }\n  }, [parentRef, style]);\n\n  const transform =\n    align === 'center'\n      ? `translate(${width / 2},${height / 2 - 20}) scale(${scale})`\n      : `translate(0,0) scale(${scale})`;\n\n  return (\n    <ResponsiveSVG width={width} height={height} {...rest}>\n      <g transform={transform}>{children}</g>\n    </ResponsiveSVG>\n  );\n}\n","import cx from 'classnames';\n\ntype GroupOnlyProps = {\n  /** Top offset applied to `<g/>`. */\n  y?: number;\n  /** Left offset applied to `<g/>`. */\n  x?: number;\n  /** Override `x` and `y` to provide the entire `transform` string. */\n  transform?: string;\n  className?: string;\n  children?: React.ReactNode;\n  innerRef?: React.Ref<SVGGElement>;\n};\n\ntype GroupProps = GroupOnlyProps & Omit<React.SVGProps<SVGGElement>, keyof GroupOnlyProps>;\n\nexport function Group({\n  y = 0,\n  x = 0,\n  transform,\n  className,\n  children,\n  innerRef,\n  ...restProps\n}: GroupProps): JSX.Element {\n  return (\n    <g\n      ref={innerRef}\n      className={cx('visx-group', className)}\n      transform={transform || `translate(${x}, ${y})`}\n      {...restProps}\n    >\n      {children}\n    </g>\n  );\n}\n","import cx from 'classnames';\nimport type { AddSVGProps, Point } from '../../types/types';\n\nexport type LineProps = {\n  className?: string;\n  innerRef?: React.Ref<SVGLineElement>;\n  fill?: string;\n  /** Starting x,y point of the line. */\n  from?: Point;\n  /** Ending x,y point of the line. */\n  to?: Point;\n};\n\nexport function Line({\n  from = { x: 0, y: 0 },\n  to = { x: 1, y: 1 },\n  fill = 'transparent',\n  className,\n  innerRef,\n  ...restProps\n}: AddSVGProps<LineProps, SVGLineElement>): JSX.Element {\n  const isRectilinear = from.x === to.x || from.y === to.y;\n\n  return (\n    <line\n      ref={innerRef}\n      className={cx('visx-line', className)}\n      x1={from.x}\n      y1={from.y}\n      x2={to.x}\n      y2={to.y}\n      fill={fill}\n      shapeRendering={isRectilinear ? 'crispEdges' : 'auto'}\n      {...restProps}\n    />\n  );\n}\n"],"names":["ResponsiveSVG","_ref","height","width","children","origin","x","y","preserveAspectRatio","innerRef","className","adjustedHeight","Math","ceil","_jsx","style","position","overflow","viewBox","concat","ref","DefaultStyle","display","flexDirection","flexGrow","flexShrink","flexBasis","transform","restProps","_objectWithoutProperties","_excluded","_objectSpread","cx","from","to","fill","isRectilinear","jsx","x1","y1","x2","y2","shapeRendering","parentRef","scale","align","options","debounceDelay","optionsRest","rest","_excluded2","useParentSize","useEffect","current","key","value","Object","entries"],"mappings":"6xBAmBgB,SAAAA,EAQKC,GARS,IAAAC,OAC5BA,EAD4BC,MAE5BA,EAF4BC,SAG5BA,EAH4BC,OAI5BA,EAAS,CAAEC,EAAG,EAAGC,EAAG,GAJQC,oBAK5BA,EAAsB,gBALMC,SAM5BA,EAN4BC,UAO5BA,GACmBT,EACnB,MAEMU,EAAiBC,KAAKC,KAAKV,GAFlBA,EAAQD,IAKrBY,OAAAA,EAAAA,IAAA,MAAA,CAAA,gBACgB,wBACdC,MAAO,CACLC,SAAU,WACVC,SAAU,UACVf,OAAQ,OACTE,SAEDU,aACEC,MAAO,CAAEE,SAAU,WACnBP,UAAWA,EACXF,oBAAqBA,EACrBU,QAAO,GAAAC,OAAKd,EAAOC,EAAZ,KAAAa,OAAiBd,EAAOE,EAAxB,KAAAY,OAA6BhB,EAA7B,KAAAgB,OAAsCR,GAC7CS,IAAKX,EAAQL,SAEZA,6FC/BIiB,EAA8B,CACzCC,QAAS,OACTC,cAAe,SACfC,SAAU,EACVC,WAAY,EACZC,UAAW,KACXT,SAAU,0HCPN,SAQOhB,GARS,IAAAM,EACpBA,EAAI,EADgBD,EAEpBA,EAAI,EAFgBqB,UAGpBA,EAHoBjB,UAIpBA,EAJoBN,SAKpBA,EALoBK,SAMpBA,GAEWR,EADR2B,EACQC,EAAA,QAAA5B,EAAA6B,GAEThB,OAAAA,MAAA,IAAAiB,EAAA,QAAAA,UAAA,CACEX,IAAKX,EACLC,UAAWsB,EAAAA,QAAG,aAActB,GAC5BiB,UAAWA,GAA0BrB,aAAAA,OAAAA,eAAMC,EAAvB,MAChBqB,GAJN,GAAA,CAIexB,SAEZA,sBCZkCH,GAPpB,IAAAgC,KACnBA,EAAO,CAAE3B,EAAG,EAAGC,EAAG,GADC2B,GAEnBA,EAAK,CAAE5B,EAAG,EAAGC,EAAG,GAFG4B,KAGnBA,EAAO,cAHYzB,UAInBA,EAJmBD,SAKnBA,GAEuCR,EADpC2B,EACoCC,EAAA,QAAA5B,EAAA6B,GACvC,MAAMM,EAAgBH,EAAK3B,IAAM4B,EAAG5B,GAAK2B,EAAK1B,IAAM2B,EAAG3B,EAGrDO,OAAAA,EACEuB,IAAA,OAAAN,UAAA,CAAAX,IAAKX,EACLC,UAAWsB,EAAAA,QAAG,YAAatB,GAC3B4B,GAAIL,EAAK3B,EACTiC,GAAIN,EAAK1B,EACTiC,GAAIN,EAAG5B,EACPmC,GAAIP,EAAG3B,EACP4B,KAAMA,EACNO,eAAgBN,EAAgB,aAAe,QAC3CR,qBFPM,SAQ2B3B,GARU,IAAA0C,UACnDA,EADmDvC,SAEnDA,EAFmDW,MAGnDA,EAAQM,EAH2CuB,MAInDA,EAAQ,EAJ2CC,MAKnDA,EAAQ,OACRC,SAASC,cAAEA,EAAgB,IAAuB,IAET9C,EAFP+C,cAAlCF,QAEyChB,GADtCmB,EACsCpB,EAAA,QAAA5B,EAAAiD,GACnC,MAAA/C,MAAEA,EAAFD,OAASA,GAAWiD,EAAaA,cAACR,EAADZ,UAAA,CAAcgB,cAAAA,GAAkBC,IAEvEI,EAAAA,WAAU,KACR,GAAKT,EAAUU,QAIf,IAAK,MAAOC,EAAKC,KAAUC,OAAOC,QAAQ1C,GAExC4B,EAAUU,QAAQtC,MAAMuC,GAAcC,IAEvC,CAACZ,EAAW5B,IAEf,MAAMY,EACM,WAAVkB,EAAA,aAAA1B,OACiBhB,EAAQ,cAAKD,EAAS,EAAI,sBAAa0C,EADxD,KAAA,wBAAAzB,OAE4ByB,EAH9B,KAME9B,OAAAA,MAACd,uBAAcG,MAAOA,EAAOD,OAAQA,GAAY+C,OAAI7C,SACnDU,EAAGuB,IAAA,IAAA,CAAAV,UAAWA,WAAYvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cutting/svg",
-  "version": "4.42.0",
+  "version": "4.43.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/dagda1/cuttingedge.git"
@@ -15,18 +15,18 @@
   "types": "dist/esm/index.d.ts",
   "license": "MIT",
   "dependencies": {
-    "@cutting/use-get-parent-size": "1.16.0",
-    "@cutting/util": "4.44.0",
+    "@cutting/use-get-parent-size": "workspace:*",
+    "@cutting/util": "workspace:*",
     "classnames": "^2.3.1",
     "resize-observer-polyfill": "^1.5.1"
   },
   "devDependencies": {
     "@babel/runtime": "7.17.9",
-    "@cutting/component-library": "5.18.0",
-    "@cutting/devtools": "4.46.0",
-    "@cutting/eslint-config": "4.37.0",
-    "@cutting/tsconfig": "4.34.0",
-    "@cutting/useful-types": "4.33.0",
+    "@cutting/component-library": "workspace:*",
+    "@cutting/devtools": "workspace:*",
+    "@cutting/eslint-config": "workspace:*",
+    "@cutting/tsconfig": "workspace:*",
+    "@cutting/useful-types": "workspace:*",
     "@jest/globals": "27.5.1",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "^13.0.1",
@@ -42,6 +42,13 @@
     "react": ">= 18.x.x",
     "react-dom": ">= 18.x.x"
   },
+  "scripts": {
+    "build": "NODE_ENV=production devtools rollup",
+    "lint": "eslint ./src/**/*.{ts,tsx} --fix",
+    "start": "PORT=8888 NODE_ENV=development devtools devserver-start",
+    "test": "NODE_ENV=test devtools test",
+    "test:ci": "CI=true pnpm test"
+  },
   "volta": {
     "extends": "../../package.json"
   },
@@ -56,13 +63,5 @@
         "dist/esm/index.d.ts"
       ]
     }
-  },
-  "scripts": {
-    "build": "NODE_ENV=production devtools rollup",
-    "lint": "eslint ./src/**/*.{ts,tsx} --fix",
-    "start": "PORT=8888 NODE_ENV=development devtools devserver-start",
-    "test": "NODE_ENV=test devtools test",
-    "test:ci": "CI=true pnpm test"
-  },
-  "readme": "# @cutting/svg - reusable svg components for SVG documents\n[![npm version](https://img.shields.io/npm/v/@cutting/svg.svg)](https://www.npmjs.com/package/@cutting/svg)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n## install \n\n```sh\npnpm add @cutting/svg\n\n# or\n\nnpm install @cutting/svg\n```\n\n## ParentsizeSVG\n\nA react component that will resize and scale to the dimensions of the supplied react [ref object](https://reactjs.org/docs/refs-and-the-dom.html).\n\n![svg document resizing to scale when using the ParentsizeSVG component](./img/sizer.gif)\n\nThe `ParentsizeSVG` component takes an `parentRef` prop that should point to a valid HTML DOM element.\n\n## usage\n\n```ts\nimport { useRef } from 'react';\nimport { ParentsizeSVG } from '@cutting/svg';\n\nexport function App(): JSX.Element {\n  const ref = useRef<HTMLDivElement>(null);\n\n  return (\n    <div className={styles.container} ref={ref}>\n      <ParentsizeSVG ref={ref}>\n        <rect\n          x=\"20%\"\n          y=\"20%\"\n          width={'50%'}\n          height={'50%'}\n          rx=\"20\"\n          style={{ fill: '#ff0000', stroke: '#000000', strokeWidth: '2px' }}\n        />\n      </ParentsizeSVG>\n    </div>\n  );\n};\n```"
-}
+  }
+}

package/.coverage/clover.xml

@@ -1,81 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1649970808564" clover="3.2.0">
-  <project timestamp="1649970808564" name="All files">
-    <metrics statements="51" coveredstatements="29" conditionals="33" coveredconditionals="11" methods="5" coveredmethods="3" elements="89" coveredelements="43" complexity="0" loc="51" ncloc="51" packages="4" files="4" classes="4"/>
-    <package name="Group">
-      <metrics statements="10" coveredstatements="0" conditionals="6" coveredconditionals="0" methods="1" coveredmethods="0"/>
-      <file name="Group.tsx" path="/Users/paulcowan/projects/cuttingedge/packages/svg/src/components/Group/Group.tsx">
-        <metrics statements="10" coveredstatements="0" conditionals="6" coveredconditionals="0" methods="1" coveredmethods="0"/>
-        <line num="1" count="0" type="stmt"/>
-        <line num="17" count="0" type="stmt"/>
-        <line num="18" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="19" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="20" count="0" type="stmt"/>
-        <line num="21" count="0" type="stmt"/>
-        <line num="22" count="0" type="stmt"/>
-        <line num="23" count="0" type="stmt"/>
-        <line num="24" count="0" type="stmt"/>
-        <line num="26" count="0" type="stmt"/>
-      </file>
-    </package>
-    <package name="Line">
-      <metrics statements="10" coveredstatements="0" conditionals="10" coveredconditionals="0" methods="1" coveredmethods="0"/>
-      <file name="Line.tsx" path="/Users/paulcowan/projects/cuttingedge/packages/svg/src/components/Line/Line.tsx">
-        <metrics statements="10" coveredstatements="0" conditionals="10" coveredconditionals="0" methods="1" coveredmethods="0"/>
-        <line num="1" count="0" type="stmt"/>
-        <line num="14" count="0" type="stmt"/>
-        <line num="15" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="16" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="17" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="18" count="0" type="stmt"/>
-        <line num="19" count="0" type="stmt"/>
-        <line num="20" count="0" type="stmt"/>
-        <line num="22" count="0" type="cond" truecount="0" falsecount="2"/>
-        <line num="24" count="0" type="stmt"/>
-      </file>
-    </package>
-    <package name="ParentsizeSVG">
-      <metrics statements="20" coveredstatements="18" conditionals="13" coveredconditionals="9" methods="2" coveredmethods="2"/>
-      <file name="ParentsizeSVG.tsx" path="/Users/paulcowan/projects/cuttingedge/packages/svg/src/components/ParentsizeSVG/ParentsizeSVG.tsx">
-        <metrics statements="20" coveredstatements="18" conditionals="13" coveredconditionals="9" methods="2" coveredmethods="2"/>
-        <line num="2" count="1" type="stmt"/>
-        <line num="4" count="1" type="stmt"/>
-        <line num="6" count="1" type="stmt"/>
-        <line num="18" count="1" type="stmt"/>
-        <line num="27" count="1" type="stmt"/>
-        <line num="28" count="6" type="stmt"/>
-        <line num="29" count="6" type="stmt"/>
-        <line num="30" count="6" type="cond" truecount="1" falsecount="1"/>
-        <line num="31" count="6" type="cond" truecount="1" falsecount="1"/>
-        <line num="32" count="6" type="cond" truecount="2" falsecount="0"/>
-        <line num="33" count="6" type="cond" truecount="2" falsecount="2"/>
-        <line num="34" count="6" type="stmt"/>
-        <line num="36" count="6" type="stmt"/>
-        <line num="38" count="6" type="stmt"/>
-        <line num="39" count="3" type="cond" truecount="1" falsecount="0"/>
-        <line num="40" count="3" type="stmt"/>
-        <line num="43" count="0" type="stmt"/>
-        <line num="45" count="0" type="stmt"/>
-        <line num="50" count="6" type="cond" truecount="2" falsecount="0"/>
-        <line num="54" count="6" type="stmt"/>
-      </file>
-    </package>
-    <package name="ResponsiveSVG">
-      <metrics statements="11" coveredstatements="11" conditionals="4" coveredconditionals="2" methods="1" coveredmethods="1"/>
-      <file name="ResponsiveSVG.tsx" path="/Users/paulcowan/projects/cuttingedge/packages/svg/src/components/ResponsiveSVG/ResponsiveSVG.tsx">
-        <metrics statements="11" coveredstatements="11" conditionals="4" coveredconditionals="2" methods="1" coveredmethods="1"/>
-        <line num="20" count="2" type="stmt"/>
-        <line num="21" count="9" type="stmt"/>
-        <line num="22" count="9" type="stmt"/>
-        <line num="23" count="9" type="stmt"/>
-        <line num="24" count="9" type="cond" truecount="1" falsecount="1"/>
-        <line num="25" count="9" type="cond" truecount="1" falsecount="1"/>
-        <line num="26" count="9" type="stmt"/>
-        <line num="27" count="9" type="stmt"/>
-        <line num="29" count="9" type="stmt"/>
-        <line num="31" count="9" type="stmt"/>
-        <line num="33" count="9" type="stmt"/>
-      </file>
-    </package>
-  </project>
-</coverage>

package/.coverage/coverage-final.json

@@ -1,5 +0,0 @@
-{"/Users/paulcowan/projects/cuttingedge/packages/svg/src/components/Group/Group.tsx": {"path":"/Users/paulcowan/projects/cuttingedge/packages/svg/src/components/Group/Group.tsx","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":1,"column":null}},"1":{"start":{"line":18,"column":2},"end":{"line":18,"column":3}},"2":{"start":{"line":18,"column":3},"end":{"line":18,"column":null}},"3":{"start":{"line":19,"column":2},"end":{"line":19,"column":3}},"4":{"start":{"line":19,"column":3},"end":{"line":19,"column":null}},"5":{"start":{"line":20,"column":11},"end":{"line":20,"column":null}},"6":{"start":{"line":21,"column":11},"end":{"line":21,"column":null}},"7":{"start":{"line":22,"column":10},"end":{"line":22,"column":null}},"8":{"start":{"line":23,"column":10},"end":{"line":23,"column":null}},"9":{"start":{"line":24,"column":14},"end":{"line":24,"column":null}},"10":{"start":{"line":26,"column":2},"end":{"line":26,"column":null}},"11":{"start":{"line":17,"column":0},"end":{"line":17,"column":16}}},"fnMap":{"0":{"name":"Group","decl":{"start":{"line":17,"column":16},"end":{"line":17,"column":22}},"loc":{"start":{"line":25,"column":13},"end":{"line":36,"column":null}}}},"branchMap":{"0":{"loc":{"start":{"line":18,"column":3},"end":{"line":18,"column":null}},"type":"cond-expr","locations":[{"start":{"line":18,"column":6},"end":{"line":18,"column":7}},{"start":{"line":18,"column":7},"end":{"line":18,"column":null}}]},"1":{"loc":{"start":{"line":19,"column":3},"end":{"line":19,"column":null}},"type":"cond-expr","locations":[{"start":{"line":19,"column":6},"end":{"line":19,"column":7}},{"start":{"line":19,"column":7},"end":{"line":19,"column":null}}]},"2":{"loc":{"start":{"line":30,"column":17},"end":{"line":30,"column":43}},"type":"binary-expr","locations":[{"start":{"line":30,"column":17},"end":{"line":30,"column":26}},{"start":{"line":30,"column":30},"end":{"line":30,"column":43}}]}},"s":{"0":0,"1":0,"2":0,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0,"10":0,"11":0},"f":{"0":0},"b":{"0":[0,0],"1":[0,0],"2":[0,0]}}
-,"/Users/paulcowan/projects/cuttingedge/packages/svg/src/components/Line/Line.tsx": {"path":"/Users/paulcowan/projects/cuttingedge/packages/svg/src/components/Line/Line.tsx","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":1,"column":null}},"1":{"start":{"line":15,"column":2},"end":{"line":15,"column":6}},"2":{"start":{"line":15,"column":6},"end":{"line":15,"column":null}},"3":{"start":{"line":16,"column":2},"end":{"line":16,"column":4}},"4":{"start":{"line":16,"column":4},"end":{"line":16,"column":null}},"5":{"start":{"line":17,"column":2},"end":{"line":17,"column":6}},"6":{"start":{"line":17,"column":6},"end":{"line":17,"column":null}},"7":{"start":{"line":18,"column":11},"end":{"line":18,"column":null}},"8":{"start":{"line":19,"column":10},"end":{"line":19,"column":null}},"9":{"start":{"line":20,"column":14},"end":{"line":20,"column":null}},"10":{"start":{"line":22,"column":24},"end":{"line":22,"column":null}},"11":{"start":{"line":24,"column":2},"end":{"line":24,"column":null}},"12":{"start":{"line":14,"column":0},"end":{"line":14,"column":16}}},"fnMap":{"0":{"name":"Line","decl":{"start":{"line":14,"column":16},"end":{"line":14,"column":21}},"loc":{"start":{"line":21,"column":41},"end":{"line":37,"column":null}}}},"branchMap":{"0":{"loc":{"start":{"line":15,"column":6},"end":{"line":15,"column":null}},"type":"cond-expr","locations":[{"start":{"line":15,"column":9},"end":{"line":15,"column":11}},{"start":{"line":15,"column":23},"end":{"line":15,"column":null}}]},"1":{"loc":{"start":{"line":16,"column":4},"end":{"line":16,"column":null}},"type":"cond-expr","locations":[{"start":{"line":16,"column":7},"end":{"line":16,"column":9}},{"start":{"line":16,"column":21},"end":{"line":16,"column":null}}]},"2":{"loc":{"start":{"line":17,"column":6},"end":{"line":17,"column":null}},"type":"cond-expr","locations":[{"start":{"line":17,"column":9},"end":{"line":17,"column":22}},{"start":{"line":17,"column":22},"end":{"line":17,"column":null}}]},"3":{"loc":{"start":{"line":22,"column":24},"end":{"line":22,"column":null}},"type":"binary-expr","locations":[{"start":{"line":22,"column":24},"end":{"line":22,"column":43}},{"start":{"line":22,"column":43},"end":{"line":22,"column":null}}]},"4":{"loc":{"start":{"line":33,"column":22},"end":{"line":33,"column":null}},"type":"cond-expr","locations":[{"start":{"line":33,"column":38},"end":{"line":33,"column":53}},{"start":{"line":33,"column":53},"end":{"line":33,"column":null}}]}},"s":{"0":0,"1":0,"2":0,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0,"10":0,"11":0,"12":0},"f":{"0":0},"b":{"0":[0,0],"1":[0,0],"2":[0,0],"3":[0,0],"4":[0,0]}}
-,"/Users/paulcowan/projects/cuttingedge/packages/svg/src/components/ParentsizeSVG/ParentsizeSVG.tsx": {"path":"/Users/paulcowan/projects/cuttingedge/packages/svg/src/components/ParentsizeSVG/ParentsizeSVG.tsx","statementMap":{"0":{"start":{"line":2,"column":0},"end":{"line":2,"column":null}},"1":{"start":{"line":4,"column":0},"end":{"line":4,"column":null}},"2":{"start":{"line":6,"column":0},"end":{"line":6,"column":null}},"3":{"start":{"line":18,"column":13},"end":{"line":18,"column":43}},"4":{"start":{"line":28,"column":11},"end":{"line":28,"column":null}},"5":{"start":{"line":29,"column":10},"end":{"line":29,"column":null}},"6":{"start":{"line":30,"column":2},"end":{"line":30,"column":7}},"7":{"start":{"line":30,"column":7},"end":{"line":30,"column":null}},"8":{"start":{"line":31,"column":2},"end":{"line":31,"column":7}},"9":{"start":{"line":31,"column":7},"end":{"line":31,"column":null}},"10":{"start":{"line":32,"column":2},"end":{"line":32,"column":7}},"11":{"start":{"line":32,"column":7},"end":{"line":32,"column":null}},"12":{"start":{"line":33,"column":2},"end":{"line":33,"column":11}},"13":{"start":{"line":33,"column":2},"end":{"line":33,"column":null}},"14":{"start":{"line":33,"column":13},"end":{"line":33,"column":26}},"15":{"start":{"line":33,"column":26},"end":{"line":33,"column":36}},"16":{"start":{"line":33,"column":47},"end":{"line":33,"column":52}},"17":{"start":{"line":34,"column":9},"end":{"line":34,"column":null}},"18":{"start":{"line":36,"column":28},"end":{"line":36,"column":42}},"19":{"start":{"line":36,"column":15},"end":{"line":36,"column":17}},"20":{"start":{"line":36,"column":23},"end":{"line":36,"column":28}},"21":{"start":{"line":38,"column":2},"end":{"line":38,"column":12}},"22":{"start":{"line":39,"column":4},"end":{"line":41,"column":null}},"23":{"start":{"line":40,"column":6},"end":{"line":40,"column":null}},"24":{"start":{"line":43,"column":4},"end":{"line":46,"column":null}},"25":{"start":{"line":43,"column":31},"end":{"line":43,"column":37}},"26":{"start":{"line":43,"column":52},"end":{"line":43,"column":54}},"27":{"start":{"line":43,"column":15},"end":{"line":43,"column":16}},"28":{"start":{"line":43,"column":19},"end":{"line":43,"column":21}},"29":{"start":{"line":43,"column":26},"end":{"line":43,"column":31}},"30":{"start":{"line":45,"column":6},"end":{"line":45,"column":15}},"31":{"start":{"line":50,"column":4},"end":{"line":52,"column":32}},"32":{"start":{"line":54,"column":2},"end":{"line":54,"column":null}},"33":{"start":{"line":27,"column":0},"end":{"line":27,"column":16}}},"fnMap":{"0":{"name":"ParentsizeSVG","decl":{"start":{"line":27,"column":16},"end":{"line":27,"column":53}},"loc":{"start":{"line":35,"column":43},"end":{"line":59,"column":null}}},"1":{"name":"(anonymous_7)","decl":{"start":{"line":38,"column":12},"end":{"line":38,"column":null}},"loc":{"start":{"line":38,"column":12},"end":{"line":47,"column":5}}}},"branchMap":{"0":{"loc":{"start":{"line":30,"column":7},"end":{"line":30,"column":null}},"type":"cond-expr","locations":[{"start":{"line":30,"column":10},"end":{"line":30,"column":22}},{"start":{"line":30,"column":22},"end":{"line":30,"column":null}}]},"1":{"loc":{"start":{"line":31,"column":7},"end":{"line":31,"column":null}},"type":"cond-expr","locations":[{"start":{"line":31,"column":10},"end":{"line":31,"column":11}},{"start":{"line":31,"column":11},"end":{"line":31,"column":null}}]},"2":{"loc":{"start":{"line":32,"column":7},"end":{"line":32,"column":null}},"type":"cond-expr","locations":[{"start":{"line":32,"column":10},"end":{"line":32,"column":16}},{"start":{"line":32,"column":16},"end":{"line":32,"column":null}}]},"3":{"loc":{"start":{"line":33,"column":2},"end":{"line":33,"column":null}},"type":"cond-expr","locations":[{"start":{"line":33,"column":52},"end":{"line":33,"column":54}},{"start":{"line":33,"column":54},"end":{"line":33,"column":null}}]},"4":{"loc":{"start":{"line":33,"column":26},"end":{"line":33,"column":36}},"type":"cond-expr","locations":[{"start":{"line":33,"column":29},"end":{"line":33,"column":31}},{"start":{"line":33,"column":31},"end":{"line":33,"column":36}}]},"5":{"loc":{"start":{"line":39,"column":4},"end":{"line":41,"column":null}},"type":"if","locations":[{"start":{"line":39,"column":4},"end":{"line":41,"column":null}}]},"6":{"loc":{"start":{"line":50,"column":4},"end":{"line":52,"column":32}},"type":"cond-expr","locations":[{"start":{"line":51,"column":8},"end":{"line":51,"column":21}},{"start":{"line":52,"column":8},"end":{"line":52,"column":32}}]}},"s":{"0":1,"1":1,"2":1,"3":1,"4":6,"5":6,"6":6,"7":6,"8":6,"9":6,"10":6,"11":6,"12":6,"13":6,"14":6,"15":6,"16":6,"17":6,"18":6,"19":6,"20":6,"21":6,"22":3,"23":3,"24":0,"25":0,"26":0,"27":0,"28":0,"29":0,"30":0,"31":6,"32":6,"33":1},"f":{"0":6,"1":3},"b":{"0":[6,0],"1":[6,0],"2":[4,2],"3":[6,0],"4":[6,0],"5":[3],"6":[2,4]}}
-,"/Users/paulcowan/projects/cuttingedge/packages/svg/src/components/ResponsiveSVG/ResponsiveSVG.tsx": {"path":"/Users/paulcowan/projects/cuttingedge/packages/svg/src/components/ResponsiveSVG/ResponsiveSVG.tsx","statementMap":{"0":{"start":{"line":21,"column":8},"end":{"line":21,"column":null}},"1":{"start":{"line":22,"column":7},"end":{"line":22,"column":null}},"2":{"start":{"line":23,"column":10},"end":{"line":23,"column":null}},"3":{"start":{"line":24,"column":2},"end":{"line":24,"column":8}},"4":{"start":{"line":24,"column":8},"end":{"line":24,"column":null}},"5":{"start":{"line":25,"column":2},"end":{"line":25,"column":21}},"6":{"start":{"line":25,"column":21},"end":{"line":25,"column":null}},"7":{"start":{"line":26,"column":10},"end":{"line":26,"column":null}},"8":{"start":{"line":27,"column":11},"end":{"line":27,"column":null}},"9":{"start":{"line":29,"column":17},"end":{"line":29,"column":null}},"10":{"start":{"line":31,"column":25},"end":{"line":31,"column":29}},"11":{"start":{"line":33,"column":2},"end":{"line":33,"column":null}},"12":{"start":{"line":20,"column":0},"end":{"line":20,"column":16}}},"fnMap":{"0":{"name":"ResponsiveSVG","decl":{"start":{"line":20,"column":16},"end":{"line":20,"column":30}},"loc":{"start":{"line":28,"column":21},"end":{"line":53,"column":null}}}},"branchMap":{"0":{"loc":{"start":{"line":24,"column":8},"end":{"line":24,"column":null}},"type":"cond-expr","locations":[{"start":{"line":24,"column":11},"end":{"line":24,"column":13}},{"start":{"line":24,"column":25},"end":{"line":24,"column":null}}]},"1":{"loc":{"start":{"line":25,"column":21},"end":{"line":25,"column":null}},"type":"cond-expr","locations":[{"start":{"line":25,"column":24},"end":{"line":25,"column":39}},{"start":{"line":25,"column":39},"end":{"line":25,"column":null}}]}},"s":{"0":9,"1":9,"2":9,"3":9,"4":9,"5":9,"6":9,"7":9,"8":9,"9":9,"10":9,"11":9,"12":2},"f":{"0":9},"b":{"0":[9,0],"1":[9,0]}}
-}